CINXE.COM

뉴렐릭 고객사 | New Relic

<!DOCTYPE html> <html lang="ko" dir="ltr" prefix="og: https://ogp.me/ns#"> <head> <meta charset="utf-8" /> <meta name="description" content="고객 사례를 통해 고객들이 어떻게 뉴렐릭 옵저버빌리티 플랫폼을 사용해 엔지니어의 역량을 강화하고 비즈니스 성과를 높이고 있는지 알아보십시오." /> <link rel="canonical" href="https://live-d9newrelic.pantheonsite.io/kr/customers" /> <link rel="icon" href="/themes/custom/erno/assets/images/metadata/favicon.ico" /> <link rel="mask-icon" href="/themes/custom/erno/assets/images/metadata/safari-pinned-tab.svg" /> <link rel="icon" sizes="16x16" href="/themes/custom/erno/assets/images/metadata/favicon-16x16.png" /> <link rel="icon" sizes="32x32" href="/themes/custom/erno/assets/images/metadata/favicon-32x32.png" /> <link rel="apple-touch-icon" sizes="180x180" href="/themes/custom/erno/assets/images/metadata/apple-touch-icon.png" /> <meta property="og:site_name" content="New Relic" /> <meta property="og:type" content="website" /> <meta property="og:title" content="뉴렐릭 고객사" /> <meta property="og:description" content="뉴렐릭 고객" /> <meta property="og:image" content="https://live-d9newrelic.pantheonsite.io/themes/custom/erno/assets/images/metadata/NROG_Image.png" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@newrelic" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="msapplication-tilecolor" content="#008c99" /> <meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <script type="application/ld+json">{ "@context": "https://schema.org", "@graph": [ { "@type": "WebSite", "name": "New Relic", "url": "https://live-d9newrelic.pantheonsite.io/kr", "potentialAction": { "@type": "SearchAction", "target": { "@type": "EntryPoint", "urlTemplate": "https://newrelic.com/search#stq={search_term}" }, "query": "https://newrelic.com/search#stq={search_term}", "query-input": "required name=search_term" } } ] }</script> <link rel="alternate" hreflang="fr" href="https://live-d9newrelic.pantheonsite.io/fr/customers" /> <link rel="alternate" hreflang="de" href="https://live-d9newrelic.pantheonsite.io/de/customers" /> <link rel="alternate" hreflang="ja" href="https://live-d9newrelic.pantheonsite.io/jp/customers" /> <link rel="alternate" hreflang="es" href="https://live-d9newrelic.pantheonsite.io/es/customers" /> <link rel="alternate" hreflang="pt-br" href="https://live-d9newrelic.pantheonsite.io/pt/customers" /> <link rel="alternate" hreflang="x-default" href="https://live-d9newrelic.pantheonsite.io/customers" /> <link rel="alternate" hreflang="ko" href="https://live-d9newrelic.pantheonsite.io/kr/customers" /> <title>뉴렐릭 고객사 | New Relic</title> <link rel="manifest" href="/themes/custom/erno/manifest.json"> <!-- Font preload --> <link rel="preload" href="/themes/custom/erno/assets/fonts/soehne/soehne-buch.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="/themes/custom/erno/assets/fonts/soehne/soehne-kraftig.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="/themes/custom/erno/assets/fonts/soehne/soehne-halbfett.woff2" as="font" type="font/woff2" crossorigin> <!-- Inline font styles --> <style type="text/css"> @font-face{font-family:Soehne;src:url(/themes/custom/erno/assets/fonts/soehne/soehne-buch.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Soehne;src:url(/themes/custom/erno/assets/fonts/soehne/soehne-buch-kursiv.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Soehne;src:url(/themes/custom/erno/assets/fonts/soehne/soehne-leicht.woff2)format("woff2");font-weight:100 300;font-style:normal;font-display:swap}@font-face{font-family:Soehne;src:url(/themes/custom/erno/assets/fonts/soehne/soehne-kraftig.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Soehne;src:url(/themes/custom/erno/assets/fonts/soehne/soehne-halbfett.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Soehne Mono;src:url(/themes/custom/erno/assets/fonts/soehne/soehne-mono-buch.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Soehne Mono;src:url(/themes/custom/erno/assets/fonts/soehne/soehne-mono-kraftig.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap} </style> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_YxHq4JckZsJdGDQ1tpeBZe76ApMEkddeFqPHu9bb32g.css?delta=0&amp;language=ko&amp;theme=erno&amp;include=eJxNT1sSwyAIvFBMYvrV02SIksdUwUFte_yaMbb9YXYXFhYU4sHkmNijdHgyGm8qCHtuVCt30KOUmKoUYMOKVuZUfAEENoGwx8FKDuD6n9JnCnkp5h1tNUU06WC6do2TSvhOHclMbHFuYb6pYh1s9C-H6LsyIPYsnCO6S560MvxEWR2_quTZQuuWgwsQtXcr_gB-uWMz" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_-hRDhoqi8uq9PuoK-Id66OLcz8QotKGpPeIfDG95aF0.css?delta=1&amp;language=ko&amp;theme=erno&amp;include=eJxNT1sSwyAIvFBMYvrV02SIksdUwUFte_yaMbb9YXYXFhYU4sHkmNijdHgyGm8qCHtuVCt30KOUmKoUYMOKVuZUfAEENoGwx8FKDuD6n9JnCnkp5h1tNUU06WC6do2TSvhOHclMbHFuYb6pYh1s9C-H6LsyIPYsnCO6S560MvxEWR2_quTZQuuWgwsQtXcr_gB-uWMz" /> <!-- Inline preferred font loader js --> <script> !function(e,n,o,t,r){var i="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:"undefined"!=typeof window?window:"undefined"!=typeof global?global:{},f="function"==typeof i[t]&&i[t],s=f.cache||{},d="undefined"!=typeof module&&"function"==typeof module.require&&module.require.bind(module);function a(n,o){if(!s[n]){if(!e[n]){var r="function"==typeof i[t]&&i[t];if(!o&&r)return r(n,!0);if(f)return f(n,!0);if(d&&"string"==typeof n)return d(n);var u=Error("Cannot find module '"+n+"'");throw u.code="MODULE_NOT_FOUND",u}c.resolve=function(o){var t=e[n][1][o];return null!=t?t:o},c.cache={};var l=s[n]=new a.Module(n);e[n][0].call(l.exports,c,l,l.exports,this)}return s[n].exports;function c(e){var n=c.resolve(e);return!1===n?{}:a(n)}}a.isParcelRequire=!0,a.Module=function(e){this.id=e,this.bundle=a,this.exports={}},a.modules=e,a.cache=s,a.parent=f,a.register=function(n,o){e[n]=[function(e,n){n.exports=o},{}]},Object.defineProperty(a,"root",{get:function(){return i[t]}}),i[t]=a;for(var u=0;u<n.length;u++)a(n[u]);if(o){var l=a(o);"object"==typeof exports&&"undefined"!=typeof module?module.exports=l:"function"==typeof define&&define.amd&&define(function(){return l})}}({gNLKk:[function(e,n,o){!function(e){var n=e.documentElement.classList,o=function(){n.add("fonts-active"),n.remove("fonts-inactive")};if(n.add("fonts-inactive"),sessionStorage.nrFontsLoaded)o();else if("fonts"in e)Promise.all([e.fonts.load("1em 'Soehne'"),e.fonts.load("italic 400 1em 'Soehne'"),e.fonts.load("300 1em 'Soehne'"),e.fonts.load("500 1em 'Soehne'"),e.fonts.load("600 1em 'Soehne'"),e.fonts.load("1em 'Soehne Mono'"),e.fonts.load("500 1em 'Soehne Mono'")]).then(function(){o(),sessionStorage.nrFontsLoaded=!0});else{var t=e.getElementsByTagName("script")[0],r=e.createElement("script");r.src="/themes/custom/erno/dist/js/nr-font-loader-fallback.min.js",r.async=!0,t.parentNode.insertBefore(r,t)}}(document)},{}]},["gNLKk"],"gNLKk","parcelRequire74cc"); </script> <!-- Osano script --> <script src="https://cmp.osano.com/AzZVWOTJtg1WY32RK/cd381ba3-ebca-488c-a528-376a86764609/osano.js?language=ko&variant=one"></script> <script> window.newrelic = window.newrelic || {}; window.newrelic.segmentKey = 'jzjQisi3j3VvLyH9mc0QNEgYKpj4LlD1' </script> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"kr\/","currentPath":"node\/9356","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"ko"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"translation":"translated","authorName":"Ishan Mukherjee, Alicia Basteri","publishedDate":"2021-12-08","nr_customers_block":{"customers":{"4621":{"nid":"4621"},"4613":{"nid":"4613"},"3532":{"nid":"3532"},"3537":{"nid":"3537"},"3530":{"nid":"3530"},"4367":{"nid":"4367"},"3533":{"nid":"3533"},"5697":{"nid":"5697"},"5182":{"nid":"5182"},"3525":{"nid":"3525"},"3526":{"nid":"3526"},"3535":{"nid":"3535"},"3531":{"nid":"3531"},"3536":{"nid":"3536"}}},"satisfies_audiences":[],"personalized":0,"intercom":false,"user":{"uid":0,"permissionsHash":"0adf92604104c28e880140de56c93fb0040e38a9eecbb0f405b7b36f65200660"}}</script> <script src="/sites/default/files/js/js_o2YXOoHXVyizTjNjn2Q7_HcFfqwGLELUhPmkM0waiC4.js?scope=header&amp;delta=0&amp;language=ko&amp;theme=erno&amp;include=eJxNjVEOwyAMQy9UVG0XqgK4LBokU4BWu_060Wr7e7L8bJjonLJ6yhO-_ABF2OBVtV1cERqrTGKLaMQSem1aYPMFdfQCmfaKc83uNxd0g61Z9xEVjcfXMVMQmeada2NyKB5xFDyJwNzGEXp-c5L--jlv7a17_EvNKDxZ0geef0_M"></script> <script src="/libraries/erno/js/nr-utilities.js?snakqm"></script> <script src="/modules/custom/nr_personalization/js/nr_personalization.personalization.js?snakqm"></script> <script src="/sites/default/files/js/js_YYVYElJeMKr4LcTtlkYsmM49viEn94SbcIouaGQwX_s.js?scope=header&amp;delta=3&amp;language=ko&amp;theme=erno&amp;include=eJxNjVEOwyAMQy9UVG0XqgK4LBokU4BWu_060Wr7e7L8bJjonLJ6yhO-_ABF2OBVtV1cERqrTGKLaMQSem1aYPMFdfQCmfaKc83uNxd0g61Z9xEVjcfXMVMQmeada2NyKB5xFDyJwNzGEXp-c5L--jlv7a17_EvNKDxZ0geef0_M"></script> <script src="//fast.wistia.com/assets/external/E-v1.js" async charset="ISO-8859-1"></script> <script src="/libraries/erno/js/nr-utm-cookie.js?snakqm"></script> <script src="/libraries/erno/js/analytics.js?snakqm"></script> <script src="/libraries/erno/js/nr-analytics.js?snakqm"></script> <script src="/sites/default/files/js/js_I5w3diHX9vrRtBzukxoVTzVjfaAaZ-7aXOndojW0kt8.js?scope=header&amp;delta=8&amp;language=ko&amp;theme=erno&amp;include=eJxNjVEOwyAMQy9UVG0XqgK4LBokU4BWu_060Wr7e7L8bJjonLJ6yhO-_ABF2OBVtV1cERqrTGKLaMQSem1aYPMFdfQCmfaKc83uNxd0g61Z9xEVjcfXMVMQmeada2NyKB5xFDyJwNzGEXp-c5L--jlv7a17_EvNKDxZ0geef0_M"></script> <!-- Start VWO Async SmartCode --> <script type='text/javascript' id='vwoCode'> window._vwo_code=window._vwo_code || (function() { var account_id=680279, version = 1.5, settings_tolerance=2000, library_tolerance=2500, use_existing_jquery=false, is_spa=1, hide_element='body', hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important', /* DO NOT EDIT BELOW THIS LINE */ f=false,d=document,vwoCodeEl=d.querySelector('#vwoCode'),code={use_existing_jquery:function(){return use_existing_jquery},library_tolerance:function(){return library_tolerance},hide_element_style:function(){return'{'+hide_element_style+'}'},finish:function(){if(!f){f=true;var e=d.getElementById('_vis_opt_path_hides');if(e)e.parentNode.removeChild(e)}},finished:function(){return f},load:function(e){var t=d.createElement('script');t.fetchPriority='high';t.src=e;t.type='text/javascript';t.innerText;t.onerror=function(){_vwo_code.finish()};d.getElementsByTagName('head')[0].appendChild(t)},getVersion:function(){return version},getMatchedCookies:function(e){var t=[];if(document.cookie){t=document.cookie.match(e)||[]}return t},getCombinationCookie:function(){var e=code.getMatchedCookies(/(?:^|;)\s?(_vis_opt_exp_\d+_combi=[^;$]*)/gi);e=e.map(function(e){try{var t=decodeURIComponent(e);if(!/_vis_opt_exp_\d+_combi=(?:\d+,?)+\s*$/.test(t)){return''}return t}catch(e){return''}});var i=[];e.forEach(function(e){var t=e.match(/([\d,]+)/g);t&&i.push(t.join('-'))});return i.join('|')},init:function(){if(d.URL.indexOf('__vwo_disable__')>-1)return;window.settings_timer=setTimeout(function(){_vwo_code.finish()},settings_tolerance);var e=d.createElement('style'),t=hide_element?hide_element+'{'+hide_element_style+'}':'',i=d.getElementsByTagName('head')[0];e.setAttribute('id','_vis_opt_path_hides');vwoCodeEl&&e.setAttribute('nonce',vwoCodeEl.nonce);e.setAttribute('type','text/css');if(e.styleSheet)e.styleSheet.cssText=t;else e.appendChild(d.createTextNode(t));i.appendChild(e);var n=this.getCombinationCookie();this.load('https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&f='+ +is_spa+'&vn='+version+(n?'&c='+n:''));return settings_timer}};window._vwo_settings_timer = code.init();return code;}()); </script> <!-- End VWO Async SmartCode --> </head> <body class="mq-breakpoints--hide path-node page-node-type-page selection:bg-gray-1 selection:text-nr-black"> <a href="#main-content" class="visually-hidden focusable skip-link"> 주요 콘텐츠로 건너뛰기 </a> <div class="page js-menu-screen-overlay bg-nr-white z-0"> <div class="page__hat"> </div> <div class="page__header"> <header class="js-header bg-nr-black dark text-nr-white text-lg relative w-full larger:border-b border-solid border-gray-4 header-expanded:fixed header-expanded:top-0 header-expanded:bottom-0 header-expanded:z-10 larger:!relative"> <div class="max-w-[1440px] mx-auto xlarge:px-8 relative flex flex-col larger:flex-row larger:items-center larger:px-6 justify-between header-expanded:h-full"> <div class="flex h-full shrink-0 basis-16 justify-between px-4 border-b border-solid border-gray-4 larger:basis-auto larger:p-0 larger:border-none"> <a class="grid w-[120px] larger:w-36 xlarge:w-[170px] svg-w-full h-full items-center rounded focus-inset" href="/kr" title="New Relic Logo"> <svg width="165" height="32" viewBox="0 0 165 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_5075_22003)"> <path d="M22.3821 11.0773V20.9227L13.8572 25.8464V32L27.7144 24.0005V7.9995L22.3821 11.0773Z" fill="#00AC69"/> <path d="M13.8572 6.15563L22.3821 11.0773L27.7144 7.9995L13.8572 0L0 7.9995L5.33031 11.0773L13.8572 6.15563Z" fill="#1CE783"/> <path d="M8.52689 19.0788V28.9242L13.8572 32V16.001L0 7.9995V14.1551L8.52689 19.0788Z" fill="white"/> <path d="M46.7349 7.97736C43.7517 7.97736 42.3386 9.86149 42.3386 9.86149H42.1816L41.8696 8.29138H38.2563V24.3065H42.1816V15.0469C42.1816 13.0057 43.5907 11.5926 45.6359 11.5926C47.681 11.5926 49.0901 13.0017 49.0901 15.0469V24.3065H53.0154V14.7288C53.0154 10.6465 50.3462 7.97736 46.7349 7.97736Z" fill="white"/> <path d="M89.0674 18.8111H88.842L86.1728 8.29138H82.1791L79.5099 18.8111H79.2864L76.6152 8.29138H72.533L76.6152 24.3065H81.396L84.0632 13.9438H84.2886L86.9578 24.3065H91.7366L95.8189 8.29138H91.7366L89.0674 18.8111Z" fill="white"/> <path d="M107.838 9.70448H107.681L107.367 8.29541H104.07V24.3085H107.995V15.0489C107.995 13.0077 108.937 12.0657 110.979 12.0657H112.992V8.2934H110.656C110.11 8.29456 109.57 8.42261 109.081 8.66747C108.592 8.91232 108.167 9.2673 107.838 9.70448V9.70448Z" fill="white"/> <path d="M121.677 7.97736C116.969 7.97736 113.515 11.4316 113.515 16.2989C113.515 21.1663 116.774 24.6205 121.677 24.6205C125.649 24.6205 128.04 22.2834 129.037 20.5644L125.433 19.2801C125.077 19.9323 123.64 21.1864 121.677 21.1864C119.388 21.1864 117.754 19.7532 117.44 17.5631H129.371C129.481 17.0471 129.534 16.5205 129.528 15.993C129.528 11.4316 126.073 7.97736 121.677 7.97736ZM117.44 14.8858C117.911 12.8447 119.324 11.2746 121.677 11.2746C123.877 11.2746 125.288 12.8447 125.602 14.8858H117.44Z" fill="white"/> <path d="M63.6899 7.97736C58.9796 7.97736 55.5254 11.4316 55.5254 16.2989C55.5254 21.1663 58.7783 24.6205 63.6899 24.6205C67.6615 24.6205 70.0509 22.2834 71.0473 20.5644L67.4441 19.2801C67.0878 19.9323 65.6526 21.1864 63.6899 21.1864C61.4012 21.1864 59.7647 19.7532 59.4507 17.5631H71.3835C71.4938 17.0471 71.5465 16.5205 71.5405 15.993C71.5405 11.4316 68.0863 7.97736 63.6899 7.97736ZM59.4507 14.8858C59.9217 12.8447 61.3348 11.2746 63.6899 11.2746C65.8881 11.2746 67.3012 12.8447 67.6152 14.8858H59.4507Z" fill="white"/> <path d="M143.25 1.96867H139.325V5.89394H143.25V1.96867Z" fill="white"/> <path d="M154.082 21.0092C151.727 21.0092 149.843 19.1251 149.843 16.2989C149.843 13.4727 151.727 11.5886 154.082 11.5886C156.437 11.5886 157.379 13.1587 157.693 14.1008L161.248 12.8366C160.386 10.6002 158.273 7.97736 154.082 7.97736C149.371 7.97736 145.917 11.4316 145.917 16.2989C145.917 21.1663 149.371 24.6205 154.082 24.6205C158.309 24.6205 160.423 21.9553 161.268 19.6123L157.693 18.3401C157.379 19.4391 156.437 21.0092 154.082 21.0092Z" fill="white"/> <path d="M129.963 5.45713H132.191V24.3065H136.116V1.96867H129.963V5.45713Z" fill="white"/> <path d="M143.25 8.29138H139.325V24.3065H143.25V8.29138Z" fill="white"/> <path d="M163.37 21.2347C163.069 21.2303 162.775 21.3153 162.523 21.479C162.271 21.6426 162.073 21.8775 161.955 22.1537C161.837 22.4298 161.804 22.7349 161.86 23.03C161.916 23.325 162.058 23.5968 162.269 23.8107C162.48 24.0247 162.75 24.1711 163.044 24.2313C163.338 24.2915 163.644 24.2628 163.922 24.149C164.199 24.0351 164.437 23.8411 164.605 23.5917C164.772 23.3423 164.861 23.0488 164.861 22.7484C164.868 22.5498 164.834 22.3518 164.762 22.1666C164.689 21.9815 164.58 21.8129 164.44 21.6713C164.301 21.5297 164.134 21.418 163.95 21.3429C163.766 21.2679 163.568 21.231 163.37 21.2347ZM163.37 24.0307C163.115 24.0351 162.865 23.9636 162.651 23.8254C162.438 23.6872 162.27 23.4886 162.169 23.2547C162.069 23.0208 162.04 22.7623 162.087 22.5121C162.134 22.262 162.255 22.0314 162.433 21.8499C162.611 21.6683 162.84 21.544 163.089 21.4927C163.338 21.4414 163.597 21.4655 163.833 21.5618C164.069 21.6582 164.27 21.8225 164.412 22.0338C164.554 22.2451 164.63 22.4939 164.63 22.7484C164.636 22.9161 164.607 23.0833 164.546 23.2395C164.485 23.3958 164.392 23.538 164.274 23.6573C164.156 23.7766 164.015 23.8706 163.86 23.9334C163.704 23.9962 163.537 24.0266 163.37 24.0226V24.0307Z" fill="white"/> <path d="M164.02 22.4686C164.019 22.396 164.004 22.3243 163.975 22.2578C163.946 22.1913 163.903 22.1315 163.85 22.0821C163.797 22.0327 163.734 21.9947 163.666 21.9705C163.597 21.9462 163.525 21.9363 163.452 21.9412H162.78V23.5194H163.011V22.9719H163.223L163.768 23.5194H164.056L163.51 22.9719C163.645 22.9719 163.773 22.9191 163.868 22.8249C163.964 22.7306 164.018 22.6027 164.02 22.4686V22.4686ZM163.013 22.7404V22.1727H163.452C163.494 22.1676 163.537 22.1715 163.577 22.184C163.618 22.1965 163.655 22.2173 163.687 22.2453C163.719 22.2732 163.745 22.3075 163.763 22.346C163.78 22.3845 163.79 22.4262 163.79 22.4686C163.79 22.6357 163.684 22.7404 163.452 22.7404H163.013Z" fill="white"/> </g> <defs> <clipPath id="clip0_5075_22003"> <rect width="164.861" height="32" fill="white"/> </clipPath> </defs> </svg> </a> <div class="larger:hidden flex gap-2 items-center"> <button class="js-header-search-trigger mr-4" aria-expanded="false" aria-controls="header-search-form"> <span aria-hidden="true"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.93 20.861A6.93 6.93 0 1 0 13.93 7a6.93 6.93 0 0 0 0 13.861Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/><path d="m18.782 18.782 3.466 3.465.877.878 1.125 1.125.75.75" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg> </span> <span class="sr-only">Search toggle</span> </button> <button class="js-header-site-nav-trigger hamburger-menu relative h-8 w-8 rounded" aria-expanded="false" aria-controls="header-main"> <span class="absolute bg-nr-white inline-block rounded h-[3px] left-1/2 transition-all duration-300 ease-in-out -translate-x-1/2 w-6 top-line top-[6px] origin-center"></span> <span class="absolute bg-nr-white inline-block rounded h-[3px] left-1/2 transition-all duration-300 ease-in-out -translate-x-1/2 w-6 middle-line top-[15px]"></span> <span class="absolute bg-nr-white inline-block rounded h-[3px] left-1/2 transition-all duration-300 ease-in-out -translate-x-1/2 w-6 bottom-line bottom-[6px]"></span> <span class="sr-only"> Main navigation menu, 6 items </span> </button> </div> </div> <div class="hidden search-expanded:block js-header-search relative p-4 border-t border-t-gray-4 z-20 larger:grow larger:p-0 larger:border-t-0" id="header-search-form"> <div class="search-form js-search-form search-form--navigation large:bg-nr-black dark"> <form class="flex relative" method="post" action="/search"> <label class="sr-only" for="header-search">Search</label> <input class="js-full-text-search col-start-1 row-start-1 w-full !pr-16" type="search" id="header-search" name="search" placeholder="무엇을 찾고 계신가요? " autocomplete="on" autocorrect="off" autocapitalize="off" value="" /> <div class="absolute right-10 flex items-center justify-center h-full w-16"> <button class="js-search-form-submit btn-text"> <span aria-hidden="true"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.93 20.861A6.93 6.93 0 1 0 13.93 7a6.93 6.93 0 0 0 0 13.861Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/><path d="m18.782 18.782 3.466 3.465.877.878 1.125 1.125.75.75" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg> </span> <span class="sr-only">Submit</span> </button> </div> <button class="js-search-form-cancel btn-text !bg-transparent text-nr-black dark:text-nr-white" aria-label="close" type="button"> <span aria-hidden="true"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m8.928 8.928 14.144 14.144m0-14.144L8.928 23.072" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg> </span> </button> </form> </div> <div class="header-search__overlay"></div> </div> <div class="hidden header-expanded:contents larger:contents" id="header-main"> <nav class="js-header-site-nav grow bg-nr-black text-nr-white overflow-y-auto pb-[102px] larger:pb-0 larger:overflow-auto larger:grow-0 larger:bg-transparent larger:text-nr-white larger:search-expanded:invisible" role="navigation"> <ul class="js-header-site-nav-item-list flex flex-col min-h-min m-0 larger:flex-row largest:overflow-hidden"> <li class="js-header-site-nav-item border-b border-b-gray-4 larger:border-0"> <button class="js-header-site-nav-focusable px-10 py-[17px] larger:py-[34px] larger:px-2 largest:px-4 focus-inset focus:outline-4 js-parent-expanded:border-b border-b-gray-4 js-parent-expanded:flex-row-reverse js-parent-expanded:justify-end larger:inline-block larger:js-parent-expanded:border-b-0 larger:border-b-0 js-header-site-nav-button flex w-full items-center justify-between" aria-haspopup="menu"> <span class="text-lg larger:text-base xlarge:text-lg"> 플랫폼 </span> <span class="larger:hidden -rotate-90 js-parent-expanded:rotate-90 js-parent-expanded:-ml-2.5 transition-transform"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m9 12.5 7 7 7-7" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg> </span> </button> <div class="js-subnav hidden larger:block larger:invisible larger:opacity-0 larger:absolute larger:left-0 larger:right-0 larger:-translate-x-4 transition-all js-parent-expanded:block js-parent-expanded:visible js-parent-expanded:opacity-100 js-parent-expanded:translate-x-0 border border-solid border-gray-4 medium:gradient-nav-black"> <div class="text-nr-white larger:nr-fluid-container mx-auto"> <div> <div class="paragraph paragraph--type--nav-sub-menu paragraph--view-mode--default"> <div class="grid grid-flow-row gap-6 items-start header-nav-onecol--12"> <div class="large:col-span-12 column--index-1 grid gap-8 grid-cols-1"> <div class="n03-promo-list__wrapper larger:mt-8 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/platform" itemprop="url"> <div class="n03-promo-list flex flex-col larger:flex-row grow gap-2 larger:gap-6 justify-between bg-nr-extra-black medium:bg-transparent larger:rounded-lg larger:border larger:border-transparent px-10 py-6 larger:px-6 larger:group-hover:border-nr-green"> <div class="n03-promo js-n03-promo-slide text-sm"> <div class="n03-promo__logo w-10 mb-4"> <div class="n03-promo__image"> <img width="24" height="24" alt="apm icon" loading="eager" class="svg-image" src=/sites/default/files/2023-09/APM.svg /> </div> </div> <div class="n03-promo__title whitespace-nowrap group-hover:text-nr-white transition-all duration-200"> 올인원 옵저버빌리티 플랫폼 </div> <div class="text-gray-2"> 30여 개 기능, 750여 개 통합, AI의 강력한 기능을 모두 제공합니다. </div> </div> <div class="n03-promo-list__cta text-sm flex items-center"> <div class="h-6 overflow-y-hidden larger:min-w-[120px]"> <div class="float-right transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col group-hover:text-nr-green"> <span class="whitespace-nowrap overflow-x-visible" itemprop="name"> 플랫폼 보기 </span> <span class="whitespace-nowrap overflow-x-visible"> 플랫폼 보기 </span> </div> </div> </div> </div> </a> </div> </div> </div> </div> <div class="paragraph paragraph--type--nav-sub-menu paragraph--view-mode--default"> <div class="grid grid-flow-row gap-6 items-start px-10 header-nav-fourcol--3-3-3-3 larger:grid-flow-col larger:grid-cols-12 larger:px-0 larger:mb-12"> <div class="pt-10 larger:row-end-auto larger:col-span-3 bg- larger:px-0 larger:pt-12 column--index-1 grid gap-8 grid-cols-1"> <div class="n01-link-list" data-accordion-id="n01-list-accordion-APM"> <div class="text-sm text-gray-2 dark:text-gray-2 ml-4 min-h-[16px] pb-2"> APM </div> <ul > <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/platform/application-monitoring" aria-label="APM 360" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">APM 360</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <g clip-path="url(#clip0_476_5355)"> <path d="M13.5 3.5H2.5C2.225 3.5 2 3.725 2 4V12C2 12.275 2.225 12.5 2.5 12.5H13.5C13.775 12.5 14 12.275 14 12V4C14 3.725 13.775 3.5 13.5 3.5ZM13 4.5V7.515L10.955 7.52L9.8575 6.3875C9.7525 6.28 9.605 6.225 9.4525 6.2375C9.3025 6.2525 9.165 6.3325 9.0825 6.46L7.8275 8.35L6.6325 6.915C6.5425 6.805 6.41 6.74 6.2675 6.735C6.1275 6.7275 5.9875 6.785 5.89 6.885L4.795 8.0125H2.9975V4.5H12.9975H13ZM3 11.5V9.015H5.0075C5.1425 9.015 5.2725 8.96 5.365 8.8625L6.22 7.9825L7.49 9.505C7.585 9.62 7.725 9.685 7.875 9.685C7.885 9.685 7.8925 9.685 7.9025 9.685C8.06 9.6775 8.205 9.5925 8.2925 9.4625L9.575 7.53L10.3875 8.37C10.4825 8.4675 10.6125 8.5225 10.7475 8.5225L13 8.515V11.5H3Z" fill="#F9FAFA"/> </g> <defs> <clipPath id="clip0_476_5355"> <rect width="12" height="9" fill="white" transform="translate(2 3.5)"/> </clipPath> </defs> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/platform/serverless-monitoring" aria-label="서버리스" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">서버리스</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M11.9375 12.2425H4.85005C3.24505 12.2425 1.98755 10.9275 1.98755 9.24751C1.98755 7.56751 3.24505 6.25251 4.85005 6.25251C4.99755 6.25251 5.17005 6.26751 5.32255 6.28501L5.42255 6.04001C6.08005 4.65251 7.40005 3.75751 8.79005 3.75751C10.8025 3.75751 12.4375 5.47501 12.4375 7.58251V7.96001L12.6725 8.03251C13.5 8.36001 14.0125 9.14251 14.0125 10.0775C14.0125 11.27 13.0825 12.24 11.9375 12.24V12.2425ZM4.85005 7.25251C3.78755 7.25251 2.98755 8.11001 2.98755 9.24751C2.98755 10.385 3.78755 11.2425 4.85005 11.2425H11.9375C12.53 11.2425 13.0125 10.72 13.0125 10.08C13.0125 9.55501 12.7625 9.15251 12.3225 8.97251L11.4375 8.70501V7.58501C11.4375 6.02751 10.25 4.76001 8.79005 4.76001C7.79005 4.76001 6.82755 5.42501 6.33255 6.45751L5.95005 7.40001L5.55255 7.33001C5.43255 7.31001 5.07255 7.25501 4.85255 7.25501L4.85005 7.25251Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/platform/pathpoint" aria-label="비즈니스 옵저버빌리티" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">비즈니스 옵저버빌리티</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M10.7502 13.1175C11.1652 13.1175 11.5002 12.7825 11.5002 12.3675C11.5002 11.9525 11.1652 11.6175 10.7502 11.6175C10.3352 11.6175 10.0002 11.9525 10.0002 12.3675C10.0002 12.7825 10.3352 13.1175 10.7502 13.1175Z" fill="#F9FAFA"/> <path d="M11.3703 9.88251H2.52781C2.33281 9.88251 2.15781 9.77001 2.07531 9.59501C1.99281 9.42001 2.02031 9.21251 2.14281 9.06251L4.36531 6.38251L2.14281 3.70251C2.02031 3.55251 1.99281 3.34501 2.07531 3.17001C2.15781 2.99501 2.33281 2.88251 2.52781 2.88251H11.3703C11.5328 2.88251 11.6853 2.96001 11.7778 3.09251L13.9078 6.09251C14.0303 6.26501 14.0303 6.49751 13.9078 6.67251L11.7778 9.67251C11.6828 9.80501 11.5328 9.88251 11.3703 9.88251ZM3.59281 8.88251H11.1128L12.8878 6.38251L11.1128 3.88251H3.59281L5.40031 6.06251C5.55281 6.24751 5.55281 6.51501 5.40031 6.70001L3.59281 8.88001V8.88251Z" fill="#F9FAFA"/> <path d="M5.00024 11.8775H2.00024V12.8775H5.00024V11.8775Z" fill="#F9FAFA"/> <path d="M9.00024 11.8775H6.00024V12.8775H9.00024V11.8775Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/solutions/sap" aria-label="SAP 모니터링" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">SAP 모니터링</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M7.79505 11.4963H2.48755C2.21255 11.4963 1.98755 11.2713 1.98755 10.9963V5.00375C1.98755 4.72875 2.21255 4.50375 2.48755 4.50375H13.5125C13.7125 4.50375 13.8925 4.62375 13.9725 4.80625C14.05 4.99125 14.0125 5.20375 13.875 5.34875L8.15755 11.3413C8.06255 11.4413 7.93255 11.4963 7.79505 11.4963ZM2.98755 10.4963H7.58005L12.3425 5.50375H2.98755V10.4963Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/codestream" aria-label="CodeStream" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">CodeStream</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M13.8224 7.64564L8.35494 2.17814C8.15994 1.98314 7.84244 1.98314 7.64744 2.17814L2.17994 7.64564C1.98494 7.84064 1.98494 8.15813 2.17994 8.35313L7.64744 13.8206C7.74494 13.9181 7.87244 13.9681 7.99994 13.9681C8.12744 13.9681 8.25494 13.9181 8.35244 13.8206L13.8199 8.35313C14.0149 8.15813 14.0149 7.84064 13.8199 7.64564H13.8224ZM7.99994 9.20314C7.33494 9.20314 6.79494 8.66313 6.79494 7.99813C6.79494 7.33313 7.33494 6.79313 7.99994 6.79313C8.66494 6.79313 9.20494 7.33313 9.20494 7.99813C9.20494 8.66313 8.66494 9.20314 7.99994 9.20314ZM7.49994 3.73814V5.85563C6.52494 6.08313 5.79494 6.95814 5.79494 8.00064C5.79494 9.04314 6.52494 9.91814 7.49994 10.1456V12.2631L3.23744 8.00064L7.49994 3.73814ZM8.49994 12.2606V10.1431C9.47494 9.91564 10.2049 9.04063 10.2049 7.99813C10.2049 6.95563 9.47494 6.08063 8.49994 5.85313V3.73564L12.7624 7.99813L8.49994 12.2606Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> </ul> </div> <div class="n01-link-list" data-accordion-id="n01-list-accordion-보안"> <div class="text-sm text-gray-2 dark:text-gray-2 ml-4 min-h-[16px] pb-2"> 보안 </div> <ul > <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/platform/application-security" aria-label="인터랙티브 애플리케이션 보안 테스트(IAST)" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">인터랙티브 애플리케이션 보안 테스트(IAST)</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M10.4626 6.72506H10.1251V6.12506C10.1251 5.56506 9.8976 5.01756 9.5026 4.62256C9.1076 4.22756 8.5601 4.00006 8.0001 4.00006C7.4401 4.00006 6.8926 4.22756 6.4976 4.62256C6.1026 5.01756 5.8751 5.56506 5.8751 6.12506V6.72506H5.5376C5.2626 6.72506 5.0376 6.95006 5.0376 7.22506V10.5001C5.0376 10.7751 5.2626 11.0001 5.5376 11.0001H10.4626C10.7376 11.0001 10.9626 10.7751 10.9626 10.5001V7.22506C10.9626 6.95006 10.7376 6.72506 10.4626 6.72506ZM6.8751 6.12506C6.8751 5.83256 6.9976 5.53506 7.2026 5.32756C7.4076 5.12006 7.7051 5.00006 8.0001 5.00006C8.2951 5.00006 8.5901 5.12256 8.7976 5.32756C9.0051 5.53256 9.1251 5.83006 9.1251 6.12506V6.72506H6.8751V6.12506ZM9.9626 10.0001H6.0376V7.72506H9.9626V10.0001Z" fill="#F9FAFA"/> <path d="M7.99995 9.42501C8.30371 9.42501 8.54995 9.17877 8.54995 8.87501C8.54995 8.57126 8.30371 8.32501 7.99995 8.32501C7.69619 8.32501 7.44995 8.57126 7.44995 8.87501C7.44995 9.17877 7.69619 9.42501 7.99995 9.42501Z" fill="#F9FAFA"/> <path d="M8 2C4.6925 2 2 4.6925 2 8C2 11.3075 4.6925 14 8 14C11.3075 14 14 11.3075 14 8C14 4.6925 11.31 2 8 2ZM8 13C5.2425 13 3 10.7575 3 8C3 5.2425 5.2425 3 8 3C10.7575 3 13 5.2425 13 8C13 10.7575 10.7575 13 8 13Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/platform/vulnerability-management" aria-label="취약점 관리" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">취약점 관리</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M12.5 7H11.5V5.5C11.5 4.56 11.1375 3.68 10.47 3.0125C9.7875 2.36 8.91 2 8 2C7.045 2 6.14 2.375 5.5125 3.03C4.8575 3.7125 4.5 4.59 4.5 5.5V7H3.5C3.225 7 3 7.225 3 7.5V13.5C3 13.775 3.225 14 3.5 14H12.5C12.775 14 13 13.775 13 13.5V7.5C13 7.225 12.775 7 12.5 7ZM5.5 5.5C5.5 4.85 5.7625 4.2175 6.2375 3.72C6.675 3.2625 7.3175 3 8 3C8.6825 3 9.2825 3.2625 9.7725 3.7275C10.25 4.205 10.5 4.8175 10.5 5.5V7H5.5V5.5ZM12 13H4V8H12V13Z" fill="#F9FAFA"/> <path d="M8 11.5C8.55228 11.5 9 11.0523 9 10.5C9 9.94773 8.55228 9.50002 8 9.50002C7.44772 9.50002 7 9.94773 7 10.5C7 11.0523 7.44772 11.5 8 11.5Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> </ul> </div> </div> <div class="larger:col-span-3 larger:pt-12 column--index-2 grid gap-8"> <div class="n01-link-list" data-accordion-id="n01-list-accordion-디지털 경험 모니터링"> <div class="text-sm text-gray-2 dark:text-gray-2 ml-4 min-h-[16px] pb-2"> 디지털 경험 모니터링 </div> <ul > <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/platform/browser-monitoring" aria-label="브라우저 실사용자 모니터링" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">브라우저 실사용자 모니터링</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M13.5 2.9875H2.5C2.225 2.9875 2 3.2125 2 3.4875V12.5125C2 12.7875 2.225 13.0125 2.5 13.0125H13.5C13.775 13.0125 14 12.7875 14 12.5125V3.4875C14 3.2125 13.775 2.9875 13.5 2.9875ZM13 3.9875V5.9875H3V3.9875H13ZM3 12.0125V6.9875H13V12.0125H3Z" fill="#F9FAFA"/> <path d="M4.5 5.48749C4.77614 5.48749 5 5.26363 5 4.98749C5 4.71135 4.77614 4.48749 4.5 4.48749C4.22386 4.48749 4 4.71135 4 4.98749C4 5.26363 4.22386 5.48749 4.5 5.48749Z" fill="#F9FAFA"/> <path d="M6.5 5.48749C6.77614 5.48749 7 5.26363 7 4.98749C7 4.71135 6.77614 4.48749 6.5 4.48749C6.22386 4.48749 6 4.71135 6 4.98749C6 5.26363 6.22386 5.48749 6.5 5.48749Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/platform/mobile-monitoring" aria-label="모바일 실사용자 모니터링" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">모바일 실사용자 모니터링</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M9 11H7V12H9V11Z" fill="#F9FAFA"/> <path d="M10.5 2H5.5C4.6725 2 4 2.6725 4 3.5V12.5C4 13.3275 4.6725 14 5.5 14H10.5C11.3275 14 12 13.3275 12 12.5V3.5C12 2.6725 11.3275 2 10.5 2ZM5.5 3H10.5C10.775 3 11 3.225 11 3.5V8.905H5V3.5C5 3.225 5.225 3 5.5 3ZM10.5 13H5.5C5.225 13 5 12.775 5 12.5V9.905H11V12.5C11 12.775 10.775 13 10.5 13Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/platform/session-replay" aria-label="세션 리플레이 " class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">세션 리플레이 </div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M6.96362 6V10L9.96362 8L6.96362 6Z" fill="#F9FAFA"/> <path d="M7.99867 2.015C6.23117 2.015 4.57867 2.7875 3.44867 4.1125V3.04H2.44867V5.495C2.44867 5.77 2.67367 5.995 2.94867 5.995H5.27867V4.995H4.02367C4.96367 3.75 6.42617 3.015 8.00117 3.015C10.7512 3.015 12.9862 5.2525 12.9862 8C12.9862 10.7475 10.7487 12.985 8.00117 12.985C5.64367 12.985 3.58867 11.31 3.11617 9.005C3.04867 8.6775 3.01367 8.3375 3.01367 8H2.01367C2.01367 8.405 2.05367 8.8125 2.13617 9.205C2.70367 11.975 5.16867 13.985 8.00117 13.985C11.3012 13.985 13.9862 11.3 13.9862 8C13.9862 4.7 11.3012 2.015 8.00117 2.015H7.99867Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/platform/synthetics" aria-label="신세틱스" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">신세틱스</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M13.3545 7.65839L11.6045 5.90839L10.897 6.61588L11.7945 7.51338H5.99945C7.06445 6.77838 8.05445 5.62338 9.02195 4.01088L9.36945 5.29338L10.3345 5.03339L9.68445 2.63338C9.61195 2.36588 9.33945 2.21088 9.07195 2.28088L6.67195 2.93088L6.93195 3.89588L8.11945 3.57338C6.48445 6.27088 4.82695 7.49838 2.83945 7.51338H2.50195V8.51338H2.50445H2.80195C4.79695 8.51338 6.45695 9.73089 8.09445 12.4184L6.92945 12.1034L6.66945 13.0684L9.06945 13.7184C9.11195 13.7309 9.15695 13.7359 9.19945 13.7359C9.41945 13.7359 9.62195 13.5884 9.68195 13.3659L10.332 10.9659L9.36695 10.7059L9.01445 12.0109C8.04695 10.4009 7.05695 9.24588 5.98945 8.51338H11.792L10.8945 9.41088L11.602 10.1184L13.352 8.36838C13.547 8.17338 13.547 7.85588 13.352 7.66088L13.3545 7.65839Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/platform/web-performance-monitoring" aria-label="웹 성능 모니터링" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">웹 성능 모니터링</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M7 8.99875H4V9.99875H7V8.99875Z" fill="#F9FAFA"/> <path d="M9.98511 8.99875H7.98511V9.99875H9.98511V8.99875Z" fill="#F9FAFA"/> <path d="M12 8.99875H11V9.99875H12V8.99875Z" fill="#F9FAFA"/> <path d="M13.5 2.99625H2.5C2.225 2.99625 2 3.22125 2 3.49625V12.5037C2 12.7787 2.225 13.0037 2.5 13.0037H13.5C13.775 13.0037 14 12.7787 14 12.5037V3.49625C14 3.22125 13.775 2.99625 13.5 2.99625ZM13 3.99625V5.99625H3V3.99625H13ZM3 12.0037V6.99624H13V12.0037H3Z" fill="#F9FAFA"/> <path d="M4.5 5.49625C4.77614 5.49625 5 5.27239 5 4.99625C5 4.7201 4.77614 4.49625 4.5 4.49625C4.22386 4.49625 4 4.7201 4 4.99625C4 5.27239 4.22386 5.49625 4.5 5.49625Z" fill="#F9FAFA"/> <path d="M6.5 5.49625C6.77614 5.49625 7 5.27239 7 4.99625C7 4.7201 6.77614 4.49625 6.5 4.49625C6.22386 4.49625 6 4.7201 6 4.99625C6 5.27239 6.22386 5.49625 6.5 5.49625Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> </ul> </div> <div class="n01-link-list" data-accordion-id="n01-list-accordion-인공 지능(AI)"> <div class="text-sm text-gray-2 dark:text-gray-2 ml-4 min-h-[16px] pb-2"> 인공 지능(AI) </div> <ul > <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/platform/new-relic-ai" aria-label="뉴렐릭 AI" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">뉴렐릭 AI</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" id="icon" viewBox="0 0 24 24" width="16" height="16"> <defs> <style>.cls-1{fill:#fff;stroke-width:0px;}</style> </defs> <path class="cls-1" d="M12,20h-1c0-3.86-3.14-7-7-7v-1c3.86,0,7-3.14,7-7h1c0,3.86,3.14,7,7,7v1c-3.86,0-7,3.14-7,7ZM6.79,12.5c2.17.81,3.9,2.54,4.71,4.71.81-2.17,2.54-3.9,4.71-4.71-2.17-.81-3.9-2.54-4.71-4.71-.81,2.17-2.54,3.9-4.71,4.71Z"/> <path class="cls-1" d="M18,4c0,1.79.21,2,2,2v1c-1.79,0-2,.21-2,2h-1c0-1.79-.21-2-2-2v-1c1.79,0,2-.21,2-2h1Z"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/platform/applied-intelligence" aria-label="AIOps" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">AIOps</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" id="icon" viewBox="0 0 24 24" width="16" height="16"> <defs> <style>.cls-1{fill:#fff;stroke-width:0px;}</style> </defs> <path class="cls-1" d="M18,4h-1c0,1.79-.21,2-2,2v1c1.79,0,2,.21,2,2h1c0-1.79.21-2,2-2v-1c-1.79,0-2-.21-2-2Z"/> <path class="cls-1" d="M14.99,10.44c0-.79-.64-1.44-1.44-1.44h-3.09v-1h-1v1h-3.04c-.79,0-1.43.65-1.43,1.44v3.57h-.99v1h.99v2.55c0,.79.64,1.44,1.43,1.44h3.04v1h1v-1h3.09c.79,0,1.44-.65,1.44-1.44v-2.55h1.01v-1h-1.01v-3.57ZM13.99,17.56c0,.24-.2.44-.44.44h-7.13c-.24,0-.44-.2-.44-.44v-7.12c0-.24.2-.44.44-.44h7.13c.24,0,.44.2.44.44v7.12Z"/> <path class="cls-1" d="M9.93,15.34c-1.14,0-1.66-.51-1.68-.52l-.73.69s.81.84,2.4.84,2.37-.8,2.4-.84l-.72-.69s-.54.53-1.68.53Z"/> <path class="cls-1" d="M8.33,13.56c.4,0,.72-.32.72-.72s-.32-.72-.72-.72-.72.32-.72.72.32.72.72.72Z"/> <path class="cls-1" d="M11.52,13.56c.4,0,.72-.32.72-.72s-.32-.72-.72-.72-.72.32-.72.72.32.72.72.72Z"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/platform/ai-monitoring" aria-label="AI 모니터링" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">AI 모니터링</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" id="icon" viewBox="0 0 24 24" width="16" height="16"> <defs> <style>.cls-1{fill:#fff;stroke-width:0px;}</style> </defs> <path class="cls-1" d="M18,4c0,1.79.21,2,2,2v1c-1.79,0-2,.21-2,2h-1c0-1.79-.21-2-2-2v-1c1.79,0,2-.21,2-2h1Z"/> <path class="cls-1" d="M12,19s-.01,0-.02,0c-.22,0-.41-.17-.46-.38l-2.2-9.16-1.5,5.19c-.06.21-.26.36-.48.36h-3.33v-1h2.96l1.92-6.64c.06-.22.26-.36.49-.36.23,0,.42.16.47.38l2.23,9.3,1.78-5.34c.07-.2.24-.33.45-.34.23,0,.4.11.48.3l1.2,2.7h4.01v1h-4.33c-.2,0-.38-.12-.46-.3l-.81-1.82-1.92,5.78c-.07.2-.26.34-.47.34Z"/> </svg> </span> </div> </div> </a> </li> </ul> </div> </div> <div class="larger:col-span-3 larger:pt-12 column--index-3 grid gap-8"> <div class="n01-link-list" data-accordion-id="n01-list-accordion-인프라"> <div class="text-sm text-gray-2 dark:text-gray-2 ml-4 min-h-[16px] pb-2"> 인프라 </div> <ul > <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/platform/infrastructure" aria-label="인프라 모니터링" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">인프라 모니터링</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M8 9.42533C7.9125 9.42533 7.8275 9.40283 7.75 9.35783L2.25 6.18283C2.095 6.09533 2 5.93033 2 5.75033C2 5.57033 2.095 5.40533 2.25 5.31783L7.75 2.14283C7.905 2.05283 8.095 2.05283 8.25 2.14283L13.75 5.31783C13.905 5.40783 14 5.57283 14 5.75033C14 5.92783 13.905 6.09533 13.75 6.18283L8.25 9.35783C8.1725 9.40283 8.0875 9.42533 8 9.42533ZM3.5 5.75033L8 8.34783L12.5 5.75033L8 3.15283L3.5 5.75033Z" fill="#F9FAFA"/> <path d="M7.99988 11.6751C7.91238 11.6751 7.82738 11.6526 7.74988 11.6076L2.24988 8.43259C2.00988 8.29509 1.92988 7.98759 2.06738 7.75009C2.20488 7.51009 2.50988 7.42759 2.74988 7.56759L7.99988 10.5976L13.2499 7.56759C13.4899 7.43009 13.7949 7.51259 13.9324 7.75009C14.0699 7.99009 13.9874 8.29509 13.7499 8.43259L8.24988 11.6076C8.17238 11.6526 8.08738 11.6751 7.99988 11.6751Z" fill="#F9FAFA"/> <path d="M7.99988 13.9251C7.91238 13.9251 7.82738 13.9026 7.74988 13.8576L2.24988 10.6826C2.00988 10.5451 1.92988 10.2376 2.06738 10.0001C2.20488 9.76009 2.50988 9.67759 2.74988 9.81759L7.99988 12.8476L13.2499 9.81759C13.4899 9.68009 13.7949 9.76259 13.9324 10.0001C14.0699 10.2401 13.9874 10.5451 13.7499 10.6826L8.24988 13.8576C8.17238 13.9026 8.08738 13.9251 7.99988 13.9251Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/platform/kubernetes-pixie" aria-label="쿠버네티스 모니터링" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">쿠버네티스 모니터링</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M12.4901 8.705C12.5951 7.705 12.3651 6.6775 11.8051 5.8025L13.0101 4.8475L12.3901 4.065L11.1751 5.0275C10.4251 4.29 9.4751 3.8675 8.5001 3.765V2.18H7.5001V3.77C6.5351 3.8825 5.6001 4.3025 4.8601 5.0375L3.6351 4.0625L3.0126 4.845L4.2351 5.8175C3.7826 6.53 3.5376 7.3575 3.5376 8.2275C3.5376 8.3825 3.5451 8.5375 3.5601 8.6875L2.0376 9.04L2.2626 10.015L3.7726 9.665C3.9901 10.315 4.3501 10.91 4.8451 11.405C5.0801 11.64 5.3351 11.84 5.6051 12.0125L4.9476 13.3875L5.8501 13.82L6.5076 12.45C6.9951 12.6225 7.5026 12.7125 8.0151 12.7125C8.5276 12.7125 9.0176 12.625 9.4976 12.46L10.1501 13.82L11.0526 13.3875L10.4026 12.0325C10.6851 11.8575 10.9551 11.6525 11.2026 11.41H11.2051C11.7076 10.905 12.0601 10.31 12.2751 9.6775L13.7376 10.015L13.9626 9.04L12.4901 8.7V8.705ZM8.4976 4.775C9.1801 4.8675 9.8376 5.1625 10.3801 5.6575L8.4976 7.1475V4.775ZM7.9976 7.4575C8.3976 7.4575 8.7226 7.7825 8.7226 8.1825C8.7226 8.5825 8.3976 8.9075 7.9976 8.9075C7.5976 8.9075 7.2726 8.5825 7.2726 8.1825C7.2726 7.7825 7.5976 7.4575 7.9976 7.4575ZM7.4976 4.7825V7.145L5.6501 5.6725C6.1801 5.18 6.8276 4.885 7.4976 4.7825ZM4.5351 8.2325C4.5351 7.5925 4.7076 6.9825 5.0226 6.45L6.8776 7.9275L4.5476 8.465C4.5426 8.3875 4.5376 8.31 4.5376 8.2325H4.5351ZM6.0401 11.1075C5.8676 10.99 5.7026 10.8575 5.5501 10.7025C5.1901 10.3425 4.9226 9.9125 4.7501 9.4425L7.0951 8.9L6.0376 11.105L6.0401 11.1075ZM6.9376 11.5475L7.9951 9.34L9.0576 11.5575C8.3651 11.77 7.6226 11.7675 6.9376 11.5475ZM10.4926 10.7025C10.3276 10.865 10.1501 11.0075 9.9626 11.13L8.8951 8.9025L11.2901 9.455C11.1201 9.91 10.8576 10.3375 10.4926 10.7025ZM11.5001 8.4775L9.1176 7.9275L11.0076 6.43C11.3851 7.055 11.5476 7.7725 11.5001 8.4775Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/platform/network-performance-monitoring" aria-label="네트워크 모니터링" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">네트워크 모니터링</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M12.0012 3H9.00122V6H7.00372V3H3.00372V7H6.00622V9H3.00122V13H7.00122V10H8.99872V13H11.9987H12.9987V9H9.99872V7H12.9987V3H11.9987H12.0012ZM4.00122 6V4H6.00372V6H4.00122ZM6.00372 12H4.00122V9.9975H6.00372V12ZM12.0012 10V12H10.0012V10H12.0012ZM9.00122 9H7.00372V7H9.00122V9ZM12.0012 6H10.0012V4H12.0012V6Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/solutions/prometheus-monitoring" aria-label="Prometheus 모니터링" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">Prometheus 모니터링</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M11.1363 9.00845H3.96631V10.0085H4.54631L6.30631 13.7185C6.38881 13.8935 6.56381 14.0034 6.75881 14.0034H9.24131C9.43381 14.0034 9.61131 13.891 9.69381 13.7185L11.4538 10.0085H12.0338V9.00845H11.1388H11.1363ZM8.92381 13.0034H7.07381L5.65381 10.0085H10.3463L8.92631 13.0034H8.92381Z" fill="#F9FAFA"/> <path d="M5.17875 8.00876C5.17875 8.00876 5.17375 7.99126 5.17125 7.98376C5.04375 7.67126 4.98375 7.34876 4.99125 7.01376C4.99125 5.70876 6.95125 3.93126 7.99875 3.12126C9.04875 3.92876 11.0062 5.70876 11.0062 7.02376C11.0137 7.34876 10.9512 7.67126 10.8262 7.98126C10.8237 7.98876 10.8212 7.99876 10.8187 8.00626H11.8737C11.9687 7.67876 12.0137 7.34376 12.0062 7.01126C12.0062 4.80376 8.66875 2.36126 8.28875 2.08876C8.11375 1.96626 7.88125 1.96626 7.70875 2.08876C7.67125 2.11626 6.78875 2.74876 5.89125 3.64376C4.63125 4.90376 3.99125 6.03626 3.99125 6.99876C3.98375 7.33876 4.03125 7.67626 4.12375 8.00376H5.17875V8.00876Z" fill="#F9FAFA"/> <path d="M8.3314 5.59627C8.1414 5.42627 7.8539 5.42627 7.6639 5.59627C6.9864 6.20377 6.4814 6.95626 6.2014 7.77626C6.1739 7.85376 6.1714 7.93377 6.1814 8.00877H7.1839C7.3614 7.52627 7.6364 7.07126 7.9964 6.67376C8.3564 7.07376 8.6314 7.52627 8.8089 8.00877H9.8114C9.8214 7.93377 9.8189 7.85376 9.7914 7.77626C9.5139 6.95876 9.0064 6.20377 8.3289 5.59627H8.3314Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/partners/aws-monitoring" aria-label="AWS 클라우드 모니터링" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">AWS 클라우드 모니터링</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none"> <g clip-path="url(#clip0_9754_1997)"> <path d="M13.5975 9.35481C13.5325 9.35481 13.465 9.34231 13.4 9.31481C13.1475 9.20481 13.03 8.91232 13.1375 8.65732C13.3525 8.15732 13.4625 7.60232 13.4625 7.02982C12.895 7.08732 12.3525 7.25232 11.8775 7.51732C11.635 7.65232 11.3325 7.56482 11.1975 7.32232C11.0625 7.07982 11.15 6.77732 11.3925 6.64232C12.1475 6.22232 13.0275 6.01482 13.9375 6.00732C14.1925 6.00732 14.405 6.20232 14.4325 6.45482C14.5275 7.35982 14.3975 8.25732 14.0575 9.05232C13.975 9.24231 13.7925 9.35481 13.5975 9.35481Z" fill="#F9FAFA"/> <path d="M8.04005 10.9923C5.98255 10.9923 3.73504 9.68483 2.56254 7.75734C2.42004 7.52234 2.49504 7.21484 2.73004 7.06984C2.96504 6.92734 3.27254 6.99984 3.41754 7.23734C4.62504 9.22483 6.82255 10.1223 8.37505 9.97733C9.63755 9.86233 10.6125 9.38733 11.64 8.39234C11.8375 8.19984 12.155 8.20484 12.3475 8.40234C12.54 8.59984 12.535 8.91733 12.3375 9.10983C11.15 10.2623 9.95505 10.8373 8.46755 10.9748C8.32755 10.9873 8.18505 10.9948 8.04255 10.9948L8.04005 10.9923Z" fill="#F9FAFA"/> </g> <defs> <clipPath id="clip0_9754_1997"> <rect width="11.975" height="4.98499" fill="white" transform="translate(2.48999 6.00732)"/> </clipPath> </defs> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/solutions/partners/azure" aria-label="Azure 클라우드 모니터링" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">Azure 클라우드 모니터링</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M12.755 12.7118C12.7 12.7118 12.645 12.7018 12.59 12.6843L6.58 10.5793C6.32 10.4868 6.1825 10.2018 6.2725 9.9418C6.365 9.6818 6.65 9.5443 6.91 9.6343L11.7075 11.3168L8.215 4.7743L3.6675 11.9018C3.52 12.1343 3.21 12.2018 2.9775 12.0543C2.745 11.9068 2.675 11.5968 2.825 11.3643L7.83 3.5168C7.925 3.3668 8.0875 3.2743 8.27 3.2868C8.4475 3.2943 8.6075 3.3943 8.6925 3.5518L13.195 11.9793C13.2925 12.1618 13.2675 12.3843 13.1325 12.5393C13.035 12.6518 12.895 12.7143 12.7525 12.7143L12.755 12.7118Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/partners/gcp" aria-label="Google Cloud 모니터링" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">Google Cloud 모니터링</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M12.6725 7.02625L12.4375 6.95375V6.57625C12.4375 4.46625 10.8 2.75125 8.79005 2.75125C7.40255 2.75125 6.08005 3.64625 5.42255 5.03375L5.32255 5.27875C5.17005 5.26125 5.00005 5.24625 4.85005 5.24625C3.24505 5.24625 1.98755 6.56125 1.98755 8.24125C1.98755 9.92125 3.24505 11.2363 4.85005 11.2363H5.97505V10.2363H4.85005C3.78755 10.2363 2.98755 9.37875 2.98755 8.24125C2.98755 7.10375 3.78755 6.24625 4.85005 6.24625C5.07255 6.24625 5.43255 6.30125 5.55255 6.32125L5.95005 6.39125L6.33255 5.44875C6.82755 4.41625 7.79005 3.75125 8.79005 3.75125C10.25 3.75125 11.4375 5.01875 11.4375 6.57625V7.69625L12.3225 7.96375C12.76 8.14375 13.0125 8.54625 13.0125 9.07125C13.0125 9.71375 12.53 10.2338 11.9375 10.2338H10.975V11.2338H11.9375C13.0825 11.2338 14.0125 10.2638 14.0125 9.07125C14.0125 8.13625 13.5 7.35375 12.6725 7.02625Z" fill="#F9FAFA"/> <path d="M8.12256 7.41645L6.37256 9.16645L7.08006 9.87395L7.97756 8.97645V13.249H8.97756V8.97645L9.87506 9.87395L10.5826 9.16645L8.83256 7.41645C8.63756 7.22145 8.32006 7.22145 8.12506 7.41645H8.12256Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> </ul> </div> <div class="n01-link-list" data-accordion-id="n01-list-accordion-Logs"> <div class="text-sm text-gray-2 dark:text-gray-2 ml-4 min-h-[16px] pb-2"> Logs </div> <ul > <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/platform/log-management" aria-label="로그 관리" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">로그 관리</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M13.5 2.5H2.5C2.225 2.5 2 2.725 2 3V11C2 11.275 2.225 11.5 2.5 11.5H7.5V12.5H5V13.5H11V12.5H8.5V11.5H13.5C13.775 11.5 14 11.275 14 11V3C14 2.725 13.775 2.5 13.5 2.5ZM13 10.5H3V3.5H13V10.5Z" fill="#F9FAFA"/> <path d="M11 4.5H4V5.5H11V4.5Z" fill="#F9FAFA"/> <path d="M12 6.5H4V7.5H12V6.5Z" fill="#F9FAFA"/> <path d="M9 8.5H4V9.5H9V8.5Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> </ul> </div> </div> <div class="larger:col-span-3 larger:pt-12 larger:pr-8 column--index-4 grid gap-8"> <div class="n01-link-list" data-accordion-id="n01-list-accordion-플랫폼 기능"> <div class="text-sm text-gray-2 dark:text-gray-2 ml-4 min-h-[16px] pb-2"> 플랫폼 기능 </div> <ul > <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/solutions/opentelemetry" aria-label="OpenTelemetry " class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">OpenTelemetry </div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M3.73672 8.30933C4.13672 8.30933 4.46172 7.98432 4.46172 7.58432C4.46172 7.18432 4.13672 6.85931 3.73672 6.85931C3.33672 6.85931 3.01172 7.18432 3.01172 7.58432C3.01172 7.98432 3.33672 8.30933 3.73672 8.30933Z" fill="#F9FAFA"/> <path d="M13.2667 4.93182L10.5167 2.18182C10.4192 2.08432 10.2817 2.0268 10.1492 2.0368C10.0117 2.0418 9.88174 2.10181 9.78924 2.20431L7.88924 4.32931C7.72424 4.51431 7.72174 4.7843 7.87424 4.9743L2.71924 10.5993C2.53924 10.7968 2.54424 11.1018 2.73424 11.2918L4.15924 12.7168C4.25674 12.8143 4.38424 12.8643 4.51174 12.8643C4.63174 12.8643 4.75424 12.8218 4.84924 12.7318L7.26174 10.5218V13.9643H8.26174V9.6068L10.4767 7.57931C10.5667 7.65181 10.6767 7.69183 10.7867 7.69183C10.9067 7.69183 11.0242 7.64932 11.1192 7.56432L13.2442 5.6643C13.3467 5.5718 13.4067 5.44181 13.4117 5.30431C13.4167 5.16681 13.3617 5.03432 13.2667 4.93682V4.93182ZM4.52924 11.6693L3.78174 10.9218L8.57924 5.68432L9.76674 6.87182L4.52924 11.6718V11.6693ZM10.8092 6.49932L8.95174 4.64181L10.1842 3.26431L12.1867 5.26681L10.8092 6.49932Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/platform/new-relic-ai" aria-label="뉴렐릭 AI" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">뉴렐릭 AI</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" id="icon" viewBox="0 0 24 24" width="16" height="16"> <defs> <style>.cls-1{fill:#fff;stroke-width:0px;}</style> </defs> <path class="cls-1" d="M12,20h-1c0-3.86-3.14-7-7-7v-1c3.86,0,7-3.14,7-7h1c0,3.86,3.14,7,7,7v1c-3.86,0-7,3.14-7,7ZM6.79,12.5c2.17.81,3.9,2.54,4.71,4.71.81-2.17,2.54-3.9,4.71-4.71-2.17-.81-3.9-2.54-4.71-4.71-.81,2.17-2.54,3.9-4.71,4.71Z"/> <path class="cls-1" d="M18,4c0,1.79.21,2,2,2v1c-1.79,0-2,.21-2,2h-1c0-1.79-.21-2-2-2v-1c1.79,0,2-.21,2-2h1Z"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/platform/errors-inbox" aria-label="에러 인박스(Errors Inbox)" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">에러 인박스(Errors Inbox)</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M13.65 10.9488L13.905 9.98126L12.4275 9.59376C12.4575 9.38876 12.4775 9.17876 12.4775 8.96626C12.4775 8.69376 12.45 8.43126 12.4025 8.17126L13.7175 7.45376L13.2375 6.57626L12.11 7.19126C11.695 6.22876 10.9525 5.44126 10.025 4.96376C10.275 4.40626 10.8125 3.51376 11.675 3.51376C11.95 3.51376 12.175 3.28876 12.175 3.01376C12.175 2.73876 11.95 2.51376 11.675 2.51376C10.2125 2.51376 9.42247 3.84626 9.08747 4.60876C8.72997 4.51626 8.35997 4.46376 7.97497 4.46376C7.58997 4.46376 7.23247 4.51626 6.88247 4.60376C6.55997 3.85126 5.76747 2.46376 4.27497 2.46376C3.99997 2.46376 3.77497 2.68876 3.77497 2.96376C3.77497 3.23876 3.99997 3.46376 4.27497 3.46376C5.15997 3.46376 5.69997 4.40126 5.94247 4.95376C5.00747 5.42876 4.25747 6.22126 3.83997 7.18876L2.71247 6.57376L2.23247 7.45126L3.54747 8.16876C3.49997 8.42626 3.47247 8.69126 3.47247 8.96376C3.47247 9.18126 3.49247 9.39376 3.52247 9.60376L2.09497 9.97876L2.34997 10.9463L3.77497 10.5713C3.95747 11.0438 4.21247 11.4788 4.53247 11.8588L3.48997 12.7913L4.15497 13.5363L5.26247 12.5463C6.01747 13.1188 6.95497 13.4613 7.97247 13.4613C8.98997 13.4613 9.94997 13.1088 10.71 12.5263L11.84 13.5363L12.505 12.7913L11.435 11.8338C11.7475 11.4563 11.9975 11.0263 12.175 10.5588L13.645 10.9463L13.65 10.9488ZM7.97747 5.46626C8.34747 5.46626 8.70497 5.52626 9.03997 5.63126C9.09497 5.68126 9.15997 5.72126 9.23747 5.74376C9.28497 5.75626 9.32997 5.76376 9.37747 5.76376C9.37997 5.76376 9.38247 5.76376 9.38497 5.76376C10.1525 6.10376 10.7725 6.70876 11.135 7.46626H4.81997C5.38247 6.28626 6.58497 5.46626 7.97747 5.46626ZM4.51747 8.46626H7.47747V12.4263C5.78497 12.1813 4.47747 10.7263 4.47747 8.96626C4.47747 8.79626 4.49497 8.63126 4.51747 8.46626ZM8.47747 12.4263V8.46626H11.4375C11.46 8.63126 11.4775 8.79626 11.4775 8.96626C11.4775 10.7263 10.17 12.1813 8.47747 12.4263Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/platform/alerts" aria-label="알림" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">알림</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M8.00012 1.98875L2.49512 4.98125V11.0188L8.00012 14.0113L13.5051 11.0188V4.98125L8.00012 1.98875ZM12.5051 10.4238L8.00012 12.8713L3.49512 10.4238V5.57626L8.00012 3.12876L12.5051 5.57626V10.4238Z" fill="#F9FAFA"/> <path d="M8.49512 5.50359H7.49512V8.94109H8.49512V5.50359Z" fill="#F9FAFA"/> <path d="M8.49512 9.49609H7.49512V10.4961H8.49512V9.49609Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/platform/dashboards" aria-label="대시보드" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">대시보드</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M13.5 2.5H2.5C2.225 2.5 2 2.725 2 3V11C2 11.275 2.225 11.5 2.5 11.5H7.5V12.5H5.5V13.5H10.5V12.5H8.5V11.5H13.5C13.775 11.5 14 11.275 14 11V3C14 2.725 13.775 2.5 13.5 2.5ZM13 10.5H3V3.5H13V10.5Z" fill="#F9FAFA"/> <path d="M7.62497 9.4675V8.44749C7.09997 8.31249 6.68747 7.9 6.55247 7.375H5.53247C5.69497 8.4525 6.54747 9.305 7.62497 9.4675Z" fill="#F9FAFA"/> <path d="M10.495 7C10.495 5.75 9.575 4.715 8.375 4.5325V5.55251C9.02 5.72001 9.495 6.305 9.495 7C9.495 7.695 9.02 8.27999 8.375 8.44749V9.4675C9.575 9.2875 10.495 8.25 10.495 7Z" fill="#F9FAFA"/> <path d="M7.62497 5.55251V4.5325C6.54747 4.695 5.69497 5.5475 5.53247 6.625H6.55247C6.68747 6.1 7.09997 5.68751 7.62497 5.55251Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/platform/change-tracking" aria-label="변경 추적" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">변경 추적</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M6.47137 12.245H6.46887C6.26637 12.245 6.08387 12.12 6.00887 11.9325L4.82387 9.01502L4.17887 10.45C4.09887 10.63 3.91887 10.745 3.72387 10.745H2.02637V9.74752H3.39887L4.39137 7.54002C4.47137 7.36002 4.65137 7.24502 4.84637 7.24502H4.85637C5.05637 7.24752 5.23387 7.37252 5.31137 7.55752L6.48137 10.4375L8.53887 5.55502C8.61887 5.36502 8.80387 5.23502 9.01137 5.25002C9.21637 5.25502 9.39887 5.38502 9.46887 5.57752L11.3589 10.735L13.9739 10.745L13.9689 11.745L11.0064 11.7325C10.7964 11.7325 10.6114 11.6 10.5389 11.405L8.96637 7.11502L6.93137 11.94C6.85387 12.125 6.67137 12.245 6.47137 12.245Z" fill="#F9FAFA"/> <path d="M9.03638 13.25C9.45138 13.25 9.78638 12.915 9.78638 12.5C9.78638 12.085 9.45138 11.75 9.03638 11.75C8.62138 11.75 8.28638 12.085 8.28638 12.5C8.28638 12.915 8.62138 13.25 9.03638 13.25Z" fill="#F9FAFA"/> <path d="M9.03638 4.25C9.45138 4.25 9.78638 3.915 9.78638 3.5C9.78638 3.085 9.45138 2.75 9.03638 2.75C8.62138 2.75 8.28638 3.085 8.28638 3.5C8.28638 3.915 8.62138 4.25 9.03638 4.25Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/platform/explorer" aria-label="엔터티 탐색기" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">엔터티 탐색기</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M11.255 6.94498V3.87498L7.99999 2.04498L4.74499 3.87498V6.94498L1.98999 8.46748V12.155L5.24499 13.955L7.99999 12.4325L10.755 13.955L14.01 12.155V8.46748L11.255 6.94498ZM5.74499 4.45998L7.99999 3.19249L10.255 4.45998V6.94498L7.99999 8.19249L5.74499 6.94498V4.45998ZM5.24499 12.8125L2.98999 11.565V9.05748L5.24499 7.80998L7.49999 9.05748V11.565L5.24499 12.8125ZM13.01 11.565L10.755 12.8125L8.49999 11.565V9.05748L10.755 7.80998L13.01 9.05748V11.565Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/instant-observability" aria-label="통합" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">통합</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M13.7487 4.39251L10.0987 2.26751C9.94372 2.17751 9.75372 2.17751 9.59872 2.26751L5.89872 4.39251L2.24872 6.51751C2.09372 6.60751 2.00122 6.77251 2.00122 6.95001V11.175C2.00122 11.3525 2.09622 11.5175 2.24872 11.6075L5.89872 13.7325C5.97622 13.7775 6.06372 13.8 6.15122 13.8C6.23872 13.8 6.32372 13.7775 6.40122 13.7325L10.1012 11.6075L13.7512 9.48251C13.9062 9.39251 13.9987 9.22751 13.9987 9.05001V4.82501C13.9987 4.64751 13.9037 4.48251 13.7512 4.39251H13.7487ZM9.34622 10.31L6.64622 8.76V5.68753L9.34622 7.23751V10.31ZM6.14872 12.7225L2.99622 10.8875V7.23751L5.64622 5.695V9.05001C5.64622 9.23001 5.74122 9.39501 5.89622 9.48251L8.84122 11.175L6.14622 12.7225H6.14872ZM12.9962 8.76251L10.3462 10.305V6.95001C10.3462 6.77001 10.2512 6.60501 10.0962 6.51751L7.15122 4.82501L9.84622 3.27752L12.9987 5.11251V8.76251H12.9962Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </li> <li class="js-header-site-nav-item border-b border-b-gray-4 larger:border-0" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a class="js-header-site-nav-focusable px-10 py-[17px] larger:py-[34px] larger:px-2 largest:px-4 focus-inset focus:outline-4 js-parent-expanded:border-b border-b-gray-4 js-parent-expanded:flex-row-reverse js-parent-expanded:justify-end larger:inline-block larger:js-parent-expanded:border-b-0 larger:border-b-0 js-header-site-nav-button flex w-full items-center justify-between header-site-nav__item-link" href="/kr/pricing" itemprop="url"> <span class="text-lg larger:text-base xlarge:text-lg" itemprop="name"> 요금 </span> </a> </li> <li class="js-header-site-nav-item border-b border-b-gray-4 larger:border-0" itemscope itemtype="https://schema.org/SiteNavigationElement"> <button class="js-header-site-nav-focusable px-10 py-[17px] larger:py-[34px] larger:px-2 largest:px-4 focus-inset focus:outline-4 js-parent-expanded:border-b border-b-gray-4 js-parent-expanded:flex-row-reverse js-parent-expanded:justify-end larger:inline-block larger:js-parent-expanded:border-b-0 larger:border-b-0 js-header-site-nav-button flex w-full items-center justify-between header-site-nav__item-link" aria-haspopup="menu"> <span class="text-lg larger:text-base xlarge:text-lg"> 솔루션 </span> <span class="larger:hidden -rotate-90 js-parent-expanded:rotate-90 js-parent-expanded:-ml-2.5 transition-transform"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m9 12.5 7 7 7-7" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg> </span> </button> <div class="js-subnav hidden larger:block larger:invisible larger:opacity-0 larger:absolute larger:left-0 larger:right-0 larger:-translate-x-4 transition-all js-parent-expanded:block js-parent-expanded:visible js-parent-expanded:opacity-100 js-parent-expanded:translate-x-0 border border-solid border-gray-4 medium:gradient-nav-black"> <div class="text-nr-white larger:nr-fluid-container mx-auto"> <div> <div class="paragraph paragraph--type--nav-sub-menu paragraph--view-mode--default"> <div class="grid grid-flow-row gap-6 items-start px-10 header-nav-fourcol--3-3-3-3 larger:grid-flow-col larger:grid-cols-12 larger:px-0 larger:mb-12"> <div class="row-end-5 py-8 larger:row-end-auto larger:col-span-3 bg- larger:px-0 larger:pt-12 column--index-1 grid gap-8 grid-cols-1"> <section class="js-n02-text n02-text--header overflow-auto"> <div class="rounded mb-6 overflow-hidden w-full max-small:max-h-[111px]"> <img loading="lazy" src="/sites/default/files/2024-08/customer-stories-desktop-jpg.jpg" width="480" height="304" alt="Customer Stories" /> </div> <div class="text-style-body text-nr-white medium:text-gray-2"> <p>세계 유수 브랜드들이 뉴렐릭을 사용합니다.</p> </div> <div class="flex gap-4 mt-4"> <div class="w-full medium:w-fit" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/customers" aria-label="고객 성공 사례" itemprop="url" class="btn-green btn bg-nr-green text-nr-black small:inline-flex w-full medium:w-fit btn-small group max-w-full" > <div class="h-[22px] overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block" itemprop="name"> 고객 성공 사례 </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 고객 성공 사례 </span> </div> </div> </a> </div> </div> </section> </div> <div class="larger:col-span-3 pt-10 larger:pt-12 column--index-2 grid gap-8"> <div class="n01-link-list -mx-5 medium:mx-0"> <div class="text-sm text-gray-2 ml-4 min-h-[16px]"> 사용 사례 </div> <ul class="flex flex-col mb-0"> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/solutions/digital-experience-monitoring" aria-label="디지털 경험 모니터링" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">디지털 경험 모니터링</div> </div> </a> </li> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/practices/reactive-to-responsive" aria-label="사후 대응에서 선제적 대응으로" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">사후 대응에서 선제적 대응으로</div> </div> </a> </li> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/devops" aria-label="데브옵스" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">데브옵스</div> </div> </a> </li> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/solutions/tool-consolidation" aria-label="툴 통합" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">툴 통합</div> </div> </a> </li> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/solutions/open-source" aria-label="오픈소스" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">오픈소스</div> </div> </a> </li> </ul> </div> </div> <div class="larger:col-span-3 larger:pt-12 column--index-3 grid gap-8"> <div class="n01-link-list -mx-5 medium:mx-0"> <div class="text-sm text-gray-2 ml-4 min-h-[16px]"> 업계 </div> <ul class="flex flex-col mb-0"> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/solutions/industry/retail-and-ecommerce-monitoring" aria-label="리테일 및 이커머스" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">리테일 및 이커머스</div> </div> </a> </li> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/solutions/industry/healthcare" aria-label="헬스케어" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">헬스케어</div> </div> </a> </li> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/solutions/industry/digital-media-monitoring" aria-label="미디어 &amp; 엔터테인먼트" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">미디어 &amp; 엔터테인먼트</div> </div> </a> </li> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/solutions/industry/startups" aria-label="스타트업을 위한 뉴렐릭" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">스타트업을 위한 뉴렐릭</div> </div> </a> </li> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/social-impact/signup" aria-label="비영리" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">비영리</div> </div> </a> </li> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/solutions/industry/public-sector" aria-label="공공 부문" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">공공 부문</div> </div> </a> </li> </ul> </div> </div> <div class="larger:col-span-3 larger:pt-12 larger:pr-8 column--index-4 grid gap-8"> <div class="n01-link-list -mx-5 medium:mx-0"> <div class="text-sm text-gray-2 ml-4 min-h-[16px]"> 기술 </div> <ul class="flex flex-col mb-0"> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/partners/aws-monitoring" aria-label="Amazon Web Services" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">Amazon Web Services</div> </div> </a> </li> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/partners/gcp" aria-label="Google Cloud Platform" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">Google Cloud Platform</div> </div> </a> </li> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/solutions/partners/azure" aria-label="Microsoft Azure" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">Microsoft Azure</div> </div> </a> </li> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/solutions/partners/pivotal" aria-label="Pivotal Cloud Foundry" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">Pivotal Cloud Foundry</div> </div> </a> </li> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/solutions/prometheus-monitoring" aria-label="Prometheus 모니터링" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">Prometheus 모니터링</div> </div> </a> </li> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/solutions/sap" aria-label="SAP 모니터링" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">SAP 모니터링</div> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="paragraph paragraph--type--nav-sub-menu paragraph--view-mode--default"> <div class="grid grid-flow-row items-start px-10 medium:mb-12 header-nav-twocol--3-9 larger:grid-flow-col larger:grid-cols-12 larger:gap-6 larger:px-0"> <div class="w-full grid-cols-1 larger:col-span-9 larger:col-start-4 larger:pt-12 column--index-2 grid gap-8"> <div class="n03-promo-list flex flex-col gap-7 bg-nr-extra-black medium:bg-transparent -mx-10 medium:mx-0 p-10 medium:p-0"> <div class="js-vanilla-carousel flex flex-col focus-visible:outline outline-0 outline-nr-green outline-offset-[-1px] focus-visible:outline-1 gap-8 grow m-0 medium:gradient-border-dark medium:border border-solid border-transparent rounded hover:border-nr-green relative" data-show-dots="true" data-dots-alignment="left" data-dots-style="circle" data-show-alt-arrows="false" data-slide-class="js-n03-promo-slide" data-autoplay="true" data-autoplay-speed="10000" data-disable-autoplay-screen-size="768" data-accent-color="n03-promo-dots w-2 h-2 rounded-full bg-gray-4" data-accent-color2="n03-promo-dots w-2 h-2 rounded-full bg-nr-green" tabindex="0"> <div class="relative"> <div class="flex gap-6 overflow-x-scroll large:overflow-x-hidden snap-x snap-mandatory carousel-scroll"> <div class="snap-always shrink-0 snap-start js-n03-promo-slide"> <div class="n03-promo group flex-1 basis-full" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/event/new-relic-now-on-demand" class="text-sm" aria-label="New Relic Now" itemprop="url"> <div class="n03-promo__logo w-10 mb-4"> <div class="n03-promo__image"> <img width="24" height="19" alt="nr now white" loading="eager" class="svg-image" src=/sites/default/files/2024-09/LOGO-white.svg /> </div> </div> <div class="n03-promo__title whitespace-nowrap mb-2 group-hover:text-nr-green underline underline-offset-4 transition-all duration-200" itemprop="name"> New Relic Now </div> <div class="text-gray-2"> AI와 옵저버빌리티가 만나다. 지금 온디맨드 액세스가 가능합니다. </div> </a> </div> </div> <div class="snap-always shrink-0 snap-start js-n03-promo-slide"> <div class="n03-promo group flex-1 basis-full" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/resources/report/observability-forecast/2024" class="text-sm" aria-label="2024 옵저버빌리티 전망" itemprop="url"> <div class="n03-promo__logo w-10 mb-4"> <div class="n03-promo__image"> <img width="24" height="24" alt="o11y 2024 icon" loading="eager" class="svg-image" src=/sites/default/files/2024-10/o11y2024-icon.svg /> </div> </div> <div class="n03-promo__title whitespace-nowrap mb-2 group-hover:text-nr-green underline underline-offset-4 transition-all duration-200" itemprop="name"> 2024 옵저버빌리티 전망 </div> <div class="text-gray-2"> 가치 있는 옵저버빌리티 인사이트로 의사 결정을 지원하십시오! 보고서 읽기 </div> </a> </div> </div> <div class="snap-always shrink-0 snap-start mr-6 medium:mr-0 js-n03-promo-slide"> <div class="n03-promo group flex-1 basis-full" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/resources/gartner-magic-quadrant-dem" class="text-sm" aria-label="리더로 선정" itemprop="url"> <div class="n03-promo__logo w-10 mb-4"> <div class="n03-promo__image"> <img width="24" height="24" alt="gartner mq 2024 icon" loading="eager" class="svg-image" src=/sites/default/files/2024-10/gartner-report-icon.svg /> </div> </div> <div class="n03-promo__title whitespace-nowrap mb-2 group-hover:text-nr-green underline underline-offset-4 transition-all duration-200" itemprop="name"> 리더로 선정 </div> <div class="text-gray-2"> 2024 가트너 매직 쿼드런트의 디지털 경험 모니터링(DEM) 부문을 확인해보세요. </div> </a> </div> </div> <div class="min-w-[40px] large:hidden"></div> </div> <div class="absolute medium:hidden w-6 h-full right-0 top-0 backdrop-blur-[1px]"></div> </div> <div class="dots-wrapper flex gap-4 mt-8 medium:mt-10 "> <div class="dot"> <span class="sr-only">1</span> </div> <div class="dot"> <span class="sr-only">2</span> </div> <div class="dot"> <span class="sr-only">3</span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </li> <li class="js-header-site-nav-item border-b border-b-gray-4 larger:border-0" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a class="js-header-site-nav-focusable px-10 py-[17px] larger:py-[34px] larger:px-2 largest:px-4 focus-inset focus:outline-4 js-parent-expanded:border-b border-b-gray-4 js-parent-expanded:flex-row-reverse js-parent-expanded:justify-end larger:inline-block larger:js-parent-expanded:border-b-0 larger:border-b-0 js-header-site-nav-button flex w-full items-center justify-between header-site-nav__item-link" href="/kr/solutions/enterprise-monitoring" itemprop="url"> <span class="text-lg larger:text-base xlarge:text-lg" itemprop="name"> 엔터프라이즈(Enterprise) </span> </a> </li> <li class="js-header-site-nav-item border-b border-b-gray-4 larger:border-0" itemscope itemtype="https://schema.org/SiteNavigationElement"> <button class="js-header-site-nav-focusable px-10 py-[17px] larger:py-[34px] larger:px-2 largest:px-4 focus-inset focus:outline-4 js-parent-expanded:border-b border-b-gray-4 js-parent-expanded:flex-row-reverse js-parent-expanded:justify-end larger:inline-block larger:js-parent-expanded:border-b-0 larger:border-b-0 js-header-site-nav-button flex w-full items-center justify-between header-site-nav__item-link" aria-haspopup="menu"> <span class="text-lg larger:text-base xlarge:text-lg"> 개발자 </span> <span class="larger:hidden -rotate-90 js-parent-expanded:rotate-90 js-parent-expanded:-ml-2.5 transition-transform"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m9 12.5 7 7 7-7" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg> </span> </button> <div class="js-subnav hidden larger:block larger:invisible larger:opacity-0 larger:absolute larger:left-0 larger:right-0 larger:-translate-x-4 transition-all js-parent-expanded:block js-parent-expanded:visible js-parent-expanded:opacity-100 js-parent-expanded:translate-x-0 border border-solid border-gray-4 medium:gradient-nav-black"> <div class="text-nr-white larger:nr-fluid-container mx-auto"> <div> <div class="paragraph paragraph--type--nav-sub-menu paragraph--view-mode--default"> <div class="grid grid-flow-row gap-10 px-10 items-start header-nav-threecol--3-3-6 larger:grid-flow-col larger:grid-cols-12 larger:gap-6 larger:mb-12 larger:pt-0 larger:px-0"> <div class="row-end-4 large:row-end-auto large:col-span-3 large:pt-12 column--index-1 grid gap-8 grid-cols-1"> <div class="n03-promo-list flex flex-col gap-7 bg-nr-extra-black medium:bg-transparent -mx-10 medium:mx-0 p-10 medium:p-0"> <div class="text-style-h5 hidden large:block"> 개발자 </div> <div class="js-vanilla-carousel flex flex-col focus-visible:outline outline-0 outline-nr-green outline-offset-[-1px] focus-visible:outline-1 gap-8 grow m-0" data-show-dots="true" data-dots-alignment="left" data-dots-style="circle" data-show-alt-arrows="false" data-slide-class="js-n03-promo-slide" data-autoplay="true" data-autoplay-speed="10000" data-disable-autoplay-screen-size="768" data-accent-color="n03-promo-dots w-2 h-2 rounded-full bg-gray-4" data-accent-color2="n03-promo-dots w-2 h-2 rounded-full bg-nr-green" tabindex="0"> <div class="relative"> <div class="flex gap-6 overflow-x-scroll large:overflow-x-hidden snap-x snap-mandatory carousel-scroll"> <div class="snap-always shrink-0 snap-start js-n03-promo-slide"> <div class="n03-promo group flex-1 basis-full" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/blog/how-to-relic/simplify-your-kubernetes-monitoring-with-the-new-relic-operator" class="text-sm" aria-label="간단한 쿠버네티스 모니터링" itemprop="url"> <div class="n03-promo__logo w-10 mb-4"> <div class="n03-promo__image"> <img width="41" height="40" alt="Kubernetes icon" loading="eager" class="svg-image" src=/sites/default/files/2023-08/developers-kubernates.svg /> </div> </div> <div class="n03-promo__title whitespace-nowrap mb-2 group-hover:text-nr-green underline underline-offset-4 transition-all duration-200" itemprop="name"> 간단한 쿠버네티스 모니터링 </div> <div class="text-gray-2"> 뉴렐릭 오퍼레이터를 통한 쿠버네티스 모니터링 간소화 </div> </a> </div> </div> <div class="snap-always shrink-0 snap-start js-n03-promo-slide"> <div class="n03-promo group flex-1 basis-full" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/blog/how-to-relic/monitor-hybrid-mobile-apps" class="text-sm" aria-label="모바일 앱 모니터링" itemprop="url"> <div class="n03-promo__logo w-10 mb-4"> <div class="n03-promo__image"> <img width="41" height="41" alt="Mobile monitoring icon" loading="eager" class="svg-image" src=/sites/default/files/2023-08/developers-mobile-monitoring.svg /> </div> </div> <div class="n03-promo__title whitespace-nowrap mb-2 group-hover:text-nr-green underline underline-offset-4 transition-all duration-200" itemprop="name"> 모바일 앱 모니터링 </div> <div class="text-gray-2"> 퀵스타트를 설치하면 몇 분 내에 하이브리드 모바일 앱을 모니터링할 수 있습니다. </div> </a> </div> </div> <div class="snap-always shrink-0 snap-start mr-6 medium:mr-0 js-n03-promo-slide"> <div class="n03-promo group flex-1 basis-full" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/blog/how-to-relic/custom-instrumentation-with-the-new-relic-browser-agent" class="text-sm" aria-label="뉴렐릭 브라우저 에이전트" itemprop="url"> <div class="n03-promo__logo w-10 mb-4"> <div class="n03-promo__image"> <img width="40" height="41" alt="Browser monitoring icon" loading="eager" class="svg-image" src=/sites/default/files/2023-08/developers-browser-tracking.svg /> </div> </div> <div class="n03-promo__title whitespace-nowrap mb-2 group-hover:text-nr-green underline underline-offset-4 transition-all duration-200" itemprop="name"> 뉴렐릭 브라우저 에이전트 </div> <div class="text-gray-2"> 뉴렐릭 브라우저 에이전트를 사용해 계측을 맞춤화할 수 있습니다. </div> </a> </div> </div> <div class="min-w-[40px] large:hidden"></div> </div> <div class="absolute medium:hidden w-6 h-full right-0 top-0 backdrop-blur-[1px]"></div> </div> <div class="dots-wrapper flex gap-4 mt-8 medium:mt-10 "> <div class="dot"> <span class="sr-only">1</span> </div> <div class="dot"> <span class="sr-only">2</span> </div> <div class="dot"> <span class="sr-only">3</span> </div> </div> </div> </div> </div> <div class="large:col-span-3 pt-10 large:pt-12 column--index-2 grid gap-8"> <div class="n01-link-list -mx-5 medium:mx-0"> <div class="text-sm text-gray-2 ml-4 min-h-[16px]"> 자주 찾는 문서 </div> <ul class="flex flex-col mb-0"> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="https://docs.newrelic.com/kr/docs/new-relic-solutions/get-started/quick-launch-guide/" aria-label="데이터 인제스트 시작" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">데이터 인제스트 시작</div> </div> </a> </li> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="https://docs.newrelic.com/kr/docs/query-your-data/explore-query-data/dashboards/introduction-dashboards/" aria-label="커스텀 대시보드 생성" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">커스텀 대시보드 생성</div> </div> </a> </li> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="https://docs.newrelic.com/kr/docs/query-your-data/nrql-new-relic-query-language/get-started/introduction-nrql-new-relics-query-language/" aria-label="NRQL 쿼리 검토" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">NRQL 쿼리 검토</div> </div> </a> </li> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="https://docs.newrelic.com/kr/docs/logs/forward-logs/forward-your-logs-using-infrastructure-agent/" aria-label="인프라 에이전트를 사용한 로그 전달" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">인프라 에이전트를 사용한 로그 전달</div> </div> </a> </li> </ul> <div class="flex gap-4 mt-6" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="https://docs.newrelic.com/kr/" aria-label="전체 문서 보기" itemprop="url" class="btn-tertiary small:inline-flex w-full medium:w-fit group ml-4 max-w-full border-b no-underline w-fit text-sm" > <div class="h-[22px] overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block" itemprop="name"> 전체 문서 보기 </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 전체 문서 보기 </span> </div> </div> </a> </div> </div> </div> <div class="large:col-span-6 large:pt-12 column--index-3 grid gap-8"> <div class="n04-integrations"> <div class="text-sm text-gray-2 dark:text-nr-white mb-4"> <p>775+ 통합</p> </div> <div class="text-style-body mb-6"> <div>지금 무료로 시작해 보십시오.</div> </div> <div class="flex flex-row flex-wrap items-start gap-2 mb-6 large:mb-12 relative"> <div class="n04-integrations-items w-full large:w-[48.5%] group p-2 rounded border border-transparent gradient-border-black btn-hover relative" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/instant-observability/python" class="flex flex-row gap-3 grow justify-between items-center relative z-10" itemprop="url"> <div class="flex child-m-auto svg-opacity-100 bg-nr-extra-black rounded-sm w-12 h-12 group-hover:svg-nr-green-fill group-hover:opacity-100"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M11.9135 0C5.8208 4.36975e-07 6.20127 2.65599 6.20127 2.65599L6.20806 5.40757H12.0222V6.23373H3.89871C3.89871 6.23373 0 5.78926 0 11.969C-4.347e-07 18.1488 3.40289 17.9296 3.40289 17.9296H5.43375V15.062C5.43375 15.062 5.32428 11.6413 8.7823 11.6413C12.2403 11.6413 14.5489 11.6413 14.5489 11.6413C14.5489 11.6413 17.7887 11.6939 17.7887 8.49371C17.7887 5.29347 17.7887 3.20221 17.7887 3.20221C17.7887 3.20221 18.2806 0 11.9135 0ZM8.70758 1.85032C9.28604 1.85032 9.75358 2.3203 9.75358 2.90179C9.75358 3.48328 9.28604 3.95326 8.70758 3.95326C8.12912 3.95326 7.66159 3.48328 7.66159 2.90179C7.66159 2.3203 8.12912 1.85032 8.70758 1.85032Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M12.0863 24C18.179 24 17.7986 21.344 17.7986 21.344L17.7918 18.5924H11.9776V17.7663H20.1011C20.1011 17.7663 23.9998 18.2107 23.9998 12.031C23.9998 5.85121 20.5969 6.07036 20.5969 6.07036H18.5661V8.93801C18.5661 8.93801 18.6755 12.3587 15.2175 12.3587C11.7595 12.3587 9.45095 12.3587 9.45095 12.3587C9.45095 12.3587 6.21108 12.3061 6.21108 15.5063C6.21108 18.7065 6.21108 20.7978 6.21108 20.7978C6.21108 20.7978 5.71918 24 12.0863 24ZM15.2922 22.1497C14.7138 22.1497 14.2462 21.6797 14.2462 21.0982C14.2462 20.5167 14.7138 20.0467 15.2922 20.0467C15.8707 20.0467 16.3382 20.5167 16.3382 21.0982C16.3382 21.6797 15.8707 22.1497 15.2922 22.1497Z" fill="#F9FAFA" fill-opacity="0.5"/> </svg> </div> <div class="group-hover:text-nr-green group-hover:opacity-100 grow text-left text-style-small" itemprop="name"> <div>Python</div> </div> <div class="flex bg-nr-extra-black rounded-2xl text-style-small items-center h-8 px-4 group-hover:text-nr-green group-hover:opacity-100"> 설치 </div> </a> </div> <div class="n04-integrations-items w-full large:w-[48.5%] group p-2 rounded border border-transparent gradient-border-black btn-hover relative" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/instant-observability/java" class="flex flex-row gap-3 grow justify-between items-center relative z-10" itemprop="url"> <div class="flex child-m-auto svg-opacity-100 bg-nr-extra-black rounded-sm w-12 h-12 group-hover:svg-nr-green-fill group-hover:opacity-100"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="21" viewBox="0 0 12 21" fill="none"> <g clip-path="url(#clip0_3182_11652)"> <path d="M11.44 1.61005C12.06 0.310048 11.08 0.320048 10.65 0.640048C10.31 0.890048 10.17 1.43005 10.04 1.94005C10.01 2.07005 9.96997 2.20005 9.93997 2.33005C9.67997 2.05005 9.59997 1.58005 9.51997 1.13005C9.42997 0.580048 9.33997 0.0800481 8.91997 0.0200481C8.20997 -0.0799519 8.19997 0.270048 8.18997 0.760048C8.18997 0.790048 8.18997 0.820048 8.18997 0.860048C8.16997 1.39005 8.25997 1.77005 8.49997 2.68005C8.12997 2.40005 7.93997 1.98005 7.77997 1.62005C7.57997 1.17005 7.41997 0.820048 7.01997 0.970048C6.29997 1.23005 6.48997 1.85005 6.74997 2.52005C7.00997 3.19005 7.34997 3.84005 7.92997 4.42005C7.27997 4.53005 6.39997 4.81005 6.63997 5.49005C6.79997 5.94005 7.09997 5.86005 7.42997 5.77005C7.58997 5.73005 7.75997 5.68005 7.92997 5.69005C8.17997 5.71005 8.39997 5.84005 8.61997 5.98005C8.83997 6.12005 9.05997 6.25005 9.30997 6.27005C9.81997 6.31005 9.92997 7.29005 9.88997 8.08005C9.84997 8.80005 8.95997 9.31005 8.49997 8.85005C6.39997 5.33005 3.65997 2.88005 2.51997 2.24005C2.86997 2.96005 2.74997 7.13005 2.42997 9.93005C2.17997 11.24 1.66997 11.91 1.26997 12.44C0.969971 12.83 0.739971 13.15 0.709971 13.59C0.679971 14.16 0.769971 14.46 0.869971 14.76C0.959971 15.03 1.04997 15.31 1.03997 15.79C1.01997 16.4 0.689971 16.79 0.409971 17.12C0.219971 17.34 0.0599711 17.53 0.00997111 17.75C-0.100029 18.3 0.469971 18.47 0.799971 18.47C0.899971 18.47 0.989971 18.35 1.07997 18.15C1.04997 18.5 1.01997 18.85 1.00997 19.19C0.959971 20.21 1.10997 20.61 1.77997 20.61C2.28997 20.61 2.86997 20.14 3.50997 19.61C4.32997 18.93 5.25997 18.16 6.30997 18.2C7.40997 18.23 8.06997 19.21 8.60997 20.01C8.97997 20.56 9.28997 21.03 9.64997 21.02C10.53 21 11.23 20.7 11.24 17.99C11.24 15.59 10.65 13.32 9.76997 11.3C9.53997 10.51 9.64997 9.58005 10.09 8.96005C10.36 8.57005 10.35 7.92005 10.33 7.30005C10.32 6.85005 10.31 6.41005 10.42 6.14005C10.53 5.86005 10.69 5.74005 10.86 5.61005C11.09 5.43005 11.34 5.24005 11.45 4.65005C11.53 4.24005 11.44 3.87005 11.35 3.51005C11.22 2.97005 11.09 2.41005 11.46 1.64005L11.44 1.61005ZM1.35997 14.78C1.24997 14.52 1.15997 14.27 1.15997 14.01C1.15997 13.4 1.92997 12.3 1.84997 13.15C1.71997 13.78 1.59997 14.44 1.48997 15.11C1.44997 15 1.40997 14.89 1.36997 14.79L1.35997 14.78ZM10.64 17.4C10.58 20.6 10.24 20.39 9.71997 20.41C9.19997 20.43 8.34997 17.59 6.19997 17.57C4.04997 17.55 2.73997 20.1 1.81997 20C0.899971 19.9 2.70997 11.98 2.99997 10.57C3.12997 10.48 3.26997 10.38 3.40997 10.29C3.02997 9.55005 3.07997 8.71005 3.68997 8.10005C4.25997 7.53005 5.15997 7.14005 5.97997 7.27005C6.64997 7.38005 7.18997 7.75005 7.42997 8.34005C7.47997 8.34005 7.52997 8.32005 7.57997 8.32005C8.72997 10.12 10.69 14.21 10.63 17.41L10.64 17.4Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M7.17 9.16994C7.09 9.97994 6.44999 10.6199 5.67999 10.8099C4.85999 11.0099 3.96 10.6899 3.66 9.84994C3.51 9.41994 3.53999 8.97994 3.79999 8.59994C4.01999 8.27994 4.36999 8.02994 4.71999 7.86994C5.43999 7.53994 6.46 7.50994 6.96 8.22994C7.15 8.50994 7.18 8.82994 7.17 9.14994V9.16994Z" fill="#F9FAFA" fill-opacity="0.5"/> </g> <defs> <clipPath id="clip0_3182_11652"> <rect width="11.65" height="21" fill="white"/> </clipPath> </defs> </svg> </div> <div class="group-hover:text-nr-green group-hover:opacity-100 grow text-left text-style-small" itemprop="name"> <div>Java</div> </div> <div class="flex bg-nr-extra-black rounded-2xl text-style-small items-center h-8 px-4 group-hover:text-nr-green group-hover:opacity-100"> 설치 </div> </a> </div> <div class="n04-integrations-items w-full large:w-[48.5%] group p-2 rounded border border-transparent gradient-border-black btn-hover relative" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/instant-observability/php" class="flex flex-row gap-3 grow justify-between items-center relative z-10" itemprop="url"> <div class="flex child-m-auto svg-opacity-100 bg-nr-extra-black rounded-sm w-12 h-12 group-hover:svg-nr-green-fill group-hover:opacity-100"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="16" viewBox="0 0 32 16" fill="none"> <path d="M2.51975 3.36612H7.24209C8.62814 3.37776 9.63252 3.77738 10.2552 4.56432C10.8779 5.35127 11.0834 6.42613 10.8719 7.7889C10.7898 8.41161 10.6076 9.02235 10.3257 9.62145C10.0554 10.2206 9.67973 10.7608 9.19798 11.2426C8.61052 11.8533 7.98216 12.2409 7.31257 12.4055C6.64299 12.5701 5.9498 12.6522 5.23334 12.6522H3.11886L2.44927 16.0001H0L2.51975 3.36612V3.36612ZM4.58137 5.37487L3.52413 10.6611C3.59461 10.6727 3.6651 10.6787 3.73558 10.6787C3.8177 10.6787 3.90015 10.6787 3.98227 10.6787C5.10999 10.6903 6.04987 10.579 6.80157 10.3439C7.55328 10.0972 8.05863 9.23978 8.31695 7.77128C8.5284 6.53784 8.31695 5.82703 7.68261 5.63918C7.0599 5.45134 6.27894 5.36324 5.33906 5.37487C5.19809 5.38651 5.06311 5.3925 4.93378 5.3925C4.81642 5.3925 4.69308 5.3925 4.56375 5.3925L4.58137 5.37487" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M13.661 0H16.0927L15.4055 3.36555H17.5904C18.7886 3.38915 19.6813 3.63584 20.2688 4.10561C20.8679 4.57539 21.0441 5.46839 20.7974 6.78395L19.6168 12.6516H17.1499L18.2776 7.04826C18.395 6.4608 18.3598 6.04389 18.1719 5.7972C17.9841 5.55051 17.5788 5.42716 16.9561 5.42716L15.0002 5.40954L13.5553 12.6516H11.1237L13.661 0Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M23.4087 3.36612H28.131C29.5171 3.37776 30.5214 3.77738 31.1441 4.56432C31.7668 5.35127 31.9723 6.42613 31.7609 7.7889C31.6787 8.41161 31.4966 9.02235 31.2146 9.62145C30.9443 10.2206 30.5686 10.7608 30.0869 11.2426C29.4994 11.8533 28.8711 12.2409 28.2015 12.4055C27.5319 12.5701 26.8387 12.6522 26.1223 12.6522H24.0078L23.3382 16.0001H20.8889L23.4087 3.36612V3.36612ZM25.4703 5.37487L24.413 10.6611C24.4835 10.6727 24.554 10.6787 24.6245 10.6787C24.7066 10.6787 24.7891 10.6787 24.8712 10.6787C25.9989 10.6903 26.9388 10.579 27.6905 10.3439C28.4422 10.0972 28.9475 9.23978 29.2059 7.77128C29.4173 6.53784 29.2059 5.82703 28.5715 5.63918C27.9488 5.45134 27.1679 5.36324 26.228 5.37487C26.087 5.38651 25.952 5.3925 25.8227 5.3925C25.7053 5.3925 25.582 5.3925 25.4527 5.3925L25.4703 5.37487" fill="#F9FAFA" fill-opacity="0.5"/> </svg> </div> <div class="group-hover:text-nr-green group-hover:opacity-100 grow text-left text-style-small" itemprop="name"> <div>PHP</div> </div> <div class="flex bg-nr-extra-black rounded-2xl text-style-small items-center h-8 px-4 group-hover:text-nr-green group-hover:opacity-100"> 설치 </div> </a> </div> <div class="n04-integrations-items w-full large:w-[48.5%] group p-2 rounded border border-transparent gradient-border-black btn-hover relative" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/instant-observability/ruby" class="flex flex-row gap-3 grow justify-between items-center relative z-10" itemprop="url"> <div class="flex child-m-auto svg-opacity-100 bg-nr-extra-black rounded-sm w-12 h-12 group-hover:svg-nr-green-fill group-hover:opacity-100"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <path d="M5.62564 14.8013C8.83025 15.2385 11.9776 15.6685 15.1874 16.1068C14.0937 14.2862 13.0285 12.5119 11.9544 10.7232C9.85015 12.0793 7.76548 13.4225 5.62615 14.8013H5.62564ZM16.0923 4.72337C15.8097 5.14773 15.5267 5.57158 15.2446 5.99594C14.2758 7.45361 13.3069 8.91128 12.3391 10.3695C12.2849 10.4509 12.2153 10.5154 12.2911 10.6402C13.2265 12.1845 14.1541 13.7334 15.0843 15.2808C15.2312 15.5252 15.3792 15.7686 15.5695 16.0032C15.7572 12.2474 15.9454 8.49156 16.1336 4.73575C16.1196 4.73162 16.1057 4.7275 16.0923 4.72389V4.72337ZM3.32544 9.53828C3.36926 9.58005 3.47806 9.60376 3.52911 9.57901C4.42629 9.13815 5.32915 8.70709 6.20623 8.22962C6.4924 8.07391 6.71258 7.79547 6.95904 7.56911C7.77528 6.82042 8.59048 6.07019 9.40517 5.31995C9.45518 5.27406 9.51397 5.2292 9.54387 5.17145C9.83675 4.59962 10.124 4.0247 10.422 3.43328C10.0667 3.29973 9.73053 3.16928 9.3897 3.05069C9.34381 3.0347 9.27059 3.06667 9.22057 3.09451C8.43167 3.53486 7.62833 3.952 6.86469 4.43256C6.48261 4.67284 6.17117 5.02759 5.83292 5.33594C5.28739 5.83351 4.74289 6.33264 4.20561 6.83898C4.06278 6.97356 3.93284 7.1267 3.82198 7.28861C3.45434 7.82383 3.09804 8.36678 2.72525 8.92469C2.93356 9.14073 3.12331 9.34698 3.32595 9.5388L3.32544 9.53828ZM6.60378 8.80712C6.15776 10.6922 5.71381 12.5671 5.25542 14.5032C7.40454 13.1183 9.50468 11.7653 11.5904 10.4215C9.93059 9.88426 8.27595 9.34853 6.60378 8.80764V8.80712ZM15.5442 4.74142C13.7282 5.04461 11.9555 5.34109 10.16 5.64067C10.7716 7.12825 11.3707 8.58592 11.9874 10.0854C13.1801 8.29356 14.349 6.53786 15.5447 4.74142H15.5442ZM6.67854 8.42144C8.31411 8.95253 9.91667 9.4728 11.5662 10.008C10.9536 8.5158 10.3622 7.07566 9.75837 5.60561C8.7297 6.54611 7.71701 7.47217 6.67854 8.42144ZM3.39298 10.6376C2.8129 12.0241 2.25294 13.3632 1.68265 14.7265C2.77887 14.694 3.84158 14.6626 4.94037 14.6301C4.42423 13.2987 3.9184 11.9932 3.39298 10.6371V10.6376ZM4.97853 13.6824C4.99194 13.6798 5.00534 13.6762 5.01926 13.6736C5.41011 12.0473 5.80714 10.4319 6.20675 8.74164C5.31575 9.20467 4.466 9.64605 3.59304 10.1003C4.03854 11.2584 4.51344 12.4799 4.97904 13.6824H4.97853ZM14.8868 4.47794C14.3665 4.34026 13.8462 4.20208 13.326 4.06492C12.5778 3.86847 11.8291 3.67408 11.0815 3.47556C10.9881 3.45081 10.9206 3.43431 10.8654 3.54723C10.6014 4.08864 10.3287 4.62592 10.0605 5.16526C10.0523 5.18176 10.0538 5.20342 10.0476 5.24519C11.6677 4.99975 13.277 4.75586 14.8857 4.51197C14.8863 4.50062 14.8863 4.48928 14.8868 4.47794ZM11.8688 3.24662C13.2657 3.63334 14.663 4.01955 16.1088 4.41967C15.8654 3.72667 15.6401 3.0842 15.4081 2.42317C14.2206 2.68666 13.0481 2.94653 11.875 3.20641C11.8729 3.21981 11.8709 3.2327 11.8688 3.24611V3.24662ZM5.33844 15.1137C4.81301 15.0534 4.27419 15.1091 3.74154 15.1179C3.30378 15.1256 2.86653 15.1421 2.42928 15.1555C2.3839 15.157 2.33904 15.1658 2.29419 15.2143C5.91129 15.5489 9.5284 15.883 13.145 16.2177C13.1476 16.2017 13.1496 16.1852 13.1522 16.1692C11.9926 16.0109 10.8334 15.8526 9.67381 15.6943C8.22903 15.4968 6.78683 15.2803 5.33844 15.1132V15.1137ZM1.75381 13.4787C2.21994 12.3974 2.684 11.3146 3.15219 10.2344C3.19911 10.1261 3.1955 10.0524 3.10372 9.96522C2.90778 9.77908 2.72628 9.57798 2.51229 9.35575C2.22303 10.784 1.94098 12.1762 1.65894 13.5689C1.66925 13.5736 1.68008 13.5787 1.69039 13.5839C1.71204 13.5493 1.73834 13.5163 1.75433 13.4792L1.75381 13.4787ZM10.9402 2.96097C11.726 2.75833 12.5237 2.59951 13.3162 2.42266C13.3672 2.41131 13.4178 2.3943 13.4683 2.37986C13.4657 2.36697 13.4631 2.35408 13.4606 2.34119C12.3442 2.49123 11.2274 2.6418 10.0543 2.79958C10.374 2.93931 10.6205 3.04347 10.9402 2.96148V2.96097Z" fill="#F9FAFA" fill-opacity="0.5"/> </svg> </div> <div class="group-hover:text-nr-green group-hover:opacity-100 grow text-left text-style-small" itemprop="name"> <div>Ruby</div> </div> <div class="flex bg-nr-extra-black rounded-2xl text-style-small items-center h-8 px-4 group-hover:text-nr-green group-hover:opacity-100"> 설치 </div> </a> </div> </div> <div class="flex gap-4 mt-6" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/instant-observability" aria-label="전체 통합 기능 보기" itemprop="url" class="btn-tertiary small:inline-flex w-full medium:w-fit group max-w-full border-b no-underline w-fit text-sm" > <div class="h-[22px] overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block" itemprop="name"> 전체 통합 기능 보기 </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 전체 통합 기능 보기 </span> </div> </div> </a> </div> </div> </div> </div> </div> <div class="paragraph paragraph--type--nav-sub-menu paragraph--view-mode--default"> <div class="grid grid-flow-row items-start px-10 medium:mb-12 header-nav-twocol--3-9 larger:grid-flow-col larger:grid-cols-12 larger:gap-6 larger:px-0"> <div class="w-full grid-cols-1 larger:col-span-9 larger:col-start-4 larger:pt-12 column--index-2 grid gap-8"> <div class="n03-promo-list flex flex-col gap-7 bg-nr-extra-black medium:bg-transparent -mx-10 medium:mx-0 p-10 medium:p-0"> <div class="js-vanilla-carousel flex flex-col focus-visible:outline outline-0 outline-nr-green outline-offset-[-1px] focus-visible:outline-1 gap-8 grow m-0 medium:gradient-border-dark medium:border border-solid border-transparent rounded hover:border-nr-green relative" data-show-dots="true" data-dots-alignment="left" data-dots-style="circle" data-show-alt-arrows="false" data-slide-class="js-n03-promo-slide" data-autoplay="true" data-autoplay-speed="10000" data-disable-autoplay-screen-size="768" data-accent-color="n03-promo-dots w-2 h-2 rounded-full bg-gray-4" data-accent-color2="n03-promo-dots w-2 h-2 rounded-full bg-nr-green" tabindex="0"> <div class="relative"> <div class="flex gap-6 overflow-x-scroll large:overflow-x-hidden snap-x snap-mandatory carousel-scroll"> <div class="snap-always shrink-0 snap-start js-n03-promo-slide"> <div class="n03-promo group flex-1 basis-full" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/event/new-relic-now-on-demand" class="text-sm" aria-label="New Relic Now" itemprop="url"> <div class="n03-promo__logo w-10 mb-4"> <div class="n03-promo__image"> <img width="24" height="19" alt="nr now white" loading="eager" class="svg-image" src=/sites/default/files/2024-09/LOGO-white.svg /> </div> </div> <div class="n03-promo__title whitespace-nowrap mb-2 group-hover:text-nr-green underline underline-offset-4 transition-all duration-200" itemprop="name"> New Relic Now </div> <div class="text-gray-2"> 미래의 솔루션을 지금 온디맨드로 액세스할 수 있습니다. </div> </a> </div> </div> <div class="snap-always shrink-0 snap-start js-n03-promo-slide"> <div class="n03-promo group flex-1 basis-full" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/blog/how-to-relic/a-deep-dive-into-zero-day-vulnerability-alerts-with-new-relic-apm" class="text-sm" aria-label="더 신속한 보안" itemprop="url"> <div class="n03-promo__logo w-10 mb-4"> <div class="n03-promo__image"> <img width="21" height="24" alt="Security icon" loading="eager" class="svg-image" src=/sites/default/files/2024-04/security.svg /> </div> </div> <div class="n03-promo__title whitespace-nowrap mb-2 group-hover:text-nr-green underline underline-offset-4 transition-all duration-200" itemprop="name"> 더 신속한 보안 </div> <div class="text-gray-2"> 선제적인 위협 관리와 안심을 제공하는 뉴렐릭 APM의 제로데이 취약점 알림으로 보안을 강화하십시오. </div> </a> </div> </div> <div class="snap-always shrink-0 snap-start mr-6 medium:mr-0 js-n03-promo-slide"> <div class="n03-promo group flex-1 basis-full" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/blog/how-to-relic/performing-effective-root-cause-analysis" class="text-sm" aria-label="근본 원인 분석" itemprop="url"> <div class="n03-promo__logo w-10 mb-4"> <div class="n03-promo__image"> <img width="25" height="24" alt="Analysis icon" loading="eager" class="svg-image" src=/sites/default/files/2024-04/mag-glass.svg /> </div> </div> <div class="n03-promo__title whitespace-nowrap mb-2 group-hover:text-nr-green underline underline-offset-4 transition-all duration-200" itemprop="name"> 근본 원인 분석 </div> <div class="text-gray-2"> 뉴렐릭이 지원하는 근본 원인 분석을 통해 문제를 더 효율적으로, 또 더 효과적으로 식별, 해결 및 방지하십시오. </div> </a> </div> </div> <div class="min-w-[40px] large:hidden"></div> </div> <div class="absolute medium:hidden w-6 h-full right-0 top-0 backdrop-blur-[1px]"></div> </div> <div class="dots-wrapper flex gap-4 mt-8 medium:mt-10 "> <div class="dot"> <span class="sr-only">1</span> </div> <div class="dot"> <span class="sr-only">2</span> </div> <div class="dot"> <span class="sr-only">3</span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </li> <li class="js-header-site-nav-item border-b border-b-gray-4 larger:border-0" itemscope itemtype="https://schema.org/SiteNavigationElement"> <button class="js-header-site-nav-focusable px-10 py-[17px] larger:py-[34px] larger:px-2 largest:px-4 focus-inset focus:outline-4 js-parent-expanded:border-b border-b-gray-4 js-parent-expanded:flex-row-reverse js-parent-expanded:justify-end larger:inline-block larger:js-parent-expanded:border-b-0 larger:border-b-0 js-header-site-nav-button flex w-full items-center justify-between header-site-nav__item-link" aria-haspopup="menu"> <span class="text-lg larger:text-base xlarge:text-lg"> 리소스 </span> <span class="larger:hidden -rotate-90 js-parent-expanded:rotate-90 js-parent-expanded:-ml-2.5 transition-transform"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m9 12.5 7 7 7-7" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg> </span> </button> <div class="js-subnav hidden larger:block larger:invisible larger:opacity-0 larger:absolute larger:left-0 larger:right-0 larger:-translate-x-4 transition-all js-parent-expanded:block js-parent-expanded:visible js-parent-expanded:opacity-100 js-parent-expanded:translate-x-0 border border-solid border-gray-4 medium:gradient-nav-black"> <div class="text-nr-white larger:nr-fluid-container mx-auto"> <div> <div class="paragraph paragraph--type--nav-sub-menu paragraph--view-mode--default"> <div class="grid grid-flow-row items-start px-10 medium:mb-12 header-nav-twocol--3-9 larger:grid-flow-col larger:grid-cols-12 larger:gap-6 larger:px-0"> <div class="w-full row-end-5 py-8 larger:row-end-auto larger:col-span-3 larger:pb-0 larger:pt-12 column--index-1 grid gap-8 grid-cols-1"> <section class="js-n02-text n02-text--header overflow-auto"> <div class="text-style-body text-nr-white medium:text-gray-2"> <ul><li><a href="/kr/about">회사 소개</a></li><li><a href="/kr/about/leadership">경영진</a></li><li><a href="/kr/about/culture">채용정보</a></li><li><a href="/kr/solutions/secure-developer-program">개발자 보안</a></li><li><a href="/kr/students">학생용 뉴렐릭</a></li><li><a href="/kr/about/newsroom">뉴스룸</a></li><li><a href="/kr/about/environmental-social-governance">ESG</a></li><li><a href="https://forum.newrelic.com/s">커뮤니티 포럼</a></li><li><a href="https://support.newrelic.com/">기술적 지원</a></li></ul> </div> <div class="flex gap-4 mt-4"> </div> </section> </div> <div class="w-full grid-cols-1 larger:col-span-9 larger:col-start-4 larger:pt-12 column--index-2 grid gap-8"> <div class="n01-link-list -mx-5 medium:mx-0"> <ul class="flex flex-col mb-0"> <li class="n01-link large:basis-20 group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/customers" aria-label="고객 성공 사례" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div class="items-center larger:text-base xlarge:text-lg mb-2"> <div class='medium:flex medium:flex-row medium:gap-7 items-center' aria-hidden="true" focusable="false" > <span class="group-hover:svg-nr-green-custom group-hover:svg-opacity-100 transition-all duration-200"> <svg xmlns="http://www.w3.org/2000/svg" width="37" height="42" viewBox="0 0 37 42" fill="none"> <path d="M1 30.4323V11.5749L18.3004 1L35.6008 11.5749V30.4323L18.3004 41L1 30.4323Z" fill="#141A1F" stroke="url(#paint0_linear_1_1852)"/> <g clip-path="url(#clip0_1_1852)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.0394 14.6087C14.0394 14.2725 14.3119 14 14.6481 14H21.9525C22.2886 14 22.5612 14.2725 22.5612 14.6087V15.1626H24.6916C25.0278 15.1626 25.3003 15.4351 25.3003 15.7713V18.6778C25.3003 19.3 25.0549 19.9002 24.6098 20.3417C24.1708 20.7803 23.5723 21.0304 22.9477 21.0304H21.6179C21.5301 21.1499 21.4366 21.2653 21.3375 21.3759C20.6852 22.1035 19.8326 22.5757 18.909 22.7208V24.4574H21.2068C21.543 24.4574 21.8155 24.7299 21.8155 25.0661C21.8155 25.0868 21.8145 25.1072 21.8125 25.1273V26.7826H22.9507V28H13.6529V26.7826H14.7851V25.0661C14.7851 24.7299 15.0576 24.4574 15.3938 24.4574H17.6916V22.7205C16.7678 22.5746 15.918 22.1003 15.2648 21.3778L15.2631 21.3759C15.164 21.2653 15.0705 21.1499 14.9827 21.0304H13.6529C13.0283 21.0304 12.4299 20.7803 11.9909 20.3418C11.5458 19.9003 11.3003 19.3 11.3003 18.6778V15.7713C11.3003 15.4351 11.5728 15.1626 11.909 15.1626H14.0394V14.6087ZM14.0394 16.38H12.5177V18.6778C12.5177 18.9804 12.6371 19.2683 12.8487 19.478L12.8507 19.48C13.0629 19.6923 13.3528 19.813 13.6529 19.813H14.3373C14.1416 19.2686 14.0394 18.6854 14.0394 18.0935V16.38ZM15.2568 15.2174H21.3438V18.0935C21.3438 19.0297 21.0099 19.9174 20.431 20.5633C19.8549 21.2059 19.0883 21.5509 18.3003 21.5509C17.5145 21.5509 16.7498 21.2046 16.1688 20.5624C15.5903 19.9166 15.2568 19.0293 15.2568 18.0935V15.2174ZM22.5612 16.38V18.0935C22.5612 18.6854 22.459 19.2686 22.2633 19.813H22.9477C23.2478 19.813 23.5376 19.6923 23.7499 19.48L23.7519 19.478C23.9635 19.2683 24.0829 18.9804 24.0829 18.6778V16.38H22.5612ZM16.0025 26.7826H20.5951V25.6748H16.0025V26.7826Z" fill="#F9FAFA" fill-opacity="0.5"/> </g> <defs> <linearGradient id="paint0_linear_1_1852" x1="18.3004" y1="1" x2="18.3004" y2="41" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> <clipPath id="clip0_1_1852"> <rect width="14" height="14" fill="white" transform="translate(11.3003 14)"/> </clipPath> </defs> </svg> </span> </div> </div> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">고객 성공 사례</div> <small class="n01-link__description block pt-1 text-gray-3 text-sm"> 다양한 비디오와 고객 사례는 기업이 어떻게 옵저버빌리티로 성공을 거둘 수 있는지 보여줍니다. </small> </div> </a> </li> <li class="n01-link large:basis-20 group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/resources" aria-label="리소스 라이브러리" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div class="items-center larger:text-base xlarge:text-lg mb-2"> <div class='medium:flex medium:flex-row medium:gap-7 items-center' aria-hidden="true" focusable="false" > <span class="group-hover:svg-nr-green-custom group-hover:svg-opacity-100 transition-all duration-200"> <svg xmlns="http://www.w3.org/2000/svg" width="37" height="42" viewBox="0 0 37 42" fill="none"> <path d="M1 30.0548V11.1973L18.3004 0.622437L35.6008 11.1973V30.0548L18.3004 40.6224L1 30.0548Z" fill="#141A1F" stroke="url(#paint0_linear_3210_11667)"/> <path d="M23.6336 13.6224H12.967C12.7903 13.6224 12.6203 13.6959 12.497 13.8289C12.3703 13.9619 12.3003 14.1369 12.3003 14.3224V26.9224C12.3003 27.1079 12.3703 27.2864 12.497 27.4159C12.6236 27.5489 12.7903 27.6224 12.967 27.6224H23.6336C23.8103 27.6224 23.9803 27.5489 24.1036 27.4159C24.227 27.2829 24.3003 27.1079 24.3003 26.9224V14.3224C24.3003 14.1369 24.2303 13.9584 24.1036 13.8289C23.977 13.6959 23.8103 13.6224 23.6336 13.6224ZM13.6336 15.0224H14.967V26.2224H13.6336V15.0224ZM22.967 26.2224H16.3003V15.0224H22.967V26.2224Z" fill="#F9FAFA" fill-opacity="0.5"/> <defs> <linearGradient id="paint0_linear_3210_11667" x1="18.3004" y1="0.622437" x2="18.3004" y2="40.6224" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </span> </div> </div> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">리소스 라이브러리</div> <small class="n01-link__description block pt-1 text-gray-3 text-sm"> 전자책, 데이터 시트, 보고서 및 백서 </small> </div> </a> </li> <li class="n01-link large:basis-20 group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/blog" aria-label="뉴렐릭 블로그" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div class="items-center larger:text-base xlarge:text-lg mb-2"> <div class='medium:flex medium:flex-row medium:gap-7 items-center' aria-hidden="true" focusable="false" > <span class="group-hover:svg-nr-green-custom group-hover:svg-opacity-100 transition-all duration-200"> <svg xmlns="http://www.w3.org/2000/svg" width="37" height="42" viewBox="0 0 37 42" fill="none"> <path d="M1 30.0548V11.1973L18.3004 0.622437L35.6008 11.1973V30.0548L18.3004 40.6224L1 30.0548Z" fill="#141A1F" stroke="url(#paint0_linear_3210_11666)"/> <path d="M23.8217 27.5227H12.9126C12.6126 27.5227 12.3672 27.2602 12.3672 26.9394V14.106C12.3672 13.7852 12.6126 13.5227 12.9126 13.5227H23.8217C24.1217 13.5227 24.3672 13.7852 24.3672 14.106V26.9394C24.3672 27.2602 24.1217 27.5227 23.8217 27.5227ZM13.4581 26.356H23.2763V14.6894H13.4581V26.356Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M17.822 19.3561H14.5493V20.5227H17.822V19.3561Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M17.822 21.6893H14.5493V22.856H17.822V21.6893Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M22.1853 19.3561H18.9126V20.5227H22.1853V19.3561Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M22.1853 21.6893H18.9126V22.856H22.1853V21.6893Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M17.822 24.0227H14.5493V25.1894H17.822V24.0227Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M22.1853 24.0227H18.9126V25.1894H22.1853V24.0227Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M22.1857 15.8561H14.5493V18.1894H22.1857V15.8561Z" fill="#F9FAFA" fill-opacity="0.5"/> <defs> <linearGradient id="paint0_linear_3210_11666" x1="18.3004" y1="0.622437" x2="18.3004" y2="40.6224" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </span> </div> </div> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">뉴렐릭 블로그</div> <small class="n01-link__description block pt-1 text-gray-3 text-sm"> 업계 소식, 팁 및 모범 사례 </small> </div> </a> </li> <li class="n01-link large:basis-20 group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/events" aria-label="이벤트 및 웨비나" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div class="items-center larger:text-base xlarge:text-lg mb-2"> <div class='medium:flex medium:flex-row medium:gap-7 items-center' aria-hidden="true" focusable="false" > <span class="group-hover:svg-nr-green-custom group-hover:svg-opacity-100 transition-all duration-200"> <svg xmlns="http://www.w3.org/2000/svg" width="37" height="42" viewBox="0 0 37 42" fill="none"> <path d="M1 30.0548V11.1973L18.3004 0.622437L35.6008 11.1973V30.0548L18.3004 40.6224L1 30.0548Z" fill="#141A1F" stroke="url(#paint0_linear_3210_11664)"/> <path d="M25.1227 16.406H23.3727V14.0726H22.2061V16.406H15.2061V14.0726H14.0394V16.406H12.2894C11.9686 16.406 11.7061 16.6685 11.7061 16.9893V27.4893C11.7061 27.8101 11.9686 28.0726 12.2894 28.0726H25.1227C25.4436 28.0726 25.7061 27.8101 25.7061 27.4893V16.9893C25.7061 16.6685 25.4436 16.406 25.1227 16.406ZM24.5394 26.906H12.8727V17.5726H24.5394V26.906Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M16.3729 19.3226H14.0396V21.656H16.3729V19.3226Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M16.3729 22.8226H14.0396V25.156H16.3729V22.8226Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M19.8729 19.3226H17.5396V21.656H19.8729V19.3226Z" fill="#F9FAFA" fill-opacity="0.5"/> <defs> <linearGradient id="paint0_linear_3210_11664" x1="18.3004" y1="0.622437" x2="18.3004" y2="40.6224" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </span> </div> </div> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">이벤트 및 웨비나</div> <small class="n01-link__description block pt-1 text-gray-3 text-sm"> 향후 이벤트와 트레이닝 참여 </small> </div> </a> </li> <li class="n01-link large:basis-20 group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="https://learn.newrelic.com/" aria-label="뉴렐릭 University(NRU)" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div class="items-center larger:text-base xlarge:text-lg mb-2"> <div class='medium:flex medium:flex-row medium:gap-7 items-center' aria-hidden="true" focusable="false" > <span class="group-hover:svg-nr-green-custom group-hover:svg-opacity-100 transition-all duration-200"> <svg xmlns="http://www.w3.org/2000/svg" width="37" height="42" viewBox="0 0 37 42" fill="none"> <path d="M1 30.0548V11.1973L18.3004 0.622437L35.6008 11.1973V30.0548L18.3004 40.6224L1 30.0548Z" fill="#141A1F" stroke="url(#paint0_linear_3210_11662)"/> <path d="M25.597 17.4924L19.2203 14.3024C19.0336 14.2091 18.8103 14.2091 18.6236 14.3024L12.247 17.4924C12.0203 17.6058 11.877 17.8358 11.877 18.0891V22.5524H13.2103V19.1691L14.427 19.7791V23.8324C14.427 24.0558 14.537 24.2624 14.7203 24.3858C16.1136 25.3258 17.517 25.7958 18.9203 25.7958C20.3236 25.7958 21.727 25.3258 23.1203 24.3858C23.3036 24.2624 23.4136 24.0558 23.4136 23.8324V19.7824L25.597 18.6924C25.8236 18.5791 25.967 18.3491 25.967 18.0958C25.967 17.8424 25.8236 17.6124 25.597 17.4991V17.4924ZM22.0803 23.4658C19.957 24.7824 17.8836 24.7824 15.7603 23.4658V20.4424L18.6203 21.8724C18.7136 21.9191 18.817 21.9424 18.917 21.9424C19.017 21.9424 19.1203 21.9191 19.2136 21.8724L22.0736 20.4424V23.4658H22.0803ZM18.9203 20.5324L14.0336 18.0891L18.9203 15.6458L23.807 18.0891L18.9203 20.5324Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M10.6338 26.3758C11.0805 26.8225 11.7805 27.0125 12.5471 27.0125C13.3138 27.0125 14.0138 26.8225 14.4605 26.3758L12.5471 23.1858L10.6338 26.3758Z" fill="#F9FAFA" fill-opacity="0.5"/> <defs> <linearGradient id="paint0_linear_3210_11662" x1="18.3004" y1="0.622437" x2="18.3004" y2="40.6224" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </span> </div> </div> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">뉴렐릭 University(NRU)</div> <small class="n01-link__description block pt-1 text-gray-3 text-sm"> 학습 경로 및 교육 코스 </small> </div> </a> </li> <li class="n01-link large:basis-20 group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="https://newrelic.com/platform/value-calculator/" aria-label="옵저버빌리티 가치 계산기" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div class="items-center larger:text-base xlarge:text-lg mb-2"> <div class='medium:flex medium:flex-row medium:gap-7 items-center' aria-hidden="true" focusable="false" > <span class="group-hover:svg-nr-green-custom group-hover:svg-opacity-100 transition-all duration-200"> <svg xmlns="http://www.w3.org/2000/svg" width="37" height="42" viewBox="0 0 37 42" fill="none"> <path d="M1 30.0548V11.1973L18.3004 0.622437L35.6008 11.1973V30.0548L18.3004 40.6224L1 30.0548Z" fill="#141A1F" stroke="url(#paint0_linear_3210_11665)"/> <path d="M23.8806 25.3324C24.2273 25.0158 24.4673 24.5991 24.574 24.1424C24.6806 23.6858 24.644 23.2058 24.474 22.7691C24.304 22.3324 24.004 21.9558 23.6173 21.6924C23.2306 21.4291 22.7706 21.2858 22.3006 21.2858C21.8306 21.2858 21.3706 21.4291 20.984 21.6924C20.5973 21.9591 20.2973 22.3324 20.1273 22.7691C19.9573 23.2058 19.9206 23.6858 20.0273 24.1424C20.134 24.5991 20.374 25.0158 20.7206 25.3324C19.734 25.6891 18.9673 26.3724 18.9673 27.2924H20.3006C20.3006 26.8924 21.244 26.3891 22.3006 26.3891C23.3573 26.3891 24.3006 26.8924 24.3006 27.2924H25.634C25.634 26.3724 24.8673 25.6891 23.8806 25.3324ZM22.3006 22.6258C22.4973 22.6258 22.6906 22.6858 22.8573 22.7958C23.0206 22.9058 23.1506 23.0624 23.224 23.2458C23.3006 23.4291 23.3206 23.6291 23.2806 23.8224C23.2406 24.0158 23.1473 24.1958 23.0073 24.3358C22.8673 24.4758 22.6906 24.5724 22.494 24.6091C22.3006 24.6491 22.0973 24.6291 21.9173 24.5524C21.734 24.4758 21.5773 24.3491 21.4673 24.1858C21.3573 24.0224 21.2973 23.8291 21.2973 23.6291C21.2973 23.3624 21.404 23.1091 21.5906 22.9224C21.7773 22.7358 22.034 22.6291 22.2973 22.6291L22.3006 22.6258Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M15.8806 25.3324C16.2273 25.0158 16.4673 24.5991 16.574 24.1424C16.6806 23.6858 16.644 23.2058 16.474 22.7691C16.304 22.3324 16.004 21.9558 15.6173 21.6924C15.2306 21.4291 14.7706 21.2858 14.3006 21.2858C13.8306 21.2858 13.3706 21.4291 12.984 21.6924C12.5973 21.9591 12.2973 22.3324 12.1273 22.7691C11.9573 23.2058 11.9206 23.6858 12.0273 24.1424C12.134 24.5991 12.374 25.0158 12.7206 25.3324C11.734 25.6891 10.9673 26.3724 10.9673 27.2924H12.3006C12.3006 26.8924 13.244 26.3891 14.3006 26.3891C15.3573 26.3891 16.3006 26.8924 16.3006 27.2924H17.634C17.634 26.3724 16.8673 25.6891 15.8806 25.3324ZM14.3006 22.6258C14.4973 22.6258 14.6906 22.6858 14.8573 22.7958C15.0206 22.9058 15.1506 23.0624 15.224 23.2458C15.3006 23.4291 15.3206 23.6291 15.2806 23.8224C15.2406 24.0158 15.1473 24.1958 15.0073 24.3358C14.8673 24.4758 14.6906 24.5724 14.494 24.6091C14.3006 24.6491 14.0973 24.6291 13.9173 24.5524C13.734 24.4758 13.5773 24.3491 13.4673 24.1858C13.3573 24.0224 13.2973 23.8291 13.2973 23.6291C13.2973 23.3624 13.404 23.1091 13.5906 22.9224C13.7773 22.7358 14.034 22.6291 14.2973 22.6291L14.3006 22.6258Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M20.3006 19.9591H21.634C21.634 19.0391 20.8673 18.3557 19.8806 17.9991C20.2273 17.6824 20.4673 17.2657 20.574 16.8091C20.6806 16.3524 20.644 15.8724 20.474 15.4357C20.304 14.9991 20.004 14.6224 19.6173 14.3591C19.2306 14.0957 18.7706 13.9524 18.3006 13.9524C17.8306 13.9524 17.3706 14.0957 16.984 14.3591C16.5973 14.6224 16.2973 14.9991 16.1273 15.4357C15.9573 15.8724 15.9206 16.3524 16.0273 16.8091C16.134 17.2657 16.374 17.6824 16.7206 17.9991C15.734 18.3557 14.9673 19.0391 14.9673 19.9591H16.3006C16.3006 19.5591 17.244 19.0557 18.3006 19.0557C19.3573 19.0557 20.3006 19.5591 20.3006 19.9591ZM18.3006 15.2924C18.4973 15.2924 18.6906 15.3524 18.8573 15.4624C19.0206 15.5724 19.1506 15.7291 19.224 15.9124C19.3006 16.0957 19.3206 16.2957 19.2806 16.4891C19.2406 16.6824 19.1473 16.8624 19.0073 17.0024C18.8673 17.1424 18.6906 17.2391 18.494 17.2757C18.3006 17.3157 18.1006 17.2957 17.9173 17.2191C17.734 17.1424 17.5773 17.0157 17.4673 16.8524C17.3573 16.6891 17.2973 16.4957 17.2973 16.2957C17.2973 16.0291 17.404 15.7757 17.5906 15.5891C17.7773 15.4024 18.034 15.2957 18.2973 15.2957L18.3006 15.2924Z" fill="#F9FAFA" fill-opacity="0.5"/> <defs> <linearGradient id="paint0_linear_3210_11665" x1="18.3004" y1="0.622437" x2="18.3004" y2="40.6224" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </span> </div> </div> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">옵저버빌리티 가치 계산기</div> <small class="n01-link__description block pt-1 text-gray-3 text-sm"> 뉴렐릭이 귀사의 비즈니스에 어떤 가치를 줄 수 있는지 자세히 알아보십시오. </small> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="paragraph paragraph--type--nav-sub-menu paragraph--view-mode--default"> <div class="grid grid-flow-row items-start px-10 medium:mb-12 header-nav-twocol--3-9 larger:grid-flow-col larger:grid-cols-12 larger:gap-6 larger:px-0"> <div class="w-full grid-cols-1 larger:col-span-9 larger:col-start-4 larger:pt-12 column--index-2 grid gap-8"> <div class="n03-promo-list flex flex-col gap-7 bg-nr-extra-black medium:bg-transparent -mx-10 medium:mx-0 p-10 medium:p-0"> <div class="js-vanilla-carousel flex flex-col focus-visible:outline outline-0 outline-nr-green outline-offset-[-1px] focus-visible:outline-1 gap-8 grow m-0 medium:gradient-border-dark medium:border border-solid border-transparent rounded hover:border-nr-green relative" data-show-dots="true" data-dots-alignment="left" data-dots-style="circle" data-show-alt-arrows="false" data-slide-class="js-n03-promo-slide" data-autoplay="true" data-autoplay-speed="10000" data-disable-autoplay-screen-size="768" data-accent-color="n03-promo-dots w-2 h-2 rounded-full bg-gray-4" data-accent-color2="n03-promo-dots w-2 h-2 rounded-full bg-nr-green" tabindex="0"> <div class="relative"> <div class="flex gap-6 overflow-x-scroll large:overflow-x-hidden snap-x snap-mandatory carousel-scroll"> <div class="snap-always shrink-0 snap-start js-n03-promo-slide"> <div class="n03-promo group flex-1 basis-full" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/resources/gartner-magic-quadrant-dem" class="text-sm" aria-label="뉴렐릭은 비전 부문의 리더입니다. " itemprop="url"> <div class="n03-promo__logo w-10 mb-4"> <div class="n03-promo__image"> <img width="24" height="24" alt="gartner mq 2024 icon" loading="eager" class="svg-image" src=/sites/default/files/2024-10/gartner-report-icon.svg /> </div> </div> <div class="n03-promo__title whitespace-nowrap mb-2 group-hover:text-nr-green underline underline-offset-4 transition-all duration-200" itemprop="name"> 뉴렐릭은 비전 부문의 리더입니다. </div> <div class="text-gray-2"> 2024 가트너 매직 쿼드런트의 디지털 경험 모니터링(DEM) 부문 보고서를 다운로드하십시오. </div> </a> </div> </div> <div class="snap-always shrink-0 snap-start js-n03-promo-slide"> <div class="n03-promo group flex-1 basis-full" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/resources/report/observability-forecast/2024" class="text-sm" aria-label="2024 옵저버빌리티 전망" itemprop="url"> <div class="n03-promo__logo w-10 mb-4"> <div class="n03-promo__image"> <img width="24" height="24" alt="o11y 2024 icon" loading="eager" class="svg-image" src=/sites/default/files/2024-10/o11y2024-icon.svg /> </div> </div> <div class="n03-promo__title whitespace-nowrap mb-2 group-hover:text-nr-green underline underline-offset-4 transition-all duration-200" itemprop="name"> 2024 옵저버빌리티 전망 </div> <div class="text-gray-2"> 핵심적인 옵저버빌리티 인사이트로 앞서가세요. 지금 보고서를 확인해보십시오. </div> </a> </div> </div> <div class="snap-always shrink-0 snap-start mr-6 medium:mr-0 js-n03-promo-slide"> <div class="n03-promo group flex-1 basis-full" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/event/new-relic-now-on-demand" class="text-sm" aria-label="New Relic Now" itemprop="url"> <div class="n03-promo__logo w-10 mb-4"> <div class="n03-promo__image"> <img width="24" height="19" alt="nr now white" loading="eager" class="svg-image" src=/sites/default/files/2024-09/LOGO-white.svg /> </div> </div> <div class="n03-promo__title whitespace-nowrap mb-2 group-hover:text-nr-green underline underline-offset-4 transition-all duration-200" itemprop="name"> New Relic Now </div> <div class="text-gray-2"> 옵저버빌리티의 미래를 확인해보세요. 지금 온디맨드 액세스가 가능합니다. </div> </a> </div> </div> <div class="min-w-[40px] large:hidden"></div> </div> <div class="absolute medium:hidden w-6 h-full right-0 top-0 backdrop-blur-[1px]"></div> </div> <div class="dots-wrapper flex gap-4 mt-8 medium:mt-10 "> <div class="dot"> <span class="sr-only">1</span> </div> <div class="dot"> <span class="sr-only">2</span> </div> <div class="dot"> <span class="sr-only">3</span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </li> </ul> </nav> <div class="header-cta-container hidden header-expanded:flex p-[27px] fixed w-full bottom-0 bg-nr-black z-10 js-cta-container larger:p-[22px_0] larger:flex larger:static larger:w-auto"> <div class="hidden larger:contents larger:mr-4"> <button class="js-header-search-trigger mr-4" aria-expanded="false" aria-controls="header-search-form"> <span aria-hidden="true"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.93 20.861A6.93 6.93 0 1 0 13.93 7a6.93 6.93 0 0 0 0 13.861Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/><path d="m18.782 18.782 3.466 3.465.877.878 1.125 1.125.75.75" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg> </span> <span class="sr-only">Search toggle</span> </button> <div class="header-cta inline-flex items-center gap-6"> <a href="https://one.newrelic.com/" aria-label="로그인" class="btn-secondary small:inline-flex w-full medium:w-fit btn-small group grow xlarge:leading-6 h-12 xlarge:h-12 larger:px-4 larger:h-11 larger:text-base xlarge:text-lg inline-flex larger:!hidden max-w-full" > <div class="h-[22px] overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 로그인 </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 로그인 </span> </div> </div> </a> <a href="https://one.newrelic.com/" aria-label="로그인" class="btn-tertiary small:inline-flex w-full medium:w-fit group grow xlarge:leading-6 border-b-0 larger:text-base xlarge:text-lg !hidden larger:!inline-flex max-w-full border-b no-underline w-fit text-sm" > <div class="h-[22px] overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 로그인 </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 로그인 </span> </div> </div> </a> <a href="/kr/signup" aria-label="지금 무료로 시작하기" class="btn-green btn bg-nr-green text-nr-black small:inline-flex w-full medium:w-fit btn-small group grow xlarge:leading-6 h-12 xlarge:h-12 larger:px-4 larger:h-11 larger:text-base xlarge:text-lg inline-flex max-w-full" > <div class="h-[22px] overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 지금 무료로 시작하기 </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 지금 무료로 시작하기 </span> </div> </div> </a> <a href="/kr/request-demo" aria-label="데모 보기" class="btn-secondary small:inline-flex w-full medium:w-fit btn-small group grow xlarge:leading-6 h-12 xlarge:h-12 larger:px-4 larger:h-11 larger:text-base xlarge:text-lg !hidden xxlarge:!inline-flex max-w-full" > <div class="h-[22px] overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 데모 보기 </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 데모 보기 </span> </div> </div> </a> </div> </div> <div class="flex dark gap-6 w-full larger:hidden"> <a href="https://one.newrelic.com/" aria-label="로그인" class="btn-secondary small:inline-flex w-full medium:w-fit btn-small group grow text-center basis-0 inline-flex larger:!hidden max-w-full" > <div class="h-[22px] overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 로그인 </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 로그인 </span> </div> </div> </a> <a href="https://one.newrelic.com/" aria-label="로그인" class="btn-tertiary small:inline-flex w-full medium:w-fit group grow text-center basis-0 !hidden larger:!inline-flex max-w-full border-b no-underline w-fit text-sm" > <div class="h-[22px] overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 로그인 </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 로그인 </span> </div> </div> </a> <a href="/kr/signup" aria-label="지금 무료로 시작하기" class="btn-green btn bg-nr-green text-nr-black small:inline-flex w-full medium:w-fit btn-small group grow text-center basis-0 inline-flex max-w-full" > <div class="h-[22px] overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 지금 무료로 시작하기 </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 지금 무료로 시작하기 </span> </div> </div> </a> <a href="/kr/request-demo" aria-label="데모 보기" class="btn-secondary small:inline-flex w-full medium:w-fit btn-small group grow text-center basis-0 !hidden xxlarge:!inline-flex max-w-full" > <div class="h-[22px] overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 데모 보기 </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 데모 보기 </span> </div> </div> </a> </div> </div> </div> </div> </header> </div> <main class="page__content" id="main-content"> <div class="section text-nr-black section--column-align"> <div class="row row--columns-1 nr-fluid-container grid gap-x-6 gap-y-8 items-center large:grid-cols-12" data-layout="12"> <div class="large:col-span-12 column--index-1 grid gap-8 grid-cols-1"> <div data-drupal-messages-fallback class="hidden"></div> </div> </div> </div> <article> <div class="section-wrapper section--bg-color bg-nr-black dark medium:mb-24 mb-20"> <div class="r02-banner section group/banner"> <div class="banner dark relative banner--bg-video banner--bg-cover banner--signup text-center text-nr-white"> <div class="absolute inset-0"> <picture> <source srcset="/sites/default/files/styles/900w/public/2024-05/NR_Website%20Globe.webp?itok=dZsfx1m1 1x, /sites/default/files/styles/1800w/public/2024-05/NR_Website%20Globe.webp?itok=QCrt7FI7 2x" media="all and (min-width: 768px)" type="image/webp" width="900" height="506"/> <source srcset="/sites/default/files/styles/600w/public/2024-05/NR_Website%20Globe.webp?itok=oIbNz7am 1x, /sites/default/files/styles/1200w/public/2024-05/NR_Website%20Globe.webp?itok=P3aGah88 2x" media="all and (min-width: 576px)" type="image/webp" width="600" height="338"/> <source srcset="/sites/default/files/styles/300w/public/2024-05/NR_Website%20Globe.webp?itok=CiHzxkHd 1x, /sites/default/files/styles/600w/public/2024-05/NR_Website%20Globe.webp?itok=oIbNz7am 2x" type="image/webp" width="300" height="169"/> <source srcset="/sites/default/files/styles/900w/public/2024-05/NR_Website%20Globe.jpg?itok=dZsfx1m1 1x, /sites/default/files/styles/1800w/public/2024-05/NR_Website%20Globe.jpg?itok=QCrt7FI7 2x" media="all and (min-width: 768px)" type="image/jpeg" width="900" height="506"/> <source srcset="/sites/default/files/styles/600w/public/2024-05/NR_Website%20Globe.jpg?itok=oIbNz7am 1x, /sites/default/files/styles/1200w/public/2024-05/NR_Website%20Globe.jpg?itok=P3aGah88 2x" media="all and (min-width: 576px)" type="image/jpeg" width="600" height="338"/> <source srcset="/sites/default/files/styles/300w/public/2024-05/NR_Website%20Globe.jpg?itok=CiHzxkHd 1x, /sites/default/files/styles/600w/public/2024-05/NR_Website%20Globe.jpg?itok=oIbNz7am 2x" type="image/jpeg" width="300" height="169"/> <img class="w-full h-full object-cover" loading="eager" src="/sites/default/files/styles/900w/public/2024-05/NR_Website%20Globe.jpg?itok=dZsfx1m1" width="900" height="506" alt="Globe" /> </picture> </div> <video playsinline muted loop class="banner__video js-banner__video absolute inset-0 h-full w-full object-cover"> <source src="/sites/default/files/2024-05/NR_Website%20Globe%20Animation%20R5_1920X1080.mp4" type="video/mp4"> </video> <div class="relative"> <div class="nr-fluid-container"> <div class="grid medium:grid-cols-12 gap-x-8"> <div class="medium:col-span-12 medium:col-start-1 pt-10 medium:pt-12 large:pt-36"> </div> <div class="medium:col-span-10 medium:col-start-2 xlarge:col-span-8 xlarge:col-start-3"> <div class="banner__description mb-8 large:mb-6"> <h1>전 세계 주요 엔지니어링 팀을 지원하는 뉴렐릭</h1> <p>올인원 옵저버빌리티 플랫폼에서 운영되는 16,000여 개 비즈니스와 함께하십시오.</p> </div> <div class="banner__signup medium:-mx-6 banner__signup--compact pb-8 medium:pb-16 mt-0"> <div class="signup-form-wrapper"> <div class="js-signup-form"></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="r01-layout section dark text-left medium:mb-24 mb-20 text-nr-white section--column-align section--column-align-stretch"> <div class="row row--columns-1 nr-fluid-container grid gap-x-6 gap-y-8 items-center large:grid-cols-12" data-layout="12"> <div class="large:col-span-12 column--index-1 grid gap-8 grid-cols-1"> <div class="p06-v2-logo-pool pt-8 large:pt-12 border-t border-solid dark:border-nr-white"> <div class="first:mt-0 flex flex-wrap gap-y-8 items-center justify-center gap-3 medium:gap-[52px] large:gap-[78px] large:mt-[72px] medium:flex-nowrap medium:gap-y-0 mt-10"> <div class="p06-v2-logo flex-[1_0_26%] medium:block medium:flex-initial"> <a href="https://newrelic.com/kr/customers/verizon" class="p06-v2-logo__link"> <img class="p06-v2-logo__img min-w-0 dark:brightness-0 dark:invert mx-auto medium:mx-0" src="/sites/default/files/2023-02/logo_verizon_black_0.svg" alt="" /> </a> </div> <div class="p06-v2-logo flex-[1_0_26%] medium:block medium:flex-initial"> <a href="https://newrelic.com/kr/customers/shutterstock" class="p06-v2-logo__link"> <img class="p06-v2-logo__img min-w-0 dark:brightness-0 dark:invert mx-auto medium:mx-0" src="/sites/default/files/2023-10/sstk_standard_black_0.svg" alt="" /> </a> </div> <div class="p06-v2-logo flex-[1_0_26%] medium:block medium:flex-initial"> <a href="https://newrelic.com/kr/customers/toyota" class="p06-v2-logo__link"> <img class="p06-v2-logo__img min-w-0 dark:brightness-0 dark:invert mx-auto medium:mx-0" src="/sites/default/files/2023-02/toyota2.svg" alt="" /> </a> </div> <div class="p06-v2-logo flex-[1_0_26%] medium:block medium:flex-initial"> <a href="https://newrelic.com/kr/customers/mercadolibre" class="p06-v2-logo__link"> <img class="p06-v2-logo__img min-w-0 dark:brightness-0 dark:invert mx-auto medium:mx-0" src="/sites/default/files/2022-11/Mercado_Libre_logo.svg" alt="" /> </a> </div> <div class="p06-v2-logo flex-[1_0_26%] medium:block medium:flex-initial"> <a href="https://newrelic.com/kr/customers/william-hill" class="p06-v2-logo__link"> <img class="p06-v2-logo__img min-w-0 dark:brightness-0 dark:invert mx-auto medium:mx-0" src="/sites/default/files/2023-05/william%20hill.svg" alt="" /> </a> </div> </div> </div> <div class="p06-v2-logo-pool"> <div class="first:mt-0 flex flex-wrap gap-y-8 items-center justify-center gap-3 medium:gap-[52px] large:gap-[78px] large:mt-[72px] medium:flex-nowrap medium:gap-y-0 mt-10"> <div class="p06-v2-logo flex-[1_0_26%] medium:block medium:flex-initial"> <a href="https://newrelic.com/kr/customers/tokopedia" class="p06-v2-logo__link"> <img class="p06-v2-logo__img min-w-0 dark:brightness-0 dark:invert mx-auto medium:mx-0" src="/sites/default/files/2023-01/logo_tokopedia.svg" alt="" /> </a> </div> <div class="p06-v2-logo flex-[1_0_26%] medium:block medium:flex-initial"> <a href="https://newrelic.com/kr/customers/world-fuel" class="p06-v2-logo__link"> <img class="p06-v2-logo__img min-w-0 dark:brightness-0 dark:invert mx-auto medium:mx-0" src="/sites/default/files/2024-04/logo_worldfuelservices_K_0.svg" alt="" /> </a> </div> <div class="p06-v2-logo flex-[1_0_26%] medium:block medium:flex-initial"> <a href="https://newrelic.com/kr/customers/seven" class="p06-v2-logo__link"> <img class="p06-v2-logo__img min-w-0 dark:brightness-0 dark:invert mx-auto medium:mx-0" src="/sites/default/files/2023-02/seven-logo.svg" alt="" /> </a> </div> <div class="p06-v2-logo flex-[1_0_26%] medium:block medium:flex-initial"> <img class="p06-v2-logo__img min-w-0 dark:brightness-0 dark:invert mx-auto medium:mx-0" src="/sites/default/files/2023-08/logo_Adidas-Runtastic.svg" alt="" /> </div> <div class="p06-v2-logo flex-[1_0_26%] medium:block medium:flex-initial"> <a href="https://newrelic.com/kr/customers/zenhub" class="p06-v2-logo__link"> <img class="p06-v2-logo__img min-w-0 dark:brightness-0 dark:invert mx-auto medium:mx-0" src="/sites/default/files/2022-11/Zenhub_logo_0.svg" alt="" /> </a> </div> </div> </div> </div> </div> </div> <div > <div class="nr-fluid-container"> <div class="r21-coverflow relative flex flex-col dark max-medium:overflow-hidden max-medium:-mx-10" data-current-index="0"> <div class="hidden medium:block relative z-[-1] aspect-video w-5/6"></div> <div class="r21-coverflow__wrapper medium:absolute inset-0 medium:flex flex-row"> <div class="coverflow__control--previous cursor-left-control-arrow h-full w-18 z-10 flex-grow shrink-0 max-medium:hidden -mx-8 px-8"></div> <div class="coverflow__carousel max-medium:overflow-x-scroll shrink-0 max-medium:flex max-medium:gap-5 medium:pb-12 carousel-scroll snap-x snap-mandatory relative medium:w-5/6"> <div class="coverflow__item active max-medium:ml-10 max-medium:w-[calc(100%_-_5rem)] max-small:aspect-9/16 w-full absolute rounded-lg overflow-hidden shadow-inactive-card-depth active-class:shadow-card-depth transition-all duration-200 ease-out !outline-none max-medium:relative shrink-0 snap-always snap-center group border border-nr-extra-clear" data-index="0" data-position="0" data-description="How Forbes solves problems faster." style="z-index:5; transform: translate(0px, 0px) scale(1.0);"> <div class="thumbnail w-full h-fit max-medium:h-full after:absolute after:inset-0 after:bg-nr-card-tint ring-1 ring-nr-white/[.16] ring-inset img-cover blur-md group-[.active]:blur-none"> <div> <picture> <source srcset="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Forbes_Static.webp?h=17c03c14&amp;itok=5WGT7mhR 1x, /sites/default/files/styles/16x9_1800w/public/2024-05/Coverflow_Forbes_Static.webp?h=17c03c14&amp;itok=YTPeyu5f 2x" media="all and (min-width: 992px)" type="image/webp" width="900" height="507"/> <source srcset="/sites/default/files/styles/16x9_300w/public/2024-05/Coverflow_Forbes_Static.webp?h=17c03c14&amp;itok=nxmzuXeu 1x, /sites/default/files/styles/16x9_600w/public/2024-05/Coverflow_Forbes_Static.webp?h=17c03c14&amp;itok=gwyx5Wv3 2x" type="image/webp" width="300" height="169"/> <source srcset="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Forbes_Static.jpg?h=17c03c14&amp;itok=5WGT7mhR 1x, /sites/default/files/styles/16x9_1800w/public/2024-05/Coverflow_Forbes_Static.jpg?h=17c03c14&amp;itok=YTPeyu5f 2x" media="all and (min-width: 992px)" type="image/jpeg" width="900" height="507"/> <source srcset="/sites/default/files/styles/16x9_300w/public/2024-05/Coverflow_Forbes_Static.jpg?h=17c03c14&amp;itok=nxmzuXeu 1x, /sites/default/files/styles/16x9_600w/public/2024-05/Coverflow_Forbes_Static.jpg?h=17c03c14&amp;itok=gwyx5Wv3 2x" type="image/jpeg" width="300" height="169"/> <img src="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Forbes_Static.jpg?h=17c03c14&amp;itok=5WGT7mhR" width="900" height="507" alt="Forbes case study" loading="lazy" /> </picture> </div> </div> <div class="video absolute inset-0 max-small:hidden after:absolute after:inset-0 after:bg-nr-card-tint ring-1 ring-nr-white/[.16] ring-inset peer video-w-max blur-md group-[.active]:blur-none"> <video playsinline muted loop class="banner__video absolute inset-0 h-full w-full object-cover"> <source src="/sites/default/files/2024-05/NR_WEB_FORBES_AMBIENT_CC_LowBitrate.mp4" type="video/mp4"> </video> </div> <div class="meta absolute inset-6 small:inset-8 medium:inset-12 flex flex-row justify-end leading-none peer-[.playing]:opacity-0 transition-opacity duration-200"> <div class="flex flex-col justify-between"> <div class="max-w-[120px] max-h-15"> <div> <img width="115" height="32" alt="Forbes logo" loading="eager" class="svg-image" src=/sites/default/files/2024-03/logo_forbes_W.svg /> </div> </div> <div class="flex flex-col justify-end large:max-w-[470px]"> <h3>Forbes elevates its brand with digital performance.</h3> <div class="text-style-small flex flex-row items-baseline gap-2"> <span class="inline-block">1/14</span> <span class="inline-block h-full"> <span class="inline-block align-middle w-8 h-[1px] bg-nr-white/25"></span> </span> <span class="inline-block svg-10"><svg fill="none" height="10" viewBox="0 0 10 11" width="10" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 .830017h10v10h-10z"/></clipPath><g clip-path="url(#a)" stroke="#f9fafa" stroke-linejoin="round" stroke-width=".833333"><path d="m.416595 5.83007c0 1.21557.482886 2.38136 1.342425 3.2409.85954.85955 2.02533 1.34243 3.24091 1.34243 1.21557 0 2.38136-.48288 3.2409-1.34243.85955-.85954 1.34243-2.02533 1.34243-3.2409 0-1.21558-.48288-2.38137-1.34243-3.24091-.85954-.85954-2.02533-1.34243-3.2409-1.34243-1.21558 0-2.38137.48289-3.24091 1.34243-.859539.85954-1.342425 2.02533-1.342425 3.24091z"/><path d="m5 2.9133v2.91667l1.66667 2.08333"/></g></svg></span> <span class="inline-block">3:17</span> </div> </div> </div> <span class="inline-block flex-grow flex flex-col justify-end items-end"> <span class="svg-40 medium:svg-80 align-right peer-[.playing]:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"> <path d="M16 0C7.13846 0 0 7.13846 0 16C0 24.8615 7.13846 32 16 32C24.8615 32 32 24.8615 32 16C32 7.13846 24.8615 0 16 0Z" fill="#1CE783"/> <path d="M12.9656 10.7585V21.793L21.3866 16.2758L12.9656 10.7585Z" fill="#141A1F"/> </svg> </span> </span> </div> <div class="js-modal-trigger overlay absolute inset-0 cursor-pointer" data-modal-type="video" data-modal-id="coverflow-item-0-modal-content" data-video-iframe=" &lt;div class=&quot;video-cover&quot; style=&quot;aspect-ratio: 1.7777777777778;&quot; &gt; &lt;div data-hash-id=&quot;c53719lo18&quot; data-aspect-ratio=&quot;1.7777777777778&quot; data-duration=&quot;197&quot; class=&quot;wistia_embed wistia-embed js-wistia-embed js-video-embed wistia_async_c53719lo18 videoFoam=true autoPlay=true&quot;&gt;&amp;nbsp;&lt;/div&gt; &lt;/div&gt; "></div> <div class="hidden"> <div id="coverflow-item-0-modal-content"> <div class="dark px-10 py-8"> <div class="flex flex-col medium:flex-row items-center justify-between gap-10 medium:gap-20 large:gap-40"> <div class="text-nr-white">How Forbes solves problems faster.</div> <a href="/kr/customers/forbes" aria-label="자세히 보기" class="btn-green btn bg-nr-green text-nr-black small:inline-flex w-full medium:w-fit group max-w-full" > <div class="h-6 overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> </div> </div> </a> </div> </div> </div> </div> </div> <div class="coverflow__item max-medium:w-[calc(100%_-_5rem)] max-small:aspect-9/16 w-full absolute rounded-lg overflow-hidden shadow-inactive-card-depth active-class:shadow-card-depth transition-all duration-200 ease-out !outline-none max-medium:relative shrink-0 snap-always snap-center group border border-nr-extra-clear" data-index="1" data-position="1" data-description="How Domino’s UK delivers pizzas quicker." style="z-index:4; transform: translate(8%, 0px) scale(0.9);"> <div class="thumbnail w-full h-fit max-medium:h-full after:absolute after:inset-0 after:bg-nr-card-tint ring-1 ring-nr-white/[.16] ring-inset img-cover blur-md group-[.active]:blur-none"> <div> <picture> <source srcset="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Dominos_Static.webp?h=17c03c14&amp;itok=X6uW3c7r 1x, /sites/default/files/styles/16x9_1800w/public/2024-05/Coverflow_Dominos_Static.webp?h=17c03c14&amp;itok=bpVQktuz 2x" media="all and (min-width: 992px)" type="image/webp" width="900" height="507"/> <source srcset="/sites/default/files/styles/16x9_300w/public/2024-05/Coverflow_Dominos_Static.webp?h=17c03c14&amp;itok=FVyVAXYg 1x, /sites/default/files/styles/16x9_600w/public/2024-05/Coverflow_Dominos_Static.webp?h=17c03c14&amp;itok=8Fn29lPe 2x" type="image/webp" width="300" height="169"/> <source srcset="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Dominos_Static.jpg?h=17c03c14&amp;itok=X6uW3c7r 1x, /sites/default/files/styles/16x9_1800w/public/2024-05/Coverflow_Dominos_Static.jpg?h=17c03c14&amp;itok=bpVQktuz 2x" media="all and (min-width: 992px)" type="image/jpeg" width="900" height="507"/> <source srcset="/sites/default/files/styles/16x9_300w/public/2024-05/Coverflow_Dominos_Static.jpg?h=17c03c14&amp;itok=FVyVAXYg 1x, /sites/default/files/styles/16x9_600w/public/2024-05/Coverflow_Dominos_Static.jpg?h=17c03c14&amp;itok=8Fn29lPe 2x" type="image/jpeg" width="300" height="169"/> <img src="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Dominos_Static.jpg?h=17c03c14&amp;itok=X6uW3c7r" width="900" height="507" alt="Dominos case study" loading="lazy" /> </picture> </div> </div> <div class="video absolute inset-0 max-small:hidden after:absolute after:inset-0 after:bg-nr-card-tint ring-1 ring-nr-white/[.16] ring-inset peer video-w-max blur-md group-[.active]:blur-none"> <video playsinline muted loop class="banner__video absolute inset-0 h-full w-full object-cover"> <source src="/sites/default/files/2024-05/NR_WEB_DOMINOS_AMBIENT_CC_LowBitrate.mp4" type="video/mp4"> </video> </div> <div class="meta absolute inset-6 small:inset-8 medium:inset-12 flex flex-row justify-end leading-none peer-[.playing]:opacity-0 transition-opacity duration-200"> <div class="flex flex-col justify-between"> <div class="max-w-[120px] max-h-15"> <div> <img width="134" height="30" alt="logo domino" loading="eager" class="svg-image" src=/sites/default/files/2024-03/logo_dominos_W.svg /> </div> </div> <div class="flex flex-col justify-end large:max-w-[470px]"> <h3>Domino’s makes fast pizza delivery even faster.</h3> <div class="text-style-small flex flex-row items-baseline gap-2"> <span class="inline-block">2/14</span> <span class="inline-block h-full"> <span class="inline-block align-middle w-8 h-[1px] bg-nr-white/25"></span> </span> <span class="inline-block svg-10"><svg fill="none" height="10" viewBox="0 0 10 11" width="10" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 .830017h10v10h-10z"/></clipPath><g clip-path="url(#a)" stroke="#f9fafa" stroke-linejoin="round" stroke-width=".833333"><path d="m.416595 5.83007c0 1.21557.482886 2.38136 1.342425 3.2409.85954.85955 2.02533 1.34243 3.24091 1.34243 1.21557 0 2.38136-.48288 3.2409-1.34243.85955-.85954 1.34243-2.02533 1.34243-3.2409 0-1.21558-.48288-2.38137-1.34243-3.24091-.85954-.85954-2.02533-1.34243-3.2409-1.34243-1.21558 0-2.38137.48289-3.24091 1.34243-.859539.85954-1.342425 2.02533-1.342425 3.24091z"/><path d="m5 2.9133v2.91667l1.66667 2.08333"/></g></svg></span> <span class="inline-block">2:30</span> </div> </div> </div> <span class="inline-block flex-grow flex flex-col justify-end items-end"> <span class="svg-40 medium:svg-80 align-right peer-[.playing]:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"> <path d="M16 0C7.13846 0 0 7.13846 0 16C0 24.8615 7.13846 32 16 32C24.8615 32 32 24.8615 32 16C32 7.13846 24.8615 0 16 0Z" fill="#1CE783"/> <path d="M12.9656 10.7585V21.793L21.3866 16.2758L12.9656 10.7585Z" fill="#141A1F"/> </svg> </span> </span> </div> <div class="js-modal-trigger overlay absolute inset-0 cursor-pointer" data-modal-type="video" data-modal-id="coverflow-item-1-modal-content" data-video-iframe=" &lt;div class=&quot;video-cover&quot; style=&quot;aspect-ratio: 1.7777777777778;&quot; &gt; &lt;div data-hash-id=&quot;bxaegfl46u&quot; data-aspect-ratio=&quot;1.7777777777778&quot; data-duration=&quot;150&quot; class=&quot;wistia_embed wistia-embed js-wistia-embed js-video-embed wistia_async_bxaegfl46u videoFoam=true autoPlay=true&quot;&gt;&amp;nbsp;&lt;/div&gt; &lt;/div&gt; "></div> <div class="hidden"> <div id="coverflow-item-1-modal-content"> <div class="dark px-10 py-8"> <div class="flex flex-col medium:flex-row items-center justify-between gap-10 medium:gap-20 large:gap-40"> <div class="text-nr-white">How Domino’s UK delivers pizzas quicker.</div> <a href="/kr/customers/dominos" aria-label="자세히 보기" class="btn-green btn bg-nr-green text-nr-black small:inline-flex w-full medium:w-fit group max-w-full" > <div class="h-6 overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> </div> </div> </a> </div> </div> </div> </div> </div> <div class="coverflow__item max-medium:w-[calc(100%_-_5rem)] max-small:aspect-9/16 w-full absolute rounded-lg overflow-hidden shadow-inactive-card-depth active-class:shadow-card-depth transition-all duration-200 ease-out !outline-none max-medium:relative shrink-0 snap-always snap-center group border border-nr-extra-clear" data-index="2" data-position="2" data-description="How Koneksa empowers developers with real-time data." style="z-index:3; transform: translate(16%, 0px) scale(0.8014);"> <div class="thumbnail w-full h-fit max-medium:h-full after:absolute after:inset-0 after:bg-nr-card-tint ring-1 ring-nr-white/[.16] ring-inset img-cover blur-md group-[.active]:blur-none"> <div> <picture> <source srcset="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Koneska_Static.webp?h=17c03c14&amp;itok=GnEtmSOH 1x, /sites/default/files/styles/16x9_1800w/public/2024-05/Coverflow_Koneska_Static.webp?h=17c03c14&amp;itok=sPhPTxoC 2x" media="all and (min-width: 992px)" type="image/webp" width="900" height="507"/> <source srcset="/sites/default/files/styles/16x9_300w/public/2024-05/Coverflow_Koneska_Static.webp?h=17c03c14&amp;itok=vKY45-7z 1x, /sites/default/files/styles/16x9_600w/public/2024-05/Coverflow_Koneska_Static.webp?h=17c03c14&amp;itok=Nzus0P_P 2x" type="image/webp" width="300" height="169"/> <source srcset="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Koneska_Static.jpg?h=17c03c14&amp;itok=GnEtmSOH 1x, /sites/default/files/styles/16x9_1800w/public/2024-05/Coverflow_Koneska_Static.jpg?h=17c03c14&amp;itok=sPhPTxoC 2x" media="all and (min-width: 992px)" type="image/jpeg" width="900" height="507"/> <source srcset="/sites/default/files/styles/16x9_300w/public/2024-05/Coverflow_Koneska_Static.jpg?h=17c03c14&amp;itok=vKY45-7z 1x, /sites/default/files/styles/16x9_600w/public/2024-05/Coverflow_Koneska_Static.jpg?h=17c03c14&amp;itok=Nzus0P_P 2x" type="image/jpeg" width="300" height="169"/> <img src="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Koneska_Static.jpg?h=17c03c14&amp;itok=GnEtmSOH" width="900" height="507" alt="Koneska case study" loading="lazy" /> </picture> </div> </div> <div class="video absolute inset-0 max-small:hidden after:absolute after:inset-0 after:bg-nr-card-tint ring-1 ring-nr-white/[.16] ring-inset peer video-w-max blur-md group-[.active]:blur-none"> <video playsinline muted loop class="banner__video absolute inset-0 h-full w-full object-cover"> <source src="/sites/default/files/2024-05/NR_WEB_KONEKSA_AMBIENT_CC_LowBitrate.mp4" type="video/mp4"> </video> </div> <div class="meta absolute inset-6 small:inset-8 medium:inset-12 flex flex-row justify-end leading-none peer-[.playing]:opacity-0 transition-opacity duration-200"> <div class="flex flex-col justify-between"> <div class="max-w-[120px] max-h-15"> <div> <img width="126" height="29" alt="logo koneska" loading="eager" class="svg-image" src=/sites/default/files/2024-03/logo_koneska_W.svg /> </div> </div> <div class="flex flex-col justify-end large:max-w-[470px]"> <h3>Koneksa fuels medical research with observability</h3> <div class="text-style-small flex flex-row items-baseline gap-2"> <span class="inline-block">3/14</span> <span class="inline-block h-full"> <span class="inline-block align-middle w-8 h-[1px] bg-nr-white/25"></span> </span> <span class="inline-block svg-10"><svg fill="none" height="10" viewBox="0 0 10 11" width="10" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 .830017h10v10h-10z"/></clipPath><g clip-path="url(#a)" stroke="#f9fafa" stroke-linejoin="round" stroke-width=".833333"><path d="m.416595 5.83007c0 1.21557.482886 2.38136 1.342425 3.2409.85954.85955 2.02533 1.34243 3.24091 1.34243 1.21557 0 2.38136-.48288 3.2409-1.34243.85955-.85954 1.34243-2.02533 1.34243-3.2409 0-1.21558-.48288-2.38137-1.34243-3.24091-.85954-.85954-2.02533-1.34243-3.2409-1.34243-1.21558 0-2.38137.48289-3.24091 1.34243-.859539.85954-1.342425 2.02533-1.342425 3.24091z"/><path d="m5 2.9133v2.91667l1.66667 2.08333"/></g></svg></span> <span class="inline-block">2:41</span> </div> </div> </div> <span class="inline-block flex-grow flex flex-col justify-end items-end"> <span class="svg-40 medium:svg-80 align-right peer-[.playing]:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"> <path d="M16 0C7.13846 0 0 7.13846 0 16C0 24.8615 7.13846 32 16 32C24.8615 32 32 24.8615 32 16C32 7.13846 24.8615 0 16 0Z" fill="#1CE783"/> <path d="M12.9656 10.7585V21.793L21.3866 16.2758L12.9656 10.7585Z" fill="#141A1F"/> </svg> </span> </span> </div> <div class="js-modal-trigger overlay absolute inset-0 cursor-pointer" data-modal-type="video" data-modal-id="coverflow-item-2-modal-content" data-video-iframe=" &lt;div class=&quot;video-cover&quot; style=&quot;aspect-ratio: 1.7777777777778;&quot; &gt; &lt;div data-hash-id=&quot;4aspkukrgz&quot; data-aspect-ratio=&quot;1.7777777777778&quot; data-duration=&quot;161&quot; class=&quot;wistia_embed wistia-embed js-wistia-embed js-video-embed wistia_async_4aspkukrgz videoFoam=true autoPlay=true&quot;&gt;&amp;nbsp;&lt;/div&gt; &lt;/div&gt; "></div> <div class="hidden"> <div id="coverflow-item-2-modal-content"> <div class="dark px-10 py-8"> <div class="flex flex-col medium:flex-row items-center justify-between gap-10 medium:gap-20 large:gap-40"> <div class="text-nr-white">How Koneksa empowers developers with real-time data.</div> <a href="/kr/customers/koneksa" aria-label="자세히 보기" class="btn-green btn bg-nr-green text-nr-black small:inline-flex w-full medium:w-fit group max-w-full" > <div class="h-6 overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> </div> </div> </a> </div> </div> </div> </div> </div> <div class="coverflow__item max-medium:w-[calc(100%_-_5rem)] max-small:aspect-9/16 w-full absolute rounded-lg overflow-hidden shadow-inactive-card-depth active-class:shadow-card-depth transition-all duration-200 ease-out !outline-none max-medium:relative shrink-0 snap-always snap-center group border border-nr-extra-clear" data-index="3" data-position="3" data-description="How Capillary Technologies meets customer expectations." style="z-index:0; transform: translate(0px, 0px) scale(0.6);"> <div class="thumbnail w-full h-fit max-medium:h-full after:absolute after:inset-0 after:bg-nr-card-tint ring-1 ring-nr-white/[.16] ring-inset img-cover blur-md group-[.active]:blur-none"> <div> <picture> <source srcset="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Capillary_Static.webp?h=17c03c14&amp;itok=aJo_-Hnu 1x, /sites/default/files/styles/16x9_1800w/public/2024-05/Coverflow_Capillary_Static.webp?h=17c03c14&amp;itok=fG3t6RSM 2x" media="all and (min-width: 992px)" type="image/webp" width="900" height="507"/> <source srcset="/sites/default/files/styles/16x9_300w/public/2024-05/Coverflow_Capillary_Static.webp?h=17c03c14&amp;itok=VdhG2vx- 1x, /sites/default/files/styles/16x9_600w/public/2024-05/Coverflow_Capillary_Static.webp?h=17c03c14&amp;itok=_oJaoRny 2x" type="image/webp" width="300" height="169"/> <source srcset="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Capillary_Static.jpg?h=17c03c14&amp;itok=aJo_-Hnu 1x, /sites/default/files/styles/16x9_1800w/public/2024-05/Coverflow_Capillary_Static.jpg?h=17c03c14&amp;itok=fG3t6RSM 2x" media="all and (min-width: 992px)" type="image/jpeg" width="900" height="507"/> <source srcset="/sites/default/files/styles/16x9_300w/public/2024-05/Coverflow_Capillary_Static.jpg?h=17c03c14&amp;itok=VdhG2vx- 1x, /sites/default/files/styles/16x9_600w/public/2024-05/Coverflow_Capillary_Static.jpg?h=17c03c14&amp;itok=_oJaoRny 2x" type="image/jpeg" width="300" height="169"/> <img src="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Capillary_Static.jpg?h=17c03c14&amp;itok=aJo_-Hnu" width="900" height="507" alt="Capillary Technologies case study" loading="lazy" /> </picture> </div> </div> <div class="video absolute inset-0 max-small:hidden after:absolute after:inset-0 after:bg-nr-card-tint ring-1 ring-nr-white/[.16] ring-inset peer video-w-max blur-md group-[.active]:blur-none"> <video playsinline muted loop class="banner__video absolute inset-0 h-full w-full object-cover"> <source src="/sites/default/files/2024-05/NR_WEB_CAPILLARY_AMBIENT_CC_LowBitrate.mp4" type="video/mp4"> </video> </div> <div class="meta absolute inset-6 small:inset-8 medium:inset-12 flex flex-row justify-end leading-none peer-[.playing]:opacity-0 transition-opacity duration-200"> <div class="flex flex-col justify-between"> <div class="max-w-[120px] max-h-15"> <div> <img width="137" height="30" alt="logo capillary technologies" loading="eager" class="svg-image" src=/sites/default/files/2024-03/logo_capillarytechnologies_W.svg /> </div> </div> <div class="flex flex-col justify-end large:max-w-[470px]"> <h3>Capillary Technologies efficiently scales a customer loyalty program.</h3> <div class="text-style-small flex flex-row items-baseline gap-2"> <span class="inline-block">4/14</span> <span class="inline-block h-full"> <span class="inline-block align-middle w-8 h-[1px] bg-nr-white/25"></span> </span> <span class="inline-block svg-10"><svg fill="none" height="10" viewBox="0 0 10 11" width="10" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 .830017h10v10h-10z"/></clipPath><g clip-path="url(#a)" stroke="#f9fafa" stroke-linejoin="round" stroke-width=".833333"><path d="m.416595 5.83007c0 1.21557.482886 2.38136 1.342425 3.2409.85954.85955 2.02533 1.34243 3.24091 1.34243 1.21557 0 2.38136-.48288 3.2409-1.34243.85955-.85954 1.34243-2.02533 1.34243-3.2409 0-1.21558-.48288-2.38137-1.34243-3.24091-.85954-.85954-2.02533-1.34243-3.2409-1.34243-1.21558 0-2.38137.48289-3.24091 1.34243-.859539.85954-1.342425 2.02533-1.342425 3.24091z"/><path d="m5 2.9133v2.91667l1.66667 2.08333"/></g></svg></span> <span class="inline-block">2:04</span> </div> </div> </div> <span class="inline-block flex-grow flex flex-col justify-end items-end"> <span class="svg-40 medium:svg-80 align-right peer-[.playing]:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"> <path d="M16 0C7.13846 0 0 7.13846 0 16C0 24.8615 7.13846 32 16 32C24.8615 32 32 24.8615 32 16C32 7.13846 24.8615 0 16 0Z" fill="#1CE783"/> <path d="M12.9656 10.7585V21.793L21.3866 16.2758L12.9656 10.7585Z" fill="#141A1F"/> </svg> </span> </span> </div> <div class="js-modal-trigger overlay absolute inset-0 cursor-pointer" data-modal-type="video" data-modal-id="coverflow-item-3-modal-content" data-video-iframe=" &lt;div class=&quot;video-cover&quot; style=&quot;aspect-ratio: 1.7777777777778;&quot; &gt; &lt;div data-hash-id=&quot;8gnnudowq7&quot; data-aspect-ratio=&quot;1.7777777777778&quot; data-duration=&quot;124&quot; class=&quot;wistia_embed wistia-embed js-wistia-embed js-video-embed wistia_async_8gnnudowq7 videoFoam=true autoPlay=true&quot;&gt;&amp;nbsp;&lt;/div&gt; &lt;/div&gt; "></div> <div class="hidden"> <div id="coverflow-item-3-modal-content"> <div class="dark px-10 py-8"> <div class="flex flex-col medium:flex-row items-center justify-between gap-10 medium:gap-20 large:gap-40"> <div class="text-nr-white">How Capillary Technologies meets customer expectations.</div> <a href="/kr/customers/capillary-technologies-video" aria-label="자세히 보기" class="btn-green btn bg-nr-green text-nr-black small:inline-flex w-full medium:w-fit group max-w-full" > <div class="h-6 overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> </div> </div> </a> </div> </div> </div> </div> </div> <div class="coverflow__item max-medium:w-[calc(100%_-_5rem)] max-small:aspect-9/16 w-full absolute rounded-lg overflow-hidden shadow-inactive-card-depth active-class:shadow-card-depth transition-all duration-200 ease-out !outline-none max-medium:relative shrink-0 snap-always snap-center group border border-nr-extra-clear" data-index="4" data-position="4" data-description="How Flight Centre keeps end-user experiences consistent across channels. " style="z-index:0; transform: translate(0px, 0px) scale(0.6);"> <div class="thumbnail w-full h-fit max-medium:h-full after:absolute after:inset-0 after:bg-nr-card-tint ring-1 ring-nr-white/[.16] ring-inset img-cover blur-md group-[.active]:blur-none"> <div> <picture> <source srcset="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Flight%20Centre_Static.webp?h=17c03c14&amp;itok=kTjD7xZm 1x, /sites/default/files/styles/16x9_1800w/public/2024-05/Coverflow_Flight%20Centre_Static.webp?h=17c03c14&amp;itok=xoTOI-xk 2x" media="all and (min-width: 992px)" type="image/webp" width="900" height="507"/> <source srcset="/sites/default/files/styles/16x9_300w/public/2024-05/Coverflow_Flight%20Centre_Static.webp?h=17c03c14&amp;itok=vnHqWWS2 1x, /sites/default/files/styles/16x9_600w/public/2024-05/Coverflow_Flight%20Centre_Static.webp?h=17c03c14&amp;itok=JFMiHIb9 2x" type="image/webp" width="300" height="169"/> <source srcset="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Flight%20Centre_Static.jpg?h=17c03c14&amp;itok=kTjD7xZm 1x, /sites/default/files/styles/16x9_1800w/public/2024-05/Coverflow_Flight%20Centre_Static.jpg?h=17c03c14&amp;itok=xoTOI-xk 2x" media="all and (min-width: 992px)" type="image/jpeg" width="900" height="507"/> <source srcset="/sites/default/files/styles/16x9_300w/public/2024-05/Coverflow_Flight%20Centre_Static.jpg?h=17c03c14&amp;itok=vnHqWWS2 1x, /sites/default/files/styles/16x9_600w/public/2024-05/Coverflow_Flight%20Centre_Static.jpg?h=17c03c14&amp;itok=JFMiHIb9 2x" type="image/jpeg" width="300" height="169"/> <img src="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Flight%20Centre_Static.jpg?h=17c03c14&amp;itok=kTjD7xZm" width="900" height="507" alt="Flight Centre case study" loading="lazy" /> </picture> </div> </div> <div class="video absolute inset-0 max-small:hidden after:absolute after:inset-0 after:bg-nr-card-tint ring-1 ring-nr-white/[.16] ring-inset peer video-w-max blur-md group-[.active]:blur-none"> <video playsinline muted loop class="banner__video absolute inset-0 h-full w-full object-cover"> <source src="/sites/default/files/2024-05/NR_WEB_FLIGHT%20CENTRE_AMBIENT_CC_LowBitrate.mp4" type="video/mp4"> </video> </div> <div class="meta absolute inset-6 small:inset-8 medium:inset-12 flex flex-row justify-end leading-none peer-[.playing]:opacity-0 transition-opacity duration-200"> <div class="flex flex-col justify-between"> <div class="max-w-[120px] max-h-15"> <div> <img width="165" height="26" alt="logo flight center" loading="eager" class="svg-image" src=/sites/default/files/2024-03/logo_flight_center_W.svg /> </div> </div> <div class="flex flex-col justify-end large:max-w-[470px]"> <h3>Flight Centre elevates omnichannel to one source of truth.</h3> <div class="text-style-small flex flex-row items-baseline gap-2"> <span class="inline-block">5/14</span> <span class="inline-block h-full"> <span class="inline-block align-middle w-8 h-[1px] bg-nr-white/25"></span> </span> <span class="inline-block svg-10"><svg fill="none" height="10" viewBox="0 0 10 11" width="10" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 .830017h10v10h-10z"/></clipPath><g clip-path="url(#a)" stroke="#f9fafa" stroke-linejoin="round" stroke-width=".833333"><path d="m.416595 5.83007c0 1.21557.482886 2.38136 1.342425 3.2409.85954.85955 2.02533 1.34243 3.24091 1.34243 1.21557 0 2.38136-.48288 3.2409-1.34243.85955-.85954 1.34243-2.02533 1.34243-3.2409 0-1.21558-.48288-2.38137-1.34243-3.24091-.85954-.85954-2.02533-1.34243-3.2409-1.34243-1.21558 0-2.38137.48289-3.24091 1.34243-.859539.85954-1.342425 2.02533-1.342425 3.24091z"/><path d="m5 2.9133v2.91667l1.66667 2.08333"/></g></svg></span> <span class="inline-block">3:12</span> </div> </div> </div> <span class="inline-block flex-grow flex flex-col justify-end items-end"> <span class="svg-40 medium:svg-80 align-right peer-[.playing]:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"> <path d="M16 0C7.13846 0 0 7.13846 0 16C0 24.8615 7.13846 32 16 32C24.8615 32 32 24.8615 32 16C32 7.13846 24.8615 0 16 0Z" fill="#1CE783"/> <path d="M12.9656 10.7585V21.793L21.3866 16.2758L12.9656 10.7585Z" fill="#141A1F"/> </svg> </span> </span> </div> <div class="js-modal-trigger overlay absolute inset-0 cursor-pointer" data-modal-type="video" data-modal-id="coverflow-item-4-modal-content" data-video-iframe=" &lt;div class=&quot;video-cover&quot; style=&quot;aspect-ratio: 1.7777777777778;&quot; &gt; &lt;div data-hash-id=&quot;bkk7hbseye&quot; data-aspect-ratio=&quot;1.7777777777778&quot; data-duration=&quot;192&quot; class=&quot;wistia_embed wistia-embed js-wistia-embed js-video-embed wistia_async_bkk7hbseye videoFoam=true autoPlay=true&quot;&gt;&amp;nbsp;&lt;/div&gt; &lt;/div&gt; "></div> <div class="hidden"> <div id="coverflow-item-4-modal-content"> <div class="dark px-10 py-8"> <div class="flex flex-col medium:flex-row items-center justify-between gap-10 medium:gap-20 large:gap-40"> <div class="text-nr-white">How Flight Centre keeps end-user experiences consistent across channels. </div> <a href="/kr/customers/flight-centre" aria-label="자세히 보기" class="btn-green btn bg-nr-green text-nr-black small:inline-flex w-full medium:w-fit group max-w-full" > <div class="h-6 overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> </div> </div> </a> </div> </div> </div> </div> </div> <div class="coverflow__item max-medium:w-[calc(100%_-_5rem)] max-small:aspect-9/16 w-full absolute rounded-lg overflow-hidden shadow-inactive-card-depth active-class:shadow-card-depth transition-all duration-200 ease-out !outline-none max-medium:relative shrink-0 snap-always snap-center group border border-nr-extra-clear" data-index="5" data-position="5" data-description="How Tokopedia gains a clear picture of user journeys." style="z-index:0; transform: translate(0px, 0px) scale(0.6);"> <div class="thumbnail w-full h-fit max-medium:h-full after:absolute after:inset-0 after:bg-nr-card-tint ring-1 ring-nr-white/[.16] ring-inset img-cover blur-md group-[.active]:blur-none"> <div> <picture> <source srcset="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Tokopedia_Static.webp?h=17c03c14&amp;itok=W1CNoKnK 1x, /sites/default/files/styles/16x9_1800w/public/2024-05/Coverflow_Tokopedia_Static.webp?h=17c03c14&amp;itok=4NNFAeCG 2x" media="all and (min-width: 992px)" type="image/webp" width="900" height="507"/> <source srcset="/sites/default/files/styles/16x9_300w/public/2024-05/Coverflow_Tokopedia_Static.webp?h=17c03c14&amp;itok=8URrfO4G 1x, /sites/default/files/styles/16x9_600w/public/2024-05/Coverflow_Tokopedia_Static.webp?h=17c03c14&amp;itok=Zpl58R_F 2x" type="image/webp" width="300" height="169"/> <source srcset="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Tokopedia_Static.jpg?h=17c03c14&amp;itok=W1CNoKnK 1x, /sites/default/files/styles/16x9_1800w/public/2024-05/Coverflow_Tokopedia_Static.jpg?h=17c03c14&amp;itok=4NNFAeCG 2x" media="all and (min-width: 992px)" type="image/jpeg" width="900" height="507"/> <source srcset="/sites/default/files/styles/16x9_300w/public/2024-05/Coverflow_Tokopedia_Static.jpg?h=17c03c14&amp;itok=8URrfO4G 1x, /sites/default/files/styles/16x9_600w/public/2024-05/Coverflow_Tokopedia_Static.jpg?h=17c03c14&amp;itok=Zpl58R_F 2x" type="image/jpeg" width="300" height="169"/> <img src="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Tokopedia_Static.jpg?h=17c03c14&amp;itok=W1CNoKnK" width="900" height="507" alt="Tokopedia case study" loading="lazy" /> </picture> </div> </div> <div class="video absolute inset-0 max-small:hidden after:absolute after:inset-0 after:bg-nr-card-tint ring-1 ring-nr-white/[.16] ring-inset peer video-w-max blur-md group-[.active]:blur-none"> <video playsinline muted loop class="banner__video absolute inset-0 h-full w-full object-cover"> <source src="/sites/default/files/2024-05/NR_WEB_TOKOPEDIA_AMBIENT_CC_LowBitrate.mp4" type="video/mp4"> </video> </div> <div class="meta absolute inset-6 small:inset-8 medium:inset-12 flex flex-row justify-end leading-none peer-[.playing]:opacity-0 transition-opacity duration-200"> <div class="flex flex-col justify-between"> <div class="max-w-[120px] max-h-15"> <div> <img width="145" height="33" alt="logo tokopedia" loading="eager" class="svg-image" src=/sites/default/files/2024-03/logo_tokopedia_W.svg /> </div> </div> <div class="flex flex-col justify-end large:max-w-[470px]"> <h3>Tokopedia enables ecommerce at massive scale.</h3> <div class="text-style-small flex flex-row items-baseline gap-2"> <span class="inline-block">6/14</span> <span class="inline-block h-full"> <span class="inline-block align-middle w-8 h-[1px] bg-nr-white/25"></span> </span> <span class="inline-block svg-10"><svg fill="none" height="10" viewBox="0 0 10 11" width="10" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 .830017h10v10h-10z"/></clipPath><g clip-path="url(#a)" stroke="#f9fafa" stroke-linejoin="round" stroke-width=".833333"><path d="m.416595 5.83007c0 1.21557.482886 2.38136 1.342425 3.2409.85954.85955 2.02533 1.34243 3.24091 1.34243 1.21557 0 2.38136-.48288 3.2409-1.34243.85955-.85954 1.34243-2.02533 1.34243-3.2409 0-1.21558-.48288-2.38137-1.34243-3.24091-.85954-.85954-2.02533-1.34243-3.2409-1.34243-1.21558 0-2.38137.48289-3.24091 1.34243-.859539.85954-1.342425 2.02533-1.342425 3.24091z"/><path d="m5 2.9133v2.91667l1.66667 2.08333"/></g></svg></span> <span class="inline-block">3:03</span> </div> </div> </div> <span class="inline-block flex-grow flex flex-col justify-end items-end"> <span class="svg-40 medium:svg-80 align-right peer-[.playing]:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"> <path d="M16 0C7.13846 0 0 7.13846 0 16C0 24.8615 7.13846 32 16 32C24.8615 32 32 24.8615 32 16C32 7.13846 24.8615 0 16 0Z" fill="#1CE783"/> <path d="M12.9656 10.7585V21.793L21.3866 16.2758L12.9656 10.7585Z" fill="#141A1F"/> </svg> </span> </span> </div> <div class="js-modal-trigger overlay absolute inset-0 cursor-pointer" data-modal-type="video" data-modal-id="coverflow-item-5-modal-content" data-video-iframe=" &lt;div class=&quot;video-cover&quot; style=&quot;aspect-ratio: 1.7777777777778;&quot; &gt; &lt;div data-hash-id=&quot;zmo283k8xc&quot; data-aspect-ratio=&quot;1.7777777777778&quot; data-duration=&quot;183&quot; class=&quot;wistia_embed wistia-embed js-wistia-embed js-video-embed wistia_async_zmo283k8xc videoFoam=true autoPlay=true&quot;&gt;&amp;nbsp;&lt;/div&gt; &lt;/div&gt; "></div> <div class="hidden"> <div id="coverflow-item-5-modal-content"> <div class="dark px-10 py-8"> <div class="flex flex-col medium:flex-row items-center justify-between gap-10 medium:gap-20 large:gap-40"> <div class="text-nr-white">How Tokopedia gains a clear picture of user journeys.</div> <a href="/kr/customers/tokopedia-video" aria-label="자세히 보기" class="btn-green btn bg-nr-green text-nr-black small:inline-flex w-full medium:w-fit group max-w-full" > <div class="h-6 overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> </div> </div> </a> </div> </div> </div> </div> </div> <div class="coverflow__item max-medium:w-[calc(100%_-_5rem)] max-small:aspect-9/16 w-full absolute rounded-lg overflow-hidden shadow-inactive-card-depth active-class:shadow-card-depth transition-all duration-200 ease-out !outline-none max-medium:relative shrink-0 snap-always snap-center group border border-nr-extra-clear" data-index="6" data-position="6" data-description="How Serko drives conversions with observability." style="z-index:0; transform: translate(0px, 0px) scale(0.6);"> <div class="thumbnail w-full h-fit max-medium:h-full after:absolute after:inset-0 after:bg-nr-card-tint ring-1 ring-nr-white/[.16] ring-inset img-cover blur-md group-[.active]:blur-none"> <div> <picture> <source srcset="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Serko_Static.webp?h=17c03c14&amp;itok=I88opz_q 1x, /sites/default/files/styles/16x9_1800w/public/2024-05/Coverflow_Serko_Static.webp?h=17c03c14&amp;itok=uMTo5tfm 2x" media="all and (min-width: 992px)" type="image/webp" width="900" height="507"/> <source srcset="/sites/default/files/styles/16x9_300w/public/2024-05/Coverflow_Serko_Static.webp?h=17c03c14&amp;itok=t4RrvUtK 1x, /sites/default/files/styles/16x9_600w/public/2024-05/Coverflow_Serko_Static.webp?h=17c03c14&amp;itok=5rElJbPw 2x" type="image/webp" width="300" height="169"/> <source srcset="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Serko_Static.jpg?h=17c03c14&amp;itok=I88opz_q 1x, /sites/default/files/styles/16x9_1800w/public/2024-05/Coverflow_Serko_Static.jpg?h=17c03c14&amp;itok=uMTo5tfm 2x" media="all and (min-width: 992px)" type="image/jpeg" width="900" height="507"/> <source srcset="/sites/default/files/styles/16x9_300w/public/2024-05/Coverflow_Serko_Static.jpg?h=17c03c14&amp;itok=t4RrvUtK 1x, /sites/default/files/styles/16x9_600w/public/2024-05/Coverflow_Serko_Static.jpg?h=17c03c14&amp;itok=5rElJbPw 2x" type="image/jpeg" width="300" height="169"/> <img src="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Serko_Static.jpg?h=17c03c14&amp;itok=I88opz_q" width="900" height="507" alt="Serko case study" loading="lazy" /> </picture> </div> </div> <div class="video absolute inset-0 max-small:hidden after:absolute after:inset-0 after:bg-nr-card-tint ring-1 ring-nr-white/[.16] ring-inset peer video-w-max blur-md group-[.active]:blur-none"> <video playsinline muted loop class="banner__video absolute inset-0 h-full w-full object-cover"> <source src="/sites/default/files/2024-05/NR_WEB_SERKO_AMBIENT_CC_LowBitrate.mp4" type="video/mp4"> </video> </div> <div class="meta absolute inset-6 small:inset-8 medium:inset-12 flex flex-row justify-end leading-none peer-[.playing]:opacity-0 transition-opacity duration-200"> <div class="flex flex-col justify-between"> <div class="max-w-[120px] max-h-15"> <div> <img width="79" height="31" alt="Serko logo" loading="eager" class="svg-image" src=/sites/default/files/2024-03/logo_serko_W.svg /> </div> </div> <div class="flex flex-col justify-end large:max-w-[470px]"> <h3>Serko makes corporate travel go.</h3> <div class="text-style-small flex flex-row items-baseline gap-2"> <span class="inline-block">7/14</span> <span class="inline-block h-full"> <span class="inline-block align-middle w-8 h-[1px] bg-nr-white/25"></span> </span> <span class="inline-block svg-10"><svg fill="none" height="10" viewBox="0 0 10 11" width="10" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 .830017h10v10h-10z"/></clipPath><g clip-path="url(#a)" stroke="#f9fafa" stroke-linejoin="round" stroke-width=".833333"><path d="m.416595 5.83007c0 1.21557.482886 2.38136 1.342425 3.2409.85954.85955 2.02533 1.34243 3.24091 1.34243 1.21557 0 2.38136-.48288 3.2409-1.34243.85955-.85954 1.34243-2.02533 1.34243-3.2409 0-1.21558-.48288-2.38137-1.34243-3.24091-.85954-.85954-2.02533-1.34243-3.2409-1.34243-1.21558 0-2.38137.48289-3.24091 1.34243-.859539.85954-1.342425 2.02533-1.342425 3.24091z"/><path d="m5 2.9133v2.91667l1.66667 2.08333"/></g></svg></span> <span class="inline-block">3:15</span> </div> </div> </div> <span class="inline-block flex-grow flex flex-col justify-end items-end"> <span class="svg-40 medium:svg-80 align-right peer-[.playing]:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"> <path d="M16 0C7.13846 0 0 7.13846 0 16C0 24.8615 7.13846 32 16 32C24.8615 32 32 24.8615 32 16C32 7.13846 24.8615 0 16 0Z" fill="#1CE783"/> <path d="M12.9656 10.7585V21.793L21.3866 16.2758L12.9656 10.7585Z" fill="#141A1F"/> </svg> </span> </span> </div> <div class="js-modal-trigger overlay absolute inset-0 cursor-pointer" data-modal-type="video" data-modal-id="coverflow-item-6-modal-content" data-video-iframe=" &lt;div class=&quot;video-cover&quot; style=&quot;aspect-ratio: 1.7777777777778;&quot; &gt; &lt;div data-hash-id=&quot;mmkvm9pili&quot; data-aspect-ratio=&quot;1.7777777777778&quot; data-duration=&quot;195&quot; class=&quot;wistia_embed wistia-embed js-wistia-embed js-video-embed wistia_async_mmkvm9pili videoFoam=true autoPlay=true&quot;&gt;&amp;nbsp;&lt;/div&gt; &lt;/div&gt; "></div> <div class="hidden"> <div id="coverflow-item-6-modal-content"> <div class="dark px-10 py-8"> <div class="flex flex-col medium:flex-row items-center justify-between gap-10 medium:gap-20 large:gap-40"> <div class="text-nr-white">How Serko drives conversions with observability.</div> <a href="/kr/customers/serko" aria-label="자세히 보기" class="btn-green btn bg-nr-green text-nr-black small:inline-flex w-full medium:w-fit group max-w-full" > <div class="h-6 overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> </div> </div> </a> </div> </div> </div> </div> </div> <div class="coverflow__item max-medium:w-[calc(100%_-_5rem)] max-small:aspect-9/16 w-full absolute rounded-lg overflow-hidden shadow-inactive-card-depth active-class:shadow-card-depth transition-all duration-200 ease-out !outline-none max-medium:relative shrink-0 snap-always snap-center group border border-nr-extra-clear" data-index="7" data-position="7" data-description=" How BlackLine consolidates tools to save time and money." style="z-index:0; transform: translate(0px, 0px) scale(0.6);"> <div class="thumbnail w-full h-fit max-medium:h-full after:absolute after:inset-0 after:bg-nr-card-tint ring-1 ring-nr-white/[.16] ring-inset img-cover blur-md group-[.active]:blur-none"> <div> <picture> <source srcset="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Blackline_Static.webp?h=4a097647&amp;itok=eRmm8dDU 1x, /sites/default/files/styles/16x9_1800w/public/2024-05/Coverflow_Blackline_Static.webp?h=4a097647&amp;itok=4aeLPCnT 2x" media="all and (min-width: 992px)" type="image/webp" width="900" height="507"/> <source srcset="/sites/default/files/styles/16x9_300w/public/2024-05/Coverflow_Blackline_Static.webp?h=4a097647&amp;itok=aXfinfNO 1x, /sites/default/files/styles/16x9_600w/public/2024-05/Coverflow_Blackline_Static.webp?h=4a097647&amp;itok=L1ZjHy1R 2x" type="image/webp" width="300" height="169"/> <source srcset="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Blackline_Static.jpg?h=4a097647&amp;itok=eRmm8dDU 1x, /sites/default/files/styles/16x9_1800w/public/2024-05/Coverflow_Blackline_Static.jpg?h=4a097647&amp;itok=4aeLPCnT 2x" media="all and (min-width: 992px)" type="image/jpeg" width="900" height="507"/> <source srcset="/sites/default/files/styles/16x9_300w/public/2024-05/Coverflow_Blackline_Static.jpg?h=4a097647&amp;itok=aXfinfNO 1x, /sites/default/files/styles/16x9_600w/public/2024-05/Coverflow_Blackline_Static.jpg?h=4a097647&amp;itok=L1ZjHy1R 2x" type="image/jpeg" width="300" height="169"/> <img src="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Blackline_Static.jpg?h=4a097647&amp;itok=eRmm8dDU" width="900" height="507" alt="Blackline case study" loading="lazy" /> </picture> </div> </div> <div class="video absolute inset-0 max-small:hidden after:absolute after:inset-0 after:bg-nr-card-tint ring-1 ring-nr-white/[.16] ring-inset peer video-w-max blur-md group-[.active]:blur-none"> <video playsinline muted loop class="banner__video absolute inset-0 h-full w-full object-cover"> <source src="/sites/default/files/2024-05/NR_WEB_BLACKLINE_AMBIENT_LowBitrate.mp4" type="video/mp4"> </video> </div> <div class="meta absolute inset-6 small:inset-8 medium:inset-12 flex flex-row justify-end leading-none peer-[.playing]:opacity-0 transition-opacity duration-200"> <div class="flex flex-col justify-between"> <div class="max-w-[120px] max-h-15"> <div> <img width="140" height="31" alt="Blackline logo" loading="eager" class="svg-image" src=/sites/default/files/2024-04/logo_blackline_W.svg /> </div> </div> <div class="flex flex-col justify-end large:max-w-[470px]"> <h3>BlackLine automates accounting with predictable pricing.</h3> <div class="text-style-small flex flex-row items-baseline gap-2"> <span class="inline-block">8/14</span> <span class="inline-block h-full"> <span class="inline-block align-middle w-8 h-[1px] bg-nr-white/25"></span> </span> <span class="inline-block svg-10"><svg fill="none" height="10" viewBox="0 0 10 11" width="10" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 .830017h10v10h-10z"/></clipPath><g clip-path="url(#a)" stroke="#f9fafa" stroke-linejoin="round" stroke-width=".833333"><path d="m.416595 5.83007c0 1.21557.482886 2.38136 1.342425 3.2409.85954.85955 2.02533 1.34243 3.24091 1.34243 1.21557 0 2.38136-.48288 3.2409-1.34243.85955-.85954 1.34243-2.02533 1.34243-3.2409 0-1.21558-.48288-2.38137-1.34243-3.24091-.85954-.85954-2.02533-1.34243-3.2409-1.34243-1.21558 0-2.38137.48289-3.24091 1.34243-.859539.85954-1.342425 2.02533-1.342425 3.24091z"/><path d="m5 2.9133v2.91667l1.66667 2.08333"/></g></svg></span> <span class="inline-block">2:58</span> </div> </div> </div> <span class="inline-block flex-grow flex flex-col justify-end items-end"> <span class="svg-40 medium:svg-80 align-right peer-[.playing]:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"> <path d="M16 0C7.13846 0 0 7.13846 0 16C0 24.8615 7.13846 32 16 32C24.8615 32 32 24.8615 32 16C32 7.13846 24.8615 0 16 0Z" fill="#1CE783"/> <path d="M12.9656 10.7585V21.793L21.3866 16.2758L12.9656 10.7585Z" fill="#141A1F"/> </svg> </span> </span> </div> <div class="js-modal-trigger overlay absolute inset-0 cursor-pointer" data-modal-type="video" data-modal-id="coverflow-item-7-modal-content" data-video-iframe=" &lt;div class=&quot;video-cover&quot; style=&quot;aspect-ratio: 1.7777777777778;&quot; &gt; &lt;div data-hash-id=&quot;jglh2q5nbg&quot; data-aspect-ratio=&quot;1.7777777777778&quot; data-duration=&quot;178&quot; class=&quot;wistia_embed wistia-embed js-wistia-embed js-video-embed wistia_async_jglh2q5nbg videoFoam=true autoPlay=true&quot;&gt;&amp;nbsp;&lt;/div&gt; &lt;/div&gt; "></div> <div class="hidden"> <div id="coverflow-item-7-modal-content"> <div class="dark px-10 py-8"> <div class="flex flex-col medium:flex-row items-center justify-between gap-10 medium:gap-20 large:gap-40"> <div class="text-nr-white"> How BlackLine consolidates tools to save time and money.</div> <a href="/kr/customers/blackline" aria-label="자세히 보기" class="btn-green btn bg-nr-green text-nr-black small:inline-flex w-full medium:w-fit group max-w-full" > <div class="h-6 overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> </div> </div> </a> </div> </div> </div> </div> </div> <div class="coverflow__item max-medium:w-[calc(100%_-_5rem)] max-small:aspect-9/16 w-full absolute rounded-lg overflow-hidden shadow-inactive-card-depth active-class:shadow-card-depth transition-all duration-200 ease-out !outline-none max-medium:relative shrink-0 snap-always snap-center group border border-nr-extra-clear" data-index="8" data-position="8" data-description="How Ajaib scales operations with observability." style="z-index:0; transform: translate(0px, 0px) scale(0.6);"> <div class="thumbnail w-full h-fit max-medium:h-full after:absolute after:inset-0 after:bg-nr-card-tint ring-1 ring-nr-white/[.16] ring-inset img-cover blur-md group-[.active]:blur-none"> <div> <picture> <source srcset="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Ajaib_Static.webp?h=4a097647&amp;itok=H1UeRyxA 1x, /sites/default/files/styles/16x9_1800w/public/2024-05/Coverflow_Ajaib_Static.webp?h=4a097647&amp;itok=kN02pG9r 2x" media="all and (min-width: 992px)" type="image/webp" width="900" height="507"/> <source srcset="/sites/default/files/styles/16x9_300w/public/2024-05/Coverflow_Ajaib_Static.webp?h=4a097647&amp;itok=SNJTBnsP 1x, /sites/default/files/styles/16x9_600w/public/2024-05/Coverflow_Ajaib_Static.webp?h=4a097647&amp;itok=SREaTp9G 2x" type="image/webp" width="300" height="169"/> <source srcset="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Ajaib_Static.jpg?h=4a097647&amp;itok=H1UeRyxA 1x, /sites/default/files/styles/16x9_1800w/public/2024-05/Coverflow_Ajaib_Static.jpg?h=4a097647&amp;itok=kN02pG9r 2x" media="all and (min-width: 992px)" type="image/jpeg" width="900" height="507"/> <source srcset="/sites/default/files/styles/16x9_300w/public/2024-05/Coverflow_Ajaib_Static.jpg?h=4a097647&amp;itok=SNJTBnsP 1x, /sites/default/files/styles/16x9_600w/public/2024-05/Coverflow_Ajaib_Static.jpg?h=4a097647&amp;itok=SREaTp9G 2x" type="image/jpeg" width="300" height="169"/> <img src="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Ajaib_Static.jpg?h=4a097647&amp;itok=H1UeRyxA" width="900" height="507" alt="Ajaib case study" loading="lazy" /> </picture> </div> </div> <div class="video absolute inset-0 max-small:hidden after:absolute after:inset-0 after:bg-nr-card-tint ring-1 ring-nr-white/[.16] ring-inset peer video-w-max blur-md group-[.active]:blur-none"> <video playsinline muted loop class="banner__video absolute inset-0 h-full w-full object-cover"> <source src="/sites/default/files/2024-05/NR_WEB_AJAIB_AMBIENT_CC_LowBitrate.mp4" type="video/mp4"> </video> </div> <div class="meta absolute inset-6 small:inset-8 medium:inset-12 flex flex-row justify-end leading-none peer-[.playing]:opacity-0 transition-opacity duration-200"> <div class="flex flex-col justify-between"> <div class="max-w-[120px] max-h-15"> <div> <img width="154" height="46" alt="Ajaib logo" loading="eager" class="svg-image" src=/sites/default/files/2024-03/logo_ajaib_W.svg /> </div> </div> <div class="flex flex-col justify-end large:max-w-[470px]"> <h3>Ajaib gives investors the fastest possible trades.</h3> <div class="text-style-small flex flex-row items-baseline gap-2"> <span class="inline-block">9/14</span> <span class="inline-block h-full"> <span class="inline-block align-middle w-8 h-[1px] bg-nr-white/25"></span> </span> <span class="inline-block svg-10"><svg fill="none" height="10" viewBox="0 0 10 11" width="10" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 .830017h10v10h-10z"/></clipPath><g clip-path="url(#a)" stroke="#f9fafa" stroke-linejoin="round" stroke-width=".833333"><path d="m.416595 5.83007c0 1.21557.482886 2.38136 1.342425 3.2409.85954.85955 2.02533 1.34243 3.24091 1.34243 1.21557 0 2.38136-.48288 3.2409-1.34243.85955-.85954 1.34243-2.02533 1.34243-3.2409 0-1.21558-.48288-2.38137-1.34243-3.24091-.85954-.85954-2.02533-1.34243-3.2409-1.34243-1.21558 0-2.38137.48289-3.24091 1.34243-.859539.85954-1.342425 2.02533-1.342425 3.24091z"/><path d="m5 2.9133v2.91667l1.66667 2.08333"/></g></svg></span> <span class="inline-block">2:17</span> </div> </div> </div> <span class="inline-block flex-grow flex flex-col justify-end items-end"> <span class="svg-40 medium:svg-80 align-right peer-[.playing]:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"> <path d="M16 0C7.13846 0 0 7.13846 0 16C0 24.8615 7.13846 32 16 32C24.8615 32 32 24.8615 32 16C32 7.13846 24.8615 0 16 0Z" fill="#1CE783"/> <path d="M12.9656 10.7585V21.793L21.3866 16.2758L12.9656 10.7585Z" fill="#141A1F"/> </svg> </span> </span> </div> <div class="js-modal-trigger overlay absolute inset-0 cursor-pointer" data-modal-type="video" data-modal-id="coverflow-item-8-modal-content" data-video-iframe=" &lt;div class=&quot;video-cover&quot; style=&quot;aspect-ratio: 1.7777777777778;&quot; &gt; &lt;div data-hash-id=&quot;1rwpij78il&quot; data-aspect-ratio=&quot;1.7777777777778&quot; data-duration=&quot;137&quot; class=&quot;wistia_embed wistia-embed js-wistia-embed js-video-embed wistia_async_1rwpij78il videoFoam=true autoPlay=true&quot;&gt;&amp;nbsp;&lt;/div&gt; &lt;/div&gt; "></div> <div class="hidden"> <div id="coverflow-item-8-modal-content"> <div class="dark px-10 py-8"> <div class="flex flex-col medium:flex-row items-center justify-between gap-10 medium:gap-20 large:gap-40"> <div class="text-nr-white">How Ajaib scales operations with observability.</div> <a href="/kr/customers/ajaib" aria-label="자세히 보기" class="btn-green btn bg-nr-green text-nr-black small:inline-flex w-full medium:w-fit group max-w-full" > <div class="h-6 overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> </div> </div> </a> </div> </div> </div> </div> </div> <div class="coverflow__item max-medium:w-[calc(100%_-_5rem)] max-small:aspect-9/16 w-full absolute rounded-lg overflow-hidden shadow-inactive-card-depth active-class:shadow-card-depth transition-all duration-200 ease-out !outline-none max-medium:relative shrink-0 snap-always snap-center group border border-nr-extra-clear" data-index="9" data-position="9" data-description="How Access Group traces end-user experience. " style="z-index:0; transform: translate(0px, 0px) scale(0.6);"> <div class="thumbnail w-full h-fit max-medium:h-full after:absolute after:inset-0 after:bg-nr-card-tint ring-1 ring-nr-white/[.16] ring-inset img-cover blur-md group-[.active]:blur-none"> <div> <picture> <source srcset="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Access%20Group_Static.webp?h=17c03c14&amp;itok=DxDcp0QA 1x, /sites/default/files/styles/16x9_1800w/public/2024-05/Coverflow_Access%20Group_Static.webp?h=17c03c14&amp;itok=Ubo3zB6r 2x" media="all and (min-width: 992px)" type="image/webp" width="900" height="507"/> <source srcset="/sites/default/files/styles/16x9_300w/public/2024-05/Coverflow_Access%20Group_Static.webp?h=17c03c14&amp;itok=OYRtXqiH 1x, /sites/default/files/styles/16x9_600w/public/2024-05/Coverflow_Access%20Group_Static.webp?h=17c03c14&amp;itok=39xTGcNd 2x" type="image/webp" width="300" height="169"/> <source srcset="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Access%20Group_Static.jpg?h=17c03c14&amp;itok=DxDcp0QA 1x, /sites/default/files/styles/16x9_1800w/public/2024-05/Coverflow_Access%20Group_Static.jpg?h=17c03c14&amp;itok=Ubo3zB6r 2x" media="all and (min-width: 992px)" type="image/jpeg" width="900" height="507"/> <source srcset="/sites/default/files/styles/16x9_300w/public/2024-05/Coverflow_Access%20Group_Static.jpg?h=17c03c14&amp;itok=OYRtXqiH 1x, /sites/default/files/styles/16x9_600w/public/2024-05/Coverflow_Access%20Group_Static.jpg?h=17c03c14&amp;itok=39xTGcNd 2x" type="image/jpeg" width="300" height="169"/> <img src="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Access%20Group_Static.jpg?h=17c03c14&amp;itok=DxDcp0QA" width="900" height="507" alt="Access group case study" loading="lazy" /> </picture> </div> </div> <div class="video absolute inset-0 max-small:hidden after:absolute after:inset-0 after:bg-nr-card-tint ring-1 ring-nr-white/[.16] ring-inset peer video-w-max blur-md group-[.active]:blur-none"> <video playsinline muted loop class="banner__video absolute inset-0 h-full w-full object-cover"> <source src="/sites/default/files/2024-05/NR_WEB_ACCESS%20GROUP_AMBIENT_CC_LowBitrate.mp4" type="video/mp4"> </video> </div> <div class="meta absolute inset-6 small:inset-8 medium:inset-12 flex flex-row justify-end leading-none peer-[.playing]:opacity-0 transition-opacity duration-200"> <div class="flex flex-col justify-between"> <div class="max-w-[120px] max-h-15"> <div> <img width="169" height="39" alt="The Access Group logo" loading="eager" class="svg-image" src=/sites/default/files/2024-03/logo_theaccessgroup_W.svg /> </div> </div> <div class="flex flex-col justify-end large:max-w-[470px]"> <h3>The Access Group keeps reservations booked and customers happy. </h3> <div class="text-style-small flex flex-row items-baseline gap-2"> <span class="inline-block">10/14</span> <span class="inline-block h-full"> <span class="inline-block align-middle w-8 h-[1px] bg-nr-white/25"></span> </span> <span class="inline-block svg-10"><svg fill="none" height="10" viewBox="0 0 10 11" width="10" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 .830017h10v10h-10z"/></clipPath><g clip-path="url(#a)" stroke="#f9fafa" stroke-linejoin="round" stroke-width=".833333"><path d="m.416595 5.83007c0 1.21557.482886 2.38136 1.342425 3.2409.85954.85955 2.02533 1.34243 3.24091 1.34243 1.21557 0 2.38136-.48288 3.2409-1.34243.85955-.85954 1.34243-2.02533 1.34243-3.2409 0-1.21558-.48288-2.38137-1.34243-3.24091-.85954-.85954-2.02533-1.34243-3.2409-1.34243-1.21558 0-2.38137.48289-3.24091 1.34243-.859539.85954-1.342425 2.02533-1.342425 3.24091z"/><path d="m5 2.9133v2.91667l1.66667 2.08333"/></g></svg></span> <span class="inline-block">3:03</span> </div> </div> </div> <span class="inline-block flex-grow flex flex-col justify-end items-end"> <span class="svg-40 medium:svg-80 align-right peer-[.playing]:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"> <path d="M16 0C7.13846 0 0 7.13846 0 16C0 24.8615 7.13846 32 16 32C24.8615 32 32 24.8615 32 16C32 7.13846 24.8615 0 16 0Z" fill="#1CE783"/> <path d="M12.9656 10.7585V21.793L21.3866 16.2758L12.9656 10.7585Z" fill="#141A1F"/> </svg> </span> </span> </div> <div class="js-modal-trigger overlay absolute inset-0 cursor-pointer" data-modal-type="video" data-modal-id="coverflow-item-9-modal-content" data-video-iframe=" &lt;div class=&quot;video-cover&quot; style=&quot;aspect-ratio: 1.7777777777778;&quot; &gt; &lt;div data-hash-id=&quot;vlljx2zclw&quot; data-aspect-ratio=&quot;1.7777777777778&quot; data-duration=&quot;183&quot; class=&quot;wistia_embed wistia-embed js-wistia-embed js-video-embed wistia_async_vlljx2zclw videoFoam=true autoPlay=true&quot;&gt;&amp;nbsp;&lt;/div&gt; &lt;/div&gt; "></div> <div class="hidden"> <div id="coverflow-item-9-modal-content"> <div class="dark px-10 py-8"> <div class="flex flex-col medium:flex-row items-center justify-between gap-10 medium:gap-20 large:gap-40"> <div class="text-nr-white">How Access Group traces end-user experience. </div> <a href="/kr/customers/the-access-group-video" aria-label="자세히 보기" class="btn-green btn bg-nr-green text-nr-black small:inline-flex w-full medium:w-fit group max-w-full" > <div class="h-6 overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> </div> </div> </a> </div> </div> </div> </div> </div> <div class="coverflow__item max-medium:w-[calc(100%_-_5rem)] max-small:aspect-9/16 w-full absolute rounded-lg overflow-hidden shadow-inactive-card-depth active-class:shadow-card-depth transition-all duration-200 ease-out !outline-none max-medium:relative shrink-0 snap-always snap-center group border border-nr-extra-clear" data-index="10" data-position="10" data-description="How William Hill manages security vulnerabilities." style="z-index:0; transform: translate(0px, 0px) scale(0.6);"> <div class="thumbnail w-full h-fit max-medium:h-full after:absolute after:inset-0 after:bg-nr-card-tint ring-1 ring-nr-white/[.16] ring-inset img-cover blur-md group-[.active]:blur-none"> <div> <picture> <source srcset="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_William%20Hill_Static.webp?h=17c03c14&amp;itok=UhZ-na1t 1x, /sites/default/files/styles/16x9_1800w/public/2024-05/Coverflow_William%20Hill_Static.webp?h=17c03c14&amp;itok=tP_ICOX_ 2x" media="all and (min-width: 992px)" type="image/webp" width="900" height="507"/> <source srcset="/sites/default/files/styles/16x9_300w/public/2024-05/Coverflow_William%20Hill_Static.webp?h=17c03c14&amp;itok=_n9zB6P6 1x, /sites/default/files/styles/16x9_600w/public/2024-05/Coverflow_William%20Hill_Static.webp?h=17c03c14&amp;itok=HKO05Ahw 2x" type="image/webp" width="300" height="169"/> <source srcset="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_William%20Hill_Static.jpg?h=17c03c14&amp;itok=UhZ-na1t 1x, /sites/default/files/styles/16x9_1800w/public/2024-05/Coverflow_William%20Hill_Static.jpg?h=17c03c14&amp;itok=tP_ICOX_ 2x" media="all and (min-width: 992px)" type="image/jpeg" width="900" height="507"/> <source srcset="/sites/default/files/styles/16x9_300w/public/2024-05/Coverflow_William%20Hill_Static.jpg?h=17c03c14&amp;itok=_n9zB6P6 1x, /sites/default/files/styles/16x9_600w/public/2024-05/Coverflow_William%20Hill_Static.jpg?h=17c03c14&amp;itok=HKO05Ahw 2x" type="image/jpeg" width="300" height="169"/> <img src="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_William%20Hill_Static.jpg?h=17c03c14&amp;itok=UhZ-na1t" width="900" height="507" alt="William Hill Case Study" loading="lazy" /> </picture> </div> </div> <div class="video absolute inset-0 max-small:hidden after:absolute after:inset-0 after:bg-nr-card-tint ring-1 ring-nr-white/[.16] ring-inset peer video-w-max blur-md group-[.active]:blur-none"> <video playsinline muted loop class="banner__video absolute inset-0 h-full w-full object-cover"> <source src="/sites/default/files/2024-05/NR_WEB_WILLIAM%20HILL_AMBIENT_CC_LowBitrate.mp4" type="video/mp4"> </video> </div> <div class="meta absolute inset-6 small:inset-8 medium:inset-12 flex flex-row justify-end leading-none peer-[.playing]:opacity-0 transition-opacity duration-200"> <div class="flex flex-col justify-between"> <div class="max-w-[120px] max-h-15"> <div> <img width="159" height="33" alt="William Hill Logo Dark Background" loading="eager" class="svg-image" src=/sites/default/files/2024-03/logo_williamhill_W.svg /> </div> </div> <div class="flex flex-col justify-end large:max-w-[470px]"> <h3>William Hill keeps millions of gamers, and wagers, secure.</h3> <div class="text-style-small flex flex-row items-baseline gap-2"> <span class="inline-block">11/14</span> <span class="inline-block h-full"> <span class="inline-block align-middle w-8 h-[1px] bg-nr-white/25"></span> </span> <span class="inline-block svg-10"><svg fill="none" height="10" viewBox="0 0 10 11" width="10" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 .830017h10v10h-10z"/></clipPath><g clip-path="url(#a)" stroke="#f9fafa" stroke-linejoin="round" stroke-width=".833333"><path d="m.416595 5.83007c0 1.21557.482886 2.38136 1.342425 3.2409.85954.85955 2.02533 1.34243 3.24091 1.34243 1.21557 0 2.38136-.48288 3.2409-1.34243.85955-.85954 1.34243-2.02533 1.34243-3.2409 0-1.21558-.48288-2.38137-1.34243-3.24091-.85954-.85954-2.02533-1.34243-3.2409-1.34243-1.21558 0-2.38137.48289-3.24091 1.34243-.859539.85954-1.342425 2.02533-1.342425 3.24091z"/><path d="m5 2.9133v2.91667l1.66667 2.08333"/></g></svg></span> <span class="inline-block">2:48</span> </div> </div> </div> <span class="inline-block flex-grow flex flex-col justify-end items-end"> <span class="svg-40 medium:svg-80 align-right peer-[.playing]:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"> <path d="M16 0C7.13846 0 0 7.13846 0 16C0 24.8615 7.13846 32 16 32C24.8615 32 32 24.8615 32 16C32 7.13846 24.8615 0 16 0Z" fill="#1CE783"/> <path d="M12.9656 10.7585V21.793L21.3866 16.2758L12.9656 10.7585Z" fill="#141A1F"/> </svg> </span> </span> </div> <div class="js-modal-trigger overlay absolute inset-0 cursor-pointer" data-modal-type="video" data-modal-id="coverflow-item-10-modal-content" data-video-iframe=" &lt;div class=&quot;video-cover&quot; style=&quot;aspect-ratio: 1.7777777777778;&quot; &gt; &lt;div data-hash-id=&quot;5y9swy4vd2&quot; data-aspect-ratio=&quot;1.7777777777778&quot; data-duration=&quot;168&quot; class=&quot;wistia_embed wistia-embed js-wistia-embed js-video-embed wistia_async_5y9swy4vd2 videoFoam=true autoPlay=true&quot;&gt;&amp;nbsp;&lt;/div&gt; &lt;/div&gt; "></div> <div class="hidden"> <div id="coverflow-item-10-modal-content"> <div class="dark px-10 py-8"> <div class="flex flex-col medium:flex-row items-center justify-between gap-10 medium:gap-20 large:gap-40"> <div class="text-nr-white">How William Hill manages security vulnerabilities.</div> <a href="/kr/customers/william-hill-video" aria-label="자세히 보기" class="btn-green btn bg-nr-green text-nr-black small:inline-flex w-full medium:w-fit group max-w-full" > <div class="h-6 overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> </div> </div> </a> </div> </div> </div> </div> </div> <div class="coverflow__item max-medium:w-[calc(100%_-_5rem)] max-small:aspect-9/16 w-full absolute rounded-lg overflow-hidden shadow-inactive-card-depth active-class:shadow-card-depth transition-all duration-200 ease-out !outline-none max-medium:relative shrink-0 snap-always snap-center group border border-nr-extra-clear" data-index="11" data-position="11" data-description="How 10x Banking proactively detects issues to prevent customer impacts." style="z-index:0; transform: translate(0px, 0px) scale(0.6);"> <div class="thumbnail w-full h-fit max-medium:h-full after:absolute after:inset-0 after:bg-nr-card-tint ring-1 ring-nr-white/[.16] ring-inset img-cover blur-md group-[.active]:blur-none"> <div> <picture> <source srcset="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_10x_Static.webp?h=17c03c14&amp;itok=jCp-NBJk 1x, /sites/default/files/styles/16x9_1800w/public/2024-05/Coverflow_10x_Static.webp?h=17c03c14&amp;itok=ikaTDtfJ 2x" media="all and (min-width: 992px)" type="image/webp" width="900" height="507"/> <source srcset="/sites/default/files/styles/16x9_300w/public/2024-05/Coverflow_10x_Static.webp?h=17c03c14&amp;itok=fTm5wSVC 1x, /sites/default/files/styles/16x9_600w/public/2024-05/Coverflow_10x_Static.webp?h=17c03c14&amp;itok=FAlybPjm 2x" type="image/webp" width="300" height="169"/> <source srcset="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_10x_Static.jpg?h=17c03c14&amp;itok=jCp-NBJk 1x, /sites/default/files/styles/16x9_1800w/public/2024-05/Coverflow_10x_Static.jpg?h=17c03c14&amp;itok=ikaTDtfJ 2x" media="all and (min-width: 992px)" type="image/jpeg" width="900" height="507"/> <source srcset="/sites/default/files/styles/16x9_300w/public/2024-05/Coverflow_10x_Static.jpg?h=17c03c14&amp;itok=fTm5wSVC 1x, /sites/default/files/styles/16x9_600w/public/2024-05/Coverflow_10x_Static.jpg?h=17c03c14&amp;itok=FAlybPjm 2x" type="image/jpeg" width="300" height="169"/> <img src="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_10x_Static.jpg?h=17c03c14&amp;itok=jCp-NBJk" width="900" height="507" alt="10x case study " loading="lazy" /> </picture> </div> </div> <div class="video absolute inset-0 max-small:hidden after:absolute after:inset-0 after:bg-nr-card-tint ring-1 ring-nr-white/[.16] ring-inset peer video-w-max blur-md group-[.active]:blur-none"> <video playsinline muted loop class="banner__video absolute inset-0 h-full w-full object-cover"> <source src="/sites/default/files/2024-05/NR_WEB_10X_AMBIENT_LowBitrate.mp4" type="video/mp4"> </video> </div> <div class="meta absolute inset-6 small:inset-8 medium:inset-12 flex flex-row justify-end leading-none peer-[.playing]:opacity-0 transition-opacity duration-200"> <div class="flex flex-col justify-between"> <div class="max-w-[120px] max-h-15"> <div> <img width="95" height="55" alt="10x Banking logo" loading="eager" class="svg-image" src=/sites/default/files/2024-05/logo_10xBanking_W.svg /> </div> </div> <div class="flex flex-col justify-end large:max-w-[470px]"> <h3>10x Banking makes digital transactions safe and fast.</h3> <div class="text-style-small flex flex-row items-baseline gap-2"> <span class="inline-block">12/14</span> <span class="inline-block h-full"> <span class="inline-block align-middle w-8 h-[1px] bg-nr-white/25"></span> </span> <span class="inline-block svg-10"><svg fill="none" height="10" viewBox="0 0 10 11" width="10" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 .830017h10v10h-10z"/></clipPath><g clip-path="url(#a)" stroke="#f9fafa" stroke-linejoin="round" stroke-width=".833333"><path d="m.416595 5.83007c0 1.21557.482886 2.38136 1.342425 3.2409.85954.85955 2.02533 1.34243 3.24091 1.34243 1.21557 0 2.38136-.48288 3.2409-1.34243.85955-.85954 1.34243-2.02533 1.34243-3.2409 0-1.21558-.48288-2.38137-1.34243-3.24091-.85954-.85954-2.02533-1.34243-3.2409-1.34243-1.21558 0-2.38137.48289-3.24091 1.34243-.859539.85954-1.342425 2.02533-1.342425 3.24091z"/><path d="m5 2.9133v2.91667l1.66667 2.08333"/></g></svg></span> <span class="inline-block">2:07</span> </div> </div> </div> <span class="inline-block flex-grow flex flex-col justify-end items-end"> <span class="svg-40 medium:svg-80 align-right peer-[.playing]:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"> <path d="M16 0C7.13846 0 0 7.13846 0 16C0 24.8615 7.13846 32 16 32C24.8615 32 32 24.8615 32 16C32 7.13846 24.8615 0 16 0Z" fill="#1CE783"/> <path d="M12.9656 10.7585V21.793L21.3866 16.2758L12.9656 10.7585Z" fill="#141A1F"/> </svg> </span> </span> </div> <div class="js-modal-trigger overlay absolute inset-0 cursor-pointer" data-modal-type="video" data-modal-id="coverflow-item-11-modal-content" data-video-iframe=" &lt;div class=&quot;video-cover&quot; style=&quot;aspect-ratio: 1.7777777777778;&quot; &gt; &lt;div data-hash-id=&quot;12lhw7fus0&quot; data-aspect-ratio=&quot;1.7777777777778&quot; data-duration=&quot;127&quot; class=&quot;wistia_embed wistia-embed js-wistia-embed js-video-embed wistia_async_12lhw7fus0 videoFoam=true autoPlay=true&quot;&gt;&amp;nbsp;&lt;/div&gt; &lt;/div&gt; "></div> <div class="hidden"> <div id="coverflow-item-11-modal-content"> <div class="dark px-10 py-8"> <div class="flex flex-col medium:flex-row items-center justify-between gap-10 medium:gap-20 large:gap-40"> <div class="text-nr-white">How 10x Banking proactively detects issues to prevent customer impacts.</div> <a href="/kr/customers/10x-banking" aria-label="자세히 보기" class="btn-green btn bg-nr-green text-nr-black small:inline-flex w-full medium:w-fit group max-w-full" > <div class="h-6 overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> </div> </div> </a> </div> </div> </div> </div> </div> <div class="coverflow__item max-medium:w-[calc(100%_-_5rem)] max-small:aspect-9/16 w-full absolute rounded-lg overflow-hidden shadow-inactive-card-depth active-class:shadow-card-depth transition-all duration-200 ease-out !outline-none max-medium:relative shrink-0 snap-always snap-center group border border-nr-extra-clear" data-index="12" data-position="12" data-description="How Informa builds a culture of continuous improvement." style="z-index:3; transform: translate(-16%, 0px) scale(0.8014);"> <div class="thumbnail w-full h-fit max-medium:h-full after:absolute after:inset-0 after:bg-nr-card-tint ring-1 ring-nr-white/[.16] ring-inset img-cover blur-md group-[.active]:blur-none"> <div> <picture> <source srcset="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Informa_Static.webp?h=17c03c14&amp;itok=FUD-vWdT 1x, /sites/default/files/styles/16x9_1800w/public/2024-05/Coverflow_Informa_Static.webp?h=17c03c14&amp;itok=2CcbtUor 2x" media="all and (min-width: 992px)" type="image/webp" width="900" height="507"/> <source srcset="/sites/default/files/styles/16x9_300w/public/2024-05/Coverflow_Informa_Static.webp?h=17c03c14&amp;itok=CmEy6gW2 1x, /sites/default/files/styles/16x9_600w/public/2024-05/Coverflow_Informa_Static.webp?h=17c03c14&amp;itok=C4ZA031J 2x" type="image/webp" width="300" height="169"/> <source srcset="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Informa_Static.jpg?h=17c03c14&amp;itok=FUD-vWdT 1x, /sites/default/files/styles/16x9_1800w/public/2024-05/Coverflow_Informa_Static.jpg?h=17c03c14&amp;itok=2CcbtUor 2x" media="all and (min-width: 992px)" type="image/jpeg" width="900" height="507"/> <source srcset="/sites/default/files/styles/16x9_300w/public/2024-05/Coverflow_Informa_Static.jpg?h=17c03c14&amp;itok=CmEy6gW2 1x, /sites/default/files/styles/16x9_600w/public/2024-05/Coverflow_Informa_Static.jpg?h=17c03c14&amp;itok=C4ZA031J 2x" type="image/jpeg" width="300" height="169"/> <img src="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Informa_Static.jpg?h=17c03c14&amp;itok=FUD-vWdT" width="900" height="507" alt="Informa case study" loading="lazy" /> </picture> </div> </div> <div class="video absolute inset-0 max-small:hidden after:absolute after:inset-0 after:bg-nr-card-tint ring-1 ring-nr-white/[.16] ring-inset peer video-w-max blur-md group-[.active]:blur-none"> <video playsinline muted loop class="banner__video absolute inset-0 h-full w-full object-cover"> <source src="/sites/default/files/2024-05/NR_WEB_INFORMA_AMBIENT_CC_LowBitrate.mp4" type="video/mp4"> </video> </div> <div class="meta absolute inset-6 small:inset-8 medium:inset-12 flex flex-row justify-end leading-none peer-[.playing]:opacity-0 transition-opacity duration-200"> <div class="flex flex-col justify-between"> <div class="max-w-[120px] max-h-15"> <div> <img width="73.2" height="15.1" alt="Informa logo" loading="eager" class="svg-image" src=/sites/default/files/2024-05/logo_Informa_W.svg /> </div> </div> <div class="flex flex-col justify-end large:max-w-[470px]"> <h3>Informa brings industry-leading events and publications to life.</h3> <div class="text-style-small flex flex-row items-baseline gap-2"> <span class="inline-block">13/14</span> <span class="inline-block h-full"> <span class="inline-block align-middle w-8 h-[1px] bg-nr-white/25"></span> </span> <span class="inline-block svg-10"><svg fill="none" height="10" viewBox="0 0 10 11" width="10" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 .830017h10v10h-10z"/></clipPath><g clip-path="url(#a)" stroke="#f9fafa" stroke-linejoin="round" stroke-width=".833333"><path d="m.416595 5.83007c0 1.21557.482886 2.38136 1.342425 3.2409.85954.85955 2.02533 1.34243 3.24091 1.34243 1.21557 0 2.38136-.48288 3.2409-1.34243.85955-.85954 1.34243-2.02533 1.34243-3.2409 0-1.21558-.48288-2.38137-1.34243-3.24091-.85954-.85954-2.02533-1.34243-3.2409-1.34243-1.21558 0-2.38137.48289-3.24091 1.34243-.859539.85954-1.342425 2.02533-1.342425 3.24091z"/><path d="m5 2.9133v2.91667l1.66667 2.08333"/></g></svg></span> <span class="inline-block">2:24</span> </div> </div> </div> <span class="inline-block flex-grow flex flex-col justify-end items-end"> <span class="svg-40 medium:svg-80 align-right peer-[.playing]:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"> <path d="M16 0C7.13846 0 0 7.13846 0 16C0 24.8615 7.13846 32 16 32C24.8615 32 32 24.8615 32 16C32 7.13846 24.8615 0 16 0Z" fill="#1CE783"/> <path d="M12.9656 10.7585V21.793L21.3866 16.2758L12.9656 10.7585Z" fill="#141A1F"/> </svg> </span> </span> </div> <div class="js-modal-trigger overlay absolute inset-0 cursor-pointer" data-modal-type="video" data-modal-id="coverflow-item-12-modal-content" data-video-iframe=" &lt;div class=&quot;video-cover&quot; style=&quot;aspect-ratio: 1.7777777777778;&quot; &gt; &lt;div data-hash-id=&quot;g4v3pb2uv9&quot; data-aspect-ratio=&quot;1.7777777777778&quot; data-duration=&quot;144&quot; class=&quot;wistia_embed wistia-embed js-wistia-embed js-video-embed wistia_async_g4v3pb2uv9 videoFoam=true autoPlay=true&quot;&gt;&amp;nbsp;&lt;/div&gt; &lt;/div&gt; "></div> <div class="hidden"> <div id="coverflow-item-12-modal-content"> <div class="dark px-10 py-8"> <div class="flex flex-col medium:flex-row items-center justify-between gap-10 medium:gap-20 large:gap-40"> <div class="text-nr-white">How Informa builds a culture of continuous improvement.</div> <a href="/kr/customers/informa" aria-label="자세히 보기" class="btn-green btn bg-nr-green text-nr-black small:inline-flex w-full medium:w-fit group max-w-full" > <div class="h-6 overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> </div> </div> </a> </div> </div> </div> </div> </div> <div class="coverflow__item max-medium:mr-10 max-medium:w-[calc(100%_-_5rem)] max-small:aspect-9/16 w-full absolute rounded-lg overflow-hidden shadow-inactive-card-depth active-class:shadow-card-depth transition-all duration-200 ease-out !outline-none max-medium:relative shrink-0 snap-always snap-center group border border-nr-extra-clear" data-index="13" data-position="13" data-description="How Halodoc keeps downtime and errors to a minimum." style="z-index:4; transform: translate(-8%, 0px) scale(0.9);"> <div class="thumbnail w-full h-fit max-medium:h-full after:absolute after:inset-0 after:bg-nr-card-tint ring-1 ring-nr-white/[.16] ring-inset img-cover blur-md group-[.active]:blur-none"> <div> <picture> <source srcset="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Halodoc_Static.webp?h=17c03c14&amp;itok=UWmWSrI6 1x, /sites/default/files/styles/16x9_1800w/public/2024-05/Coverflow_Halodoc_Static.webp?h=17c03c14&amp;itok=Ow-XHHvH 2x" media="all and (min-width: 992px)" type="image/webp" width="900" height="507"/> <source srcset="/sites/default/files/styles/16x9_300w/public/2024-05/Coverflow_Halodoc_Static.webp?h=17c03c14&amp;itok=JQ0Kilq8 1x, /sites/default/files/styles/16x9_600w/public/2024-05/Coverflow_Halodoc_Static.webp?h=17c03c14&amp;itok=AOhgkqV3 2x" type="image/webp" width="300" height="169"/> <source srcset="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Halodoc_Static.jpg?h=17c03c14&amp;itok=UWmWSrI6 1x, /sites/default/files/styles/16x9_1800w/public/2024-05/Coverflow_Halodoc_Static.jpg?h=17c03c14&amp;itok=Ow-XHHvH 2x" media="all and (min-width: 992px)" type="image/jpeg" width="900" height="507"/> <source srcset="/sites/default/files/styles/16x9_300w/public/2024-05/Coverflow_Halodoc_Static.jpg?h=17c03c14&amp;itok=JQ0Kilq8 1x, /sites/default/files/styles/16x9_600w/public/2024-05/Coverflow_Halodoc_Static.jpg?h=17c03c14&amp;itok=AOhgkqV3 2x" type="image/jpeg" width="300" height="169"/> <img src="/sites/default/files/styles/16x9_900w/public/2024-05/Coverflow_Halodoc_Static.jpg?h=17c03c14&amp;itok=UWmWSrI6" width="900" height="507" alt="Haldoc case study" loading="lazy" /> </picture> </div> </div> <div class="video absolute inset-0 max-small:hidden after:absolute after:inset-0 after:bg-nr-card-tint ring-1 ring-nr-white/[.16] ring-inset peer video-w-max blur-md group-[.active]:blur-none"> <video playsinline muted loop class="banner__video absolute inset-0 h-full w-full object-cover"> <source src="/sites/default/files/2024-05/NR_WEB_HALODOC_AMBIENT_CC_LowBitrate.mp4" type="video/mp4"> </video> </div> <div class="meta absolute inset-6 small:inset-8 medium:inset-12 flex flex-row justify-end leading-none peer-[.playing]:opacity-0 transition-opacity duration-200"> <div class="flex flex-col justify-between"> <div class="max-w-[120px] max-h-15"> <div> <img width="171" height="33" alt="Halodoc logo" loading="eager" class="svg-image" src=/sites/default/files/2024-03/logo_halodoc_W.svg /> </div> </div> <div class="flex flex-col justify-end large:max-w-[470px]"> <h3>Halodoc gives doctors’ care digital reach.</h3> <div class="text-style-small flex flex-row items-baseline gap-2"> <span class="inline-block">14/14</span> <span class="inline-block h-full"> <span class="inline-block align-middle w-8 h-[1px] bg-nr-white/25"></span> </span> <span class="inline-block svg-10"><svg fill="none" height="10" viewBox="0 0 10 11" width="10" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 .830017h10v10h-10z"/></clipPath><g clip-path="url(#a)" stroke="#f9fafa" stroke-linejoin="round" stroke-width=".833333"><path d="m.416595 5.83007c0 1.21557.482886 2.38136 1.342425 3.2409.85954.85955 2.02533 1.34243 3.24091 1.34243 1.21557 0 2.38136-.48288 3.2409-1.34243.85955-.85954 1.34243-2.02533 1.34243-3.2409 0-1.21558-.48288-2.38137-1.34243-3.24091-.85954-.85954-2.02533-1.34243-3.2409-1.34243-1.21558 0-2.38137.48289-3.24091 1.34243-.859539.85954-1.342425 2.02533-1.342425 3.24091z"/><path d="m5 2.9133v2.91667l1.66667 2.08333"/></g></svg></span> <span class="inline-block">2:00</span> </div> </div> </div> <span class="inline-block flex-grow flex flex-col justify-end items-end"> <span class="svg-40 medium:svg-80 align-right peer-[.playing]:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"> <path d="M16 0C7.13846 0 0 7.13846 0 16C0 24.8615 7.13846 32 16 32C24.8615 32 32 24.8615 32 16C32 7.13846 24.8615 0 16 0Z" fill="#1CE783"/> <path d="M12.9656 10.7585V21.793L21.3866 16.2758L12.9656 10.7585Z" fill="#141A1F"/> </svg> </span> </span> </div> <div class="js-modal-trigger overlay absolute inset-0 cursor-pointer" data-modal-type="video" data-modal-id="coverflow-item-13-modal-content" data-video-iframe=" &lt;div class=&quot;video-cover&quot; style=&quot;aspect-ratio: 1.7777777777778;&quot; &gt; &lt;div data-hash-id=&quot;on4h5epjih&quot; data-aspect-ratio=&quot;1.7777777777778&quot; data-duration=&quot;120&quot; class=&quot;wistia_embed wistia-embed js-wistia-embed js-video-embed wistia_async_on4h5epjih videoFoam=true autoPlay=true&quot;&gt;&amp;nbsp;&lt;/div&gt; &lt;/div&gt; "></div> <div class="hidden"> <div id="coverflow-item-13-modal-content"> <div class="dark px-10 py-8"> <div class="flex flex-col medium:flex-row items-center justify-between gap-10 medium:gap-20 large:gap-40"> <div class="text-nr-white">How Halodoc keeps downtime and errors to a minimum.</div> <a href="/kr/customers/halodoc-video" aria-label="자세히 보기" class="btn-green btn bg-nr-green text-nr-black small:inline-flex w-full medium:w-fit group max-w-full" > <div class="h-6 overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> </div> </div> </a> </div> </div> </div> </div> </div> </div> <div class="coverflow__control--next cursor-right-control-arrow h-full w-18 z-10 flex-grow shrink-0 max-medium:hidden -mx-8 px-8"></div> </div> <div class="coverflow__dots inline-flex justify-center items-center gap-1 mx-auto mt-8 px-2 py-[6px] rounded-lg dark:bg-nr-tinted-glass-dark relative z-1"> <div class="h-[6px] w-[6px] bg-nr-black active-class:bg-nr-black/50 dark:bg-nr-white/25 dark:active-class:bg-nr-white rounded-full cursor-pointer active" data-index="0"> <span class="sr-only">0</span> </div> <div class="h-[6px] w-[6px] bg-nr-black active-class:bg-nr-black/50 dark:bg-nr-white/25 dark:active-class:bg-nr-white rounded-full cursor-pointer" data-index="1"> <span class="sr-only">1</span> </div> <div class="h-[6px] w-[6px] bg-nr-black active-class:bg-nr-black/50 dark:bg-nr-white/25 dark:active-class:bg-nr-white rounded-full cursor-pointer" data-index="2"> <span class="sr-only">2</span> </div> <div class="h-[6px] w-[6px] bg-nr-black active-class:bg-nr-black/50 dark:bg-nr-white/25 dark:active-class:bg-nr-white rounded-full cursor-pointer" data-index="3"> <span class="sr-only">3</span> </div> <div class="h-[6px] w-[6px] bg-nr-black active-class:bg-nr-black/50 dark:bg-nr-white/25 dark:active-class:bg-nr-white rounded-full cursor-pointer" data-index="4"> <span class="sr-only">4</span> </div> <div class="h-[6px] w-[6px] bg-nr-black active-class:bg-nr-black/50 dark:bg-nr-white/25 dark:active-class:bg-nr-white rounded-full cursor-pointer" data-index="5"> <span class="sr-only">5</span> </div> <div class="h-[6px] w-[6px] bg-nr-black active-class:bg-nr-black/50 dark:bg-nr-white/25 dark:active-class:bg-nr-white rounded-full cursor-pointer" data-index="6"> <span class="sr-only">6</span> </div> <div class="h-[6px] w-[6px] bg-nr-black active-class:bg-nr-black/50 dark:bg-nr-white/25 dark:active-class:bg-nr-white rounded-full cursor-pointer" data-index="7"> <span class="sr-only">7</span> </div> <div class="h-[6px] w-[6px] bg-nr-black active-class:bg-nr-black/50 dark:bg-nr-white/25 dark:active-class:bg-nr-white rounded-full cursor-pointer" data-index="8"> <span class="sr-only">8</span> </div> <div class="h-[6px] w-[6px] bg-nr-black active-class:bg-nr-black/50 dark:bg-nr-white/25 dark:active-class:bg-nr-white rounded-full cursor-pointer" data-index="9"> <span class="sr-only">9</span> </div> <div class="h-[6px] w-[6px] bg-nr-black active-class:bg-nr-black/50 dark:bg-nr-white/25 dark:active-class:bg-nr-white rounded-full cursor-pointer" data-index="10"> <span class="sr-only">10</span> </div> <div class="h-[6px] w-[6px] bg-nr-black active-class:bg-nr-black/50 dark:bg-nr-white/25 dark:active-class:bg-nr-white rounded-full cursor-pointer" data-index="11"> <span class="sr-only">11</span> </div> <div class="h-[6px] w-[6px] bg-nr-black active-class:bg-nr-black/50 dark:bg-nr-white/25 dark:active-class:bg-nr-white rounded-full cursor-pointer" data-index="12"> <span class="sr-only">12</span> </div> <div class="h-[6px] w-[6px] bg-nr-black active-class:bg-nr-black/50 dark:bg-nr-white/25 dark:active-class:bg-nr-white rounded-full cursor-pointer" data-index="13"> <span class="sr-only">13</span> </div> </div> </div> </div> </div> <div class="r01-layout section dark text-center medium:mb-12 mb-8 text-nr-white section--column-align section--column-align-stretch"> <div class="row row--columns-1 nr-fluid-container grid gap-x-6 gap-y-8 items-center large:grid-cols-12" data-layout="10"> <div class="large:col-span-10 large:col-start-2 column--index-1 grid gap-8 grid-cols-1"> <div class="p02-text min-w-0"> <h2 class="p02-text__headline">데이터가 ROI를 향상해줍니다.</h2> </div> </div> </div> </div> <div class="r19-card-carousel overflow-hidden dark pb-16 large:pb-24"> <div class="nr-fluid-container"> <div class="medium:border-t medium:pt-9 large:pt-16 border-gray-2 dark:border-[#333A41]"> <div class="js-vanilla-carousel flex flex-col focus-visible:outline outline-0 outline-nr-green outline-offset-[-1px] focus-visible:outline-1 flex flex-col gap-8 grow items-stretch m-0" data-show-dots="true" data-dots-alignment="left" data-dots-style="circle" data-show-alt-arrows="true" data-slide-class="js-r19-slide" data-card-class="card-tile" data-autoplay="true" data-autoplay-speed="10000" data-disable-autoplay-screen-size="768" data-accent-color="r19-item-dots cursor-pointer w-2 h-2 rounded-full bg-gray-1 dark:bg-nr-extra-clear" data-accent-color2="r19-item-dots cursor-pointer w-2 h-2 rounded-full bg-nr-black dark:bg-nr-white" data-multi-slide="true" tabindex="0"> <div class="relative"> <div class="flex gap-6 overflow-x-scroll snap-x snap-mandatory carousel-scroll"> <div class="snap-always shrink-0 snap-start js-r19-slide"> <div class="r19-item flex flex-col justify-center h-full"> <div class="flex-auto pr-8 mb-4 shrink-0 align-stretch"> <div class="text-nr-black dark:text-nr-clear text-style-small mb-2">성과 향상</div> <div class="text-style-h5">Mercado Libre는 오류율을 0으로 감소했습니다.</div> </div> <div class="flex flex-col align-stretch"> <div class="card-tile h-full overflow-clip transition-zoom"> <a href="/kr/customers/mercadolibre" class="group h-full"> <div class="card-tile__inner bg-gray-0 rounded-lg border border-gray-0 group-hover:border-nr-black duration-300 flex flex-col h-full justify-between relative"> <div class="flex flex-col visible w-full"> <div class="relative max-h-[383px] medium:max-h-[224px] large:max-h-[210px] transition-max-height duration-300 flex items-end w-full"> <div class="w-full rounded overflow-clip"> <div class="img-w-max group-hover:scale-[1.07] transition-transform duration-300"> <div> <picture> <source srcset="/sites/default/files/styles/300w/public/2024-04/mercado_libre.webp?itok=HmhM3y-6 1x, /sites/default/files/styles/600w/public/2024-04/mercado_libre.webp?itok=5aipzc4y 2x" media="all and (min-width: 992px)" type="image/webp" width="300" height="143"/> <source srcset="/sites/default/files/styles/600w/public/2024-04/mercado_libre.webp?itok=5aipzc4y 1x, /sites/default/files/styles/1200w/public/2024-04/mercado_libre.webp?itok=DAaeKblj 2x" media="all and (min-width: 576px)" type="image/webp" width="600" height="286"/> <source srcset="/sites/default/files/styles/300w/public/2024-04/mercado_libre.webp?itok=HmhM3y-6 1x, /sites/default/files/styles/600w/public/2024-04/mercado_libre.webp?itok=5aipzc4y 2x" type="image/webp" width="300" height="143"/> <source srcset="/sites/default/files/styles/300w/public/2024-04/mercado_libre.png?itok=HmhM3y-6 1x, /sites/default/files/styles/600w/public/2024-04/mercado_libre.png?itok=5aipzc4y 2x" media="all and (min-width: 992px)" type="image/png" width="300" height="143"/> <source srcset="/sites/default/files/styles/600w/public/2024-04/mercado_libre.png?itok=5aipzc4y 1x, /sites/default/files/styles/1200w/public/2024-04/mercado_libre.png?itok=DAaeKblj 2x" media="all and (min-width: 576px)" type="image/png" width="600" height="286"/> <source srcset="/sites/default/files/styles/300w/public/2024-04/mercado_libre.png?itok=HmhM3y-6 1x, /sites/default/files/styles/600w/public/2024-04/mercado_libre.png?itok=5aipzc4y 2x" type="image/png" width="300" height="143"/> <img src="/sites/default/files/styles/300w/public/2024-04/mercado_libre.png?itok=HmhM3y-6" width="300" height="143" alt="Mercado Libre card" loading="lazy" /> </picture> </div> </div> <div class="img-card-logo absolute top-0 w-full h-0 pt-[28.125%] pb-[28.125%] flex items-center justify-center rounded-sm"> </div> <div class="pills absolute left-0 top-0 pt-4 px-4 w-full"> </div> </div> </div> <div class="flex flex-col pt-2 px-2 pb-[5px] relative gap-4"> <div class="card-tile__title text-style-h6 flex-auto shrink-0"> <p>이 온라인 마켓플레이스는 응답 시간을 50밀리초 미만으로 줄이고 전환율을 높였습니다.</p> </div> </div> </div> <div class="flex flex-row justify-between p-2"> <span class="card-tile__link float-right rounded-2xl text-xs leading-5 px-2 bg-nr-light-glass dark:bg-nr-glass backdrop-blur-[2px]">자세히 보기</span> <span aria-hidden="true" class="inline-block group-hover:opacity-0 transition-opacity duration-300 h-[19px] svg-12 flex items-center"><svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_19)"> <path d="M1.13356 8.37787L0.371338 7.6001L3.498 4.48899L0.371338 1.37788L1.13356 0.600098L5.038 4.48899L1.13356 8.37787Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_19"> <rect width="4.66667" height="7.77778" fill="white" transform="translate(0.371338 0.600098)"/> </clipPath> </defs> </svg> </span> <span aria-hidden="true" class="opacity-0 group-hover:opacity-100 transition-opacity duration-300 absolute right-[21px] h-[19px] svg-12 flex items-center"><svg width="8" height="9" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_22)"> <path d="M3.87244 0.600098L3.11022 1.37788L5.71577 3.94454H0.0379944V5.03343H5.71577L3.11022 7.6001L3.87244 8.37787L7.81577 4.48899L3.87244 0.600098Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_22"> <rect width="7.77778" height="7.77778" fill="white" transform="translate(0.0379944 0.600098)"/> </clipPath> </defs> </svg> </span> </div> </div> </a> </div> </div> </div> </div> <div class="snap-always shrink-0 snap-start js-r19-slide"> <div class="r19-item flex flex-col justify-center h-full"> <div class="flex-auto pr-8 mb-4 shrink-0 align-stretch"> <div class="text-nr-black dark:text-nr-clear text-style-small mb-2">비용 절감</div> <div class="text-style-h5">BlackLine은 매년 1,600만 달러를 절약하고 있습니다. </div> </div> <div class="flex flex-col align-stretch"> <div class="card-tile h-full overflow-clip transition-zoom"> <a href="/kr/blog/best-practices/blackline-monitoring-tools-cost" class="group h-full"> <div class="card-tile__inner bg-gray-0 rounded-lg border border-gray-0 group-hover:border-nr-black duration-300 flex flex-col h-full justify-between relative"> <div class="flex flex-col visible w-full"> <div class="relative max-h-[383px] medium:max-h-[224px] large:max-h-[210px] transition-max-height duration-300 flex items-end w-full"> <div class="w-full rounded overflow-clip"> <div class="img-w-max group-hover:scale-[1.07] transition-transform duration-300"> <div> <picture> <source srcset="/sites/default/files/styles/300w/public/2024-04/blackline.webp?itok=Vl7DSnn1 1x, /sites/default/files/styles/600w/public/2024-04/blackline.webp?itok=bvw3yVlU 2x" media="all and (min-width: 992px)" type="image/webp" width="300" height="143"/> <source srcset="/sites/default/files/styles/600w/public/2024-04/blackline.webp?itok=bvw3yVlU 1x, /sites/default/files/styles/1200w/public/2024-04/blackline.webp?itok=G62A2y8C 2x" media="all and (min-width: 576px)" type="image/webp" width="600" height="286"/> <source srcset="/sites/default/files/styles/300w/public/2024-04/blackline.webp?itok=Vl7DSnn1 1x, /sites/default/files/styles/600w/public/2024-04/blackline.webp?itok=bvw3yVlU 2x" type="image/webp" width="300" height="143"/> <source srcset="/sites/default/files/styles/300w/public/2024-04/blackline.png?itok=Vl7DSnn1 1x, /sites/default/files/styles/600w/public/2024-04/blackline.png?itok=bvw3yVlU 2x" media="all and (min-width: 992px)" type="image/png" width="300" height="143"/> <source srcset="/sites/default/files/styles/600w/public/2024-04/blackline.png?itok=bvw3yVlU 1x, /sites/default/files/styles/1200w/public/2024-04/blackline.png?itok=G62A2y8C 2x" media="all and (min-width: 576px)" type="image/png" width="600" height="286"/> <source srcset="/sites/default/files/styles/300w/public/2024-04/blackline.png?itok=Vl7DSnn1 1x, /sites/default/files/styles/600w/public/2024-04/blackline.png?itok=bvw3yVlU 2x" type="image/png" width="300" height="143"/> <img src="/sites/default/files/styles/300w/public/2024-04/blackline.png?itok=Vl7DSnn1" width="300" height="143" alt="Blackline" loading="lazy" /> </picture> </div> </div> <div class="img-card-logo absolute top-0 w-full h-0 pt-[28.125%] pb-[28.125%] flex items-center justify-center rounded-sm"> </div> <div class="pills absolute left-0 top-0 pt-4 px-4 w-full"> </div> </div> </div> <div class="flex flex-col pt-2 px-2 pb-[5px] relative gap-4"> <div class="card-tile__title text-style-h6 flex-auto shrink-0"> <p>이 소프트웨어 혁신 기업은 툴을 통합해 모니터링을 간소화하고 코드 빌드를 위한 새로운 방법을 찾았습니다.</p> </div> </div> </div> <div class="flex flex-row justify-between p-2"> <span class="card-tile__link float-right rounded-2xl text-xs leading-5 px-2 bg-nr-light-glass dark:bg-nr-glass backdrop-blur-[2px]">자세히 보기</span> <span aria-hidden="true" class="inline-block group-hover:opacity-0 transition-opacity duration-300 h-[19px] svg-12 flex items-center"><svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_19)"> <path d="M1.13356 8.37787L0.371338 7.6001L3.498 4.48899L0.371338 1.37788L1.13356 0.600098L5.038 4.48899L1.13356 8.37787Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_19"> <rect width="4.66667" height="7.77778" fill="white" transform="translate(0.371338 0.600098)"/> </clipPath> </defs> </svg> </span> <span aria-hidden="true" class="opacity-0 group-hover:opacity-100 transition-opacity duration-300 absolute right-[21px] h-[19px] svg-12 flex items-center"><svg width="8" height="9" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_22)"> <path d="M3.87244 0.600098L3.11022 1.37788L5.71577 3.94454H0.0379944V5.03343H5.71577L3.11022 7.6001L3.87244 8.37787L7.81577 4.48899L3.87244 0.600098Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_22"> <rect width="7.77778" height="7.77778" fill="white" transform="translate(0.0379944 0.600098)"/> </clipPath> </defs> </svg> </span> </div> </div> </a> </div> </div> </div> </div> <div class="snap-always shrink-0 snap-start js-r19-slide"> <div class="r19-item flex flex-col justify-center h-full"> <div class="flex-auto pr-8 mb-4 shrink-0 align-stretch"> <div class="text-nr-black dark:text-nr-clear text-style-small mb-2">고객 경험 향상</div> <div class="text-style-h5">Kurt Geiger는 코어 웹 바이탈을 50% 개선했습니다.</div> </div> <div class="flex flex-col align-stretch"> <div class="card-tile h-full overflow-clip transition-zoom"> <a href="/kr/blog/best-practices/kurt-geiger-core-web-vitals" class="group h-full"> <div class="card-tile__inner bg-gray-0 rounded-lg border border-gray-0 group-hover:border-nr-black duration-300 flex flex-col h-full justify-between relative"> <div class="flex flex-col visible w-full"> <div class="relative max-h-[383px] medium:max-h-[224px] large:max-h-[210px] transition-max-height duration-300 flex items-end w-full"> <div class="w-full rounded overflow-clip"> <div class="img-w-max group-hover:scale-[1.07] transition-transform duration-300"> <div> <picture> <source srcset="/sites/default/files/styles/300w/public/2024-04/kurt_geiger.webp?itok=1LLHoBkL 1x, /sites/default/files/styles/600w/public/2024-04/kurt_geiger.webp?itok=XxTGuZpx 2x" media="all and (min-width: 992px)" type="image/webp" width="300" height="143"/> <source srcset="/sites/default/files/styles/600w/public/2024-04/kurt_geiger.webp?itok=XxTGuZpx 1x, /sites/default/files/styles/1200w/public/2024-04/kurt_geiger.webp?itok=XOgyiLRM 2x" media="all and (min-width: 576px)" type="image/webp" width="600" height="286"/> <source srcset="/sites/default/files/styles/300w/public/2024-04/kurt_geiger.webp?itok=1LLHoBkL 1x, /sites/default/files/styles/600w/public/2024-04/kurt_geiger.webp?itok=XxTGuZpx 2x" type="image/webp" width="300" height="143"/> <source srcset="/sites/default/files/styles/300w/public/2024-04/kurt_geiger.png?itok=1LLHoBkL 1x, /sites/default/files/styles/600w/public/2024-04/kurt_geiger.png?itok=XxTGuZpx 2x" media="all and (min-width: 992px)" type="image/png" width="300" height="143"/> <source srcset="/sites/default/files/styles/600w/public/2024-04/kurt_geiger.png?itok=XxTGuZpx 1x, /sites/default/files/styles/1200w/public/2024-04/kurt_geiger.png?itok=XOgyiLRM 2x" media="all and (min-width: 576px)" type="image/png" width="600" height="286"/> <source srcset="/sites/default/files/styles/300w/public/2024-04/kurt_geiger.png?itok=1LLHoBkL 1x, /sites/default/files/styles/600w/public/2024-04/kurt_geiger.png?itok=XxTGuZpx 2x" type="image/png" width="300" height="143"/> <img src="/sites/default/files/styles/300w/public/2024-04/kurt_geiger.png?itok=1LLHoBkL" width="300" height="143" alt="Kurt Geiger card" loading="lazy" /> </picture> </div> </div> <div class="img-card-logo absolute top-0 w-full h-0 pt-[28.125%] pb-[28.125%] flex items-center justify-center rounded-sm"> </div> <div class="pills absolute left-0 top-0 pt-4 px-4 w-full"> </div> </div> </div> <div class="flex flex-col pt-2 px-2 pb-[5px] relative gap-4"> <div class="card-tile__title text-style-h6 flex-auto shrink-0"> <p>이 럭셔리 브랜드는 대시보드를 구축해 개선 영역을 신속하게 파악하고 실시간 사용자 경험을 측정할 수 있게 되었습니다.</p> </div> </div> </div> <div class="flex flex-row justify-between p-2"> <span class="card-tile__link float-right rounded-2xl text-xs leading-5 px-2 bg-nr-light-glass dark:bg-nr-glass backdrop-blur-[2px]">자세히 보기</span> <span aria-hidden="true" class="inline-block group-hover:opacity-0 transition-opacity duration-300 h-[19px] svg-12 flex items-center"><svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_19)"> <path d="M1.13356 8.37787L0.371338 7.6001L3.498 4.48899L0.371338 1.37788L1.13356 0.600098L5.038 4.48899L1.13356 8.37787Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_19"> <rect width="4.66667" height="7.77778" fill="white" transform="translate(0.371338 0.600098)"/> </clipPath> </defs> </svg> </span> <span aria-hidden="true" class="opacity-0 group-hover:opacity-100 transition-opacity duration-300 absolute right-[21px] h-[19px] svg-12 flex items-center"><svg width="8" height="9" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_22)"> <path d="M3.87244 0.600098L3.11022 1.37788L5.71577 3.94454H0.0379944V5.03343H5.71577L3.11022 7.6001L3.87244 8.37787L7.81577 4.48899L3.87244 0.600098Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_22"> <rect width="7.77778" height="7.77778" fill="white" transform="translate(0.0379944 0.600098)"/> </clipPath> </defs> </svg> </span> </div> </div> </a> </div> </div> </div> </div> <div class="snap-always shrink-0 snap-start js-r19-slide"> <div class="r19-item flex flex-col justify-center h-full"> <div class="flex-auto pr-8 mb-4 shrink-0 align-stretch"> <div class="text-nr-black dark:text-nr-clear text-style-small mb-2">효율성 증가</div> <div class="text-style-h5">Shutterstock은 보고서 생성 시간을 75% 단축했습니다.</div> </div> <div class="flex flex-col align-stretch"> <div class="card-tile h-full overflow-clip transition-zoom"> <a href="/kr/customers/shutterstock" class="group h-full"> <div class="card-tile__inner bg-gray-0 rounded-lg border border-gray-0 group-hover:border-nr-black duration-300 flex flex-col h-full justify-between relative"> <div class="flex flex-col visible w-full"> <div class="relative max-h-[383px] medium:max-h-[224px] large:max-h-[210px] transition-max-height duration-300 flex items-end w-full"> <div class="w-full rounded overflow-clip"> <div class="img-w-max group-hover:scale-[1.07] transition-transform duration-300"> <div> <picture> <source srcset="/sites/default/files/styles/300w/public/2024-04/shutterstock.webp?itok=Vd6d4P1e 1x, /sites/default/files/styles/600w/public/2024-04/shutterstock.webp?itok=P0kfmBJ3 2x" media="all and (min-width: 992px)" type="image/webp" width="300" height="143"/> <source srcset="/sites/default/files/styles/600w/public/2024-04/shutterstock.webp?itok=P0kfmBJ3 1x, /sites/default/files/styles/1200w/public/2024-04/shutterstock.webp?itok=6p63z0aF 2x" media="all and (min-width: 576px)" type="image/webp" width="600" height="286"/> <source srcset="/sites/default/files/styles/300w/public/2024-04/shutterstock.webp?itok=Vd6d4P1e 1x, /sites/default/files/styles/600w/public/2024-04/shutterstock.webp?itok=P0kfmBJ3 2x" type="image/webp" width="300" height="143"/> <source srcset="/sites/default/files/styles/300w/public/2024-04/shutterstock.png?itok=Vd6d4P1e 1x, /sites/default/files/styles/600w/public/2024-04/shutterstock.png?itok=P0kfmBJ3 2x" media="all and (min-width: 992px)" type="image/png" width="300" height="143"/> <source srcset="/sites/default/files/styles/600w/public/2024-04/shutterstock.png?itok=P0kfmBJ3 1x, /sites/default/files/styles/1200w/public/2024-04/shutterstock.png?itok=6p63z0aF 2x" media="all and (min-width: 576px)" type="image/png" width="600" height="286"/> <source srcset="/sites/default/files/styles/300w/public/2024-04/shutterstock.png?itok=Vd6d4P1e 1x, /sites/default/files/styles/600w/public/2024-04/shutterstock.png?itok=P0kfmBJ3 2x" type="image/png" width="300" height="143"/> <img src="/sites/default/files/styles/300w/public/2024-04/shutterstock.png?itok=Vd6d4P1e" width="300" height="143" alt="Shutterstock" loading="lazy" /> </picture> </div> </div> <div class="img-card-logo absolute top-0 w-full h-0 pt-[28.125%] pb-[28.125%] flex items-center justify-center rounded-sm"> </div> <div class="pills absolute left-0 top-0 pt-4 px-4 w-full"> </div> </div> </div> <div class="flex flex-col pt-2 px-2 pb-[5px] relative gap-4"> <div class="card-tile__title text-style-h6 flex-auto shrink-0"> <p>이 스톡 사진 기업은 뉴렐릭으로 표준화하여 로그 지출을 감소하고 모니터링 기능을 향상했습니다.</p> </div> </div> </div> <div class="flex flex-row justify-between p-2"> <span class="card-tile__link float-right rounded-2xl text-xs leading-5 px-2 bg-nr-light-glass dark:bg-nr-glass backdrop-blur-[2px]">자세히 보기</span> <span aria-hidden="true" class="inline-block group-hover:opacity-0 transition-opacity duration-300 h-[19px] svg-12 flex items-center"><svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_19)"> <path d="M1.13356 8.37787L0.371338 7.6001L3.498 4.48899L0.371338 1.37788L1.13356 0.600098L5.038 4.48899L1.13356 8.37787Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_19"> <rect width="4.66667" height="7.77778" fill="white" transform="translate(0.371338 0.600098)"/> </clipPath> </defs> </svg> </span> <span aria-hidden="true" class="opacity-0 group-hover:opacity-100 transition-opacity duration-300 absolute right-[21px] h-[19px] svg-12 flex items-center"><svg width="8" height="9" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_22)"> <path d="M3.87244 0.600098L3.11022 1.37788L5.71577 3.94454H0.0379944V5.03343H5.71577L3.11022 7.6001L3.87244 8.37787L7.81577 4.48899L3.87244 0.600098Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_22"> <rect width="7.77778" height="7.77778" fill="white" transform="translate(0.0379944 0.600098)"/> </clipPath> </defs> </svg> </span> </div> </div> </a> </div> </div> </div> </div> <div class="snap-always shrink-0 snap-start mr-6 medium:mr-0 js-r19-slide"> <div class="r19-item flex flex-col justify-center h-full"> <div class="flex-auto pr-8 mb-4 shrink-0 align-stretch"> <div class="text-nr-black dark:text-nr-clear text-style-small mb-2">옵저버빌리티 확장</div> <div class="text-style-h5">Statista는 레이턴시를 95% 감소했습니다.</div> </div> <div class="flex flex-col align-stretch"> <div class="card-tile h-full overflow-clip transition-zoom"> <a href="/kr/blog/how-to-relic/statista-free-tier-monitoring" class="group h-full"> <div class="card-tile__inner bg-gray-0 rounded-lg border border-gray-0 group-hover:border-nr-black duration-300 flex flex-col h-full justify-between relative"> <div class="flex flex-col visible w-full"> <div class="relative max-h-[383px] medium:max-h-[224px] large:max-h-[210px] transition-max-height duration-300 flex items-end w-full"> <div class="w-full rounded overflow-clip"> <div class="img-w-max group-hover:scale-[1.07] transition-transform duration-300"> <div> <picture> <source srcset="/sites/default/files/styles/300w/public/2024-04/statista.webp?itok=5dS_Ncwi 1x, /sites/default/files/styles/600w/public/2024-04/statista.webp?itok=A4N1X78r 2x" media="all and (min-width: 992px)" type="image/webp" width="300" height="143"/> <source srcset="/sites/default/files/styles/600w/public/2024-04/statista.webp?itok=A4N1X78r 1x, /sites/default/files/styles/1200w/public/2024-04/statista.webp?itok=h66HISQk 2x" media="all and (min-width: 576px)" type="image/webp" width="600" height="286"/> <source srcset="/sites/default/files/styles/300w/public/2024-04/statista.webp?itok=5dS_Ncwi 1x, /sites/default/files/styles/600w/public/2024-04/statista.webp?itok=A4N1X78r 2x" type="image/webp" width="300" height="143"/> <source srcset="/sites/default/files/styles/300w/public/2024-04/statista.png?itok=5dS_Ncwi 1x, /sites/default/files/styles/600w/public/2024-04/statista.png?itok=A4N1X78r 2x" media="all and (min-width: 992px)" type="image/png" width="300" height="143"/> <source srcset="/sites/default/files/styles/600w/public/2024-04/statista.png?itok=A4N1X78r 1x, /sites/default/files/styles/1200w/public/2024-04/statista.png?itok=h66HISQk 2x" media="all and (min-width: 576px)" type="image/png" width="600" height="286"/> <source srcset="/sites/default/files/styles/300w/public/2024-04/statista.png?itok=5dS_Ncwi 1x, /sites/default/files/styles/600w/public/2024-04/statista.png?itok=A4N1X78r 2x" type="image/png" width="300" height="143"/> <img src="/sites/default/files/styles/300w/public/2024-04/statista.png?itok=5dS_Ncwi" width="300" height="143" alt="Statista logo" loading="lazy" /> </picture> </div> </div> <div class="img-card-logo absolute top-0 w-full h-0 pt-[28.125%] pb-[28.125%] flex items-center justify-center rounded-sm"> </div> <div class="pills absolute left-0 top-0 pt-4 px-4 w-full"> </div> </div> </div> <div class="flex flex-col pt-2 px-2 pb-[5px] relative gap-4"> <div class="card-tile__title text-style-h6 flex-auto shrink-0"> <p>이 데이터 분석 기업은 뉴렐릭의 무료 등급을 사용해 옵저버빌리티를 통합하고 쉽게 확장했습니다.</p> </div> </div> </div> <div class="flex flex-row justify-between p-2"> <span class="card-tile__link float-right rounded-2xl text-xs leading-5 px-2 bg-nr-light-glass dark:bg-nr-glass backdrop-blur-[2px]">자세히 보기</span> <span aria-hidden="true" class="inline-block group-hover:opacity-0 transition-opacity duration-300 h-[19px] svg-12 flex items-center"><svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_19)"> <path d="M1.13356 8.37787L0.371338 7.6001L3.498 4.48899L0.371338 1.37788L1.13356 0.600098L5.038 4.48899L1.13356 8.37787Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_19"> <rect width="4.66667" height="7.77778" fill="white" transform="translate(0.371338 0.600098)"/> </clipPath> </defs> </svg> </span> <span aria-hidden="true" class="opacity-0 group-hover:opacity-100 transition-opacity duration-300 absolute right-[21px] h-[19px] svg-12 flex items-center"><svg width="8" height="9" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_22)"> <path d="M3.87244 0.600098L3.11022 1.37788L5.71577 3.94454H0.0379944V5.03343H5.71577L3.11022 7.6001L3.87244 8.37787L7.81577 4.48899L3.87244 0.600098Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_22"> <rect width="7.77778" height="7.77778" fill="white" transform="translate(0.0379944 0.600098)"/> </clipPath> </defs> </svg> </span> </div> </div> </a> </div> </div> </div> </div> <div class="min-w-[40px] large:hidden"></div> </div> <div class="absolute medium:hidden w-6 h-full right-0 top-0 backdrop-blur-[1px]"></div> <button class="alt-arrow arrow-left bg-pure-black text-nr-white/50 absolute shadow-arrow z-10 w-[42px] h-[42px] -mb-[21px] flex justify-center items-center box-border rounded-full bottom-1/2 border border-nr-black left-[-21px] border-[#F9FAFA4D] hover:svg-nr-green-fill hover:border-nr-green transition-opacity duration-300"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.105 0.5L9.575 2L4.55 6.95H15.5V9.05H4.55L9.575 14L8.105 15.5L0.5 8L8.105 0.5Z" fill="currentColor"/></svg> </button> <button class="alt-arrow arrow-right bg-pure-black text-nr-white/50 absolute shadow-arrow z-10 w-[42px] h-[42px] -mb-[21px] flex justify-center items-center box-border rounded-full bottom-1/2 border border-nr-black right-[-21px] border-[#F9FAFA4D] hover:svg-nr-green-fill hover:border-nr-green transition-opacity duration-300"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.895 0.5L6.425 2L11.45 6.95H0.5V9.05H11.45L6.425 14L7.895 15.5L15.5 8L7.895 0.5Z" fill="currentColor"/></svg> </button> </div> <div class="dots-wrapper flex gap-4 mt-8 medium:mt-10 "> <div class="dot"> <span class="sr-only">1</span> </div> <div class="dot"> <span class="sr-only">2</span> </div> <div class="dot"> <span class="sr-only">3</span> </div> <div class="dot"> <span class="sr-only">4</span> </div> <div class="dot"> <span class="sr-only">5</span> </div> </div> </div> </div> </div> </div> </div> <div class="r01-layout section text-left medium:mb-12 mb-8 text-nr-black section--column-align section--column-align-center"> <div class="row row--columns-1 nr-fluid-container grid gap-x-6 gap-y-8 items-center large:grid-cols-12" data-layout="8"> <div class="large:col-span-8 column--index-1 grid gap-8 grid-cols-1"> <div class="p02-text min-w-0"> <div class="text-style-eyebrow mb-8 large:mb-4 p02-text__eyebrow">고객 사례</div> <h2 class="p02-text__headline">세계 유수의 브랜드가 뉴렐릭을 사용하는 이유를 확인해 보십시오.</h2> </div> </div> </div> </div> <div class="r01-layout section text-left medium:mb-24 mb-20 text-nr-black section--column-align section--column-align-stretch"> <div class="row row--columns-1 nr-fluid-container grid gap-x-6 gap-y-8 items-center large:grid-cols-12" data-layout="12"> <div class="large:col-span-12 column--index-1 grid gap-8 grid-cols-1"> <div id="case-studies"> <div class="list-tiles-customers js-list-tiles-customers"> <div class="customer-list"> <div class="js-customer-list"> <div class="section text-nr-black section--column-align section--column-align-start"> <div class="row row--columns-2 nr-fluid-container grid gap-x-6 gap-y-8 row--collapse-early row--index-1 items-start large:grid-cols-12" data-layout="3-9"> <div class="large:col-span-3 column--index-1 grid gap-8 grid-cols-1"> <select class="js-customers-filters-select flex w-full large:hidden p-4 text-style-small"> <option value="all">All</option> <option value="ecommerce_retail">이커머스 & 리테일</option> <option value="financial_services">금융 서비스</option> <option value="technology">기술</option> <option value="travel_transportation">트래블 & 이동 교통</option> <option value="africa">아프리카</option> <option value="asia_pacific">아시아 태평양</option> <option value="europe">유럽</option> <option value="middle_east">중동</option> <option value="north_america">북미</option> <option value="customer_experience">고객 경험</option> <option value="cloud">클라우드</option> <option value="open_source">오픈소스</option> <option value="devops">데브옵스</option> <option value="uptime_reliability">업타임 & 신뢰성</option> <option value="application_modernization">애플리케이션 현대화</option> </select> <div class="hidden large:flex shrink-0 flex-col text-style-small"> <button class="customer-filter-option p-2 w-full text-left customer-filter-option--all rounded" id="all"> All </button> <div class="customer-filters-accordion js-customer-filters-accordion js-customer-filters-accordion-collapsed st-hidden large:flex shrink-0 flex-col text-style-small" data-accordion-id="js-filter-industry"> <button class="customer-filters-accordion__header js-customer-filters-accordion-header block text-left w-full rounded" id="industry-all" aria-expanded="false" aria-controls="js-filter-industry-content"> <div class="customer-filter-category flex flex-row justify-between items-center p-2"> 산업 <div class="h-5 w-5 relative flex items-center justify-center"> <span class="absolute opacity-100 parent-expanded:opacity-0 transition-opacity duration-300 text-nr-black"><svg xmlns="http://www.w3.org/2000/svg" width="8" height="9" viewBox="0 0 8 9" fill="none"> <rect y="5.31415" width="1" height="8" transform="rotate(-90 0 5.31415)" fill="currentColor"/> <rect x="3.5" y="0.814209" width="1" height="8" fill="currentColor"/> </svg> </span> <span class="absolute opacity-0 parent-expanded:opacity-100 transition-opacity duration-300 text-nr-black"><svg xmlns="http://www.w3.org/2000/svg" width="8" height="9" viewBox="0 0 8 9" fill="none"> <rect y="5.31415" width="1" height="8" transform="rotate(-90 0 5.31415)" fill="currentColor"/> </svg> </span> </div> </div> </button> <div class="customer-filters-accordion__content js-customer-filters-accordion-content content flex flex-col overflow-hidden" id="js-filter-industry-content" role="tablist"> <button class="customer-filter-option accordion-tab text-left flex gap-2 antialiased pl-4 text-gray-2" role="tab" aria-controls="ecommerce_retail" id="ecommerce_retail"> <span class="grow pl-4 py-2 border-l border-l-gray-1">이커머스 & 리테일</span> </button> <button class="customer-filter-option accordion-tab text-left flex gap-2 antialiased pl-4 text-gray-2" role="tab" aria-controls="financial_services" id="financial_services"> <span class="grow pl-4 py-2 border-l border-l-gray-1">금융 서비스</span> </button> <button class="customer-filter-option accordion-tab text-left flex gap-2 antialiased pl-4 text-gray-2" role="tab" aria-controls="technology" id="technology"> <span class="grow pl-4 py-2 border-l border-l-gray-1">기술</span> </button> <button class="customer-filter-option accordion-tab text-left flex gap-2 antialiased pl-4 text-gray-2" role="tab" aria-controls="travel_transportation" id="travel_transportation"> <span class="grow pl-4 py-2 border-l border-l-gray-1">트래블 & 이동 교통</span> </button> </div> </div> <div class="customer-filters-accordion js-customer-filters-accordion js-customer-filters-accordion-collapsed st-hidden large:flex shrink-0 flex-col text-style-small" data-accordion-id="js-filter-region"> <button class="customer-filters-accordion__header js-customer-filters-accordion-header block text-left w-full rounded" id="region-all" aria-expanded="false" aria-controls="js-filter-region-content"> <div class="customer-filter-category flex flex-row justify-between items-center p-2"> 지역 <div class="h-5 w-5 relative flex items-center justify-center"> <span class="absolute opacity-100 parent-expanded:opacity-0 transition-opacity duration-300 text-nr-black"><svg xmlns="http://www.w3.org/2000/svg" width="8" height="9" viewBox="0 0 8 9" fill="none"> <rect y="5.31415" width="1" height="8" transform="rotate(-90 0 5.31415)" fill="currentColor"/> <rect x="3.5" y="0.814209" width="1" height="8" fill="currentColor"/> </svg> </span> <span class="absolute opacity-0 parent-expanded:opacity-100 transition-opacity duration-300 text-nr-black"><svg xmlns="http://www.w3.org/2000/svg" width="8" height="9" viewBox="0 0 8 9" fill="none"> <rect y="5.31415" width="1" height="8" transform="rotate(-90 0 5.31415)" fill="currentColor"/> </svg> </span> </div> </div> </button> <div class="customer-filters-accordion__content js-customer-filters-accordion-content content flex flex-col overflow-hidden" id="js-filter-region-content" role="tablist"> <button class="customer-filter-option accordion-tab text-left flex gap-2 antialiased pl-4 text-gray-2" role="tab" aria-controls="africa" id="africa"> <span class="grow pl-4 py-2 border-l border-l-gray-1">아프리카</span> </button> <button class="customer-filter-option accordion-tab text-left flex gap-2 antialiased pl-4 text-gray-2" role="tab" aria-controls="asia_pacific" id="asia_pacific"> <span class="grow pl-4 py-2 border-l border-l-gray-1">아시아 태평양</span> </button> <button class="customer-filter-option accordion-tab text-left flex gap-2 antialiased pl-4 text-gray-2" role="tab" aria-controls="europe" id="europe"> <span class="grow pl-4 py-2 border-l border-l-gray-1">유럽</span> </button> <button class="customer-filter-option accordion-tab text-left flex gap-2 antialiased pl-4 text-gray-2" role="tab" aria-controls="middle_east" id="middle_east"> <span class="grow pl-4 py-2 border-l border-l-gray-1">중동</span> </button> <button class="customer-filter-option accordion-tab text-left flex gap-2 antialiased pl-4 text-gray-2" role="tab" aria-controls="north_america" id="north_america"> <span class="grow pl-4 py-2 border-l border-l-gray-1">북미</span> </button> </div> </div> <div class="customer-filters-accordion js-customer-filters-accordion js-customer-filters-accordion-collapsed st-hidden large:flex shrink-0 flex-col text-style-small" data-accordion-id="js-filter-use_case"> <button class="customer-filters-accordion__header js-customer-filters-accordion-header block text-left w-full rounded" id="use_case-all" aria-expanded="false" aria-controls="js-filter-use_case-content"> <div class="customer-filter-category flex flex-row justify-between items-center p-2"> 비즈니스 도전과제 <div class="h-5 w-5 relative flex items-center justify-center"> <span class="absolute opacity-100 parent-expanded:opacity-0 transition-opacity duration-300 text-nr-black"><svg xmlns="http://www.w3.org/2000/svg" width="8" height="9" viewBox="0 0 8 9" fill="none"> <rect y="5.31415" width="1" height="8" transform="rotate(-90 0 5.31415)" fill="currentColor"/> <rect x="3.5" y="0.814209" width="1" height="8" fill="currentColor"/> </svg> </span> <span class="absolute opacity-0 parent-expanded:opacity-100 transition-opacity duration-300 text-nr-black"><svg xmlns="http://www.w3.org/2000/svg" width="8" height="9" viewBox="0 0 8 9" fill="none"> <rect y="5.31415" width="1" height="8" transform="rotate(-90 0 5.31415)" fill="currentColor"/> </svg> </span> </div> </div> </button> <div class="customer-filters-accordion__content js-customer-filters-accordion-content content flex flex-col overflow-hidden" id="js-filter-use_case-content" role="tablist"> <button class="customer-filter-option accordion-tab text-left flex gap-2 antialiased pl-4 text-gray-2" role="tab" aria-controls="customer_experience" id="customer_experience"> <span class="grow pl-4 py-2 border-l border-l-gray-1">고객 경험</span> </button> <button class="customer-filter-option accordion-tab text-left flex gap-2 antialiased pl-4 text-gray-2" role="tab" aria-controls="cloud" id="cloud"> <span class="grow pl-4 py-2 border-l border-l-gray-1">클라우드</span> </button> <button class="customer-filter-option accordion-tab text-left flex gap-2 antialiased pl-4 text-gray-2" role="tab" aria-controls="open_source" id="open_source"> <span class="grow pl-4 py-2 border-l border-l-gray-1">오픈소스</span> </button> <button class="customer-filter-option accordion-tab text-left flex gap-2 antialiased pl-4 text-gray-2" role="tab" aria-controls="devops" id="devops"> <span class="grow pl-4 py-2 border-l border-l-gray-1">데브옵스</span> </button> <button class="customer-filter-option accordion-tab text-left flex gap-2 antialiased pl-4 text-gray-2" role="tab" aria-controls="uptime_reliability" id="uptime_reliability"> <span class="grow pl-4 py-2 border-l border-l-gray-1">업타임 & 신뢰성</span> </button> <button class="customer-filter-option accordion-tab text-left flex gap-2 antialiased pl-4 text-gray-2" role="tab" aria-controls="application_modernization" id="application_modernization"> <span class="grow pl-4 py-2 border-l border-l-gray-1">애플리케이션 현대화</span> </button> </div> </div> </div> </div> <div class="large:col-span-9 large:col-start-4 column--index-2 grid gap-8"> <div class="tile-list"> <div class="grid grid-cols-1 gap-2 large:gap-4 js-customer-tiles large:grid-cols-2"> <div class="tile-list__tile-item"> <article class="js-customer-all js-customer-technology js-customer-asia_pacific js-customer-customer_experience h-full"> <div class="card-tile h-full"> <a href="/kr/customers/groundx" class="group h-full"> <div class="card-tile__inner bg-gray-0 rounded-lg border border-[#141A1F05] group-hover:border-nr-black duration-300 flex flex-col medium:flex-row medium:min-h-[126px] medium:p-2 medium:pr-4 medium:gap-4 medium:h-full"> <div class="relative flex flex-none rounded-t-lg medium:rounded-t-sm medium:rounded-sm overflow-hidden w-full h-[56px] medium:w-[120px] medium:h-full"> <div class="absolute inset-0 overflow-hidden img-cover "> <div> <picture> <source srcset="/sites/default/files/styles/1x1_300w/public/2024-04/Card_Ground%20X.webp?h=49adec30&amp;itok=Ah6CfhIO 1x, /sites/default/files/styles/1x1_600w/public/2024-04/Card_Ground%20X.webp?h=49adec30&amp;itok=2qDkytTL 2x" type="image/webp" width="300" height="300"/> <source srcset="/sites/default/files/styles/1x1_300w/public/2024-04/Card_Ground%20X.png?h=49adec30&amp;itok=Ah6CfhIO 1x, /sites/default/files/styles/1x1_600w/public/2024-04/Card_Ground%20X.png?h=49adec30&amp;itok=2qDkytTL 2x" type="image/png" width="300" height="300"/> <img srcset="/sites/default/files/styles/1x1_300w/public/2024-04/Card_Ground%20X.png?h=49adec30&amp;itok=Ah6CfhIO 1x, /sites/default/files/styles/1x1_600w/public/2024-04/Card_Ground%20X.png?h=49adec30&amp;itok=2qDkytTL 2x" width="300" height="300" src="/sites/default/files/styles/1x1_300w/public/2024-04/Card_Ground%20X.png?h=49adec30&amp;itok=Ah6CfhIO" alt="blue and orange background" loading="lazy" /> </picture> </div> </div> <div class="z-5 absolute inset-0 overflow-hidden w-full h-full bg-[#1D252C1F] backdrop-blur-[5px]"> </div> <div class="z-10 flex p-4 medium:p-0 medium:items-center medium:justify-center w-full h-full"> <div class="img-contain w-full h-full max-w-[86px] max-h-[28px] medium:max-w-[68px] medium:max-h-[30px] large:max-w-[86px] large:max-h-[40px]"> <div> <img width="146" height="39" alt="groundx logo" loading="eager" class="svg-image" src=/sites/default/files/2024-04/logo_groundx_W.svg /> </div> </div> </div> </div> <div class="flex flex-col text-style-small justify-between p-4 medium:p-0 w-full"> <div class="pb-4 medium:py-2"> 블록체인 암호화폐 클레이튼 플랫폼의 최강자 Ground X </div> <div class="card-tile__gutter flex-row justify-between min-h-5 pb-1"> <span class="float-left rounded-2xl text-xs leading-5 px-2 bg-nr-light-glass dark:bg-nr-glass backdrop-blur-[2px]">고객 사례</span> <div class="flex grow justify-end"> <span aria-hidden="true" class="inline-block group-hover:opacity-0 transition-opacity duration-300 relative -right-[14px] h-[19px] svg-12 flex items-center"><svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_19)"> <path d="M1.13356 8.37787L0.371338 7.6001L3.498 4.48899L0.371338 1.37788L1.13356 0.600098L5.038 4.48899L1.13356 8.37787Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_19"> <rect width="4.66667" height="7.77778" fill="white" transform="translate(0.371338 0.600098)"/> </clipPath> </defs> </svg> </span> <span aria-hidden="true" class="opacity-0 group-hover:opacity-100 transition-opacity duration-300 h-[19px] svg-12 flex items-center"><svg width="8" height="9" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_22)"> <path d="M3.87244 0.600098L3.11022 1.37788L5.71577 3.94454H0.0379944V5.03343H5.71577L3.11022 7.6001L3.87244 8.37787L7.81577 4.48899L3.87244 0.600098Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_22"> <rect width="7.77778" height="7.77778" fill="white" transform="translate(0.0379944 0.600098)"/> </clipPath> </defs> </svg> </span> </div> </div> </div> </div> </a> </div> </article> </div> <div class="tile-list__tile-item"> <article class="js-customer-all js-customer-financial_services js-customer-asia_pacific js-customer-application_modernization h-full"> <div class="card-tile h-full"> <a href="/kr/customers/korbit" class="group h-full"> <div class="card-tile__inner bg-gray-0 rounded-lg border border-[#141A1F05] group-hover:border-nr-black duration-300 flex flex-col medium:flex-row medium:min-h-[126px] medium:p-2 medium:pr-4 medium:gap-4 medium:h-full"> <div class="relative flex flex-none rounded-t-lg medium:rounded-t-sm medium:rounded-sm overflow-hidden w-full h-[56px] medium:w-[120px] medium:h-full"> <div class="absolute inset-0 overflow-hidden img-cover "> <div> <picture> <source srcset="/sites/default/files/styles/1x1_300w/public/2024-04/Card_Korbit.webp?h=49adec30&amp;itok=9a4ArTvk 1x, /sites/default/files/styles/1x1_600w/public/2024-04/Card_Korbit.webp?h=49adec30&amp;itok=BFRmjznW 2x" type="image/webp" width="300" height="300"/> <source srcset="/sites/default/files/styles/1x1_300w/public/2024-04/Card_Korbit.png?h=49adec30&amp;itok=9a4ArTvk 1x, /sites/default/files/styles/1x1_600w/public/2024-04/Card_Korbit.png?h=49adec30&amp;itok=BFRmjznW 2x" type="image/png" width="300" height="300"/> <img srcset="/sites/default/files/styles/1x1_300w/public/2024-04/Card_Korbit.png?h=49adec30&amp;itok=9a4ArTvk 1x, /sites/default/files/styles/1x1_600w/public/2024-04/Card_Korbit.png?h=49adec30&amp;itok=BFRmjznW 2x" width="300" height="300" src="/sites/default/files/styles/1x1_300w/public/2024-04/Card_Korbit.png?h=49adec30&amp;itok=9a4ArTvk" alt="blue background" loading="lazy" /> </picture> </div> </div> <div class="z-5 absolute inset-0 overflow-hidden w-full h-full bg-[#1D252C1F] backdrop-blur-[5px]"> </div> <div class="z-10 flex p-4 medium:p-0 medium:items-center medium:justify-center w-full h-full"> <div class="img-contain w-full h-full max-w-[86px] max-h-[28px] medium:max-w-[68px] medium:max-h-[30px] large:max-w-[86px] large:max-h-[40px]"> <div> <img width="85" height="24" alt="korbit logo" loading="eager" class="svg-image" src=/sites/default/files/2024-04/logo_korbit_W.svg /> </div> </div> </div> </div> <div class="flex flex-col text-style-small justify-between p-4 medium:p-0 w-full"> <div class="pb-4 medium:py-2"> 국내 최초 가상 자산거래소 Korbit </div> <div class="card-tile__gutter flex-row justify-between min-h-5 pb-1"> <span class="float-left rounded-2xl text-xs leading-5 px-2 bg-nr-light-glass dark:bg-nr-glass backdrop-blur-[2px]">고객 사례</span> <div class="flex grow justify-end"> <span aria-hidden="true" class="inline-block group-hover:opacity-0 transition-opacity duration-300 relative -right-[14px] h-[19px] svg-12 flex items-center"><svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_19)"> <path d="M1.13356 8.37787L0.371338 7.6001L3.498 4.48899L0.371338 1.37788L1.13356 0.600098L5.038 4.48899L1.13356 8.37787Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_19"> <rect width="4.66667" height="7.77778" fill="white" transform="translate(0.371338 0.600098)"/> </clipPath> </defs> </svg> </span> <span aria-hidden="true" class="opacity-0 group-hover:opacity-100 transition-opacity duration-300 h-[19px] svg-12 flex items-center"><svg width="8" height="9" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_22)"> <path d="M3.87244 0.600098L3.11022 1.37788L5.71577 3.94454H0.0379944V5.03343H5.71577L3.11022 7.6001L3.87244 8.37787L7.81577 4.48899L3.87244 0.600098Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_22"> <rect width="7.77778" height="7.77778" fill="white" transform="translate(0.0379944 0.600098)"/> </clipPath> </defs> </svg> </span> </div> </div> </div> </div> </a> </div> </article> </div> <div class="tile-list__tile-item"> <article class="js-customer-all js-customer-technology js-customer-asia_pacific js-customer-customer_experience h-full"> <div class="card-tile h-full"> <a href="/kr/customers/ab180" class="group h-full"> <div class="card-tile__inner bg-gray-0 rounded-lg border border-[#141A1F05] group-hover:border-nr-black duration-300 flex flex-col medium:flex-row medium:min-h-[126px] medium:p-2 medium:pr-4 medium:gap-4 medium:h-full"> <div class="relative flex flex-none rounded-t-lg medium:rounded-t-sm medium:rounded-sm overflow-hidden w-full h-[56px] medium:w-[120px] medium:h-full"> <div class="absolute inset-0 overflow-hidden img-cover "> </div> <div class="z-5 absolute inset-0 overflow-hidden w-full h-full bg-[#1D252C1F] backdrop-blur-[5px]"> </div> <div class="z-10 flex p-4 medium:p-0 medium:items-center medium:justify-center w-full h-full"> <div class="img-contain w-full h-full max-w-[86px] max-h-[28px] medium:max-w-[68px] medium:max-h-[30px] large:max-w-[86px] large:max-h-[40px]"> <div> <img width="200" height="76" alt="AB 180 logo" loading="eager" class="svg-image" src=/sites/default/files/2021-08/AB180.svg /> </div> </div> </div> </div> <div class="flex flex-col text-style-small justify-between p-4 medium:p-0 w-full"> <div class="pb-4 medium:py-2"> AB180 뉴렐릭 원 도입을 통해 전사적으로 빠르고 효율적인 데이터 기반 의사결정 문화 정착 </div> <div class="card-tile__gutter flex-row justify-between min-h-5 pb-1"> <span class="float-left rounded-2xl text-xs leading-5 px-2 bg-nr-light-glass dark:bg-nr-glass backdrop-blur-[2px]">고객 사례</span> <div class="flex grow justify-end"> <span aria-hidden="true" class="inline-block group-hover:opacity-0 transition-opacity duration-300 relative -right-[14px] h-[19px] svg-12 flex items-center"><svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_19)"> <path d="M1.13356 8.37787L0.371338 7.6001L3.498 4.48899L0.371338 1.37788L1.13356 0.600098L5.038 4.48899L1.13356 8.37787Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_19"> <rect width="4.66667" height="7.77778" fill="white" transform="translate(0.371338 0.600098)"/> </clipPath> </defs> </svg> </span> <span aria-hidden="true" class="opacity-0 group-hover:opacity-100 transition-opacity duration-300 h-[19px] svg-12 flex items-center"><svg width="8" height="9" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_22)"> <path d="M3.87244 0.600098L3.11022 1.37788L5.71577 3.94454H0.0379944V5.03343H5.71577L3.11022 7.6001L3.87244 8.37787L7.81577 4.48899L3.87244 0.600098Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_22"> <rect width="7.77778" height="7.77778" fill="white" transform="translate(0.0379944 0.600098)"/> </clipPath> </defs> </svg> </span> </div> </div> </div> </div> </a> </div> </article> </div> <div class="tile-list__tile-item"> <article class="js-customer-all js-customer-technology js-customer-asia_pacific js-customer-customer_experience h-full"> <div class="card-tile h-full"> <a href="/kr/customers/drama-and-company" class="group h-full"> <div class="card-tile__inner bg-gray-0 rounded-lg border border-[#141A1F05] group-hover:border-nr-black duration-300 flex flex-col medium:flex-row medium:min-h-[126px] medium:p-2 medium:pr-4 medium:gap-4 medium:h-full"> <div class="relative flex flex-none rounded-t-lg medium:rounded-t-sm medium:rounded-sm overflow-hidden w-full h-[56px] medium:w-[120px] medium:h-full"> <div class="absolute inset-0 overflow-hidden img-cover "> <div> <picture> <source srcset="/sites/default/files/styles/1x1_300w/public/2024-04/Card_Drama%20%26%20Company.webp?h=49adec30&amp;itok=7BENVE9K 1x, /sites/default/files/styles/1x1_600w/public/2024-04/Card_Drama%20%26%20Company.webp?h=49adec30&amp;itok=8ii3pdA8 2x" type="image/webp" width="300" height="300"/> <source srcset="/sites/default/files/styles/1x1_300w/public/2024-04/Card_Drama%20%26%20Company.png?h=49adec30&amp;itok=7BENVE9K 1x, /sites/default/files/styles/1x1_600w/public/2024-04/Card_Drama%20%26%20Company.png?h=49adec30&amp;itok=8ii3pdA8 2x" type="image/png" width="300" height="300"/> <img srcset="/sites/default/files/styles/1x1_300w/public/2024-04/Card_Drama%20%26%20Company.png?h=49adec30&amp;itok=7BENVE9K 1x, /sites/default/files/styles/1x1_600w/public/2024-04/Card_Drama%20%26%20Company.png?h=49adec30&amp;itok=8ii3pdA8 2x" width="300" height="300" src="/sites/default/files/styles/1x1_300w/public/2024-04/Card_Drama%20%26%20Company.png?h=49adec30&amp;itok=7BENVE9K" alt="grey background" loading="lazy" /> </picture> </div> </div> <div class="z-5 absolute inset-0 overflow-hidden w-full h-full bg-[#1D252C1F] backdrop-blur-[5px]"> </div> <div class="z-10 flex p-4 medium:p-0 medium:items-center medium:justify-center w-full h-full"> <div class="img-contain w-full h-full max-w-[86px] max-h-[28px] medium:max-w-[68px] medium:max-h-[30px] large:max-w-[86px] large:max-h-[40px]"> <div> <img width="109" height="34" alt="Drama and Company logo" loading="eager" class="svg-image" src=/sites/default/files/2024-04/logo_Drama_Company_W.svg /> </div> </div> </div> </div> <div class="flex flex-col text-style-small justify-between p-4 medium:p-0 w-full"> <div class="pb-4 medium:py-2"> 대한민국 1위의 명함관리 앱 리멤버를 개발 운영하는 드라마앤컴퍼니 (Drama &amp; Company) </div> <div class="card-tile__gutter flex-row justify-between min-h-5 pb-1"> <span class="float-left rounded-2xl text-xs leading-5 px-2 bg-nr-light-glass dark:bg-nr-glass backdrop-blur-[2px]">고객 사례</span> <div class="flex grow justify-end"> <span aria-hidden="true" class="inline-block group-hover:opacity-0 transition-opacity duration-300 relative -right-[14px] h-[19px] svg-12 flex items-center"><svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_19)"> <path d="M1.13356 8.37787L0.371338 7.6001L3.498 4.48899L0.371338 1.37788L1.13356 0.600098L5.038 4.48899L1.13356 8.37787Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_19"> <rect width="4.66667" height="7.77778" fill="white" transform="translate(0.371338 0.600098)"/> </clipPath> </defs> </svg> </span> <span aria-hidden="true" class="opacity-0 group-hover:opacity-100 transition-opacity duration-300 h-[19px] svg-12 flex items-center"><svg width="8" height="9" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_22)"> <path d="M3.87244 0.600098L3.11022 1.37788L5.71577 3.94454H0.0379944V5.03343H5.71577L3.11022 7.6001L3.87244 8.37787L7.81577 4.48899L3.87244 0.600098Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_22"> <rect width="7.77778" height="7.77778" fill="white" transform="translate(0.0379944 0.600098)"/> </clipPath> </defs> </svg> </span> </div> </div> </div> </div> </a> </div> </article> </div> <div class="tile-list__tile-item"> <article class="js-customer-all js-customer-financial_services js-customer-asia_pacific js-customer-uptime_reliability h-full"> <div class="card-tile h-full"> <a href="/kr/customers/bangkok-bank" class="group h-full"> <div class="card-tile__inner bg-gray-0 rounded-lg border border-[#141A1F05] group-hover:border-nr-black duration-300 flex flex-col medium:flex-row medium:min-h-[126px] medium:p-2 medium:pr-4 medium:gap-4 medium:h-full"> <div class="relative flex flex-none rounded-t-lg medium:rounded-t-sm medium:rounded-sm overflow-hidden w-full h-[56px] medium:w-[120px] medium:h-full"> <div class="absolute inset-0 overflow-hidden img-cover "> <div> <picture> <source srcset="/sites/default/files/styles/1x1_300w/public/2024-03/Card_Bangkok%20Bank.webp?h=cf7e9adf&amp;itok=ecb13u0o 1x, /sites/default/files/styles/1x1_600w/public/2024-03/Card_Bangkok%20Bank.webp?h=cf7e9adf&amp;itok=XhKELupT 2x" type="image/webp" width="300" height="300"/> <source srcset="/sites/default/files/styles/1x1_300w/public/2024-03/Card_Bangkok%20Bank.png?h=cf7e9adf&amp;itok=ecb13u0o 1x, /sites/default/files/styles/1x1_600w/public/2024-03/Card_Bangkok%20Bank.png?h=cf7e9adf&amp;itok=XhKELupT 2x" type="image/png" width="300" height="300"/> <img srcset="/sites/default/files/styles/1x1_300w/public/2024-03/Card_Bangkok%20Bank.png?h=cf7e9adf&amp;itok=ecb13u0o 1x, /sites/default/files/styles/1x1_600w/public/2024-03/Card_Bangkok%20Bank.png?h=cf7e9adf&amp;itok=XhKELupT 2x" width="300" height="300" src="/sites/default/files/styles/1x1_300w/public/2024-03/Card_Bangkok%20Bank.png?h=cf7e9adf&amp;itok=ecb13u0o" alt="Blue card background" loading="lazy" /> </picture> </div> </div> <div class="z-5 absolute inset-0 overflow-hidden w-full h-full bg-[#1D252C1F] backdrop-blur-[5px]"> </div> <div class="z-10 flex p-4 medium:p-0 medium:items-center medium:justify-center w-full h-full"> <div class="img-contain w-full h-full max-w-[86px] max-h-[28px] medium:max-w-[68px] medium:max-h-[30px] large:max-w-[86px] large:max-h-[40px]"> <div> <img width="180" height="43" alt="logo bangkok bank" loading="eager" class="svg-image" src=/sites/default/files/2024-03/logo_bangkokbank_W.svg /> </div> </div> </div> </div> <div class="flex flex-col text-style-small justify-between p-4 medium:p-0 w-full"> <div class="pb-4 medium:py-2"> 방콕 은행 뉴렐릭으로 모바일 및 디지털 뱅킹에 대한 폭발적인 수요 충족 </div> <div class="card-tile__gutter flex-row justify-between min-h-5 pb-1"> <span class="float-left rounded-2xl text-xs leading-5 px-2 bg-nr-light-glass dark:bg-nr-glass backdrop-blur-[2px]">고객 사례</span> <div class="flex grow justify-end"> <span aria-hidden="true" class="inline-block group-hover:opacity-0 transition-opacity duration-300 relative -right-[14px] h-[19px] svg-12 flex items-center"><svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_19)"> <path d="M1.13356 8.37787L0.371338 7.6001L3.498 4.48899L0.371338 1.37788L1.13356 0.600098L5.038 4.48899L1.13356 8.37787Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_19"> <rect width="4.66667" height="7.77778" fill="white" transform="translate(0.371338 0.600098)"/> </clipPath> </defs> </svg> </span> <span aria-hidden="true" class="opacity-0 group-hover:opacity-100 transition-opacity duration-300 h-[19px] svg-12 flex items-center"><svg width="8" height="9" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_22)"> <path d="M3.87244 0.600098L3.11022 1.37788L5.71577 3.94454H0.0379944V5.03343H5.71577L3.11022 7.6001L3.87244 8.37787L7.81577 4.48899L3.87244 0.600098Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_22"> <rect width="7.77778" height="7.77778" fill="white" transform="translate(0.0379944 0.600098)"/> </clipPath> </defs> </svg> </span> </div> </div> </div> </div> </a> </div> </article> </div> <div class="tile-list__tile-item"> <article class="js-customer-all js-customer-financial_services js-customer-africa js-customer-cloud h-full"> <div class="card-tile h-full"> <a href="/kr/customers/cellulant" class="group h-full"> <div class="card-tile__inner bg-gray-0 rounded-lg border border-[#141A1F05] group-hover:border-nr-black duration-300 flex flex-col medium:flex-row medium:min-h-[126px] medium:p-2 medium:pr-4 medium:gap-4 medium:h-full"> <div class="relative flex flex-none rounded-t-lg medium:rounded-t-sm medium:rounded-sm overflow-hidden w-full h-[56px] medium:w-[120px] medium:h-full"> <div class="absolute inset-0 overflow-hidden img-cover "> <div> <picture> <source srcset="/sites/default/files/styles/1x1_300w/public/2024-04/Card_Cellulant.webp?h=49adec30&amp;itok=TrB5cC7J 1x, /sites/default/files/styles/1x1_600w/public/2024-04/Card_Cellulant.webp?h=49adec30&amp;itok=OP9rWOYv 2x" type="image/webp" width="300" height="300"/> <source srcset="/sites/default/files/styles/1x1_300w/public/2024-04/Card_Cellulant.png?h=49adec30&amp;itok=TrB5cC7J 1x, /sites/default/files/styles/1x1_600w/public/2024-04/Card_Cellulant.png?h=49adec30&amp;itok=OP9rWOYv 2x" type="image/png" width="300" height="300"/> <img srcset="/sites/default/files/styles/1x1_300w/public/2024-04/Card_Cellulant.png?h=49adec30&amp;itok=TrB5cC7J 1x, /sites/default/files/styles/1x1_600w/public/2024-04/Card_Cellulant.png?h=49adec30&amp;itok=OP9rWOYv 2x" width="300" height="300" src="/sites/default/files/styles/1x1_300w/public/2024-04/Card_Cellulant.png?h=49adec30&amp;itok=TrB5cC7J" alt="Blue background" loading="lazy" /> </picture> </div> </div> <div class="z-5 absolute inset-0 overflow-hidden w-full h-full bg-[#1D252C1F] backdrop-blur-[5px]"> </div> <div class="z-10 flex p-4 medium:p-0 medium:items-center medium:justify-center w-full h-full"> <div class="img-contain w-full h-full max-w-[86px] max-h-[28px] medium:max-w-[68px] medium:max-h-[30px] large:max-w-[86px] large:max-h-[40px]"> <div> <img width="186" height="44" alt="cellulant logo" loading="eager" class="svg-image" src=/sites/default/files/2024-04/logo_cellulant_W.svg /> </div> </div> </div> </div> <div class="flex flex-col text-style-small justify-between p-4 medium:p-0 w-full"> <div class="pb-4 medium:py-2"> 셀룰런트 범 아프리카 결제 게이트웨이의 빠른 성장과 성능 향상을 위해 AWS 및 뉴렐릭 도입 </div> <div class="card-tile__gutter flex-row justify-between min-h-5 pb-1"> <span class="float-left rounded-2xl text-xs leading-5 px-2 bg-nr-light-glass dark:bg-nr-glass backdrop-blur-[2px]">고객 사례</span> <div class="flex grow justify-end"> <span aria-hidden="true" class="inline-block group-hover:opacity-0 transition-opacity duration-300 relative -right-[14px] h-[19px] svg-12 flex items-center"><svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_19)"> <path d="M1.13356 8.37787L0.371338 7.6001L3.498 4.48899L0.371338 1.37788L1.13356 0.600098L5.038 4.48899L1.13356 8.37787Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_19"> <rect width="4.66667" height="7.77778" fill="white" transform="translate(0.371338 0.600098)"/> </clipPath> </defs> </svg> </span> <span aria-hidden="true" class="opacity-0 group-hover:opacity-100 transition-opacity duration-300 h-[19px] svg-12 flex items-center"><svg width="8" height="9" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_22)"> <path d="M3.87244 0.600098L3.11022 1.37788L5.71577 3.94454H0.0379944V5.03343H5.71577L3.11022 7.6001L3.87244 8.37787L7.81577 4.48899L3.87244 0.600098Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_22"> <rect width="7.77778" height="7.77778" fill="white" transform="translate(0.0379944 0.600098)"/> </clipPath> </defs> </svg> </span> </div> </div> </div> </div> </a> </div> </article> </div> <div class="tile-list__tile-item"> <article class="js-customer-all js-customer-ecommerce_retail js-customer-asia_pacific js-customer-customer_experience h-full"> <div class="card-tile h-full"> <a href="/kr/customers/dealicious" class="group h-full"> <div class="card-tile__inner bg-gray-0 rounded-lg border border-[#141A1F05] group-hover:border-nr-black duration-300 flex flex-col medium:flex-row medium:min-h-[126px] medium:p-2 medium:pr-4 medium:gap-4 medium:h-full"> <div class="relative flex flex-none rounded-t-lg medium:rounded-t-sm medium:rounded-sm overflow-hidden w-full h-[56px] medium:w-[120px] medium:h-full"> <div class="absolute inset-0 overflow-hidden img-cover "> <div> <picture> <source srcset="/sites/default/files/styles/1x1_300w/public/2024-04/Card_Dealicious.webp?h=49adec30&amp;itok=sKuU-2H7 1x, /sites/default/files/styles/1x1_600w/public/2024-04/Card_Dealicious.webp?h=49adec30&amp;itok=UON8vRxm 2x" type="image/webp" width="300" height="300"/> <source srcset="/sites/default/files/styles/1x1_300w/public/2024-04/Card_Dealicious.png?h=49adec30&amp;itok=sKuU-2H7 1x, /sites/default/files/styles/1x1_600w/public/2024-04/Card_Dealicious.png?h=49adec30&amp;itok=UON8vRxm 2x" type="image/png" width="300" height="300"/> <img srcset="/sites/default/files/styles/1x1_300w/public/2024-04/Card_Dealicious.png?h=49adec30&amp;itok=sKuU-2H7 1x, /sites/default/files/styles/1x1_600w/public/2024-04/Card_Dealicious.png?h=49adec30&amp;itok=UON8vRxm 2x" width="300" height="300" src="/sites/default/files/styles/1x1_300w/public/2024-04/Card_Dealicious.png?h=49adec30&amp;itok=sKuU-2H7" alt="blue background" loading="lazy" /> </picture> </div> </div> <div class="z-5 absolute inset-0 overflow-hidden w-full h-full bg-[#1D252C1F] backdrop-blur-[5px]"> </div> <div class="z-10 flex p-4 medium:p-0 medium:items-center medium:justify-center w-full h-full"> <div class="img-contain w-full h-full max-w-[86px] max-h-[28px] medium:max-w-[68px] medium:max-h-[30px] large:max-w-[86px] large:max-h-[40px]"> <div> <img width="71" height="46" alt="deali logo" loading="eager" class="svg-image" src=/sites/default/files/2024-04/logo_deali_W.svg /> </div> </div> </div> </div> <div class="flex flex-col text-style-small justify-between p-4 medium:p-0 w-full"> <div class="pb-4 medium:py-2"> 패션 B2B 플랫폼의 선두주자 딜리셔스(Dealicious) </div> <div class="card-tile__gutter flex-row justify-between min-h-5 pb-1"> <span class="float-left rounded-2xl text-xs leading-5 px-2 bg-nr-light-glass dark:bg-nr-glass backdrop-blur-[2px]">고객 사례</span> <div class="flex grow justify-end"> <span aria-hidden="true" class="inline-block group-hover:opacity-0 transition-opacity duration-300 relative -right-[14px] h-[19px] svg-12 flex items-center"><svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_19)"> <path d="M1.13356 8.37787L0.371338 7.6001L3.498 4.48899L0.371338 1.37788L1.13356 0.600098L5.038 4.48899L1.13356 8.37787Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_19"> <rect width="4.66667" height="7.77778" fill="white" transform="translate(0.371338 0.600098)"/> </clipPath> </defs> </svg> </span> <span aria-hidden="true" class="opacity-0 group-hover:opacity-100 transition-opacity duration-300 h-[19px] svg-12 flex items-center"><svg width="8" height="9" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_22)"> <path d="M3.87244 0.600098L3.11022 1.37788L5.71577 3.94454H0.0379944V5.03343H5.71577L3.11022 7.6001L3.87244 8.37787L7.81577 4.48899L3.87244 0.600098Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_22"> <rect width="7.77778" height="7.77778" fill="white" transform="translate(0.0379944 0.600098)"/> </clipPath> </defs> </svg> </span> </div> </div> </div> </div> </a> </div> </article> </div> <div class="tile-list__tile-item"> <article class="js-customer-all js-customer-ecommerce_retail js-customer-europe js-customer-devops h-full"> <div class="card-tile h-full"> <a href="/kr/customers/delivery-hero" class="group h-full"> <div class="card-tile__inner bg-gray-0 rounded-lg border border-[#141A1F05] group-hover:border-nr-black duration-300 flex flex-col medium:flex-row medium:min-h-[126px] medium:p-2 medium:pr-4 medium:gap-4 medium:h-full"> <div class="relative flex flex-none rounded-t-lg medium:rounded-t-sm medium:rounded-sm overflow-hidden w-full h-[56px] medium:w-[120px] medium:h-full"> <div class="absolute inset-0 overflow-hidden img-cover "> <div> <picture> <source srcset="/sites/default/files/styles/1x1_300w/public/2024-03/Card_DeliveryHero.webp?h=cf7e9adf&amp;itok=mTAgOmK8 1x, /sites/default/files/styles/1x1_600w/public/2024-03/Card_DeliveryHero.webp?h=cf7e9adf&amp;itok=a--JvWjR 2x" type="image/webp" width="300" height="300"/> <source srcset="/sites/default/files/styles/1x1_300w/public/2024-03/Card_DeliveryHero.png?h=cf7e9adf&amp;itok=mTAgOmK8 1x, /sites/default/files/styles/1x1_600w/public/2024-03/Card_DeliveryHero.png?h=cf7e9adf&amp;itok=a--JvWjR 2x" type="image/png" width="300" height="300"/> <img srcset="/sites/default/files/styles/1x1_300w/public/2024-03/Card_DeliveryHero.png?h=cf7e9adf&amp;itok=mTAgOmK8 1x, /sites/default/files/styles/1x1_600w/public/2024-03/Card_DeliveryHero.png?h=cf7e9adf&amp;itok=a--JvWjR 2x" width="300" height="300" src="/sites/default/files/styles/1x1_300w/public/2024-03/Card_DeliveryHero.png?h=cf7e9adf&amp;itok=mTAgOmK8" alt="Red background" loading="lazy" /> </picture> </div> </div> <div class="z-5 absolute inset-0 overflow-hidden w-full h-full bg-[#1D252C1F] backdrop-blur-[5px]"> </div> <div class="z-10 flex p-4 medium:p-0 medium:items-center medium:justify-center w-full h-full"> <div class="img-contain w-full h-full max-w-[86px] max-h-[28px] medium:max-w-[68px] medium:max-h-[30px] large:max-w-[86px] large:max-h-[40px]"> <div> <img width="173" height="29" alt="Delivery Hero logo" loading="eager" class="svg-image" src=/sites/default/files/2024-03/logo_deliveryhero_W.svg /> </div> </div> </div> </div> <div class="flex flex-col text-style-small justify-between p-4 medium:p-0 w-full"> <div class="pb-4 medium:py-2"> 딜리버리 히어로 뉴렐릭이 제공하는 가시성과 인사이트로 운영 확장 </div> <div class="card-tile__gutter flex-row justify-between min-h-5 pb-1"> <span class="float-left rounded-2xl text-xs leading-5 px-2 bg-nr-light-glass dark:bg-nr-glass backdrop-blur-[2px]">고객 사례</span> <div class="flex grow justify-end"> <span aria-hidden="true" class="inline-block group-hover:opacity-0 transition-opacity duration-300 relative -right-[14px] h-[19px] svg-12 flex items-center"><svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_19)"> <path d="M1.13356 8.37787L0.371338 7.6001L3.498 4.48899L0.371338 1.37788L1.13356 0.600098L5.038 4.48899L1.13356 8.37787Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_19"> <rect width="4.66667" height="7.77778" fill="white" transform="translate(0.371338 0.600098)"/> </clipPath> </defs> </svg> </span> <span aria-hidden="true" class="opacity-0 group-hover:opacity-100 transition-opacity duration-300 h-[19px] svg-12 flex items-center"><svg width="8" height="9" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_22)"> <path d="M3.87244 0.600098L3.11022 1.37788L5.71577 3.94454H0.0379944V5.03343H5.71577L3.11022 7.6001L3.87244 8.37787L7.81577 4.48899L3.87244 0.600098Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_22"> <rect width="7.77778" height="7.77778" fill="white" transform="translate(0.0379944 0.600098)"/> </clipPath> </defs> </svg> </span> </div> </div> </div> </div> </a> </div> </article> </div> <div class="tile-list__tile-item"> <article class="js-customer-all js-customer-travel_transportation js-customer-middle_east js-customer-uptime_reliability h-full"> <div class="card-tile h-full"> <a href="/kr/customers/gett" class="group h-full"> <div class="card-tile__inner bg-gray-0 rounded-lg border border-[#141A1F05] group-hover:border-nr-black duration-300 flex flex-col medium:flex-row medium:min-h-[126px] medium:p-2 medium:pr-4 medium:gap-4 medium:h-full"> <div class="relative flex flex-none rounded-t-lg medium:rounded-t-sm medium:rounded-sm overflow-hidden w-full h-[56px] medium:w-[120px] medium:h-full"> <div class="absolute inset-0 overflow-hidden img-cover "> <div> <picture> <source srcset="/sites/default/files/styles/1x1_300w/public/2024-03/Card_Gett.webp?h=49adec30&amp;itok=W6tOd8XU 1x, /sites/default/files/styles/1x1_600w/public/2024-03/Card_Gett.webp?h=49adec30&amp;itok=eAcgXdHA 2x" type="image/webp" width="300" height="300"/> <source srcset="/sites/default/files/styles/1x1_300w/public/2024-03/Card_Gett.png?h=49adec30&amp;itok=W6tOd8XU 1x, /sites/default/files/styles/1x1_600w/public/2024-03/Card_Gett.png?h=49adec30&amp;itok=eAcgXdHA 2x" type="image/png" width="300" height="300"/> <img srcset="/sites/default/files/styles/1x1_300w/public/2024-03/Card_Gett.png?h=49adec30&amp;itok=W6tOd8XU 1x, /sites/default/files/styles/1x1_600w/public/2024-03/Card_Gett.png?h=49adec30&amp;itok=eAcgXdHA 2x" width="300" height="300" src="/sites/default/files/styles/1x1_300w/public/2024-03/Card_Gett.png?h=49adec30&amp;itok=W6tOd8XU" alt="Orange gradient background" loading="lazy" /> </picture> </div> </div> <div class="z-5 absolute inset-0 overflow-hidden w-full h-full bg-[#1D252C1F] backdrop-blur-[5px]"> </div> <div class="z-10 flex p-4 medium:p-0 medium:items-center medium:justify-center w-full h-full"> <div class="img-contain w-full h-full max-w-[86px] max-h-[28px] medium:max-w-[68px] medium:max-h-[30px] large:max-w-[86px] large:max-h-[40px]"> <div> <img width="88" height="30" alt="Gett logo" loading="eager" class="svg-image" src=/sites/default/files/2024-03/logo_gett_W.svg /> </div> </div> </div> </div> <div class="flex flex-col text-style-small justify-between p-4 medium:p-0 w-full"> <div class="pb-4 medium:py-2"> Gett New Relic으로 인시던트 관리 문제 해결 </div> <div class="card-tile__gutter flex-row justify-between min-h-5 pb-1"> <span class="float-left rounded-2xl text-xs leading-5 px-2 bg-nr-light-glass dark:bg-nr-glass backdrop-blur-[2px]">고객 사례</span> <div class="flex grow justify-end"> <span aria-hidden="true" class="inline-block group-hover:opacity-0 transition-opacity duration-300 relative -right-[14px] h-[19px] svg-12 flex items-center"><svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_19)"> <path d="M1.13356 8.37787L0.371338 7.6001L3.498 4.48899L0.371338 1.37788L1.13356 0.600098L5.038 4.48899L1.13356 8.37787Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_19"> <rect width="4.66667" height="7.77778" fill="white" transform="translate(0.371338 0.600098)"/> </clipPath> </defs> </svg> </span> <span aria-hidden="true" class="opacity-0 group-hover:opacity-100 transition-opacity duration-300 h-[19px] svg-12 flex items-center"><svg width="8" height="9" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_22)"> <path d="M3.87244 0.600098L3.11022 1.37788L5.71577 3.94454H0.0379944V5.03343H5.71577L3.11022 7.6001L3.87244 8.37787L7.81577 4.48899L3.87244 0.600098Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_22"> <rect width="7.77778" height="7.77778" fill="white" transform="translate(0.0379944 0.600098)"/> </clipPath> </defs> </svg> </span> </div> </div> </div> </div> </a> </div> </article> </div> <div class="tile-list__tile-item"> <article class="js-customer-all js-customer-ecommerce_retail js-customer-europe js-customer-cloud h-full"> <div class="card-tile h-full"> <a href="/kr/customers/ocado" class="group h-full"> <div class="card-tile__inner bg-gray-0 rounded-lg border border-[#141A1F05] group-hover:border-nr-black duration-300 flex flex-col medium:flex-row medium:min-h-[126px] medium:p-2 medium:pr-4 medium:gap-4 medium:h-full"> <div class="relative flex flex-none rounded-t-lg medium:rounded-t-sm medium:rounded-sm overflow-hidden w-full h-[56px] medium:w-[120px] medium:h-full"> <div class="absolute inset-0 overflow-hidden img-cover "> <div> <picture> <source srcset="/sites/default/files/styles/1x1_300w/public/2024-03/Card_Ocado.webp?h=cf7e9adf&amp;itok=z-AUv7dc 1x, /sites/default/files/styles/1x1_600w/public/2024-03/Card_Ocado.webp?h=cf7e9adf&amp;itok=T8E_kA5q 2x" type="image/webp" width="300" height="300"/> <source srcset="/sites/default/files/styles/1x1_300w/public/2024-03/Card_Ocado.png?h=cf7e9adf&amp;itok=z-AUv7dc 1x, /sites/default/files/styles/1x1_600w/public/2024-03/Card_Ocado.png?h=cf7e9adf&amp;itok=T8E_kA5q 2x" type="image/png" width="300" height="300"/> <img srcset="/sites/default/files/styles/1x1_300w/public/2024-03/Card_Ocado.png?h=cf7e9adf&amp;itok=z-AUv7dc 1x, /sites/default/files/styles/1x1_600w/public/2024-03/Card_Ocado.png?h=cf7e9adf&amp;itok=T8E_kA5q 2x" width="300" height="300" src="/sites/default/files/styles/1x1_300w/public/2024-03/Card_Ocado.png?h=cf7e9adf&amp;itok=z-AUv7dc" alt="Purple card background" loading="lazy" /> </picture> </div> </div> <div class="z-5 absolute inset-0 overflow-hidden w-full h-full bg-[#1D252C1F] backdrop-blur-[5px]"> </div> <div class="z-10 flex p-4 medium:p-0 medium:items-center medium:justify-center w-full h-full"> <div class="img-contain w-full h-full max-w-[86px] max-h-[28px] medium:max-w-[68px] medium:max-h-[30px] large:max-w-[86px] large:max-h-[40px]"> <div> <img width="138" height="31" alt="logo ocado" loading="eager" class="svg-image" src=/sites/default/files/2024-03/logo_ocado_W.svg /> </div> </div> </div> </div> <div class="flex flex-col text-style-small justify-between p-4 medium:p-0 w-full"> <div class="pb-4 medium:py-2"> 뉴렐릭으로 온라인 쇼핑의 얼굴을 바꾸고 있는 오카도 </div> <div class="card-tile__gutter flex-row justify-between min-h-5 pb-1"> <span class="float-left rounded-2xl text-xs leading-5 px-2 bg-nr-light-glass dark:bg-nr-glass backdrop-blur-[2px]">고객 사례</span> <div class="flex grow justify-end"> <span aria-hidden="true" class="inline-block group-hover:opacity-0 transition-opacity duration-300 relative -right-[14px] h-[19px] svg-12 flex items-center"><svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_19)"> <path d="M1.13356 8.37787L0.371338 7.6001L3.498 4.48899L0.371338 1.37788L1.13356 0.600098L5.038 4.48899L1.13356 8.37787Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_19"> <rect width="4.66667" height="7.77778" fill="white" transform="translate(0.371338 0.600098)"/> </clipPath> </defs> </svg> </span> <span aria-hidden="true" class="opacity-0 group-hover:opacity-100 transition-opacity duration-300 h-[19px] svg-12 flex items-center"><svg width="8" height="9" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_22)"> <path d="M3.87244 0.600098L3.11022 1.37788L5.71577 3.94454H0.0379944V5.03343H5.71577L3.11022 7.6001L3.87244 8.37787L7.81577 4.48899L3.87244 0.600098Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_22"> <rect width="7.77778" height="7.77778" fill="white" transform="translate(0.0379944 0.600098)"/> </clipPath> </defs> </svg> </span> </div> </div> </div> </div> </a> </div> </article> </div> <div class="tile-list__tile-item"> <article class="js-customer-all js-customer-travel_transportation js-customer-europe js-customer-cloud h-full"> <div class="card-tile h-full"> <a href="/kr/customers/share-now" class="group h-full"> <div class="card-tile__inner bg-gray-0 rounded-lg border border-[#141A1F05] group-hover:border-nr-black duration-300 flex flex-col medium:flex-row medium:min-h-[126px] medium:p-2 medium:pr-4 medium:gap-4 medium:h-full"> <div class="relative flex flex-none rounded-t-lg medium:rounded-t-sm medium:rounded-sm overflow-hidden w-full h-[56px] medium:w-[120px] medium:h-full"> <div class="absolute inset-0 overflow-hidden img-cover "> <div> <picture> <source srcset="/sites/default/files/styles/1x1_300w/public/2024-03/Card_Share%20Now.webp?h=49adec30&amp;itok=ctJ17mlB 1x, /sites/default/files/styles/1x1_600w/public/2024-03/Card_Share%20Now.webp?h=49adec30&amp;itok=aESXAmWg 2x" type="image/webp" width="300" height="300"/> <source srcset="/sites/default/files/styles/1x1_300w/public/2024-03/Card_Share%20Now.png?h=49adec30&amp;itok=ctJ17mlB 1x, /sites/default/files/styles/1x1_600w/public/2024-03/Card_Share%20Now.png?h=49adec30&amp;itok=aESXAmWg 2x" type="image/png" width="300" height="300"/> <img srcset="/sites/default/files/styles/1x1_300w/public/2024-03/Card_Share%20Now.png?h=49adec30&amp;itok=ctJ17mlB 1x, /sites/default/files/styles/1x1_600w/public/2024-03/Card_Share%20Now.png?h=49adec30&amp;itok=aESXAmWg 2x" width="300" height="300" src="/sites/default/files/styles/1x1_300w/public/2024-03/Card_Share%20Now.png?h=49adec30&amp;itok=ctJ17mlB" alt="Blue card background" loading="lazy" /> </picture> </div> </div> <div class="z-5 absolute inset-0 overflow-hidden w-full h-full bg-[#1D252C1F] backdrop-blur-[5px]"> </div> <div class="z-10 flex p-4 medium:p-0 medium:items-center medium:justify-center w-full h-full"> <div class="img-contain w-full h-full max-w-[86px] max-h-[28px] medium:max-w-[68px] medium:max-h-[30px] large:max-w-[86px] large:max-h-[40px]"> <div> <img width="219" height="32" alt="logo share now" loading="eager" class="svg-image" src=/sites/default/files/2024-03/logo_sharenow_W.svg /> </div> </div> </div> </div> <div class="flex flex-col text-style-small justify-between p-4 medium:p-0 w-full"> <div class="pb-4 medium:py-2"> 빠른 성장을 위해 운전석에 데이터를 배치하는 차량 공유 서비스 </div> <div class="card-tile__gutter flex-row justify-between min-h-5 pb-1"> <span class="float-left rounded-2xl text-xs leading-5 px-2 bg-nr-light-glass dark:bg-nr-glass backdrop-blur-[2px]">고객 사례</span> <div class="flex grow justify-end"> <span aria-hidden="true" class="inline-block group-hover:opacity-0 transition-opacity duration-300 relative -right-[14px] h-[19px] svg-12 flex items-center"><svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_19)"> <path d="M1.13356 8.37787L0.371338 7.6001L3.498 4.48899L0.371338 1.37788L1.13356 0.600098L5.038 4.48899L1.13356 8.37787Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_19"> <rect width="4.66667" height="7.77778" fill="white" transform="translate(0.371338 0.600098)"/> </clipPath> </defs> </svg> </span> <span aria-hidden="true" class="opacity-0 group-hover:opacity-100 transition-opacity duration-300 h-[19px] svg-12 flex items-center"><svg width="8" height="9" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_22)"> <path d="M3.87244 0.600098L3.11022 1.37788L5.71577 3.94454H0.0379944V5.03343H5.71577L3.11022 7.6001L3.87244 8.37787L7.81577 4.48899L3.87244 0.600098Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_22"> <rect width="7.77778" height="7.77778" fill="white" transform="translate(0.0379944 0.600098)"/> </clipPath> </defs> </svg> </span> </div> </div> </div> </div> </a> </div> </article> </div> <div class="tile-list__tile-item"> <article class="js-customer-all js-customer-ecommerce_retail js-customer-europe js-customer-cloud h-full"> <div class="card-tile h-full"> <a href="/kr/customers/smartbox" class="group h-full"> <div class="card-tile__inner bg-gray-0 rounded-lg border border-[#141A1F05] group-hover:border-nr-black duration-300 flex flex-col medium:flex-row medium:min-h-[126px] medium:p-2 medium:pr-4 medium:gap-4 medium:h-full"> <div class="relative flex flex-none rounded-t-lg medium:rounded-t-sm medium:rounded-sm overflow-hidden w-full h-[56px] medium:w-[120px] medium:h-full"> <div class="absolute inset-0 overflow-hidden img-cover "> <div> <picture> <source srcset="/sites/default/files/styles/1x1_300w/public/2024-04/Card_Smartbox.webp?h=49adec30&amp;itok=AdKFl1WW 1x, /sites/default/files/styles/1x1_600w/public/2024-04/Card_Smartbox.webp?h=49adec30&amp;itok=HdSBGkrm 2x" type="image/webp" width="300" height="300"/> <source srcset="/sites/default/files/styles/1x1_300w/public/2024-04/Card_Smartbox.png?h=49adec30&amp;itok=AdKFl1WW 1x, /sites/default/files/styles/1x1_600w/public/2024-04/Card_Smartbox.png?h=49adec30&amp;itok=HdSBGkrm 2x" type="image/png" width="300" height="300"/> <img srcset="/sites/default/files/styles/1x1_300w/public/2024-04/Card_Smartbox.png?h=49adec30&amp;itok=AdKFl1WW 1x, /sites/default/files/styles/1x1_600w/public/2024-04/Card_Smartbox.png?h=49adec30&amp;itok=HdSBGkrm 2x" width="300" height="300" src="/sites/default/files/styles/1x1_300w/public/2024-04/Card_Smartbox.png?h=49adec30&amp;itok=AdKFl1WW" alt="orange background" loading="lazy" /> </picture> </div> </div> <div class="z-5 absolute inset-0 overflow-hidden w-full h-full bg-[#1D252C1F] backdrop-blur-[5px]"> </div> <div class="z-10 flex p-4 medium:p-0 medium:items-center medium:justify-center w-full h-full"> <div class="img-contain w-full h-full max-w-[86px] max-h-[28px] medium:max-w-[68px] medium:max-h-[30px] large:max-w-[86px] large:max-h-[40px]"> <div> <img width="157" height="28" alt="smartbox logo" loading="eager" class="svg-image" src=/sites/default/files/2024-04/logo_smartbox_W.svg /> </div> </div> </div> </div> <div class="flex flex-col text-style-small justify-between p-4 medium:p-0 w-full"> <div class="pb-4 medium:py-2"> AWS 클라우드에서 뉴렐릭을 사용해 성수기를 관리하는 유럽 최대의 체험 선물 리테일러 </div> <div class="card-tile__gutter flex-row justify-between min-h-5 pb-1"> <span class="float-left rounded-2xl text-xs leading-5 px-2 bg-nr-light-glass dark:bg-nr-glass backdrop-blur-[2px]">고객 사례</span> <div class="flex grow justify-end"> <span aria-hidden="true" class="inline-block group-hover:opacity-0 transition-opacity duration-300 relative -right-[14px] h-[19px] svg-12 flex items-center"><svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_19)"> <path d="M1.13356 8.37787L0.371338 7.6001L3.498 4.48899L0.371338 1.37788L1.13356 0.600098L5.038 4.48899L1.13356 8.37787Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_19"> <rect width="4.66667" height="7.77778" fill="white" transform="translate(0.371338 0.600098)"/> </clipPath> </defs> </svg> </span> <span aria-hidden="true" class="opacity-0 group-hover:opacity-100 transition-opacity duration-300 h-[19px] svg-12 flex items-center"><svg width="8" height="9" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_22)"> <path d="M3.87244 0.600098L3.11022 1.37788L5.71577 3.94454H0.0379944V5.03343H5.71577L3.11022 7.6001L3.87244 8.37787L7.81577 4.48899L3.87244 0.600098Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_22"> <rect width="7.77778" height="7.77778" fill="white" transform="translate(0.0379944 0.600098)"/> </clipPath> </defs> </svg> </span> </div> </div> </div> </div> </a> </div> </article> </div> <div class="tile-list__tile-item"> <article class="js-customer-all js-customer-ecommerce_retail js-customer-africa js-customer-customer_experience h-full"> <div class="card-tile h-full"> <a href="/kr/customers/tokopedia" class="group h-full"> <div class="card-tile__inner bg-gray-0 rounded-lg border border-[#141A1F05] group-hover:border-nr-black duration-300 flex flex-col medium:flex-row medium:min-h-[126px] medium:p-2 medium:pr-4 medium:gap-4 medium:h-full"> <div class="relative flex flex-none rounded-t-lg medium:rounded-t-sm medium:rounded-sm overflow-hidden w-full h-[56px] medium:w-[120px] medium:h-full"> <div class="absolute inset-0 overflow-hidden img-cover "> <div> <picture> <source srcset="/sites/default/files/styles/1x1_300w/public/2024-03/Card_Tokopedia.webp?h=49adec30&amp;itok=WYlUgiWv 1x, /sites/default/files/styles/1x1_600w/public/2024-03/Card_Tokopedia.webp?h=49adec30&amp;itok=Drb4vJIv 2x" type="image/webp" width="300" height="300"/> <source srcset="/sites/default/files/styles/1x1_300w/public/2024-03/Card_Tokopedia.png?h=49adec30&amp;itok=WYlUgiWv 1x, /sites/default/files/styles/1x1_600w/public/2024-03/Card_Tokopedia.png?h=49adec30&amp;itok=Drb4vJIv 2x" type="image/png" width="300" height="300"/> <img srcset="/sites/default/files/styles/1x1_300w/public/2024-03/Card_Tokopedia.png?h=49adec30&amp;itok=WYlUgiWv 1x, /sites/default/files/styles/1x1_600w/public/2024-03/Card_Tokopedia.png?h=49adec30&amp;itok=Drb4vJIv 2x" width="300" height="300" src="/sites/default/files/styles/1x1_300w/public/2024-03/Card_Tokopedia.png?h=49adec30&amp;itok=WYlUgiWv" alt="Green card background" loading="lazy" /> </picture> </div> </div> <div class="z-5 absolute inset-0 overflow-hidden w-full h-full bg-[#1D252C1F] backdrop-blur-[5px]"> </div> <div class="z-10 flex p-4 medium:p-0 medium:items-center medium:justify-center w-full h-full"> <div class="img-contain w-full h-full max-w-[86px] max-h-[28px] medium:max-w-[68px] medium:max-h-[30px] large:max-w-[86px] large:max-h-[40px]"> <div> <img width="145" height="33" alt="logo tokopedia" loading="eager" class="svg-image" src=/sites/default/files/2024-03/logo_tokopedia_W.svg /> </div> </div> </div> </div> <div class="flex flex-col text-style-small justify-between p-4 medium:p-0 w-full"> <div class="pb-4 medium:py-2"> Tokopedia, 뉴렐릭과 함께 이커머스에서 선도적 위치 선점을 위한 완전한 가시성 확보 </div> <div class="card-tile__gutter flex-row justify-between min-h-5 pb-1"> <span class="float-left rounded-2xl text-xs leading-5 px-2 bg-nr-light-glass dark:bg-nr-glass backdrop-blur-[2px]">고객 사례</span> <div class="flex grow justify-end"> <span aria-hidden="true" class="inline-block group-hover:opacity-0 transition-opacity duration-300 relative -right-[14px] h-[19px] svg-12 flex items-center"><svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_19)"> <path d="M1.13356 8.37787L0.371338 7.6001L3.498 4.48899L0.371338 1.37788L1.13356 0.600098L5.038 4.48899L1.13356 8.37787Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_19"> <rect width="4.66667" height="7.77778" fill="white" transform="translate(0.371338 0.600098)"/> </clipPath> </defs> </svg> </span> <span aria-hidden="true" class="opacity-0 group-hover:opacity-100 transition-opacity duration-300 h-[19px] svg-12 flex items-center"><svg width="8" height="9" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_22)"> <path d="M3.87244 0.600098L3.11022 1.37788L5.71577 3.94454H0.0379944V5.03343H5.71577L3.11022 7.6001L3.87244 8.37787L7.81577 4.48899L3.87244 0.600098Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_22"> <rect width="7.77778" height="7.77778" fill="white" transform="translate(0.0379944 0.600098)"/> </clipPath> </defs> </svg> </span> </div> </div> </div> </div> </a> </div> </article> </div> <div class="tile-list__tile-item"> <article class="js-customer-all js-customer-ecommerce_retail js-customer-north_america js-customer-open_source h-full"> <div class="card-tile h-full"> <a href="/kr/customers/verizon" class="group h-full"> <div class="card-tile__inner bg-gray-0 rounded-lg border border-[#141A1F05] group-hover:border-nr-black duration-300 flex flex-col medium:flex-row medium:min-h-[126px] medium:p-2 medium:pr-4 medium:gap-4 medium:h-full"> <div class="relative flex flex-none rounded-t-lg medium:rounded-t-sm medium:rounded-sm overflow-hidden w-full h-[56px] medium:w-[120px] medium:h-full"> <div class="absolute inset-0 overflow-hidden img-cover "> <div> <picture> <source srcset="/sites/default/files/styles/1x1_300w/public/2024-03/Card_Verizon.webp?h=cf7e9adf&amp;itok=Z3gaQ6dg 1x, /sites/default/files/styles/1x1_600w/public/2024-03/Card_Verizon.webp?h=cf7e9adf&amp;itok=016BMfyf 2x" type="image/webp" width="300" height="300"/> <source srcset="/sites/default/files/styles/1x1_300w/public/2024-03/Card_Verizon.png?h=cf7e9adf&amp;itok=Z3gaQ6dg 1x, /sites/default/files/styles/1x1_600w/public/2024-03/Card_Verizon.png?h=cf7e9adf&amp;itok=016BMfyf 2x" type="image/png" width="300" height="300"/> <img srcset="/sites/default/files/styles/1x1_300w/public/2024-03/Card_Verizon.png?h=cf7e9adf&amp;itok=Z3gaQ6dg 1x, /sites/default/files/styles/1x1_600w/public/2024-03/Card_Verizon.png?h=cf7e9adf&amp;itok=016BMfyf 2x" width="300" height="300" src="/sites/default/files/styles/1x1_300w/public/2024-03/Card_Verizon.png?h=cf7e9adf&amp;itok=Z3gaQ6dg" alt="red card background" loading="lazy" /> </picture> </div> </div> <div class="z-5 absolute inset-0 overflow-hidden w-full h-full bg-[#1D252C1F] backdrop-blur-[5px]"> </div> <div class="z-10 flex p-4 medium:p-0 medium:items-center medium:justify-center w-full h-full"> <div class="img-contain w-full h-full max-w-[86px] max-h-[28px] medium:max-w-[68px] medium:max-h-[30px] large:max-w-[86px] large:max-h-[40px]"> <div> <img width="149" height="34" alt="Verizon logo" loading="eager" class="svg-image" src=/sites/default/files/2024-03/logo_verizon_W.svg /> </div> </div> </div> </div> <div class="flex flex-col text-style-small justify-between p-4 medium:p-0 w-full"> <div class="pb-4 medium:py-2"> 뉴렐릭 및 Pixie와 함께 혁신을 주도하는 Verizon </div> <div class="card-tile__gutter flex-row justify-between min-h-5 pb-1"> <span class="float-left rounded-2xl text-xs leading-5 px-2 bg-nr-light-glass dark:bg-nr-glass backdrop-blur-[2px]">고객 사례</span> <div class="flex grow justify-end"> <span aria-hidden="true" class="inline-block group-hover:opacity-0 transition-opacity duration-300 relative -right-[14px] h-[19px] svg-12 flex items-center"><svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_19)"> <path d="M1.13356 8.37787L0.371338 7.6001L3.498 4.48899L0.371338 1.37788L1.13356 0.600098L5.038 4.48899L1.13356 8.37787Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_19"> <rect width="4.66667" height="7.77778" fill="white" transform="translate(0.371338 0.600098)"/> </clipPath> </defs> </svg> </span> <span aria-hidden="true" class="opacity-0 group-hover:opacity-100 transition-opacity duration-300 h-[19px] svg-12 flex items-center"><svg width="8" height="9" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_22)"> <path d="M3.87244 0.600098L3.11022 1.37788L5.71577 3.94454H0.0379944V5.03343H5.71577L3.11022 7.6001L3.87244 8.37787L7.81577 4.48899L3.87244 0.600098Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_22"> <rect width="7.77778" height="7.77778" fill="white" transform="translate(0.0379944 0.600098)"/> </clipPath> </defs> </svg> </span> </div> </div> </div> </div> </a> </div> </article> </div> </div> </div> <div class="text-center mt-8"> <button aria-label="포스트 읽어보기" class="btn-secondary small:inline-flex w-full medium:w-fit group js-customers-cta-link max-w-full" > <div class="h-6 overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 포스트 읽어보기 </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 포스트 읽어보기 </span> </div> </div> </button> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="r01-layout section text-left medium:mb-12 mb-8 text-nr-black section--column-align section--column-align-stretch"> <div class="row row--columns-1 nr-fluid-container grid gap-x-6 gap-y-8 items-center large:grid-cols-12" data-layout="8"> <div class="large:col-span-8 column--index-1 grid gap-8 grid-cols-1"> <div class="p02-text min-w-0"> <div class="text-style-eyebrow mb-8 large:mb-4 p02-text__eyebrow">블로그</div> <h2 class="p02-text__headline">뉴렐릭에 대한 고객들의 생각을 확인해 보세요.</h2> </div> </div> </div> </div> <div class="r05-carousel medium:mb-24 mb-20"> <div class="nr-fluid-container px-10 medium:px-14"> <div class="relative"> <div class="js-vanilla-carousel flex flex-col focus-visible:outline outline-0 outline-nr-green outline-offset-[-1px] focus-visible:outline-1 flex-1 w-full" data-show-dots="true" data-dots-alignment="center" data-dots-style="default" data-show-arrows="true" data-show-alt-arrows="false" data-slide-class="js-r05-carousel-slide" data-autoplay="true" data-autoplay-speed="10000" data-dots-class="bg-nr-black" data-accent-color="text-nr-black dark:text-nr-white" data-accent-color2="text-nr-green" tabindex="0"> <div class="relative"> <div class="flex gap-6 overflow-x-scroll snap-x snap-mandatory carousel-scroll"> <div class="snap-always shrink-0 snap-start js-r05-carousel-slide"> <div class="bg-gray-0 rounded-2xl h-full medium:grid medium:grid-cols-12 medium:gap-4"> <div class="r05-carousel-slide__image h-52 rounded-t-2xl bg-cover bg-no-repeat bg-center medium:col-span-full medium:row-start-1 medium:row-span-1 medium:h-full medium:min-h-[472px] large:col-start-7 large:col-end-13 large:rounded-br-2xl large:rounded-tl-none large:min-h-[544px]" style="background-image: url(/sites/default/files/2024-02/Carousel_Dustin.png);"> <span class="sr-only block relative">Dustin</span> </div> <div class="p-8 flex flex-col h-calc(100% - 208px) medium:col-start-2 medium:col-end-11 medium:row-start-2 medium:h-full large:py-20 large:px-0 large:justify-center large:col-start-2 large:col-end-6 large:row-start-1"> <p class="r05-carousel-slide__headline text-style-h3 text-nr-black dark:text-nr-black mb-8 medium:mb-6 large:mb-10">Dustin은 데브옵스(DevOps)에서 데브섹옵스(DevSecOps)로 전환했습니다.</p> <p class="r05-carousel-slide__description content text-nr-black dark:text-nr-black hidden medium:flex medium:m-0">Dustin이 어떻게 애플리케이션 개발 단계에 보안 모니터링을 통합했는지 살펴봅니다.</p> <div class="mt-8"> <a href="/kr/blog/how-to-relic/monitoring-solution-merger-dustin" aria-label="자세히 보기" class="btn-tertiary small:inline-flex w-full medium:w-fit group r05-carousel-slide__cta dark:text-nr-black max-w-full border-b no-underline w-fit" > <div class="h-6 overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> </div> </div> </a> </div> </div> </div> </div> <div class="snap-always shrink-0 snap-start js-r05-carousel-slide"> <div class="bg-gray-0 rounded-2xl h-full medium:grid medium:grid-cols-12 medium:gap-4"> <div class="r05-carousel-slide__image h-52 rounded-t-2xl bg-cover bg-no-repeat bg-center medium:col-span-full medium:row-start-1 medium:row-span-1 medium:h-full medium:min-h-[472px] large:col-start-7 large:col-end-13 large:rounded-br-2xl large:rounded-tl-none large:min-h-[544px]" style="background-image: url(/sites/default/files/2024-04/Dominos.png);"> <span class="sr-only block relative">Domino&#039;s logo</span> </div> <div class="p-8 flex flex-col h-calc(100% - 208px) medium:col-start-2 medium:col-end-11 medium:row-start-2 medium:h-full large:py-20 large:px-0 large:justify-center large:col-start-2 large:col-end-6 large:row-start-1"> <p class="r05-carousel-slide__headline text-style-h3 text-nr-black dark:text-nr-black mb-8 medium:mb-6 large:mb-10">영국의 Domino는 SRE를 통해 안정성 운영을 현대화했습니다.</p> <p class="r05-carousel-slide__description content text-nr-black dark:text-nr-black hidden medium:flex medium:m-0">어떻게 학계의 최신 이론과 대시보드를 결합해 오류를 줄이고 변화를 가속화했는지 알아보십시오.</p> <div class="mt-8"> <a href="/kr/blog/best-practices/dominos-building-sre-function" aria-label="자세히 보기" class="btn-tertiary small:inline-flex w-full medium:w-fit group r05-carousel-slide__cta dark:text-nr-black max-w-full border-b no-underline w-fit" > <div class="h-6 overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> </div> </div> </a> </div> </div> </div> </div> <div class="snap-always shrink-0 snap-start js-r05-carousel-slide"> <div class="bg-gray-0 rounded-2xl h-full medium:grid medium:grid-cols-12 medium:gap-4"> <div class="r05-carousel-slide__image h-52 rounded-t-2xl bg-cover bg-no-repeat bg-center medium:col-span-full medium:row-start-1 medium:row-span-1 medium:h-full medium:min-h-[472px] large:col-start-7 large:col-end-13 large:rounded-br-2xl large:rounded-tl-none large:min-h-[544px]" style="background-image: url(/sites/default/files/2024-04/anz-bank.png);"> <span class="sr-only block relative">ANZ bank logo</span> </div> <div class="p-8 flex flex-col h-calc(100% - 208px) medium:col-start-2 medium:col-end-11 medium:row-start-2 medium:h-full large:py-20 large:px-0 large:justify-center large:col-start-2 large:col-end-6 large:row-start-1"> <p class="r05-carousel-slide__headline text-style-h3 text-nr-black dark:text-nr-black mb-8 medium:mb-6 large:mb-10">ANZ Bank는 옵저버빌리티를 통해 고객 경험을 향상하고 있습니다.</p> <p class="r05-carousel-slide__description content text-nr-black dark:text-nr-black hidden medium:flex medium:m-0">ANZ가 어떻게 앱에 옵저버빌리티 기능을 사용해 모든 사용자를 실시간으로 모니터링하고 있는지 알아보십시오.</p> <div class="mt-8"> <a href="/kr/blog/how-to-relic/anz-classic-real-time-monitoring" aria-label="자세히 보기" class="btn-tertiary small:inline-flex w-full medium:w-fit group r05-carousel-slide__cta dark:text-nr-black max-w-full border-b no-underline w-fit" > <div class="h-6 overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> </div> </div> </a> </div> </div> </div> </div> <div class="snap-always shrink-0 snap-start mr-6 medium:mr-0 js-r05-carousel-slide"> <div class="bg-gray-0 rounded-2xl h-full medium:grid medium:grid-cols-12 medium:gap-4"> <div class="r05-carousel-slide__image h-52 rounded-t-2xl bg-cover bg-no-repeat bg-center medium:col-span-full medium:row-start-1 medium:row-span-1 medium:h-full medium:min-h-[472px] large:col-start-7 large:col-end-13 large:rounded-br-2xl large:rounded-tl-none large:min-h-[544px]" style="background-image: url(/sites/default/files/2024-04/seismic.png);"> <span class="sr-only block relative">Seismic logo</span> </div> <div class="p-8 flex flex-col h-calc(100% - 208px) medium:col-start-2 medium:col-end-11 medium:row-start-2 medium:h-full large:py-20 large:px-0 large:justify-center large:col-start-2 large:col-end-6 large:row-start-1"> <p class="r05-carousel-slide__headline text-style-h3 text-nr-black dark:text-nr-black mb-8 medium:mb-6 large:mb-10">Seismic은 대규모 성장을 지원하기 위해 테라폼에 표준화했습니다.</p> <p class="r05-carousel-slide__description content text-nr-black dark:text-nr-black hidden medium:flex medium:m-0">옵저버빌리티를 사용해 어떻게 고객의 요구에 집중하고 복잡한 기술을 관리하고 있는지 알아보십시오.</p> <div class="mt-8"> <a href="/kr/blog/how-to-relic/terraform-scale-cloud-seismic" aria-label="자세히 보기" class="btn-tertiary small:inline-flex w-full medium:w-fit group r05-carousel-slide__cta dark:text-nr-black max-w-full border-b no-underline w-fit" > <div class="h-6 overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 자세히 보기 </span> </div> </div> </a> </div> </div> </div> </div> <div class="min-w-[40px] large:hidden"></div> </div> <div class="absolute medium:hidden w-6 h-full right-0 top-0 backdrop-blur-[1px]"></div> </div> <div class="dots-wrapper flex gap-4 mt-8 medium:mt-10 justify-center"> <div class="dot"> <span class="sr-only">1</span> <svg role="presentation" width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><circle r="4" cx="4" cy="4" fill="currentColor" /></svg> </div> <div class="dot"> <span class="sr-only">2</span> <svg role="presentation" width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><circle r="4" cx="4" cy="4" fill="currentColor" /></svg> </div> <div class="dot"> <span class="sr-only">3</span> <svg role="presentation" width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><circle r="4" cx="4" cy="4" fill="currentColor" /></svg> </div> <div class="dot"> <span class="sr-only">4</span> <svg role="presentation" width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><circle r="4" cx="4" cy="4" fill="currentColor" /></svg> </div> </div> <button class="arrow arrow-left bg-nr-white text-nr-black dark:bg-nr-black dark:text-nr-white/50 absolute z-10 w-[64px] h-[64px] mt-[-64px] flex justify-center items-center box-border rounded-[50%] top-[50%] border border-nr-black dark:border-nr-white/50 left-[-32px] hover:bg-nr-black hover:text-nr-white hover:border-nr-white hover:dark:bg-nr-black hover:dark:text-nr-green hover:dark:border-nr-green"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 0L9.41 1.41L3.83 7H16V9H3.83L9.42 14.58L8 16L0 8L8 0Z" fill="currentColor"/></svg> </button> <button class="arrow arrow-right bg-nr-white text-nr-black dark:bg-nr-black dark:text-nr-white/50 absolute z-10 w-[64px] h-[64px] mt-[-64px] flex justify-center items-center box-border rounded-[50%] top-[50%] border border-nr-black dark:border-nr-white/50 right-[-32px] hover:bg-nr-black hover:text-nr-white hover:border-nr-white hover:dark:bg-nr-black hover:dark:text-nr-green hover:dark:border-nr-green"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 0L6.59 1.41L12.17 7H0V9H12.17L6.58 14.58L8 16L16 8L8 0Z" fill="currentColor"/></svg> </button> </div> </div> </div> </div> <div class="r01-layout section dark section--bg-color bg-blue-6 text-left text-nr-white section--column-align section--column-align-center pt-16 large:pt-24 pb-16 large:pb-24"> <div class="row row--columns-2 nr-fluid-container grid gap-x-6 gap-y-8 items-center medium:grid-cols-12" data-layout="5-1-6"> <div class="medium:col-span-5 column--index-1 grid gap-8 grid-cols-1"> <div class="p02-text min-w-0"> <h4 class="p02-text__headline">독립적인 평가 기관의 새로운 인사이트 </h4> <div class="p02-text__description content"> <div><p>뉴렐릭에 대한 애널리스트들의 견해를 알아보고 업계의 다른 업체들과 비교해 보십시오.</p></div> </div> </div> </div> <div class="medium:col-span-6 medium:col-start-7 column--index-2 grid gap-8"> <div class="p02-text min-w-0"> <div class="p02-text__description content"> <div><div class="grid grid-cols-3 gap-12"> <div class="content-center"> <a href="https://www.gartner.com/reviews/market/observability-platforms/vendor/newrelic/product/newrelic" target="_blank"> <img src="/sites/default/files/styles/medium/public/2024-05/Independent%20Review_Gartner%202023.png?itok=1xhenbST" alt="가트너"> </a> </div> <div class="content-center"> <a href="https://www.g2.com/products/new-relic/reviews" target="_blank"><img src="/sites/default/files/styles/large/public/2024-05/Independent%20Review_G2%202024.webp?itok=lFXRP8DX" alt="G2 리더"> </a> </div> <div class="content-center"> <a href="https://www.trustradius.com/products/new-relic/reviews" target="_blank"> <img src="/sites/default/files/styles/large/public/2024-05/Independent%20Review_TrustRadius%202024.webp?itok=aq9pavc9" alt="신뢰 반경"> </a> </div> </div></div> </div> </div> </div> </div> </div> <div class="r01-layout section dark section--bg-color bg-nr-black text-left text-nr-white section--column-align section--column-align-stretch pt-16 large:pt-24 pb-16 large:pb-24"> <div class="row row--columns-1 nr-fluid-container grid gap-x-6 gap-y-8 items-center large:grid-cols-12" data-layout="12"> <div class="large:col-span-12 column--index-1 grid gap-8 grid-cols-1"> <div class="p02-text min-w-0"> <div class="p02-text__description content"> <div><h3>보다 자세한 내용은<br> 이 자료들을 확인해보십시오.</h3></div> </div> </div> <div class="p19-reference--cards"> <div class="grid grid-cols-1 medium:grid-cols-2 large:grid-cols-3 auto-rows-[1fr] gap-6"> <div class="card-tile h-full"> <a href="/resources/white-papers/idc-business-value" class="group h-full"> <div class="card-tile__inner rounded-lg border border-nr-black/25 dark:border-nr-white/25 group-hover:border-magenta-2 dark:group-hover:bg-gradient-to-b dark:group-hover:from-magenta-2/25 dark:group-hover:to-magenta-2/0 group-hover:border-2 group-hover:p-[23px] transition-[border-color] duration-300 flex flex-col p-6 h-full min-h-[216px] justify-between"> <div class="flex flex-col h-full"> <div class="card-tile__icon flex flex-row"> <span class="rounded-md flex h-8 w-8 svg-20 items-center justify-center svg-nr-black-fill dark:bg-nr-glass dark:bg-transparent dark:group-hover:shadow-xs bg-magenta-2 dark:svg-magenta-2-fill"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M14 2.2C14.4418 2.2 14.8 2.55817 14.8 3V7C14.8 7.05304 14.821 7.10391 14.8585 7.14142C14.896 7.17893 14.9469 7.2 15 7.2H19C19.4418 7.2 19.8 7.55817 19.8 8C19.8 8.44183 19.4418 8.8 19 8.8H15C14.5226 8.8 14.0647 8.61036 13.7272 8.27279C13.3896 7.93523 13.2 7.47739 13.2 7V3C13.2 2.55817 13.5581 2.2 14 2.2Z" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.99995 3.8C6.68169 3.8 6.37647 3.92643 6.15142 4.15147C5.92638 4.37652 5.79995 4.68174 5.79995 5V15.8H4.19995V5C4.19995 4.25739 4.49495 3.5452 5.02005 3.0201C5.54515 2.495 6.25735 2.2 6.99995 2.2H14C14.2121 2.2 14.4156 2.28429 14.5656 2.43432L19.5656 7.43432C19.7157 7.58434 19.8 7.78783 19.8 8V15.8H18.2V8.33137L13.6686 3.8H6.99995Z" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.19995 20.2H19.8V21.8H4.19995V20.2Z" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.19995 17.2H19.8V18.8H4.19995V17.2Z" fill="white"/> </svg> </span> </div> <div class="card-tile__title text-style-body flex flex-col flex-grow justify-end mt-6 shrink-0">The Business Value of the New Relic Observability Platform</div> <div class="card-tile__gutter mt-3 flex flex-row justify-between min-h-5"> <span class="float-right rounded-2xl text-xs leading-5 px-2 bg-nr-light-glass dark:bg-nr-glass backdrop-blur-[2px]">백서</span> <div class="flex grow justify-end"> <span aria-hidden="true" class="inline-block group-hover:opacity-0 transition-opacity duration-300 relative -right-[14px] h-[19px] svg-12 flex items-center"><svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_19)"> <path d="M1.13356 8.37787L0.371338 7.6001L3.498 4.48899L0.371338 1.37788L1.13356 0.600098L5.038 4.48899L1.13356 8.37787Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_19"> <rect width="4.66667" height="7.77778" fill="white" transform="translate(0.371338 0.600098)"/> </clipPath> </defs> </svg> </span> <span aria-hidden="true" class="opacity-0 group-hover:opacity-100 transition-opacity duration-300 h-[19px] svg-12 flex items-center"><svg width="8" height="9" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_22)"> <path d="M3.87244 0.600098L3.11022 1.37788L5.71577 3.94454H0.0379944V5.03343H5.71577L3.11022 7.6001L3.87244 8.37787L7.81577 4.48899L3.87244 0.600098Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_22"> <rect width="7.77778" height="7.77778" fill="white" transform="translate(0.0379944 0.600098)"/> </clipPath> </defs> </svg> </span> </div> </div> </div> </div> </a> </div> <div class="card-tile h-full"> <a href="/kr/blog/nerdlog/cost-comparison-new-relic-vs-datadog-vs-dynatrace" class="group h-full"> <div class="card-tile__inner rounded-lg border border-nr-black/25 dark:border-nr-white/25 group-hover:border-blue-2 dark:group-hover:bg-gradient-to-b dark:group-hover:from-blue-2/25 dark:group-hover:to-blue-2/0 group-hover:border-2 group-hover:p-[23px] transition-[border-color] duration-300 flex flex-col p-6 h-full min-h-[216px] justify-between"> <div class="flex flex-col h-full"> <div class="card-tile__icon flex flex-row"> <span class="rounded-md flex h-8 w-8 svg-20 items-center justify-center svg-nr-black-fill dark:bg-nr-glass dark:bg-transparent dark:group-hover:shadow-xs bg-blue-2 dark:svg-blue-2-fill"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M8 0.80957C4.2625 0.80957 0.481247 1.83459 0.481247 3.79396V12.2064C0.481247 14.1658 4.2625 15.1908 8 15.1908C13.1656 15.1908 15.5187 13.6439 15.5187 12.2064V3.79396C15.5187 1.83459 11.7375 0.80957 8 0.80957ZM8 2.07834C11.8781 2.07834 14.25 3.19084 14.25 3.79396C14.25 4.39709 11.8781 5.50958 8 5.50958C4.12187 5.50958 1.75 4.39709 1.75 3.79396C1.75 3.19084 4.12187 2.07834 8 2.07834ZM8 13.9252C4.12187 13.9252 1.75 12.8127 1.75 12.2096V9.73772C2.94062 10.4596 4.99062 10.9877 8 10.9877C11.0094 10.9877 13.0594 10.4596 14.25 9.73772V12.2096C14.25 12.7939 12.0437 13.9252 8 13.9252ZM8 9.71895C3.95625 9.71895 1.75 8.58458 1.75 8.00333V5.53144C3.17187 6.35644 5.59375 6.78144 8 6.78144C10.4062 6.78144 12.8281 6.35644 14.25 5.53144V8.00333C14.25 8.58458 12.0437 9.71895 8 9.71895Z" fill="#1DCAD3"/> </svg></span> </div> <div class="card-tile__title text-style-body flex flex-col flex-grow justify-end mt-6 shrink-0">풀스택 옵저버빌리티 비용 비교: 뉴렐릭, Datadog, Dynatrace</div> <div class="card-tile__gutter mt-3 flex flex-row justify-between min-h-5"> <span class="float-right rounded-2xl text-xs leading-5 px-2 bg-nr-light-glass dark:bg-nr-glass backdrop-blur-[2px]"> <div>nerdlog</div> </span> <div class="flex grow justify-end"> <span aria-hidden="true" class="inline-block group-hover:opacity-0 transition-opacity duration-300 relative -right-[14px] h-[19px] svg-12 flex items-center"><svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_19)"> <path d="M1.13356 8.37787L0.371338 7.6001L3.498 4.48899L0.371338 1.37788L1.13356 0.600098L5.038 4.48899L1.13356 8.37787Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_19"> <rect width="4.66667" height="7.77778" fill="white" transform="translate(0.371338 0.600098)"/> </clipPath> </defs> </svg> </span> <span aria-hidden="true" class="opacity-0 group-hover:opacity-100 transition-opacity duration-300 h-[19px] svg-12 flex items-center"><svg width="8" height="9" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_22)"> <path d="M3.87244 0.600098L3.11022 1.37788L5.71577 3.94454H0.0379944V5.03343H5.71577L3.11022 7.6001L3.87244 8.37787L7.81577 4.48899L3.87244 0.600098Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_22"> <rect width="7.77778" height="7.77778" fill="white" transform="translate(0.0379944 0.600098)"/> </clipPath> </defs> </svg> </span> </div> </div> </div> </div> </a> </div> <div class="card-tile h-full"> <a href="/kr/resources/video/tour-the-new-relic-platform" class="group h-full"> <div class="card-tile__inner rounded-lg border border-nr-black/25 dark:border-nr-white/25 group-hover:border-magenta-2 dark:group-hover:bg-gradient-to-b dark:group-hover:from-magenta-2/25 dark:group-hover:to-magenta-2/0 group-hover:border-2 group-hover:p-[23px] transition-[border-color] duration-300 flex flex-col p-6 h-full min-h-[216px] justify-between"> <div class="flex flex-col h-full"> <div class="card-tile__icon flex flex-row"> <span class="rounded-md flex h-8 w-8 svg-20 items-center justify-center svg-nr-black-fill dark:bg-nr-glass dark:bg-transparent dark:group-hover:shadow-xs bg-magenta-2 dark:svg-magenta-2-fill"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.0002 2.2C14.442 2.2 14.8002 2.55817 14.8002 3V7C14.8002 7.05304 14.8213 7.10391 14.8588 7.14142C14.8963 7.17893 14.9472 7.2 15.0002 7.2H19.0002C19.442 7.2 19.8002 7.55817 19.8002 8C19.8002 8.44182 19.442 8.8 19.0002 8.8H15.0002C14.5228 8.8 14.065 8.61035 13.7274 8.27279C13.3898 7.93522 13.2002 7.47739 13.2002 7V3C13.2002 2.55817 13.5584 2.2 14.0002 2.2Z" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.0002 3.8C6.68194 3.8 6.37671 3.92643 6.15167 4.15147C5.92662 4.37651 5.8002 4.68174 5.8002 5V15.8H4.2002V5C4.2002 4.25739 4.49519 3.5452 5.0203 3.0201C5.5454 2.495 6.25759 2.2 7.0002 2.2H14.0002C14.2124 2.2 14.4159 2.28428 14.5659 2.43431L19.5659 7.43431C19.7159 7.58434 19.8002 7.78782 19.8002 8V15.8H18.2002V8.33137L13.6688 3.8H7.0002Z" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.2002 20.2H19.8002V21.8H4.2002V20.2Z" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.2002 17.2H19.8002V18.8H4.2002V17.2Z" fill="white"/> </svg> </span> </div> <div class="card-tile__title text-style-body flex flex-col flex-grow justify-end mt-6 shrink-0">뉴렐릭 플랫폼 투어</div> <div class="card-tile__gutter mt-3 flex flex-row justify-between min-h-5"> <span class="float-right rounded-2xl text-xs leading-5 px-2 bg-nr-light-glass dark:bg-nr-glass backdrop-blur-[2px]">동영상</span> <div class="flex grow justify-end"> <span aria-hidden="true" class="inline-block group-hover:opacity-0 transition-opacity duration-300 relative -right-[14px] h-[19px] svg-12 flex items-center"><svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_19)"> <path d="M1.13356 8.37787L0.371338 7.6001L3.498 4.48899L0.371338 1.37788L1.13356 0.600098L5.038 4.48899L1.13356 8.37787Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_19"> <rect width="4.66667" height="7.77778" fill="white" transform="translate(0.371338 0.600098)"/> </clipPath> </defs> </svg> </span> <span aria-hidden="true" class="opacity-0 group-hover:opacity-100 transition-opacity duration-300 h-[19px] svg-12 flex items-center"><svg width="8" height="9" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_169_22)"> <path d="M3.87244 0.600098L3.11022 1.37788L5.71577 3.94454H0.0379944V5.03343H5.71577L3.11022 7.6001L3.87244 8.37787L7.81577 4.48899L3.87244 0.600098Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_169_22"> <rect width="7.77778" height="7.77778" fill="white" transform="translate(0.0379944 0.600098)"/> </clipPath> </defs> </svg> </span> </div> </div> </div> </div> </a> </div> </div> </div> </div> </div> </div> </article> <div class="nr-fullbleed bg-nr-green py-16 medium:py-8 large:py-6"> <div class="nr-fluid-container"> <div class="medium:flex medium:gap-6 medium:justify-around medium:items-center"> <h2 class="mb-[54px] text-[44px] leading-[46px] tracking-[-0.015em] medium:mb-0 medium:text-style-h3">지금 <span class="relative whitespace-nowrap">무료로 시작하세요.<svg fill="none" viewBox="0 0 116 6" class="absolute left-0 top-full aspect-[58/3] w-full"><path d="M115 .865c-245.081 0-18.723 4-18.723 4" stroke="#1D252C" stroke-linecap="round" stroke-linejoin="round" /></svg></span></h2> <div class="medium:flex medium:shrink-0"> <a href="/kr/signup" aria-label="Get Started Free" class="btn-primary small:inline-flex flex group !text-nr-green mb-2 medium:mb-0 medium:mr-2 medium:btn-small large:btn-primary large:px-10"> <div class="h-6 overflow-hidden group-focus:border-b"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span>지금 무료로 시작하기</span> <span>지금 무료로 시작하기</span> </div> </div> </a> <a href="/kr/request-demo" aria-label="Get Demo" class="btn-secondary small:inline-flex flex group medium:btn-small large:btn-secondary large:px-10"> <div class="h-6 overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span>데모 보기</span> <span>데모 보기</span> </div> </div> </a> </div> </div> </div> </div> </main> <div class="page__footer"> <footer class="bg-nr-black text-gray-2 dark"> <div class="bg-nr-extra-black"> <div class="nr-fluid-container py-12 large:py-16"> <div id="block-erno-nrfootermenublock"> <div class="grid grid-flow-row large:gap-6 items-start large:grid-flow-col large:grid-cols-12 footer-nav-fourcol--3-3-3-3"> <div class="large:col-span-3 max-large:!gap-0 column--index-1 grid gap-8 grid-cols-1"> <div class="n01-link-list n01-list-accordion js-n01-list-accordion js-n01-list-accordion-collapsed max-large:py-6 max-large:border-b max-large:border-b-gray-4" data-accordion-id="n01-list-accordion-Company"> <div class="hidden large:block large:text-style-eyebrow text-gray-2 dark:text-nr-clear dark:large:text-nr-clear mb-4"> 기업정보 </div> <button class="large:hidden text-gray-2 dark:text-nr-clear n01-list-accordion__header js-n01-list-accordion-header text-left w-full mb-8 pb-6 max-large:border-b max-large:border-b-gray-4" aria-expanded="false" aria-controls="n01-list-accordion-Company-content"> <div class="flex flex-row gap-4 justify-between"> <div>기업정보</div> <div class="-rotate-90 parent-expanded:rotate-0 transition-transform"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m9 12.5 7 7 7-7" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg> </div> </div> </button> <ul class="n01-list-accordion__content js-n01-list-accordion-content text-left flex flex-col mb-0" id="n01-list-accordion-Company-content"> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/about" aria-label=회사 소개 class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">회사 소개</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/about/culture" aria-label=채용정보 class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">채용정보</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/about/leadership" aria-label=경영진 class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">경영진</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/social-impact" aria-label=사회 공헌 class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">사회 공헌</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/sites/default/files/2024-02/New-Relic-Code-of-Conduct-Feb-2024.pdf" aria-label=행동 강령 class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">행동 강령</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/about/environmental-social-governance" aria-label=ESG class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">ESG</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/procurement/suppliers" aria-label=공급업체 포털 class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">공급업체 포털</div> </a> </li> </ul> </div> </div> <div class="large:col-span-3 max-large:!gap-0 column--index-1 grid gap-8 grid-cols-1"> <div class="n01-link-list n01-list-accordion js-n01-list-accordion js-n01-list-accordion-collapsed max-large:py-6 max-large:border-b max-large:border-b-gray-4" data-accordion-id="n01-list-accordion-Company"> <div class="hidden large:block large:text-style-eyebrow text-gray-2 dark:text-nr-clear dark:large:text-nr-clear mb-4"> 제품 </div> <button class="large:hidden text-gray-2 dark:text-nr-clear n01-list-accordion__header js-n01-list-accordion-header text-left w-full mb-8 pb-6 max-large:border-b max-large:border-b-gray-4" aria-expanded="false" aria-controls="n01-list-accordion-Company-content"> <div class="flex flex-row gap-4 justify-between"> <div>제품</div> <div class="-rotate-90 parent-expanded:rotate-0 transition-transform"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m9 12.5 7 7 7-7" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg> </div> </div> </button> <ul class="n01-list-accordion__content js-n01-list-accordion-content text-left flex flex-col mb-0" id="n01-list-accordion-Company-content"> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/instant-observability" aria-label=통합 class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">통합</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/platform" aria-label=플랫폼 class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">플랫폼</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/security" aria-label=보안 class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">보안</div> </a> </li> </ul> </div> <div class="n01-link-list n01-list-accordion js-n01-list-accordion js-n01-list-accordion-collapsed max-large:py-6 max-large:border-b max-large:border-b-gray-4" data-accordion-id="n01-list-accordion-Company"> <div class="hidden large:block large:text-style-eyebrow text-gray-2 dark:text-nr-clear dark:large:text-nr-clear mb-4"> 가치 </div> <button class="large:hidden text-gray-2 dark:text-nr-clear n01-list-accordion__header js-n01-list-accordion-header text-left w-full mb-8 pb-6 max-large:border-b max-large:border-b-gray-4" aria-expanded="false" aria-controls="n01-list-accordion-Company-content"> <div class="flex flex-row gap-4 justify-between"> <div>가치</div> <div class="-rotate-90 parent-expanded:rotate-0 transition-transform"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m9 12.5 7 7 7-7" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg> </div> </div> </button> <ul class="n01-list-accordion__content js-n01-list-accordion-content text-left flex flex-col mb-0" id="n01-list-accordion-Company-content"> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/pricing" aria-label=요금 class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">요금</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/pricing/free-tier" aria-label=무료 등급 class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">무료 등급</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/competitive-comparison/datadog" aria-label=뉴렐릭 vs 데이터독 class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">뉴렐릭 vs 데이터독</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/competitive-comparison/newrelic-vs-dynatrace" aria-label=뉴렐릭 vs 다이나트레이스 class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">뉴렐릭 vs 다이나트레이스</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/competitive-comparison/splunk" aria-label=뉴렐릭 vs 스플렁크 class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">뉴렐릭 vs 스플렁크</div> </a> </li> </ul> </div> </div> <div class="large:col-span-3 max-large:!gap-0 column--index-1 grid gap-8 grid-cols-1"> <div class="n01-link-list n01-list-accordion js-n01-list-accordion js-n01-list-accordion-collapsed max-large:py-6 max-large:border-b max-large:border-b-gray-4" data-accordion-id="n01-list-accordion-Company"> <div class="hidden large:block large:text-style-eyebrow text-gray-2 dark:text-nr-clear dark:large:text-nr-clear mb-4"> 리소스 </div> <button class="large:hidden text-gray-2 dark:text-nr-clear n01-list-accordion__header js-n01-list-accordion-header text-left w-full mb-8 pb-6 max-large:border-b max-large:border-b-gray-4" aria-expanded="false" aria-controls="n01-list-accordion-Company-content"> <div class="flex flex-row gap-4 justify-between"> <div>리소스</div> <div class="-rotate-90 parent-expanded:rotate-0 transition-transform"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m9 12.5 7 7 7-7" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg> </div> </div> </button> <ul class="n01-list-accordion__content js-n01-list-accordion-content text-left flex flex-col mb-0" id="n01-list-accordion-Company-content"> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/blog" aria-label=블로그 class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">블로그</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/customers" aria-label=고객 성공사례 class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">고객 성공사례</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="https://forum.newrelic.com/s/" aria-label=커뮤니티 포럼 class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">커뮤니티 포럼</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="https://docs.newrelic.com/kr" aria-label=문서화 class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">문서화</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/about/newsroom" aria-label=보도자료 class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">보도자료</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="https://learn.newrelic.com/" aria-label=뉴렐릭 University(NRU) class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">뉴렐릭 University(NRU)</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/solutions/partners" aria-label=파트너 프로그램 class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">파트너 프로그램</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/resources/report/observability-forecast/2024" aria-label=2024년 옵저버빌리티 전망 class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">2024년 옵저버빌리티 전망</div> </a> </li> </ul> </div> </div> <div class="large:col-span-3 max-large:!gap-0 column--index-1 grid gap-8 grid-cols-1"> <div class="n01-link-list n01-list-accordion js-n01-list-accordion js-n01-list-accordion-collapsed max-large:py-6 max-large:border-b max-large:border-b-gray-4" data-accordion-id="n01-list-accordion-Company"> <div class="hidden large:block large:text-style-eyebrow text-gray-2 dark:text-nr-clear dark:large:text-nr-clear mb-4"> FAQ </div> <button class="large:hidden text-gray-2 dark:text-nr-clear n01-list-accordion__header js-n01-list-accordion-header text-left w-full mb-8 pb-6 max-large:border-b max-large:border-b-gray-4" aria-expanded="false" aria-controls="n01-list-accordion-Company-content"> <div class="flex flex-row gap-4 justify-between"> <div>FAQ</div> <div class="-rotate-90 parent-expanded:rotate-0 transition-transform"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m9 12.5 7 7 7-7" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg> </div> </div> </button> <ul class="n01-list-accordion__content js-n01-list-accordion-content text-left flex flex-col mb-0" id="n01-list-accordion-Company-content"> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/blog/best-practices/what-is-infrastructure-monitoring" aria-label=인프라 모니터링이란? class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">인프라 모니터링이란?</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/blog/best-practices/what-is-observability" aria-label=옵저버빌리티(Observability)란? class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">옵저버빌리티(Observability)란?</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/blog/how-to-relic/what-is-kubernetes" aria-label=쿠버네티스란? class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">쿠버네티스란?</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/resources/ebooks/six-steps-to-achieve-business-observability" aria-label=비즈니스 옵저버빌리티 달성의 6단계 class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">비즈니스 옵저버빌리티 달성의 6단계</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/blog/best-practices/best-log-management-practices" aria-label=로그 관리 모범 사례 class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">로그 관리 모범 사례</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/resources/ebooks/single-platform-infrastructure-monitoring-apm" aria-label=인프라 모니터링과 APM에 단일 툴이 필요한 이유 class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">인프라 모니터링과 APM에 단일 툴이 필요한 이유</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/blog/how-to-relic/a-quick-guide-to-getting-started-with-new-relic" aria-label=뉴렐릭 간단 시작 가이드 class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">뉴렐릭 간단 시작 가이드</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/blog/best-practices/why-you-need-iast" aria-label=IAST가 필요한 이유 class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">IAST가 필요한 이유</div> </a> </li> </ul> </div> </div> </div> </div> <div id="block-erno-nrfootersociallinksblock"> <div class="flex flex-col large:flex-row gap-y-8 medium:gap-y-6 mt-9 large:items-center large:h-12 large:justify-between"> <div> <a class="inline-block" href="/kr" title="New Relic Logo"> <svg width="165" height="32" viewBox="0 0 165 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_5075_22003)"> <path d="M22.3821 11.0773V20.9227L13.8572 25.8464V32L27.7144 24.0005V7.9995L22.3821 11.0773Z" fill="#00AC69"/> <path d="M13.8572 6.15563L22.3821 11.0773L27.7144 7.9995L13.8572 0L0 7.9995L5.33031 11.0773L13.8572 6.15563Z" fill="#1CE783"/> <path d="M8.52689 19.0788V28.9242L13.8572 32V16.001L0 7.9995V14.1551L8.52689 19.0788Z" fill="white"/> <path d="M46.7349 7.97736C43.7517 7.97736 42.3386 9.86149 42.3386 9.86149H42.1816L41.8696 8.29138H38.2563V24.3065H42.1816V15.0469C42.1816 13.0057 43.5907 11.5926 45.6359 11.5926C47.681 11.5926 49.0901 13.0017 49.0901 15.0469V24.3065H53.0154V14.7288C53.0154 10.6465 50.3462 7.97736 46.7349 7.97736Z" fill="white"/> <path d="M89.0674 18.8111H88.842L86.1728 8.29138H82.1791L79.5099 18.8111H79.2864L76.6152 8.29138H72.533L76.6152 24.3065H81.396L84.0632 13.9438H84.2886L86.9578 24.3065H91.7366L95.8189 8.29138H91.7366L89.0674 18.8111Z" fill="white"/> <path d="M107.838 9.70448H107.681L107.367 8.29541H104.07V24.3085H107.995V15.0489C107.995 13.0077 108.937 12.0657 110.979 12.0657H112.992V8.2934H110.656C110.11 8.29456 109.57 8.42261 109.081 8.66747C108.592 8.91232 108.167 9.2673 107.838 9.70448V9.70448Z" fill="white"/> <path d="M121.677 7.97736C116.969 7.97736 113.515 11.4316 113.515 16.2989C113.515 21.1663 116.774 24.6205 121.677 24.6205C125.649 24.6205 128.04 22.2834 129.037 20.5644L125.433 19.2801C125.077 19.9323 123.64 21.1864 121.677 21.1864C119.388 21.1864 117.754 19.7532 117.44 17.5631H129.371C129.481 17.0471 129.534 16.5205 129.528 15.993C129.528 11.4316 126.073 7.97736 121.677 7.97736ZM117.44 14.8858C117.911 12.8447 119.324 11.2746 121.677 11.2746C123.877 11.2746 125.288 12.8447 125.602 14.8858H117.44Z" fill="white"/> <path d="M63.6899 7.97736C58.9796 7.97736 55.5254 11.4316 55.5254 16.2989C55.5254 21.1663 58.7783 24.6205 63.6899 24.6205C67.6615 24.6205 70.0509 22.2834 71.0473 20.5644L67.4441 19.2801C67.0878 19.9323 65.6526 21.1864 63.6899 21.1864C61.4012 21.1864 59.7647 19.7532 59.4507 17.5631H71.3835C71.4938 17.0471 71.5465 16.5205 71.5405 15.993C71.5405 11.4316 68.0863 7.97736 63.6899 7.97736ZM59.4507 14.8858C59.9217 12.8447 61.3348 11.2746 63.6899 11.2746C65.8881 11.2746 67.3012 12.8447 67.6152 14.8858H59.4507Z" fill="white"/> <path d="M143.25 1.96867H139.325V5.89394H143.25V1.96867Z" fill="white"/> <path d="M154.082 21.0092C151.727 21.0092 149.843 19.1251 149.843 16.2989C149.843 13.4727 151.727 11.5886 154.082 11.5886C156.437 11.5886 157.379 13.1587 157.693 14.1008L161.248 12.8366C160.386 10.6002 158.273 7.97736 154.082 7.97736C149.371 7.97736 145.917 11.4316 145.917 16.2989C145.917 21.1663 149.371 24.6205 154.082 24.6205C158.309 24.6205 160.423 21.9553 161.268 19.6123L157.693 18.3401C157.379 19.4391 156.437 21.0092 154.082 21.0092Z" fill="white"/> <path d="M129.963 5.45713H132.191V24.3065H136.116V1.96867H129.963V5.45713Z" fill="white"/> <path d="M143.25 8.29138H139.325V24.3065H143.25V8.29138Z" fill="white"/> <path d="M163.37 21.2347C163.069 21.2303 162.775 21.3153 162.523 21.479C162.271 21.6426 162.073 21.8775 161.955 22.1537C161.837 22.4298 161.804 22.7349 161.86 23.03C161.916 23.325 162.058 23.5968 162.269 23.8107C162.48 24.0247 162.75 24.1711 163.044 24.2313C163.338 24.2915 163.644 24.2628 163.922 24.149C164.199 24.0351 164.437 23.8411 164.605 23.5917C164.772 23.3423 164.861 23.0488 164.861 22.7484C164.868 22.5498 164.834 22.3518 164.762 22.1666C164.689 21.9815 164.58 21.8129 164.44 21.6713C164.301 21.5297 164.134 21.418 163.95 21.3429C163.766 21.2679 163.568 21.231 163.37 21.2347ZM163.37 24.0307C163.115 24.0351 162.865 23.9636 162.651 23.8254C162.438 23.6872 162.27 23.4886 162.169 23.2547C162.069 23.0208 162.04 22.7623 162.087 22.5121C162.134 22.262 162.255 22.0314 162.433 21.8499C162.611 21.6683 162.84 21.544 163.089 21.4927C163.338 21.4414 163.597 21.4655 163.833 21.5618C164.069 21.6582 164.27 21.8225 164.412 22.0338C164.554 22.2451 164.63 22.4939 164.63 22.7484C164.636 22.9161 164.607 23.0833 164.546 23.2395C164.485 23.3958 164.392 23.538 164.274 23.6573C164.156 23.7766 164.015 23.8706 163.86 23.9334C163.704 23.9962 163.537 24.0266 163.37 24.0226V24.0307Z" fill="white"/> <path d="M164.02 22.4686C164.019 22.396 164.004 22.3243 163.975 22.2578C163.946 22.1913 163.903 22.1315 163.85 22.0821C163.797 22.0327 163.734 21.9947 163.666 21.9705C163.597 21.9462 163.525 21.9363 163.452 21.9412H162.78V23.5194H163.011V22.9719H163.223L163.768 23.5194H164.056L163.51 22.9719C163.645 22.9719 163.773 22.9191 163.868 22.8249C163.964 22.7306 164.018 22.6027 164.02 22.4686V22.4686ZM163.013 22.7404V22.1727H163.452C163.494 22.1676 163.537 22.1715 163.577 22.184C163.618 22.1965 163.655 22.2173 163.687 22.2453C163.719 22.2732 163.745 22.3075 163.763 22.346C163.78 22.3845 163.79 22.4262 163.79 22.4686C163.79 22.6357 163.684 22.7404 163.452 22.7404H163.013Z" fill="white"/> </g> <defs> <clipPath id="clip0_5075_22003"> <rect width="164.861" height="32" fill="white"/> </clipPath> </defs> </svg> </a> </div> <div class="footer-menu__social-links"> <div class="n01-link-list medium:mx-0 flex flex-col medium:flex-row medium:justify-between gap-8"> <ul class='flex flex-row medium:flex-wrap large:justify-end gap-2 !mb-0 order-2 medium:order-1'> <li class="n01-link footer-icon-link mb-0 group flex items-center justify-center max-medium:w-12 max-medium:h-12 text-nr-clear medium:border-nr-clear hover:text-nr-white hover:medium:border-nr-white hover:text-gray-1" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="https://www.youtube.com/user/NewRelicInc/featured" aria-label="youtube" class="medium:inline-block flex flex-row" itemprop="url"> <div class="items-center larger:text-base xlarge:text-lg flex justify-center medium:w-12 medium:h-12 medium:border rounded-[5px]"> <span class="svg-28 medium:svg-20" aria-hidden="true" focusable="false"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_357_140)"> <path d="M18.0501 5.95627C17.8565 5.23299 17.2881 4.6646 16.5648 4.47099C15.2538 4.11972 9.99998 4.11972 9.99998 4.11972C9.99998 4.11972 4.74617 4.11972 3.43652 4.47099C2.71325 4.6646 2.14486 5.23299 1.95124 5.95627C1.59998 7.26592 1.59998 10 1.59998 10C1.59998 10 1.59998 12.7341 1.95124 14.0437C2.14486 14.767 2.71325 15.3354 3.43652 15.529C4.74617 15.8803 9.99998 15.8803 9.99998 15.8803C9.99998 15.8803 15.2538 15.8803 16.5634 15.529C17.2867 15.3354 17.8551 14.767 18.0487 14.0437C18.4 12.7341 18.4 10 18.4 10C18.4 10 18.4 7.26592 18.0487 5.95627H18.0501ZM8.3197 12.5197V7.48027L12.6843 10L8.3197 12.5197Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_357_140"> <rect width="16.8" height="11.7606" fill="currentColor" transform="translate(1.59998 4.11972)"/> </clipPath> </defs> </svg> </span> </div> </a> </li> <li class="n01-link footer-icon-link mb-0 group flex items-center justify-center max-medium:w-12 max-medium:h-12 text-nr-clear medium:border-nr-clear hover:text-nr-white hover:medium:border-nr-white hover:text-gray-1" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="https://twitter.com/newrelic" aria-label="twitter" class="medium:inline-block flex flex-row" itemprop="url"> <div class="items-center larger:text-base xlarge:text-lg flex justify-center medium:w-12 medium:h-12 medium:border rounded-[5px]"> <span class="svg-28 medium:svg-20" aria-hidden="true" focusable="false"> <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_357_143)"> <path d="M11.8463 8.89433L17.1146 2.80005H15.8661L11.2917 8.09163L7.63808 2.80005H3.42407L8.94905 10.8019L3.42407 17.1927H4.67256L9.50331 11.6046L13.3618 17.1927H17.5758L11.846 8.89433H11.8463ZM10.1363 10.8724L9.5765 10.0756L5.12241 3.73534H7.04001L10.6345 8.8521L11.1943 9.6489L15.8667 16.2999H13.9491L10.1363 10.8727V10.8724Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_357_143"> <rect width="14.1517" height="14.4" fill="currentColor" transform="translate(3.42407 2.80005)"/> </clipPath> </defs> </svg> </span> </div> </a> </li> <li class="n01-link footer-icon-link mb-0 group flex items-center justify-center max-medium:w-12 max-medium:h-12 text-nr-clear medium:border-nr-clear hover:text-nr-white hover:medium:border-nr-white hover:text-gray-1" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="https://github.com/newrelic" aria-label="github" class="medium:inline-block flex flex-row" itemprop="url"> <div class="items-center larger:text-base xlarge:text-lg flex justify-center medium:w-12 medium:h-12 medium:border rounded-[5px]"> <span class="svg-28 medium:svg-20" aria-hidden="true" focusable="false"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.0055 2.52676C5.80028 2.52676 2.40002 5.95193 2.40002 10.1898C2.40002 13.5776 4.57812 16.4438 7.60005 17.4589C7.97838 17.5352 8.11694 17.2939 8.11694 17.0915C8.11694 16.914 8.10449 16.3053 8.10449 15.6701C5.98867 16.1262 5.54807 14.7562 5.54807 14.7562C5.20866 13.8687 4.70423 13.6399 4.70423 13.6399C4.01141 13.1713 4.75405 13.1713 4.75405 13.1713C5.5216 13.2226 5.92483 13.9575 5.92483 13.9575C6.6052 15.1252 7.69969 14.7951 8.14185 14.5911C8.20413 14.096 8.40653 13.7535 8.61982 13.5636C6.93215 13.3861 5.15729 12.726 5.15729 9.78345C5.15729 8.94584 5.45932 8.26081 5.93729 7.72835C5.861 7.53841 5.59789 6.75218 6.01358 5.69816C6.01358 5.69816 6.65502 5.49576 8.10449 6.48439C8.72413 6.31625 9.36402 6.23062 10.0055 6.23062C10.6469 6.23062 11.3023 6.31936 11.9064 6.48439C13.3543 5.49421 13.9973 5.69816 13.9973 5.69816C14.413 6.75062 14.1484 7.53841 14.0736 7.72835C14.564 8.26081 14.8536 8.94584 14.8536 9.78345C14.8536 12.7275 13.0788 13.3736 11.3786 13.5636C11.6558 13.8049 11.8955 14.2611 11.8955 14.985C11.8955 16.0126 11.8831 16.8377 11.8831 17.0915C11.8831 17.2939 12.0216 17.5352 12.4 17.4589C15.4219 16.4438 17.6 13.5776 17.6 10.1898C17.6124 5.95193 14.1997 2.52676 10.007 2.52676L10.0055 2.52676Z" fill="currentColor"/> </svg> </span> </div> </a> </li> <li class="n01-link footer-icon-link mb-0 group flex items-center justify-center max-medium:w-12 max-medium:h-12 text-nr-clear medium:border-nr-clear hover:text-nr-white hover:medium:border-nr-white hover:text-gray-1" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="https://www.linkedin.com/company/new-relic-inc-" aria-label="linkedin" class="medium:inline-block flex flex-row" itemprop="url"> <div class="items-center larger:text-base xlarge:text-lg flex justify-center medium:w-12 medium:h-12 medium:border rounded-[5px]"> <span class="svg-28 medium:svg-20" aria-hidden="true" focusable="false"> <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.9406 2.80005C16.9116 2.80005 17.6999 3.58839 17.6999 4.55938V15.4407C17.6999 16.4117 16.9116 17.2 15.9406 17.2H5.05926C4.08827 17.2 3.29993 16.4117 3.29993 15.4407V4.55938C3.29993 3.58839 4.08824 2.80005 5.05926 2.80005H15.9406ZM7.81289 14.7047V8.35647H5.70239V14.7047H7.81289ZM15.4218 14.7047V11.0643C15.4218 9.11427 14.3807 8.20718 12.9924 8.20718C11.8729 8.20718 11.3714 8.82285 11.0906 9.25528V8.35647H8.98066C9.00863 8.95216 8.98066 14.7047 8.98066 14.7047H11.0906V11.1594C11.0906 10.9696 11.1043 10.78 11.1602 10.6443C11.3124 10.2653 11.6598 9.87272 12.2428 9.87272C13.006 9.87272 13.3117 10.4551 13.3117 11.3081V14.7047H15.4218ZM6.7719 5.29536C6.04982 5.29536 5.57805 5.77008 5.57805 6.39229C5.57805 7.00143 6.03548 7.48923 6.74397 7.48923H6.75759C7.4935 7.48923 7.95156 7.00143 7.95156 6.39229C7.93791 5.77095 7.49475 5.29671 6.7719 5.29536Z" fill="currentColor"/> </svg> </span> </div> </a> </li> <li class="n01-link footer-icon-link mb-0 group flex items-center justify-center max-medium:w-12 max-medium:h-12 text-nr-clear medium:border-nr-clear hover:text-nr-white hover:medium:border-nr-white hover:text-gray-1" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="https://www.instagram.com/newrelic/" aria-label="instagram" class="medium:inline-block flex flex-row" itemprop="url"> <div class="items-center larger:text-base xlarge:text-lg flex justify-center medium:w-12 medium:h-12 medium:border rounded-[5px]"> <span class="svg-28 medium:svg-20" aria-hidden="true" focusable="false"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.0045 6.09697C7.84881 6.09697 6.09987 7.84591 6.09987 10.0016C6.09987 12.1574 7.84881 13.9063 10.0045 13.9063C12.1603 13.9063 13.9092 12.1574 13.9092 10.0016C13.9092 7.84591 12.1603 6.09697 10.0045 6.09697ZM10.0045 12.5345C8.60599 12.5345 7.4717 11.4002 7.4717 10.0016C7.4717 8.60309 8.60599 7.4688 10.0045 7.4688C11.4031 7.4688 12.5374 8.60309 12.5374 10.0016C12.5374 11.4002 11.4031 12.5345 10.0045 12.5345Z" fill="currentColor"/> <path d="M14.0637 6.85402C14.5655 6.85402 14.9753 6.44722 14.9753 5.94244C14.9753 5.44062 14.5655 5.03085 14.0637 5.03085C13.5619 5.03085 13.1521 5.43765 13.1521 5.94244C13.1521 6.44425 13.5589 6.85402 14.0637 6.85402Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.0044 2.40005C7.94076 2.40005 7.68242 2.40896 6.8718 2.44459C6.06414 2.48023 5.50887 2.61088 5.02784 2.79795C4.52603 2.99392 4.10141 3.25225 3.67977 3.67687C3.25515 4.09851 2.99682 4.52313 2.80084 5.02197C2.61378 5.50597 2.48313 6.05827 2.44749 6.86593C2.41186 7.67952 2.40295 7.93786 2.40295 10.0015C2.40295 12.0652 2.41186 12.3236 2.44749 13.1342C2.48313 13.9418 2.61378 14.4971 2.80084 14.9781C2.99682 15.48 3.25515 15.9046 3.67977 16.3262C4.10141 16.7479 4.52603 17.0092 5.02487 17.2022C5.50887 17.3892 6.06117 17.5199 6.86883 17.5555C7.67945 17.5911 7.93779 17.6001 10.0015 17.6001C12.0652 17.6001 12.3235 17.5911 13.1341 17.5555C13.9418 17.5199 14.497 17.3892 14.9781 17.2022C15.4769 17.0092 15.9015 16.7479 16.3232 16.3262C16.7448 15.9046 17.0061 15.48 17.1991 14.9811C17.3862 14.4971 17.5168 13.9448 17.5525 13.1372C17.5881 12.3265 17.597 12.0682 17.597 10.0045C17.597 7.94082 17.5881 7.68249 17.5525 6.87187C17.5168 6.06421 17.3862 5.50894 17.1991 5.02791C17.0121 4.52313 16.7537 4.09851 16.3291 3.67687C15.9075 3.25522 15.4829 2.99392 14.984 2.80091C14.5 2.61385 13.9477 2.4832 13.1401 2.44756C12.3265 2.40896 12.0681 2.40005 10.0044 2.40005ZM10.0044 3.76892C12.0355 3.76892 12.276 3.77782 13.0747 3.81346C13.8171 3.84612 14.2179 3.97083 14.4852 4.07476C14.8385 4.21135 15.0939 4.37763 15.3581 4.6419C15.6254 4.90914 15.7887 5.16153 15.9253 5.51488C16.0292 5.78212 16.1539 6.18595 16.1866 6.92531C16.2222 7.72703 16.2311 7.96755 16.2311 9.9956C16.2311 12.0266 16.2222 12.2671 16.1866 13.0659C16.1539 13.8082 16.0292 14.2091 15.9253 14.4763C15.7887 14.8297 15.6224 15.085 15.3581 15.3493C15.0909 15.6165 14.8385 15.7799 14.4852 15.9164C14.2179 16.0204 13.8141 16.1451 13.0747 16.1777C12.273 16.2134 12.0325 16.2223 10.0044 16.2223C7.97342 16.2223 7.7329 16.2134 6.93415 16.1777C6.19182 16.1451 5.79096 16.0204 5.52372 15.9164C5.17037 15.7799 4.91501 15.6136 4.65074 15.3493C4.3835 15.0821 4.22018 14.8297 4.0836 14.4763C3.97967 14.2091 3.85496 13.8053 3.82229 13.0659C3.78666 12.2642 3.77775 12.0237 3.77775 9.9956C3.77775 7.96458 3.78666 7.72406 3.82229 6.92531C3.85496 6.18298 3.97967 5.78212 4.0836 5.51488C4.22018 5.16153 4.38647 4.90617 4.65074 4.6419C4.91798 4.37466 5.17037 4.21135 5.52372 4.07476C5.79096 3.97083 6.19479 3.84612 6.93415 3.81346C7.7329 3.77782 7.97342 3.76892 10.0044 3.76892Z" fill="currentColor"/> </svg> </span> </div> </a> </li> <li class="n01-link footer-icon-link mb-0 group flex items-center justify-center max-medium:w-12 max-medium:h-12 text-nr-clear medium:border-nr-clear hover:text-nr-white hover:medium:border-nr-white hover:text-gray-1" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="https://www.twitch.tv/new_relic" aria-label="twitch" class="medium:inline-block flex flex-row" itemprop="url"> <div class="items-center larger:text-base xlarge:text-lg flex justify-center medium:w-12 medium:h-12 medium:border rounded-[5px]"> <span class="svg-28 medium:svg-20" aria-hidden="true" focusable="false"> <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.69997 2.40005L3.98569 5.11434V14.8858H7.24283V17.6001L9.95712 14.8858H12.1285L17.0143 10.0001V2.40005H6.69997ZM15.9285 9.4572L13.7571 11.6286H11.5857L9.68569 13.5286V11.6286H7.24283V3.48577H15.9285V9.4572Z" fill="currentColor"/> <path d="M14.3 5.38596H13.2143V8.6431H14.3V5.38596Z" fill="currentColor"/> <path d="M11.3142 5.38596H10.2285V8.6431H11.3142V5.38596Z" fill="currentColor"/> </svg> </span> </div> </a> </li> <li class="n01-link footer-icon-link mb-0 group flex items-center justify-center max-medium:w-12 max-medium:h-12 text-nr-clear medium:border-nr-clear hover:text-nr-white hover:medium:border-nr-white hover:text-gray-1" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="http://www.facebook.com/NewRelic" aria-label="facebook" class="medium:inline-block flex flex-row" itemprop="url"> <div class="items-center larger:text-base xlarge:text-lg flex justify-center medium:w-12 medium:h-12 medium:border rounded-[5px]"> <span class="svg-28 medium:svg-20" aria-hidden="true" focusable="false"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.5998 9.99987C17.5998 5.80254 14.1971 2.39987 9.99978 2.39987C5.80245 2.39987 2.39978 5.80254 2.39978 9.99987C2.39978 13.564 4.85367 16.5547 8.16392 17.3761V12.3224H6.5968V9.99987H8.16392V8.9991C8.16392 6.41237 9.33463 5.21339 11.8742 5.21339C12.3558 5.21339 13.1866 5.30794 13.5265 5.40218V7.50738C13.3471 7.48853 13.0355 7.4791 12.6485 7.4791C11.4024 7.4791 10.9209 7.95122 10.9209 9.17846V9.99987H13.4034L12.9769 12.3224H10.9209V17.5442C14.6841 17.0898 17.6001 13.8856 17.6001 9.99987H17.5998Z" fill="currentColor"/> </svg> </span> </div> </a> </li> </ul> <div class="flex gap-4 mt-0 order-1 medium:order-2" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/kr/about/contact-us" aria-label="연락 정보" itemprop="url" class="btn-secondary small:inline-flex w-full medium:w-fit btn-small group ml-0 max-w-full" > <div class="h-[22px] overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block" itemprop="name"> 연락 정보 </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> 연락 정보 </span> </div> </div> </a> </div> </div> </div> </div> </div> </div> </div> <div class="nr-fluid-container"> <div id="block-erno-nrfooterlegalandlanguage"> <div class="py-6 text-xs leading-[21px] font-normal"> <div class="flex flex-row gap-3 medium:gap-x-4 medium:gap-y-2 large:gap-4 flex-wrap largest:justify-between"> <div class="hover:text-gray-1"> <a href="/kr/termsandconditions/terms" class="footer__meta-link"> 서비스 이용약관 </a> </div> <div class="hover:text-gray-1"> <a href="/kr/termsandconditions/dmca" class="footer__meta-link"> DMCA 정책 </a> </div> <div class="hover:text-gray-1"> <a href="/kr/termsandconditions/privacy" class="footer__meta-link"> 개인정보 처리방침 </a> </div> <div class="hover:text-gray-1"> <a href="/kr/termsandconditions/website-terms" class="footer__meta-link"> 웹사이트 약관 </a> </div> <div class="hover:text-gray-1"> <a href="" class="footer__meta-link js-privacy-choices flex items-center group"> 개인정보 보호 옵션 <img src="/themes/custom/erno/assets/images/icons/misc/ccpa.svg" class="h-4 ml-2 group-hover:invert" alt="California Consumer Privacy Act (CCPA) Opt-Out Icon" /> </a> </div> <div class="hover:text-gray-1"> <a href="/kr/termsandconditions/cookie-policy" class="footer__meta-link"> 쿠키 정책 </a> </div> <div class="hover:text-gray-1"> <a href="/kr/termsandconditions/modern-slavery-act" class="footer__meta-link"> 영국 현대판 노예법 2015 </a> </div> <div> <div class="relative"> <button class="footer__lang-btn-js flex items-center hover:text-nr-white" aria-controls="footer__lang-list" aria-expanded="false"> <span class="svg-current-fill mr-1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0C3.4 0 0 3.4 0 7.5C0 11.6 3.4 15 7.5 15C11.6 15 15 11.6 15 7.5C15 3.4 11.6 0 7.5 0ZM4 2C5 1.4 6.2 1 7.5 1C7.7 1 7.8 1 8 1V2.6L6 4.6V6.6L4 4.6V2ZM7 14C3.6 13.7 1 10.9 1 7.5C1 5.7 1.8 4 3 2.8V5L6 8V11L7 12V14ZM11 13C10.1 13.6 9.1 13.9 8 14V11.6L7 10.6V9H9.6L11 10.4V13ZM12 12.2V10L10 8H7V5L9 3V1.2C11.9 1.9 14 4.5 14 7.5C14 9.3 13.2 11 12 12.2Z" fill="#293338"/> </svg> </span> 한국어 </button> <ul id="footer__lang-list" class="footer__lang-list-js absolute bottom-full inset-x-0 medium:right-auto large:left-auto large:-right-3 p-3 min-w-[168px] bg-gray-1 rounded shadow-nr-black invisible opacity-0 transition-opacity after:content-[&quot;&quot;] after:absolute after:top-full after:left-6 large:after:left-auto large:after:right-6 after:-m-px after:border-t-8 after:border-t-gray-1 after:border-x-8 after:border-x-transparent"> <li class="block mb-2 last:mb-0"> <a href="https://live-d9newrelic.pantheonsite.io/de/customers" class="footer__meta-link block text-nr-black hover:text-gray-3 focus:text-gray-3">Deutsch</a> </li> <li class="block mb-2 last:mb-0"> <a href="https://live-d9newrelic.pantheonsite.io/customers" class="footer__meta-link block text-nr-black hover:text-gray-3 focus:text-gray-3">English</a> </li> <li class="block mb-2 last:mb-0"> <a href="https://live-d9newrelic.pantheonsite.io/es/customers" class="footer__meta-link block text-nr-black hover:text-gray-3 focus:text-gray-3">Español</a> </li> <li class="block mb-2 last:mb-0"> <a href="https://live-d9newrelic.pantheonsite.io/fr/customers" class="footer__meta-link block text-nr-black hover:text-gray-3 focus:text-gray-3">Français</a> </li> <li class="block mb-2 last:mb-0"> <a href="https://live-d9newrelic.pantheonsite.io/jp/customers" class="footer__meta-link block text-nr-black hover:text-gray-3 focus:text-gray-3">日本語</a> </li> <li class="block mb-2 last:mb-0"> <a href="https://live-d9newrelic.pantheonsite.io/kr/customers" class="footer__meta-link block text-nr-black hover:text-gray-3 focus:text-gray-3">한국어</a> </li> <li class="block mb-2 last:mb-0"> <a href="https://live-d9newrelic.pantheonsite.io/pt/customers" class="footer__meta-link block text-nr-black hover:text-gray-3 focus:text-gray-3">Português</a> </li> </ul> </div> </div> <div> ©2008-24 New Relic, Inc. 모든 권리 보유. </div> </div> </div> </div> </div> </footer> </div> </div> <script src="/sites/default/files/js/js_oh79yrxQYdLHZsSddETL8xxcGW1743q2Mo8Sz00rNTc.js?scope=footer&amp;delta=0&amp;language=ko&amp;theme=erno&amp;include=eJxNjVEOwyAMQy9UVG0XqgK4LBokU4BWu_060Wr7e7L8bJjonLJ6yhO-_ABF2OBVtV1cERqrTGKLaMQSem1aYPMFdfQCmfaKc83uNxd0g61Z9xEVjcfXMVMQmeada2NyKB5xFDyJwNzGEXp-c5L--jlv7a17_EvNKDxZ0geef0_M"></script> <script src="https://newrelic.com/standalonesignup.js?v=49f44851cec6e0bf591214e99954cf24"></script> <script src="/sites/default/files/js/js_KFoOHO_777T1Z4FgUaNJkPsnqIJXRoBDAX_Q94LmGmE.js?scope=footer&amp;delta=2&amp;language=ko&amp;theme=erno&amp;include=eJxNjVEOwyAMQy9UVG0XqgK4LBokU4BWu_060Wr7e7L8bJjonLJ6yhO-_ABF2OBVtV1cERqrTGKLaMQSem1aYPMFdfQCmfaKc83uNxd0g61Z9xEVjcfXMVMQmeada2NyKB5xFDyJwNzGEXp-c5L--jlv7a17_EvNKDxZ0geef0_M"></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10