가비아 - 안정성과 보안에 특화된 IDC 서비스

<!DOCTYPE html> <html lang="ko"> <head> <title>가비아 - 안정성과 보안에 특화된 IDC 서비스</title> <meta name="description" content="가비아 IDC 서비스는 1:1 맞춤 컨설팅과 24시간 365일 관리로 시스템 안정성과 강력한 보안을 보장합니다"> <meta property="og:type" content="website"> <meta property="og:title" content="가비아 - 안정성과 보안에 특화된 IDC 서비스"> <meta property="og:description" content="1:1 맞춤 컨설팅과 24시간 365일 관리로 시스템 안정성과 강력한 보안을 보장합니다"> <meta property="og:image" content="https://static.gabia.com/www/common/gnb/gabia_cloud_1200.png"> <meta property="og:url" content="https://idc.gabia.com"> <meta name="naver-site-verification" content="1482756d7ffdb54221681fbbd3cc0841eb829c55" /> <link rel="canonical" href="https://idc.gabia.com/"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" /> <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"> <link rel="stylesheet" type="text/css" href="https://static.gabia.com/responsive/assets/css_build/idc.css?v=2411270511"> <link rel="shortcut icon" href="https://static.gabia.com/www/common/img/favicon_cloud.svg"> <style> .g_banner_159 { background-image: url('https://headless-cms.gabia.com/uploads/240827_mb_a2b613d5b4.png'); } .g_banner_159.g_banner .content-slide { height: 300px; } @media only screen and (min-width: 768px) { .g_banner_159 { background-image:url('https://headless-cms.gabia.com/uploads/240827_tb_c11f2e6134.png'); } } @media only screen and (min-width: 1024px) { .g_banner_159 { text-align: left; background-image: url('https://headless-cms.gabia.com/uploads/240827_pc_c7997891be.png'); } .g_banner_159.g_banner .content-slide { height: 400px; } } .g_banner_12 { background-image: url('https://headless-cms.gabia.com/uploads/idc_banner_mb_76c363671a.png'); } .g_banner_12.g_banner .content-slide { height: 300px; } @media only screen and (min-width: 768px) { .g_banner_12 { background-image:url('https://headless-cms.gabia.com/uploads/idc_banner_tb_a5b944b73a.png'); } } @media only screen and (min-width: 1024px) { .g_banner_12 { text-align: left; background-image: url('https://headless-cms.gabia.com/uploads/idc_banner_pc_0f5129f94f.png'); } .g_banner_12.g_banner .content-slide { height: 400px; } } </style> </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>  <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> <div id="eventBanner"> <transition name="fade"> <div v-if="isEventActive" class="event-banner" :class="{ show: visible }"> <div class="banner-content" :class="currentEvent.class" @click="handleBannerClick" > <div class="text-content"> <p v-if="currentEvent.image" class="image"> <img :src="currentEvent.image" alt="" /> </p> <p class="description" v-html="currentEvent.description"></p> </div> <div class="banner-footer"> <label class="no-today"> <input :checked="noToday" type="checkbox" @change="handleNoTodayChange" /> <span>오늘 하루 보지 않음</span> </label> <button class="close-btn" @click="closeBanner">✕</button> </div> </div> </div> </transition> </div> <script src="https://static.gabia.com/libs/vue/2.7.16/vue.min.js"></script> <script src="https://static.gabia.com/libs/vuex/3.0.1/vuex.min.js"></script> <script> const store = new Vuex.Store({ state: { showBanner: false, visible: false, hasScrolled: false, isMobile: false, noToday: false, currentPath: '', events: { aiEvent: { routes: ['/gpu-infra', '/gpu', '/gpu-colo', '/server/mornitoring', '/server', '/server/idc', '/server/onemin', '/colo', '/parking', '/server/l4', '/management', '/server/addition', '/server/remote-backup', '/server/maintenance', '/server/lease', '/server/ha'], active: true, image: '/assets/images/event/bnr_img02.png', description: 'AI 비즈니스를 위한 <b>국내 최저가 GPU 서비스</b>', class: 'ai', link: '/event/ai_gpu' } } }, getters: { currentPageEvent: state => path => { const normalizedPath = path.endsWith('/') ? path.slice(0, -1) : path; return Object.values(state.events).find(event => event.routes.some(route => normalizedPath === route.replace(/\/$/, '')) ); }, isEventActive: (state, getters) => path => { const event = getters.currentPageEvent(path); return event && event.active && !state.isMobile && state.showBanner; } }, mutations: { SET_SHOW_BANNER(state, value) { state.showBanner = value; }, SET_VISIBLE(state, value) { state.visible = value; }, SET_HAS_SCROLLED(state, value) { state.hasScrolled = value; }, SET_IS_MOBILE(state, value) { state.isMobile = value; }, SET_NO_TODAY(state, value) { state.noToday = value; }, SET_CURRENT_PATH(state, path) { state.currentPath = path; } }, actions: { initBanner({ commit }, cookieName) { const hasNoBannerCookie = document.cookie.includes(`${cookieName}=true`); commit('SET_SHOW_BANNER', !hasNoBannerCookie); }, checkMobile({ commit }) { const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); commit('SET_IS_MOBILE', isMobile); }, eventScroll({ commit, state, getters }) { const isCurrentPageEventActive = getters.isEventActive(state.currentPath); if (!state.hasScrolled && state.showBanner && isCurrentPageEventActive) { commit('SET_HAS_SCROLLED', true); commit('SET_VISIBLE', true); } }, handleNoToday({ commit, dispatch }, { noToday, cookieName }) { commit('SET_NO_TODAY', noToday); if (noToday) { document.cookie = `${cookieName}=true; path=/; max-age=${60 * 60 * 24}`; } dispatch('closeBanner'); }, closeBanner({ commit }) { commit('SET_VISIBLE', false); setTimeout(() => { commit('SET_SHOW_BANNER', false); }, 300); }, setCurrentPath({ commit }, path) { commit('SET_CURRENT_PATH', path); } } }); // Vue 인스턴스를 정의하고 Vuex 스토어를 연결합니다. new Vue({ el: '#eventBanner', store, computed: { ...Vuex.mapState(['visible', 'noToday']), ...Vuex.mapGetters(['currentPageEvent', 'isEventActive']), currentEvent() { return this.currentPageEvent(window.location.pathname); } }, mounted() { this.initEventBanner(); window.addEventListener('scroll', this.eventScroll, { once: true }); window.addEventListener('popstate', this.updatePath); // 경로 변경 감지 }, beforeDestroy() { window.removeEventListener('scroll', this.eventScroll); window.removeEventListener('popstate', this.updatePath); }, beforeDestroy() { window.removeEventListener('scroll', this.eventScroll); window.removeEventListener('popstate', this.updatePath); }, methods: { ...Vuex.mapActions(['handleNoToday', 'closeBanner', 'eventScroll', 'checkMobile', 'initBanner', 'setCurrentPath']), initEventBanner() { this.checkMobile(); this.initBanner('banner_no_today'); this.setCurrentPath(window.location.pathname); }, updatePath() { this.setCurrentPath(window.location.pathname); // 경로 변경 시점에 호출 }, handleNoTodayChange(event) { this.handleNoToday({ noToday: event.target.checked, cookieName: 'banner_no_today' }); }, handleBannerClick(event) { if (!event.target.closest('.banner-footer')) { window.location.href = this.currentEvent.link; } } } }); </script> <style> .event-banner { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%) translateY(100%); z-index: 9999; opacity: 0; transition: all 0.3s ease-in-out; width: 100%; display: flex; justify-content: center; pointer-events: none; } .event-banner.show { opacity: 1; transform: translateX(-50%) translateY(0); } .banner-content { display: flex; align-items: center; border-radius: 8px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08); padding: 0 30px; width: 100%; height: 70px; max-width: 860px; pointer-events: auto; margin: 0 20px; cursor: pointer; } .banner-content.ai { background: #0F1F3A; } .text-content { display: flex; align-items: center; } .image { margin-right: 10px; } .image img { width: 64px; height: 70px; } .event-banner .description { line-height: 1.5; color: #fff; } .banner-footer { display: flex; align-items: center; margin-left: auto; position: relative; z-index: 10000; } .no-today { display: flex; align-items: center; font-size: 14px; color: #fff; cursor: pointer; } .no-today input { margin-right: 4px; } .close-btn { padding: 6px 12px; border: none; cursor: pointer; color: rgba(255, 255, 255, 0.8); background: none; } .fade-enter-active, .fade-leave-active { transition: opacity 0.3s, transform 0.3s; } .fade-enter, .fade-leave-to { opacity: 0; transform: translateX(-50%) translateY(100%); } </style><style type="text/css"> .gnb { float: none;} .contents { top: 0px; } #footer-app .brick-sitemap { position: static; } #footer-app .footer { width: auto; } #footer-app .brick-cloud-footer { top: 0px; } #gnb-app .wrap-container h1 { font-size: 24px; } #gnb-app .gnb__sub-orgcloud h2 { max-width: 200px; } .gt-modal--active{ display: block !important; } .dark-theme .brick-gnb .brick-gnb__depth1 > li.gt-active .pc-menu-title { border-bottom: 4px solid #fff; color: #fff; } .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; } } #gnb-app .top-btn__content { width: 44px; height: 44px; border-radius: 18px; border: 1px solid gray; background: #26292F; } @media only screen and (min-width: 1200px) { #gnb-app .top-btn__content { width: 56px; height: 56px; border-radius: 24px; } } #gnb-app .top-btn { right: 18px; } </style>   <section class="contents" id="w-contents"> <section id="_contents-swiper" class="sub-header-index renewal_banner js scroll1"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide renew g_banner g_banner_159 white"> <div class="content-slide"> <p class="main_title">국내 최저가 이벤트, <br> AI GPU 서버/고전력랙 할인</p> <p class="sub_title"> 요즘 대세, AI GPU 서비스를 최대 57% 할인된 가격으로!</p> <p class="brick-banner_btn"><a href="https://idc.gabia.com/event/ai_gpu" target="_self" class="button button-ghost-white hover--white">자세히 보기</a></p> </div> </div> <div class="swiper-slide renew g_banner g_banner_12 white"> <div class="content-slide"> <p class="main_title">IDC</p> <p class="sub_title"> 시스템 안정성과 보안에 <span class="block-mobile"></span>특화된 인프라 서비스</p> <p class="brick-banner_btn"><a href="/quotation" target="_self" class="button button-ghost-white hover--white"> 상담/문의</a></p> </div> </div> </div> <div class="controle-wrapper"> <div class="center-wrapper"> <button type="button" class="btn-swiper-control stop" aria-label="swiper control button"></button> <div class="pagination"></div> </div> </div> </div> </section>    <section class="main_indicator">  <div class="indicator-container"> <div class="container_wrap"> <div class="swiper" id="_myTab3"> <div class="swiper-button-prev swiper-button-prev-indicator"><i class="far fa-chevron-left"></i></div> <div class="swiper-wrapper gt-tab-nav"> <div class="swiper-slide gt-nav-item gt-active" data-id="_indicator-1"> <div class="service">AI / GPU</div> </div> <div class="swiper-slide gt-nav-item" data-id="_indicator-2"> <div class="service">서버호스팅</div> </div> <div class="swiper-slide gt-nav-item" data-id="_indicator-3"> <div class="service">코로케이션</div> </div> <div class="swiper-slide gt-nav-item" data-id="_indicator-4"> <div class="service">보안</div> </div> <div class="swiper-slide gt-nav-item" data-id="_indicator-5"> <div class="service"><span>네트워킹<span class="block-mobile narrow-pc"></span>&콘텐츠 전송</span></div> </div> <div class="swiper-slide gt-nav-item" data-id="_indicator-6"> <div class="service">매니지먼트</div> </div> <div class="swiper-slide gt-nav-item" data-id="_indicator-7"> <div class="service"><span>소프트웨어<span class="block-mobile narrow-pc"></span>&솔루션</span></div> </div> </div> <div class="swiper-button-next swiper-button-next-indicator"><i class="far fa-chevron-right"></i></div> </div> </div> </div> <div class="contents-container"> <div class="container_wrap">  <div id="_indicator-1"> <p class="contents_title"> 인공지능 비즈니스 경쟁력을 위한 고성능 GPU 서비스를 제공합니다 </p> <ul class="gt-grid indicator__list"> <li class="col-sm-12 col-md-4 col-lg-3 indicator__item"> <a href="/gpu-infra" target="_self" class="indicator__link"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_indicator_gpuinfra.svg" alt="" class="indicator__icon"> <p class="indicator__name">GPU 인프라</p> <p class="indicator__description">생성형 AI, 딥러닝, 빅데이터에 최적화된 GPU 인프라를 경험하세요</p> </a> </li> <li class="col-sm-12 col-md-4 col-lg-3 item"> <a href="/gpu" target="_self" class="indicator__link"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_indicator_gpu.svg" alt="" class="indicator__icon"> <p class="indicator__name">GPU 서버</p> <p class="indicator__description">딥러닝에 최적화된 GPU 서버로 효율을 극대화하세요</p> </a> </li> <li class="col-sm-12 col-md-4 col-lg-3 item"> <a href="/gpu-colo" target="_self" class="indicator__link"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_indicator_gpucolo.svg" alt="" class="indicator__icon"> <p class="indicator__name">GPU 랙</p> <p class="indicator__description">고전력 GPU 서버에 최적화된 환경을 제공합니다</p> </a> </li> </ul> </div>  <div id="_indicator-2" style="display: none;"> <p class="contents_title"> 단독 서버와 독립된 네트워크로 안전한 인프라를 사용할 수 있습니다 </p> <ul class="gt-grid indicator__list"> <li class="col-sm-12 col-md-4 col-lg-3 indicator__item"> <a href="/server" target="_self" class="indicator__link"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_indicator_server.svg" alt="" class="indicator__icon"> <p class="indicator__name">서버 임대/구매</p> <p class="indicator__description">단독 서버를 사용해 안정적으로 비즈니스를 운영하세요</p> </a> </li> <li class="col-sm-12 col-md-4 col-lg-3 item"> <a href="/server/onemin" target="_self" class="indicator__link"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_indicator_onemin.svg" alt="" class="indicator__icon"> <p class="indicator__name">1분 설치 서버</p> <p class="indicator__description">무약정 임대형 서버를 신청 즉시 사용해 보세요</p> </a> </li> </ul> </div>  <div id="_indicator-3" style="display: none;"> <p class="contents_title"> 국내 최고 수준의 IDC에서 전문 관리 서비스를 제공합니다 </p> <ul class="gt-grid indicator__list"> <li class="col-sm-12 col-md-4 col-lg-3 indicator__item"> <a href="/colo" target="_self" class="indicator__link"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_indicator_colo.svg" alt="" class="indicator__icon"> <p class="indicator__name">랙</p> <p class="indicator__description">서버 및 네트워크 장비가 5대 이상인 기업이라면 독립적인 시스템 환경을 구축하세요</p> </a> </li> <li class="col-sm-12 col-md-4 col-lg-3 item"> <a href="/parking" target="_self" class="indicator__link"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_indicator_parking.svg" alt="" class="indicator__icon"> <p class="indicator__name">서버 파킹</p> <p class="indicator__description">서버 및 네트워크 장비가 5대 미만이라면 최저 비용으로 독립 서버를 운영하세요</p> </a> </li> </ul> </div>  <div id="_indicator-4" style="display: none;"> <p class="contents_title"> 실시간으로 보안 위협에 대응하며 고객의 정보를 안전하게 보호합니다 </p> <ul class="gt-grid indicator__list"> <li class="col-sm-12 col-md-4 col-lg-3 indicator__item"> <a href="https://security.gabia.com/product/firewall/" target="_self" class="indicator__link"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_indicator_firewall.svg" alt="" class="indicator__icon"> <p class="indicator__name">방화벽</p> <p class="indicator__description">24X365 전문적인 유지보수 서비스를 통해 서버를 안정적으로 운영하세요</p> </a> </li> <li class="col-sm-12 col-md-4 col-lg-3 item"> <a href="https://security.gabia.com/product/waf/" target="_self" class="indicator__link"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_indicator_waf.svg" alt="" class="indicator__icon"> <p class="indicator__name">웹방화벽</p> <p class="indicator__description">웹 패킷 감시를 통해 악의적인 공격을 사전에 탐지/차단하여 웹 서버를 안전하게 보호합니다</p> </a> </li> <li class="col-sm-12 col-md-4 col-lg-3 item"> <a href="https://security.gabia.com/product/ips/" target="_self" class="indicator__link"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_indicator_ips.svg" alt="" class="indicator__icon"> <p class="indicator__name">IPS</p> <p class="indicator__description">자가학습, 행동기반 탐지와 모니터링으로 비정상적인 패킷을 자동 차단합니다</p> </a> </li> <li class="col-sm-12 col-md-4 col-lg-3 item"> <a href="https://security.gabia.com/product/vpn/" target="_self" class="indicator__link"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_indicator_vpn.svg" alt="" class="indicator__icon"> <p class="indicator__name">VPN</p> <p class="indicator__description">가상 사설망을 구축하고 모든 통신 과정을 암호화하여 네트워크를 안전하게 보호합니다</p> </a> </li> <li class="col-sm-12 col-md-4 col-lg-3 item"> <a href="https://security.gabia.com/consulting/penetration_test/" target="_self" class="indicator__link"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_indicator_penetration.svg" alt="" class="indicator__icon"> <p class="indicator__name">모의해킹</p> <p class="indicator__description">공격자 관점에서 모의해킹을 수행하고 위협에 대한 대응책을 제시합니다</p> </a> </li> <li class="col-sm-12 col-md-4 col-lg-3 item"> <a href="https://security.gabia.com/consulting/vulnerability/" target="_self" class="indicator__link"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_indicator_vulnerability.svg" alt="" class="indicator__icon"> <p class="indicator__name">취약점 진단</p> <p class="indicator__description">정보 자산의 보안 상태를 점검하고 잠재적인 취약점을 사전에 제거합니다</p> </a> </li> <li class="col-sm-12 col-md-4 col-lg-3 item"> <a href="https://security.gabia.com/consulting/forensic/" target="_self" class="indicator__link"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_indicator_forensic.svg" alt="" class="indicator__icon"> <p class="indicator__name">침해 사고 분석</p> <p class="indicator__description">보안 전문가가 침해사고를 분석하고 재발방지 대책을 수립합니다</p> </a> </li> <li class="col-sm-12 col-md-4 col-lg-3 item"> <a href="https://security.gabia.com/consulting/information_consulting/" target="_self" class="indicator__link"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_indicator_information.svg" alt="" class="indicator__icon"> <p class="indicator__name">정보보호 컨설팅</p> <p class="indicator__description">정보보호 수준 강화를 위해 체계적이고 전문적인 컨설팅 서비스를 제공합니다</p> </a> </li> </ul> </div>  <div id="_indicator-5" style="display: none;"> <p class="contents_title"> 원활한 사이트 운영을 위해 서버 분산과 고속 전송을 지원합니다 </p> <ul class="gt-grid indicator__list"> <li class="col-sm-12 col-md-4 col-lg-3 indicator__item"> <a href="/server/l4" target="_self" class="indicator__link"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_indicator_l4.svg" alt="" class="indicator__icon"> <p class="indicator__name">로드밸런싱(L4)</p> <p class="indicator__description">서버를 효율적으로 분산시켜 부하에 대비하세요</p> </a> </li> <li class="col-sm-12 col-md-4 col-lg-3 item"> <a href="https://cloud.gabia.com/cdn/" target="_self" class="indicator__link"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_indicator_cdn.svg" alt="" class="indicator__icon"> <p class="indicator__name">CDN</p> <p class="indicator__description">언제 어디서나 콘텐츠를 빠르고 안정적으로 전송할 수 있습니다</p> </a> </li> </ul> </div>  <div id="_indicator-6" style="display: none;"> <p class="contents_title"> 가비아 전문 엔지니어가 인프라 종합 관리 서비스를 전담 제공합니다 </p> <ul class="gt-grid indicator__list"> <li class="col-sm-12 col-md-4 col-lg-3 indicator__item"> <a href="https://cloud.gabia.com/trust/" target="_self" class="indicator__link"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_indicator_trust.svg" alt="" class="indicator__icon"> <p class="indicator__name">IDC 매니지드 서비스</p> <p class="indicator__description">전문 엔지니어의 확실하고 체계적인 관리가 이루어집니다</p> </a> </li> <li class="col-sm-12 col-md-4 col-lg-3 item"> <a href="/server/addition" target="_self" class="indicator__link"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_indicator_addition.svg" alt="" class="indicator__icon"> <p class="indicator__name">백업</p> <p class="indicator__description">베리타스 넷백업 기술 조합으로 업계 최고의 백업 시스템을 만나보세요</p> </a> </li> <li class="col-sm-12 col-md-4 col-lg-3 item"> <a href="/server/remote-backup" target="_self" class="indicator__link"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_indicator_remotebackup.svg" alt="" class="indicator__icon"> <p class="indicator__name">클라우드 원격 백업</p> <p class="indicator__description">재해 및 재난에 대비하여 IDC 데이터를 클라우드에 안전하게 보호합니다</p> </a> </li> <li class="col-sm-12 col-md-4 col-lg-3 item"> <a href="/server/mornitoring" target="_self" class="indicator__link"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_indicator_mornitoring.svg" alt="" class="indicator__icon"> <p class="indicator__name">통합 모니터링</p> <p class="indicator__description">서버, 네트워크, DB 등 컴퓨팅 자원 상태를 실시간 체크해 이상 이벤트에 대비하세요</p> </a> </li> <li class="col-sm-12 col-md-4 col-lg-3 item"> <a href="/server/maintenance" target="_self" class="indicator__link"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_indicator_maintenance.svg" alt="" class="indicator__icon"> <p class="indicator__name">하드웨어 유지보수</p> <p class="indicator__description">24X365 전문적인 유지보수 서비스를 통해 서버를 안정적으로 운영하세요</p> </a> </li> </ul> </div>  <div id="_indicator-7" style="display: none;"> <p class="contents_title"> 정품 라이선스 특가 임대로 비용 부담을 줄일 수 있습니다 </p> <ul class="gt-grid indicator__list"> <li class="col-sm-12 col-md-4 col-lg-3 indicator__item"> <a href="/server/lease" target="_self" class="indicator__link"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_indicator_lease.svg" alt="" class="indicator__icon"> <p class="indicator__name">소프트웨어 임대</p> <p class="indicator__description">정품 라이선스를 특가로 임대해 초기 비용 부담을 줄여보세요.</p> </a> </li> <li class="col-sm-12 col-md-4 col-lg-3 item"> <a href="/server/ha" target="_self" class="indicator__link"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_indicator_ha.svg" alt="" class="indicator__icon"> <p class="indicator__name">HA 솔루션(고가용성)</p> <p class="indicator__description">장애 감지부터 복구까지 일련의 과정을 자동화하여 효율적으로 서비스를 운영해 보세요.</p> </a> </li> <li class="col-sm-12 col-md-4 col-lg-3 item"> <a href="https://security.gabia.com/product/daas/" target="_self" class="indicator__link"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_indicator_daas.svg" alt="" class="indicator__icon"> <p class="indicator__name">가비아 DaaS</p> <p class="indicator__description">언제 어디에서나 다양한 기기로 업무 환경에 접속할 수 있습니다.</p> </a> </li> <li class="col-sm-12 col-md-4 col-lg-3 item"> <a href="https://gov-cloud.gabia.com/gov_daas/" target="_self" class="indicator__link"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_indicator_govdaas.svg" alt="" class="indicator__icon"> <p class="indicator__name">공공기관 전용 DaaS</p> <p class="indicator__description">언제 어디서나 안전한 업무 환경을 제공하는 클라우드 데스크톱 서비스입니다.</p> </a> </li> </ul> </div> </div> </div> </section> <section class="main_benefit renew_main_container"> <div class="gt-grid"> <div class="col-sm-12 col-md-12 col-lg-4"> <header>인프라 비용 부담을 줄이는<span class="block-desktop"></span>무료 제공 혜택</header> </div> <div class="col-sm-12 col-md-12 col-lg-8"> <ul class="main_benefit__list"> <li class="main_benefit__item"> <p class="main_benefit__num">01</p> <p class="main_benefit__text">DNS (네임서버관리)</p> </li> <li class="main_benefit__item"> <p class="main_benefit__num">02</p> <p class="main_benefit__text">트래픽 모니터링<br />서비스</p> </li> <li class="main_benefit__item"> <p class="main_benefit__num">03</p> <p class="main_benefit__text">GPU 전용<br />모니터링 서비스<br /><span>(GPU 서버호스팅 이용 시)</span></p> </li> <li class="main_benefit__item"> <p class="main_benefit__num">04</p> <p class="main_benefit__text">대용량 네트워크<br />회선 기본 제공</p> </li> <li class="main_benefit__item"> <p class="main_benefit__num">05</p> <p class="main_benefit__text">서버 OS 및 기본<br />애플리케이션 무상 설치</p> </li> <li class="main_benefit__item"> <p class="main_benefit__num">06</p> <p class="main_benefit__text">장애 및 공격 발생 시<br />즉각 대응</p> </li> </ul> </div> </div> </section> <section class="main_recommend"> <div class="container-recommend"> <div class="gt-grid"> <div class="col-sm-12 col-md-12 col-lg-4 title_wrap"> <p class="title">추천 서비스</p> <div class="tab_wrap gt-grid" id="_myTab4"> <div class="tab col-sm-6 col-md-4 col-lg-12 gt-nav-item gt-active" data-id="_mrecommend-1">GPU 서버</div> <div class="tab col-sm-6 col-md-4 col-lg-12 gt-nav-item" data-id="_mrecommend-2">GPU 랙</div> <div class="tab col-sm-6 col-md-4 col-lg-12 gt-nav-item" data-id="_mrecommend-3">1분 설치 서버</div> <div class="tab col-sm-6 col-md-4 col-lg-12 gt-nav-item" data-id="_mrecommend-4">서버호스팅</div> <div class="tab col-sm-6 col-md-4 col-lg-12 gt-nav-item" data-id="_mrecommend-5">통합 모니터링</div> <div class="tab col-sm-6 col-md-4 col-lg-12 gt-nav-item" data-id="_mrecommend-6">소프트웨어 임대</div> </div> </div> <div class="col-sm-12 col-md-12 col-lg-8 tab-content conts1" id="_mrecommend-1"> <div class="content-title">GPU 서버</div> <div class="content-description">딥러닝, 자율주행 등 AI 서비스에 최적화된 GPU 서버로<br />대규모 연산 처리와 같은 고성능 컴퓨팅 효율을 극대화하세요</div> <a href="/gpu" target="_blank" title="새창" class="button button-ghost-white hover--white small"> 자세히 보기 </a> </div> <div class="col-sm-12 col-md-12 col-lg-8 tab-content conts2" id="_mrecommend-2" style="display: none;"> <div class="content-title">GPU 랙</div> <div class="content-description">고객이 소유한 고성능, 고전력 GPU 서버를 가비아에 위탁하여<br />운영하는 서비스입니다</div> <a href="/gpu-colo" target="_blank" title="새창" class="button button-ghost-white hover--white small"> 자세히 보기 </a> </div> <div class="col-sm-12 col-md-12 col-lg-8 tab-content conts3" id="_mrecommend-3" style="display: none;"> <div class="content-title">1분 설치 서버</div> <div class="content-description">서버 비용을 줄이기 위한 약정 없이 임대만으로<br />신청 즉시 사용하는 서버입니다</div> <a href="/server/onemin" target="_blank" title="새창" class="button button-ghost-white hover--white small"> 자세히 보기 </a> </div> <div class="col-sm-12 col-md-12 col-lg-8 tab-content conts4" id="_mrecommend-4" style="display: none;"> <div class="content-title">서버호스팅</div> <div class="content-description">단독 서버 사용으로 언제나 안정적으로<br />비즈니스를 운영하세요</div> <a href="/server" target="_blank" title="새창" class="button button-ghost-white hover--white small"> 자세히 보기 </a> </div> <div class="col-sm-12 col-md-12 col-lg-8 tab-content conts5" id="_mrecommend-5" style="display: none;"> <div class="content-title">통합 모니터링</div> <div class="content-description">안정적인 서버 운영을 위한 실시간 체크로<br />이상 이벤트에 대비하세요</div> <a href="/server/mornitoring" target="_blank" title="새창" class="button button-ghost-white hover--white small"> 자세히 보기 </a> </div> <div class="col-sm-12 col-md-12 col-lg-8 tab-content conts6" id="_mrecommend-6" style="display: none;"> <div class="content-title">소프트웨어 임대</div> <div class="content-description">정품 라이선스를 특가로 임대해 초기 비용 부담을<br />줄여보세요</div> <a href="/server/lease" target="_blank" title="새창" class="button button-ghost-white hover--white small"> 자세히 보기 </a> </div> </div> </div> </section> <section class="renew_main_special"> <div class="renew_main_container"> <header>가비아 IDC 서비스가 특별한 이유</header> <ul class="special__list"> <li class="special__item"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_special01.svg" alt="AI / GPU" class="special__img" /> <p class="special__title">AI / GPU</p> <p class="special__desc">가비아는 생성형 AI, 머신러닝 등 대규모 연산이 가능한 고전력 고성능의 데이터센터와 GPU 서비스를 제공합니다. 1만 5천 대 규모의 서버 관리 노하우를 통해 GPU에 최적화된 향온, 향습 환경을 제공합니다.</p> </li> <li class="special__item"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_special02.svg" alt="1:1 맞춤 컨설팅 제공" class="special__img" /> <p class="special__title">1:1 맞춤 컨설팅 제공</p> <p class="special__desc">심도 있는 컨설팅을 통해 고객 서비스에 최적화된 인프라를 제안합니다. 고객 전담AM(Account Manager)이 동시 접속 수, 서버에 설치할 솔루션 등 세부적인 서비스 운영 환경을 파악하여 그에 맞는 시스템 사양과 네트워크구성, 보안 등의 운영 전략을 도출합니다.</p> </li> <li class="special__item"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_special03.svg" alt="" class="special__img" /> <p class="special__title">24 x 365 인프라 관리</p> <p class="special__desc">전문 엔지니어가 고객의 서버를 24시간 모니터링하고,기술 지원 서비스를 제공합니다. 20년 IDC 운영 노하우를 가진 전문 엔지니어가 24시간 상주하여, 갑작스러운 장애 또는 기술지원 요청에 신속하게 대처합니다.</p> </li> <li class="special__item"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_special04.svg" alt="" class="special__img" /> <p class="special__title">안전한 인프라 & 네트워크 환경</p> <p class="special__desc">최첨단 설비를 갖춘 IDC와 광대역 네트워크로 고객의 서버와 서비스 운영 환경을 최적의 상태로 유지합니다. 24시간 365일 서버를 쾌적하게 유지할 최신 설비와 국내는 물론 해외에도 빠르고 안정적인 통신이 가능한 네트워크망을 갖췄습니다.</p> </li> <li class="special__item"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_special05.svg" alt="" class="special__img" /> <p class="special__title">편리한 부가서비스 제공</p> <p class="special__desc">서비스 운영에 필요한 다양한 부가서비스를 제공합니다. 보안, 각종 소프트웨어, 백업, 모니터링 등 IT 관리 부서가 없어도 안전하게 서비스를 운영할 수 있는 편리한 부가서비스를 제공합니다.</p> </li> <li class="special__item"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_special06.svg" alt="" class="special__img" /> <p class="special__title">최적의 비용, 최고의 품질 제공</p> <p class="special__desc">고객의 요구사항을 반영한 맞춤 글로벌 브랜드 서버 (HP/DELL/Lenovo 등)를 최적의 비용으로 제공하며 3년 무상 보증 서비스를 지원합니다.</p> </li> </ul> </div> </section> <section class="renew_main_container ai_gpu"> <header>대 AI 시대, 이런 고민을 하고 있다면<br />GPU 인프라 서비스가 필요합니다</header> <p class="description">불필요한 시간은 줄이고, 온전히 비즈니스에만 집중하세요</p> <div class="content_wrap"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/img_aigpu_mb.png" alt="" class="ai_gpu__img tablet-hidden" /> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/img_aigpu_pc.png" alt="" class="ai_gpu__img mobile-hidden" /> <ul class="ai_gpu__list"> <li class="ai_gpu__item"> <i class="fas fa-check"></i> 4차 산업 비즈니스를 위해 AI, 딥러닝, 머신러닝 등 고성능 연산 작업이 필요하다면 </li> <li class="ai_gpu__item"> <i class="fas fa-check"></i> 게임이나 동영상, 빅데이터 분석 등 그래픽 처리가 중요한 작업이 필요하다면 </li> <li class="ai_gpu__item"> <i class="fas fa-check"></i> 전문 모니터링 툴을 이용한 GPU 서버 모니터링 서비스가 필요하다면 </li> <li class="ai_gpu__item"> <i class="fas fa-check"></i> 고성능 GPU서버를 위한 고전력 항온 항습 IDC가 필요하다면 </li> <li class="ai_gpu__item"> <i class="fas fa-check"></i> 워크로드 가속을 실현하여 더 빨리, 더 많은 작업의 처리가 필요하다면 </li> <li class="ai_gpu__item"> <i class="fas fa-check"></i> 1:1 맞춤 컨설팅부터 GPU 서버 설치 및 다양한 보안 솔루션이 필요하다면 </li> </ul> </div> </section> <section style="background: #f1f4f8;"> <div class="renew_main_container ai_gpu_optimization"> <header>AI 서비스에 최적화된 GPU 인프라 보유<a href=" /gpu-infra" class="button small button-ghost-gray btn__all-view mobile-hidden">전체 보기</a></header> <p class="description">항온, 항습, 고전력 IDC, 고성능 GPU 서버 등 대규모 연산 작업을<span class="block-tablet"></span>안정적으로 처리할 수 있도록 최적화된 환경을 제공합니다</p> <a href=" /gpu-infra" class="button small button-ghost-gray btn__all-view tablet-hidden">전체 보기</a> <ul class="gt-grid ai_gpu_optimization__list"> <li class="col-sm-12 col-md-4 col-lg-4 ai_gpu_optimization__item"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_optimization01.svg" class="ai_gpu_optimization__icon"> <p class="ai_gpu_optimization__title">고성능 GPU 서버</p> <p class="ai_gpu_optimization__desc">AI, 딥 러닝 트레이닝, 데이터 분석에 적합한 <span class="block-desktop"></span>A100, RTX A6000, RTX 4090, RTX 3090 등 <span class="block-desktop"></span>고성능 GPU 서버 제공</p> </li> <li class="col-sm-12 col-md-4 col-lg-4 ai_gpu_optimization__item"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_optimization02.svg" class="ai_gpu_optimization__icon"> <p class="ai_gpu_optimization__title">고전력 IDC</p> <p class="ai_gpu_optimization__desc">- 랙 당 최대 90A(20KW) 고전력 제공<br />- 항온, 항습 등 서버에 최적화된 환경<br />- Uptime사의 Tier Ⅲ 인증 취득</p> </li> <li class="col-sm-12 col-md-4 col-lg-4 ai_gpu_optimization__item"> <img src="https://static.gabia.com/responsive/assets/images/idc/renew/idx/icon_optimization03.svg" class="ai_gpu_optimization__icon"> <p class="ai_gpu_optimization__title">다양한 구축 사례</p> <p class="ai_gpu_optimization__desc">업스테이지, 클레온, 무하유 등 기술 기반으로 <span class="block-desktop"></span>혁신을 실현하는 AI 전문 기업에 <span class="block-desktop"></span>GPU 인프라 서비스 제공</p> </li> </ul> </div> </section>            <section class="brick-library idc-renew-index" id="library"> <h2 class="heading"> <span class="title">라이브러리</span> <a class="btn__all-view button button-ghost-gray small" href="https://library.gabia.com" target="_blank" title="_새창" >전체 보기 </a> </h2> <ul id="_brickLibrary"></ul> </section> <section class="brick-noticewrap idc-renew-index"> <div class="renew_main_container"> <div class="gt-grid board_wrapper"> <section class="brick-board idc col-sm-12 col-md-6 col-lg-6"> <div class="title_wrap"> <header>공지사항</header> <a href="https://www.gabia.com/gabia_notice/list.php" class="button small button-ghost-gray btn__all-view">전체 보기</a> </div> <ul class="item-list"> <li class="brick-board__items"> <a href="https://www.gabia.com/gabia_notice/view.php?seq_no=35121" class="brick-board__link"> <div class="list_wrap"><span class="brick-board__title">[공지] IDC 서비스 개편 및 이용약관 변경 안내 (일부 고객)</span><span class="brick-board__date">2024-11-27</span></div><i class="far fa-chevron-right"></i> </a> </li> <li class="brick-board__items"> <a href="https://www.gabia.com/gabia_notice/view.php?seq_no=34804" class="brick-board__link"> <div class="list_wrap"><span class="brick-board__title">[공지] 가비아 IDC 상면 요금 인상 안내</span><span class="brick-board__date">2024-11-06</span></div><i class="far fa-chevron-right"></i> </a> </li> <li class="brick-board__items"> <a href="https://www.gabia.com/gabia_notice/view.php?seq_no=34803" class="brick-board__link"> <div class="list_wrap"><span class="brick-board__title">[공지] Microsoft 라이선스 요금 인상 안내</span><span class="brick-board__date">2024-11-06</span></div><i class="far fa-chevron-right"></i> </a> </li> </ul> </section> <section class="brick-board col-sm-12 col-md-6 col-lg-6"> <div class="title_wrap"> <header>새소식</header> <a href="https://www.gabia.com/gabia_notice/new_list.php?service_kind=idc" class="button small button-ghost-gray btn__all-view">전체 보기</a> </div> <ul class="item-list" id="_brickNews"></ul> </section> </div> </div>  </section> </section> <div id="footer-app"></div> <div id="app"> <div class="float-menu__wrap"> <a class="float-menu__item pc-hidden" href="tel:02-3473-3911" :class="{ active: isScrolled }" ><img src="https://static.gabia.com/www/common/gnb/cloud/icon-phone.svg" alt="" /><span class="text">문의하기</span> </a> <a href="https://cloud.gabia.com/event" class="float-menu__item" :class="{ active: isScrolled }" ><img src="https://static.gabia.com/www/common/gnb/cloud/icon-event.svg" alt="" /><span class="text">이벤트</span></a > <a href="javascript:void(0)" class="float-menu__item mobile-hidden" :class="{ active: isScrolled }" @click="showModal" ><img src="https://static.gabia.com/www/common/gnb/cloud/icon-intro.svg" alt="" /><span class="text">소개서</span></a > </div>  <div class="gt-modal-wrap" v-if="isShowModal" :class="{'show-modal' : isShowModal}"> <div class="gt-overlay" :class="{'show-modal' : isShowModal}"> <div class="gt-modal download-introduction-modal" :class="{'show-modal' : isShowModal}"> <div class="gt-modal-content gt-animate-opacity" style="max-width: 680px"> <div class="modal_container"> <div class="modal_header"> <span>{{ getTitle }}</span> <div title="닫기" class="modal_close" @click="closeModal"></div> </div> <div class="modal_line"></div> <div class="modal_content"> <div class="row"> <div class="label required">서비스</div> <div class="service-wrap"> <label for="selectGcloudc" ><input id="selectGcloudc" v-model="serviceflag" type="radio" value="GCLOUDC" /> g클라우드</label > <label for="selectAwsc" ><input id="selectAwsc" v-model="serviceflag" type="radio" value="AWSC" /> 가비아 AWS</label > <label for="selectDaasc" ><input id="selectDaasc" v-model="serviceflag" type="radio" value="DAASC" /> 가비아 DaaS</label > </div> </div> <div class="row"> <div class="label required">업체명</div> <input ref="company" v-model.trim="company" class="gt-input" type="text" /> </div> <div class="row"> <div class="label required">이름</div> <input ref="name" v-model.trim="name" class="gt-input" type="text" /> </div> <div class="row"> <div class="label required">연락처</div> <div class="phone_wrap"> <select v-model="phone1" class="f-basis-170" name="phone1"> <option value="010">010</option> <option value="011">011</option> <option value="016">016</option> <option value="017">017</option> <option value="018">018</option> <option value="019">019</option> </select> <span class="separator">-</span> <input ref="phone2" v-model.trim="phone2" class="gt-input" type="text" maxlength="4" /> <span class="separator">-</span> <input ref="phone3" v-model.trim="phone3" class="gt-input" type="text" maxlength="4" /> </div> </div> <div class="row"> <div class="label required">이메일</div> <div class="email_wrap" :class="{ direct_write: !isDirectWrite }"> <input ref="email1" v-model.trim="email1" type="text" class="gt-input f-basis-170" /> <span class="separator">@</span> <input v-show="isDirectWrite" ref="email2" v-model.trim="email2" class="gt-input" type="text" /> <select id="email3" v-model="email3" name="email3" @change="changeEmailSelect" > <option value="">직접 입력</option> <option value="naver.com">naver.com</option> <option value="empal.com">empal.com</option> <option value="empas.com">empas.com</option> <option value="gmail.com">gmail.com</option> <option value="hanmail.net">hanmail.net</option> <option value="daum.net">daum.net</option> <option value="nate.com">nate.com</option> <option value="paran.com">paran.com</option> <option value="korea.com">korea.com</option> <option value="hitel.net">hitel.net</option> <option value="unitel.co.kr">unitel.co.kr</option> <option value="kornet.net">kornet.net</option> <option value="nownuri.net">nownuri.net</option> <option value="lycos.co.kr">lycos.co.kr</option> <option value="hanafos.com">hanafos.com</option> <option value="dreamwiz.com">dreamwiz.com</option> <option value="hanmir.com">hanmir.com</option> <option value="freechal.com">freechal.com</option> <option value="chollian.net">chollian.net</option> <option value="yahoo.co.kr">yahoo.co.kr</option> <option value="hotmail.com">hotmail.com</option> </select> </div> </div> <div class="privacy_wrap"> <label for="agreeBtn" class="gt-checkbox-wrap"> <input id="agreeBtn" v-model.trim="agreeBtn" type="checkbox" /> 개인정보 수집·이용에 동의합니다. </label> <button class="gt-button gt-button-text ml-15" @click="togglePrivacyInfo" > <template v-if="!isPrivacyInfo"> 자세히보기 <i class="fa fa-angle-down" style="margin-left: 5px;"></i> </template> <template v-else> 닫기 <i class="fa fa-angle-up" style="margin-left: 5px;"></i> </template> </button> </div>  <div v-if="isPrivacyInfo" class="terms_wrap"> <p>수집하는 개인정보의 항목</p> <ul class="w-list dot"> <li>이름, 전화번호, 이메일</li> </ul> <p class="mt-20">개인정보의 수집·이용 목적</p> <ul class="w-list dot"> <li> 이름 : 서비스 이용에 대한 견적 및 상담 진행을 위한 기본적인 대상자 정보 </li> <li> 전화번호/이메일 : 문의 사항에 대한 답변을 전달하기 위한 원할한 의사 소통 경로의 확보 </li> </ul> <p class="mt-20">개인정보의 보유 및 이용기간</p> <ul class="w-list dot"> <li> 원칙적으로 개인정보의 수집 또는 제공받은 목적 달성 시 지체없이 파기합니다. </li> <li> 단, 수집목적 및 제공받은 목적이 달성된 경우에도 법률의 규정에 의해여 보존할 필요성이 있는 경우에는 법률의 규정에 따라 고객의 개인정보를 보유할 수 있습니다. <ul class="w-list bar"> <li>계약 또는 청약철회 등에 관한 기록 : 5년</li> <li>대금결제 및 재화등의 공급에 관한 기록 : 5년</li> <li>소비자의 불만 또는 분쟁처리에 관한 기록 : 3년 등</li> </ul> </li> </ul> </div> <div class="button_wrap"> <button class="gt-button gt-button-primary" type="submit" @click="$_sendCompanyInfo()" > 다운로드 </button> </div> </div> </div> </div> </div> </div> </div> </div> <script type="text/javascript" src="/assets/common/js/jquery-1.9.1.min.js"></script> <script src="https://static.gabia.com/libs/vue/2.7.16/vue.min.js"></script> <script src="https://static.gabia.com/libs/axios/1.6.8/axios.min.js"></script> <script src="https://static.gabia.com/libs/axios-jsonp/dist/index.js"></script> <script> $(document).ready(function() { $('#showIntroModal').click(function() { gtris.ui.modal.open({ target: '#cloud-intro' }) }); var scrollSpyFnc = function () { var len = $('.move-scroll .move-scroll-line').length; var scrollArr = []; var scrollValue = $(window).scrollTop(); // idc 스크롤파이 동작이 안되어서 임시로 넣은 내용 var setArrayScrollPos = function() { for (var i = 0; i < len; i++) { scrollArr[i] = $(".scroll" + (i + 1)).offset().top - 89; } if ($(".brick-sitemap").length) { scrollArr[len] = $(".brick-sitemap").offset().top - 70; } else { // 만약 ".brick-sitemap" 클래스가 존재하지 않으면 다른 위치 값으로 설정 scrollArr[len] = $(document).height() - $(window).height(); // 페이지의 맨 아래로 스크롤 } } 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; }); } scrollSpyFnc(); }); new Vue({ el: '#app', data() { return { isShowModal: false, isScrolled: false, modalTitle: '', isPrivacyInfo: false, isDirectWrite: true, downloadKey: 0, company: '', name: '', phone1: '010', phone2: '', phone3: '', email1: '', email2: '', email3: '', serviceflag: 'GCLOUDC', agreeBtn: false, }; }, computed: { getPhoneNumber() { return `${this.phone1}-${this.phone2}-${this.phone3}`; }, getEmail() { return !this.email3 ? `${this.email1}@${this.email2}` : `${this.email1}@${this.email3}`; }, getTitle() { if (this.serviceflag === 'GCLOUDC') { return 'g클라우드 소개서 다운로드'; } else if (this.serviceflag === 'AWSC') { return '가비아 AWS 소개서 다운로드'; } else { return '가비아 DaaS 소개서 다운로드'; } }, }, mounted() { // 스크롤 이벤트 리스너 등록 window.addEventListener('scroll', this.handleScroll); }, beforeDestroy() { // 스크롤 이벤트 리스너 제거 window.removeEventListener('scroll', this.handleScroll); }, methods: { handleScroll() { const scrollPosition = window.scrollY; this.isScrolled = scrollPosition > 0; }, isEmailValid(email) { const regex = /^[a-zA-Z0-9+-_.]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+$/; return regex.test(email); }, isPhoneValid(phone) { const regex = /^\d{1}[0-9-]+\d{1,}$/; return regex.test(phone); }, downloadByOctetStream(filename, url) { const chunks = []; return fetch(url) .then(res => res.body.getReader()) .then(reader => { const download = (filename, url) => { const link = document.createElement('a'); link.download = filename; link.href = url; link.rel = 'noopener'; link.click(); link.remove(); setTimeout(() => { URL.revokeObjectURL(url); }, 100); }; const readChunk = ({ done, value: chunk }) => { if (done) { const blob = new Blob(chunks, { type: 'application/octet-stream; charset=utf-8' }); download(filename, URL.createObjectURL(blob)); return; } chunks.push(chunk); return reader.read().then(readChunk); }; return reader.read().then(readChunk); }); }, closed() { this.company = ''; this.name = ''; this.phone1 = ''; this.phone2 = ''; this.phone3 = ''; this.email1 = ''; this.email2 = ''; this.email3 = ''; this.serviceflag = 'GCLOUDC'; this.agreeBtn = false; this.isPrivacyInfo = false; }, changeTitle(type) { if (type === 'GCLOUDC') { this.modalTitle = 'g클라우드 소개서 다운로드'; } else if (type === 'AWSC') { this.modalTitle = '가비아 AWS 소개서 다운로드'; } else { this.modalTitle = '가비아 DaaS 소개서 다운로드'; } this.serviceflag = type; }, showModal() { this.isShowModal = true; document.body.style.overflow = 'hidden'; }, closeModal() { this.isPrivacyInfo = false; this.isShowModal = false; this.closed(); document.body.style.overflow = ''; const gnbApp = document.getElementById('gnb-app'); if (gnbApp) { gnbApp.style.zIndex = '1000'; } }, changeEmailSelect(event) { if (event.target.value === '') { this.isDirectWrite = true; } else { this.isDirectWrite = false; } }, togglePrivacyInfo() { this.isPrivacyInfo = !this.isPrivacyInfo; }, $_pdfDownload() { //! pdf 다운로드가 가능하지만 브라우저 기본기능을 사용한건 아니라 이슈 발생 가능성 있음 let downloadName = 'gabia_cloud_introduction.pdf'; let downloadUrl = 'https://headless-cms.gabia.com/uploads/Gabia_Cloud_Introduction_8a442616e7.pdf'; if (this.serviceflag === 'AWSC') { downloadName = 'gabia_aws_introduction.pdf'; downloadUrl = 'https://headless-cms.gabia.com/uploads/Gabia_AWS_Introduction_6d11301c2f.pdf'; } else if (this.serviceflag === 'DAASC') { downloadName = 'gabia_daas_introduction.pdf'; downloadUrl = 'https://headless-cms.gabia.com/uploads/Gabia_Daa_S_Introduction_8e2d592571.pdf'; } this.downloadByOctetStream(downloadName, downloadUrl); }, async $_sendCompanyInfo() { if (!this.company) { alert('업체명을 입력해주세요.'); this.$refs.company.focus(); return; } if (!this.name) { alert('이름을 입력해주세요.'); this.$refs.name.focus(); return; } if (!this.phone2 || !this.phone3) { alert('연락처를 입력해주세요.'); this.$refs.phone2.focus(); return; } if (this.phone2.length < 3 || this.phone3.length < 3) { alert('연락처 형식을 확인해 주세요.'); this.$refs.phone2.focus(); return; } if (!this.isPhoneValid(this.getPhoneNumber)) { alert('연락처 형식을 확인해주세요.'); return; } if (!this.isEmailValid(this.getEmail)) { alert('이메일 형식을 확인하세요.'); this.$refs.email1.focus(); return; } if (!this.agreeBtn) { alert('개인정보 수집·이용에 동의해주세요.'); return; } this.downloadKey += 1; const params = { method: 'POST', path: 'quotation/index', param: JSON.stringify({ company: this.company, name: this.name, mobile: this.getPhoneNumber, email: this.getEmail, serviceflag: this.serviceflag, }), }; try { const result = await axios.get('https://old-customer.gabia.com/api', { params, adapter: axiosJsonpAdapter, callbackParamName: 'jsoncallback', }); alert(result.data.msg); this.$_pdfDownload(); } catch (error) { console.warn(error.response); alert('다운로드 중 오류가 발생하였습니다. 잠시 후 다시 시도해주세요.'); } finally { this.closeModal(); } }, } }) </script> <style> .float-menu__wrap { position: fixed; right: 1.125rem; bottom: 4.75rem; display: flex; flex-direction: column; align-items: flex-end; z-index: 11; } @media only screen and (min-width: 1200px) { .float-menu__wrap { bottom: 5.125rem; } } .float-menu__item { display: flex; align-items: center; justify-content: flex-end; color: #fff; max-width: 170px; height: 44px; background: #222; border-radius: 24px; transition: all 0.5s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); margin-top: 8px; padding-right: 28px; padding-left: 28px; border: 1px solid rgba(255, 255, 255, 0.3); } @media only screen and (min-width: 1200px) { .float-menu__item { height: 48px; margin-top: 10px; } } .float-menu__item .text { transition: opacity 0.1s; transition-delay: 0.15s; opacity: 1; white-space: nowrap; margin-left: 6px; color: #fff; display: block; } .float-menu__item.active { width: 44px; height: 44px; border-radius: 22px; justify-content: center; padding-left: 0; padding-right: 0; transition: all 0.2s; } @media only screen and (min-width: 1200px) { .float-menu__item.active { width: 48px; height: 48px; } } .float-menu__item.active .text { transform: translateY(-50%); opacity: 0; transition-delay: 0s; position: absolute; right: 24px; top: calc(50% - 24px); } @media only screen and (min-width: 1024px) { .float-menu__item.active:hover { width: auto; max-width: 170px; padding-right: 28px; padding-left: 28px; } .float-menu__item.active:hover .text { position: static; transform: translateY(0); opacity: 1; transition-delay: 0.15s; } } .float-menu__item.mobile-hidden { display: none; } @media only screen and (min-width: 768px) { .float-menu__item.mobile-hidden { display: flex; } } @media only screen and (min-width: 768px) { .float-menu__item.pc-hidden { display: none; } } .gt-modal-wrap.show-modal { position: fixed; display: flex; align-items: center; justify-content: center; top: 0; left: 0; bottom: 0; right: 0; width: 100vw; height: 100vh; z-index: 2001; } .gt-overlay.show-modal { position: absolute; top: 0; bottom: 0; width: 100vw; height: 100vh; background-color: rgba(51, 51, 51, 0.35); } .download-introduction-modal.show-modal { display:block; } .download-introduction-modal .gt-input { border-radius: 0; border-color: #dbdbdb; outline: 0; } .download-introduction-modal .gt-input:focus { border-width: 1px; border-color: #2985db; } .download-introduction-modal select { display: inline-block; background-size: 16px 12px; background-position: right 5px center; background-color: #fff; color: #333 !important; border-width: 1px; border-color: #dbdbdb; border-style: solid; border-radius: 0; font-size: 14px; height: 36px; padding-left: 10px !important; padding-right: 30px !important; transition: border-color .15s ease-in-out, background-image .15s ease-in-out; width: 100%; outline: 0; background-repeat: no-repeat; @media only screen and (min-width: 768px) { height: 44px; } } .download-introduction-modal .modal_container { height: 100vh; width: 100vw; color: #000; } @media only screen and (min-width: 768px) { .download-introduction-modal .modal_container { max-width: 680px; height: auto; } } .download-introduction-modal .modal_container .modal_header { background: #fff; padding: 30px 15px; position: relative; display: flex; align-items: center; font-size: 16px; } @media only screen and (min-width: 768px) { .download-introduction-modal .modal_container .modal_header { padding: 40px; } } .download-introduction-modal .modal_container .modal_header span { color: #0069ff; font-size: 20px; font-weight: 700; } .download-introduction-modal .modal_container .modal_header .modal_close { margin-left: auto; display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; border-radius: 50%; transition: background-color 0.15s ease-in-out; cursor: pointer; } .download-introduction-modal .modal_container .modal_header .modal_close:after { color: #000; font-size: 30px; content: '\f00d'; font-family: 'Font Awesome 6 Pro'; ine-height: 1; font-weight: 300; } .download-introduction-modal .modal_container .modal_line { margin-left: 12px; margin-right: 12px; height: 1px; background: #d0d0d0; } @media only screen and (min-width: 768px) { .download-introduction-modal .modal_container .modal_line { margin-left: 40px; margin-right: 40px; } } .download-introduction-modal .modal_container .modal_content { font-size: 16px; padding: 25px 20px 28px; } @media only screen and (min-width: 768px) { .download-introduction-modal .modal_container .modal_content { padding: 30px 40px; } } .download-introduction-modal .modal_container .modal_content .gt-checkbox-wrap { font-size: 16px; display: flex; align-items: center; line-height: 1; cursor: pointer; } .gt-checkbox-wrap input[type=checkbox] { margin-right: 5px; margin-top: 2px; width: 18px; height: 18px; } .download-introduction-modal .row { margin-top: 20px; } .download-introduction-modal .row .label { margin-bottom: 2px; font-weight: 600; } .download-introduction-modal .row .label.required::after { display: inline-block; content: "*"; vertical-align: middle; margin-left: 5px; color: #f7741e; } .download-introduction-modal .row .phone_wrap, .download-introduction-modal .row .email_wrap { display: flex; align-items: center; gap: 5px; } .download-introduction-modal .row .phone_wrap .f-basis-170, .download-introduction-modal .row .email_wrap .f-basis-170 { flex: 0 0 100px; } @media only screen and (min-width: 768px) { .download-introduction-modal .row .phone_wrap .f-basis-170, .download-introduction-modal .row .email_wrap .f-basis-170 { flex: 0 0 170px; height: 44px; } } .download-introduction-modal .row .phone_wrap.direct_write input, .download-introduction-modal .row .phone_wrap.direct_write select, .download-introduction-modal .row .email_wrap.direct_write input, .download-introduction-modal .row .email_wrap.direct_write select { flex: 1 0 0; } .download-introduction-modal .row:first-child { margin-top: 0; } .download-introduction-modal .row .service-wrap label { margin-right: 25px; } .download-introduction-modal .privacy_wrap { display: flex; margin-top: 20px; } .download-introduction-modal .privacy_wrap .gt-button { color: #0069ff; padding: 0; background: 0 0; height: auto; line-height: 1; border: none; border-radius: 0; margin-left: 15px; font-size: 14px; } .download-introduction-modal .terms_wrap { margin-top: 10px; padding: 20px; border: 1px solid #ccc; color: #666; word-break: keep-all; } .download-introduction-modal .button_wrap { margin-top: 40px; text-align: center; } .gt-button { display: inline-flex; align-items: center; flex-direction: row; justify-content: center; vertical-align: middle; position: relative; padding: 0 24px; font-size: 14px; height: 36px; color: #333; background: transparent; border: 1px solid #333; letter-spacing: -1px; border-radius: 4px; cursor: pointer; white-space: nowrap; user-select: none; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: none; } .gt-button.gt-button-primary { background: #0069ff; border-color: #0069ff; color: #fff; } </style>  <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/gabiacloud.js?d=${dateStr}`; // $script.src = `https://feature-sub-dev-gnb-footer.gabia.com/gabiacloud.js?d=${dateStr}`; // $script.src = `https://dev-gnb-footer.gabia.com/gabiacloud.js?d=${dateStr}`; $script.type = 'text/javascript'; document.body.appendChild($script); }); (function(){var w=window;if(w.ChannelIO){return w.console.error("ChannelIO script included twice.");}var ch=function(){ch.c(arguments);};ch.q=[];ch.c=function(args){ch.q.push(args);};w.ChannelIO=ch;function l(){if(w.ChannelIOInitialized){return;}w.ChannelIOInitialized=true;var s=document.createElement("script");s.type="text/javascript";s.async=true;s.src="https://cdn.channel.io/plugin/ch-plugin-web.js";var x=document.getElementsByTagName("script")[0];if(x.parentNode){x.parentNode.insertBefore(s,x);}}if(document.readyState==="complete"){l();}else{w.addEventListener("DOMContentLoaded",l);w.addEventListener("load",l);}})(); ChannelIO('boot', { "pluginKey": "9ca32dc4-79e8-40a9-babb-5872523b8919" }); </script> <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> <script type='text/javascript' src="/assets/common/js/jquery.tmpl.js"></script> <script type='text/javascript' src="/assets/js/gidc.js"></script> <script type="text/javascript" src="https://static.gabia.com/www2/utils/GabiaCommon.js" defer></script> <script> gtris.ui.tab.init({ target: '#_myTab1', }) gtris.ui.tab.init({ target: '#_myTab2' }) gtris.ui.tab.init({ target: '#_myTab3' }) gtris.ui.tab.init({ target: '#_myTab4' }) $('#_nameserver-btn').click(function() { gtris.ui.layer.open({ target: '#_nameserver-wrap', url: '/assets/renew/layer/layer_server.php', id: '#_nameserver' }) }); $.ajax({ type: "GET", data: {'service_kind' : 'idc'}, url: "https://www.gabia.com/gabia_notice/getNewNotice?jsoncallback=?", dataType: "jsonp", error: function(XMLHttpRequest, textStatus, errorThrown) { //console.log('error'); }, success: function(response) { if (response.result) { var html_code = ''; var data = response.data.toplink; data = data.concat(response.data.non_toplink); for (var i = 0; i < data.length; i++) { if (i > 2) { break; } html_code += '<li class="brick-board__items">'; html_code += '<a href="https://www.gabia.com/gabia_notice/new_view.php?seq_no='+ data[i].seqno +'" class="brick-board__link">'; html_code += '<span class="brick-board__tag">'+ data[i].category_name +'</span>'; html_code += '<div class="list_wrap"><span class="brick-board__title">'+ data[i].title +'</span>'; html_code += '<span class="brick-board__date">'+ data[i].regist_date.replace(/-/gi, '.') +'.</span></div>'; html_code += '<i class="far fa-chevron-right"></i>'+'</a>'; html_code += '</li>'; } $('#_brickNews').append(html_code); } else { alert('잠시 후 다시 시도해 주세요.'); } } }); $('.idc-index__floating').addClass('original').clone().insertAfter('.idc-index__floating').addClass('cloned').removeClass('original').hide(); //scrollIntervalID = setInterval(stickIt, 10); function stickIt() { var orgElementPos = $('.original').offset(); orgElementTop = orgElementPos.top; if ($(window).scrollTop() > (orgElementTop) && $(window).width() < 1024) { // scrolled past the original position; now only show the cloned, sticky element. // Cloned element should always have same left position and width as original element. orgElement = $('.original'); //coordsOrgElement = orgElement.offset(); //leftOrgElement = coordsOrgElement.left; //widthOrgElement = orgElement.css('width'); $('.cloned').show(); $('.original').css('visibility','hidden'); } else { // not scrolled past the menu; only show the original menu. $('.cloned').hide(); $('.original').css('visibility','visible'); } } window.addEventListener('DOMContentLoaded', function() { if(GabiaCommonFetchUtils) { GabiaCommonFetchUtils.libraryBrick('#_brickLibrary' ,'idcmain') } }); var swiper = new Swiper("#_myTab3", { slidesPerView: 3, navigation: { nextEl: ".swiper-button-next-indicator", prevEl: ".swiper-button-prev-indicator", }, breakpoints: { 640: { slidesPerView: 3, allowTouchMove: true, }, 768: { slidesPerView: 4, allowTouchMove: true, }, 1024: { slidesPerView: 7, allowTouchMove: false, }, }, }); $(document).ready(function() { // 쿠키 읽기 함수 // function getCookie(name) { // let matches = document.cookie.match(new RegExp( // "(?:^|; )" + name.replace(/([\.$?*|{}\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)" // )); // return matches ? decodeURIComponent(matches[1]) : undefined; // } // // 쿠키 설정 함수 // function setCookie(name, value, days) { // let expires = ""; // if (days) { // let date = new Date(); // date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); // expires = "; expires=" + date.toUTCString(); // } // document.cookie = name + "=" + (value || "") + expires + "; path=/; domain=.gabia.com"; // } // // 페이지 로드 시 쿠키를 확인하여 팝업 표시 여부 결정 // if (getCookie('dontShowToday') !== 'true') { // $('#_transferPopup').show(); // } else { // $('#_transferPopup').hide(); // } // // 닫기 버튼 클릭 시 // $('#closeTransferModal').on('click', function() { // if ($('#dontShowToday').is(':checked')) { // // 쿠키 설정 (1일간 유효) // setCookie('dontShowToday', 'true', 1); // } // $('#_transferPopup').hide(); // }); }); </script> </body> </html>

CINXE.COM

가비아 - 안정성과 보안에 특화된 IDC 서비스