비디오 회의, 온라인 미팅, 화면 공유

<!DOCTYPE HTML> <html lang="ko"> <head> <title>비디오 회의, 온라인 미팅, 화면 공유 | Cisco Webex</title> <meta name="title" content="비디오 회의, 온라인 미팅, 화면 공유 | Cisco Webex"/> <meta name="author" content="Webex"> <meta name="publisher" content="Cisco"> <meta property="og:type" content="웹 사이트" /> <meta property="og:url" content="https://www.webex.com/ko/index.html" /> <meta property="og:title" content="비디오 회의, 온라인 미팅, 화면 공유 | Cisco Webex" /> <meta property="og:description" content="Cisco Webex는 비디오 회의, 온라인 미팅, 화면 공유 및 웨비나에 대 한 최고의 엔터프라이즈 솔루션입니다. 웹 회의, 클라우드 통화 및 장비." /> <meta property="og:image" content="https://www.webex.com/content/dam/wbx/global/images/branding/cisco-webex-logo291x291.png"> <meta property="og:site_name" content="Webex" /> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:url" content="https://www.webex.com/ko/index.html"> <meta name="twitter:title" content="비디오 회의, 온라인 미팅, 화면 공유 | Cisco Webex"> <meta name="twitter:description" content="Cisco Webex는 비디오 회의, 온라인 미팅, 화면 공유 및 웨비나에 대 한 최고의 엔터프라이즈 솔루션입니다. 웹 회의, 클라우드 통화 및 장비."> <meta name="twitter:image" content="https://www.webex.com/content/dam/wbx/global/images/branding/cisco-webex-logo291x291.png"> <script defer="defer" type="text/javascript" src="/.rum/@adobe/helix-rum-js@%5E2/dist/rum-standalone.js"></script> <link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/cisco-webex-scheduler/ankblejcdieljecjfagjeoelaedaoaka"/> <link rel="canonical" href="https://www.webex.com/ko/index.html"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <meta name="description" content="Cisco Webex는 비디오 회의, 온라인 미팅, 화면 공유 및 웨비나에 대한 최고의 엔터프라이즈 솔루션입니다. 웹 회의, 클라우드 통화 및 장비."/> <meta name="format-detection" content="telephone=no"/> <meta name="X-UA-Compatible" content="IE=edge,chrome=1"/> <meta name="language" content="ko"/> <meta name="country"/> <meta name="date" content="Wed Apr 05 10:32:21 UTC 2023"/> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <script type="application/ld+json"> { "@context" : "https://schema.org", "@id": "https://www.webex.com/#website", "@type" : "WebSite", "name" : "Webex", "alternateName" : "Webex by Cisco", "url" : "https://www.webex.com" } </script> <script type="application/ld+json"> { "@context" : "https://schema.org", "@type" : "Organization", "name" : "Webex", "legalName" : "Webex by Cisco", "url" : "https://www.webex.com", "logo": "https://www.webex.com/content/dam/wbx/global/images/webex-favicon.png" } </script> <script type="text/javascript" src="https://www.cisco.com/c/dam/cdc/t/ctm-core.js"></script>  <script src="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/global/jquery.lc-88e9d121fa7daf363a97e5e290682415-lc.min.js"></script> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/global/main.lc-c7d8d078a6273d61840f97fee17a58ea-lc.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/global/header.lc-8922d6e56f68b2ec71696c30e07e13b7-lc.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/header.lc-bbeb05188b90bc82da98d22ce9d903c5-lc.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/footer.lc-c690dd957929acec252b2620629ce646-lc.min.css" type="text/css"> <script src="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/search-bar.lc-553e92d6a8133e97cf3264bdf01d28a7-lc.min.js"></script>    <link rel="icon" type="image/png" href="/content/dam/wbx/global/images/webex-favicon.png"/> <link rel="shortcut icon" type="image/png" href="/content/dam/wbx/global/images/webex-favicon.png"/></head> <body data-spy="scroll" data-target=".ver-nav" data-offset="115" class="classic-" style="position: relative"> <div class="main-no-header"> <div class="body parsys"> <div class="open-html-component"> <div class="wbx-header"> <div class="newpar new section"> </div> <div class="par iparys_inherited"> <div class="open-html-component">  <style> .skip-link { position: fixed; top: -100px; background: #01bceb; color: #fff; text-decoration: none; display: inline-block; z-index: 999; border-radius: 24px; padding: 9px 30px; transform: translate(-50%, -50%); transition: top 0.3s; left: 50%; } .skip-link:focus { top: 100px; } </style> <a class="skip-link" href="#content">Skip to content</a>  <script> // this need add into template as base js file /*! * jQuery Cookie Plugin v1.4.1 * https://github.com/carhartl/jquery-cookie * * Copyright 2013 Klaus Hartl * Released under the MIT license */ (function (factory) { if (typeof define === "function" && define.amd) { // AMD define(["jquery"], factory); } else if (typeof exports === "object") { // CommonJS factory(require("jquery")); } else { // Browser globals factory(jQuery); } })(function ($) { var pluses = /\+/g; function encode(s) { return config.raw ? s : encodeURIComponent(s); } function decode(s) { return config.raw ? s : decodeURIComponent(s); } function stringifyCookieValue(value) { return encode(config.json ? JSON.stringify(value) : String(value)); } function parseCookieValue(s) { if (s.indexOf('"') === 0) { // This is a quoted cookie as according to RFC2068, unescape... s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, "\\"); } try { // Replace server-side written pluses with spaces. // If we can't decode the cookie, ignore it, it's unusable. // If we can't parse the cookie, ignore it, it's unusable. s = decodeURIComponent(s.replace(pluses, " ")); return config.json ? JSON.parse(s) : s; } catch (e) {} } function read(s, converter) { var value = config.raw ? s : parseCookieValue(s); return $.isFunction(converter) ? converter(value) : value; } var config = ($.cookie = function (key, value, options) { // Write if (value !== undefined && !$.isFunction(value)) { options = $.extend({}, config.defaults, options); if (typeof options.expires === "number") { var days = options.expires, t = (options.expires = new Date()); t.setTime(+t + days * 864e5); } return (document.cookie = [ encode(key), "=", stringifyCookieValue(value), options.expires ? "; expires=" + options.expires.toUTCString() : "", // use expires attribute, max-age is not supported by IE options.path ? "; path=" + options.path : "", options.domain ? "; domain=" + options.domain : "", options.secure ? "; secure" : "", ].join("")); } // Read var result = key ? undefined : {}; // To prevent the for loop in the first place assign an empty array // in case there are no cookies at all. Also prevents odd result when // calling $.cookie(). var cookies = document.cookie ? document.cookie.split("; ") : []; for (var i = 0, l = cookies.length; i < l; i++) { var parts = cookies[i].split("="); var name = decode(parts.shift()); var cookie = parts.join("="); if (key && key === name) { // If second argument (value) is a function it's a converter... result = read(cookie, value); break; } // Prevent storing a cookie that we couldn't decode. if (!key && (cookie = read(cookie)) !== undefined) { result[name] = cookie; } } return result; }); config.defaults = {}; $.removeCookie = function (key, options) { if ($.cookie(key) === undefined) { return false; } // Must not alter options, thus extending a fresh object... $.cookie(key, "", $.extend({}, options, { expires: -1 })); return !$.cookie(key); }; }); </script> <script> if (!$.cookie("origin_web")) { $.cookie("origin_web", "webex.com", { path: "/", domain: ".webex.com", expires: 30, }); } var DEF_locale = "US", DEF_lang = "en", DEF_currency = "USD"; var user_currency = DEF_currency; var locale_currency_lang = new Array(); locale_currency_lang[0] = ["US", "USD", "en", "en_US", "USA"]; locale_currency_lang[1] = ["GB", "GBP", "en", "en_US", "United Kingdom"]; locale_currency_lang[2] = ["IE", "EUR", "en", "en_US", "Ireland"]; locale_currency_lang[3] = ["NL", "EUR", "en", "en_US", "Netherlands"]; locale_currency_lang[4] = ["BE", "EUR", "en", "en_US", "Belgium"]; locale_currency_lang[5] = ["AT", "EUR", "en", "en_US", "Austria"]; locale_currency_lang[6] = ["PL", "EUR", "en", "en_US", "Poland"]; locale_currency_lang[7] = ["SE", "EUR", "en", "en_US", "Sweden"]; locale_currency_lang[8] = ["DK", "EUR", "en", "en_US", "Denmark"]; locale_currency_lang[9] = ["NO", "EUR", "en", "en_US", "Norway"]; locale_currency_lang[10] = ["CH", "EUR", "de", "de_DE", "Switzerland"]; locale_currency_lang[11] = ["DE", "EUR", "de", "de_DE", "Germany"]; locale_currency_lang[12] = ["FR", "EUR", "fr", "fr_FR", "France"]; locale_currency_lang[13] = ["ZA", "USD", "en", "en_IE", "South Africa"]; locale_currency_lang[14] = ["IL", "USD", "en", "en_IE", "Israel"]; locale_currency_lang[15] = ["RO", "EUR", "en", "en_IE", "Romania"]; locale_currency_lang[16] = ["CZ", "EUR", "en", "en_IE", "Czech Republic"]; locale_currency_lang[17] = ["FI", "EUR", "en", "en_IE", "Finland"]; locale_currency_lang[18] = ["HU", "EUR", "en", "en_IE", "Hungary"]; locale_currency_lang[19] = ["BG", "EUR", "en", "en_IE", "Bulgaria"]; locale_currency_lang[20] = ["SK", "EUR", "en", "en_IE", "Slovakia"]; locale_currency_lang[21] = ["JP", "JPY", "ja", "ja_JP", "Japan"]; locale_currency_lang[22] = ["SG", "USD", "en", "en_SG", "Singapore"]; locale_currency_lang[23] = ["NZ", "USD", "en", "en_IE", "New Zealand"]; locale_currency_lang[24] = ["VN", "USD", "en", "en_SG", "Vietnam"]; locale_currency_lang[25] = ["AE", "USD", "en", "en_SG", "UAE"]; locale_currency_lang[26] = ["MY", "USD", "en", "en_SG", "Malaysia"]; locale_currency_lang[27] = ["TH", "USD", "en", "en_SG", "Thailand"]; locale_currency_lang[28] = ["IT", "EUR", "en", "en_IE", "Italy"]; locale_currency_lang[29] = ["ES", "EUR", "es", "es_ES", "Spain"]; locale_currency_lang[30] = ["PT", "EUR", "en", "en_IE", "Portugal"]; locale_currency_lang[31] = ["LU", "EUR", "fr", "fr_FR", "Luxembourg"]; locale_currency_lang[32] = ["GR", "EUR", "en", "en_IE", "Greece"]; locale_currency_lang[33] = ["CY", "EUR", "en", "en_IE", "Cyprus"]; locale_currency_lang[34] = ["UA", "EUR", "en", "en_SG", "Ukraine"]; locale_currency_lang[35] = ["SI", "EUR", "en", "en_IE", "Slovenia"]; locale_currency_lang[36] = ["HR", "EUR", "en", "en_IE", "Croatia"]; locale_currency_lang[37] = ["GI", "GBP", "en", "en_IE", "Gibraltar"]; locale_currency_lang[38] = ["MT", "EUR", "en", "en_IE", "Malta"]; locale_currency_lang[39] = ["LV", "EUR", "en", "en_IE", "Latvia"]; locale_currency_lang[40] = ["EE", "EUR", "en", "en_IE", "Estonia"]; locale_currency_lang[41] = ["LT", "EUR", "en", "en_IE", "Lithuania"]; locale_currency_lang[42] = ["CA", "CAD", "en", "en_CA", "Canada"]; locale_currency_lang[43] = ["CAF", "CAD", "fr", "fr_CA", "Canada"]; locale_currency_lang[44] = ["AU", "AUD", "en", "en_SG", "Australia"]; locale_currency_lang[45] = ["HK", "USD", "en", "en_SG", "Hong Kong"]; locale_currency_lang[46] = ["TW", "USD", "en", "en_SG", "Taiwan"]; locale_currency_lang[47] = ["KR", "USD", "en", "en_SG", "Korea (South)"]; locale_currency_lang[48] = ["IS", "EUR", "en", "en_IE", "Iceland"]; locale_currency_lang[49] = ["CO", "USD", "es", "es_ES", "Colombia"]; locale_currency_lang[50] = ["PE", "USD", "es", "es_ES", "Peru"]; locale_currency_lang[51] = ["BR", "USD", "en", "en_IE", "Brazil"]; locale_currency_lang[52] = ["AR", "USD", "es", "es_ES", "Argentina"]; locale_currency_lang[53] = ["CL", "USD", "es", "es_ES", "Chile"]; locale_currency_lang[54] = ["EC", "USD", "es", "es_ES", "Ecuador"]; locale_currency_lang[55] = ["PR", "USD", "es", "es_ES", "Puerto Rico"]; locale_currency_lang[56] = ["CR", "USD", "es", "es_ES", "Costa Rica"]; locale_currency_lang[57] = ["DO", "USD", "es", "es_ES", "Dominican Republic"]; locale_currency_lang[58] = ["PA", "USD", "es", "es_ES", "Panama"]; locale_currency_lang[59] = ["TN", "USD", "en", "en_IE", "Tunisia"]; locale_currency_lang[60] = ["LI", "EUR", "de", "de_DE", "Liechtenstein"]; locale_currency_lang[61] = ["MC", "EUR", "fr", "fr_FR", "Monaco"]; locale_currency_lang[62] = ["MX", "USD", "es", "es_ES", "Mexico"]; var USList = ["US", "ZA", "SG", "IL", "VN", "AE", "MY", "TH", "TN"]; var UKList = [ "GB", "IE", "NL", "BE", "AT", "PL", "SE", "DK", "NO", "RO", "CZ", "FI", "HU", "BG", "SK", "PT", "GR", "CY", "UA", "SI", "HR", "GI", "MT", "LV", "EE", "LT", "IS", ]; var AUList = ["AU", "NZ"]; var allEnList = USList.concat(UKList).concat(AUList).concat(["CA", "IN"]); var FRList = ["FR", "LU", "MC"]; var DEList = ["DE", "CH", "LI"]; var ZHList = ["TW", "MO", "HK"]; var MXList = ["CO", "PE", "AR", "CL", "EC", "PR", "CR", "DO", "PA", "MX"]; function get_lang(locale) { if (locale == "JP") { return "ja"; } else if (locale == "IT") { return "it"; } else if (locale == "KR") { return "ko"; } else if (locale == "BR") { return "pt"; // } else if (locale == 'UA') { // return 'uk'; // } } else if ($.inArray(locale, DEList) != -1) { return "de"; } else if ($.inArray(locale, FRList) != -1 || locale == "CAF") { return "fr"; } else if ($.inArray(locale, MXList) != -1 || locale == "ES") { return "es"; } else if ($.inArray(locale, ZHList) != -1) { return "zh-tw"; } else if ($.inArray(locale, allEnList) != -1) { return "en"; } //get browser setting language by navigator object var browser_lang = ( navigator.language || navigator.browserLanguage ).toLowerCase(); if (browser_lang.indexOf("zh") != -1) { if (browser_lang.indexOf("-") != -1) { var param = browser_lang.split("-"); if (param[1].toLowerCase() == "cn") { return "cn"; } else { return "n-cn"; } } else { return "cn"; } } else { return browser_lang.slice(0, 2); } } function change_currency(local) { if (local == undefined) { return; } var len_locale = locale_currency_lang.length; for (var i = 0; i < len_locale; i++) { if (locale_currency_lang[i][0] == local) { user_currency = locale_currency_lang[i][1]; break; } } $.cookie("user_currency", user_currency, { path: "/", expires: 30 }); } var headerLocale = "", headerIP = ""; function init_cookie_lang_locale() { var req = new XMLHttpRequest(); req.open("HEAD", document.location, true); req.onreadystatechange = function () { headerLocale = DEF_locale; if (req.readyState == 4) { var headerInfo = req.getResponseHeader("x-wbx-about"); if (headerInfo != null && headerInfo != "") { var headerInfoSplit = headerInfo.split(","); headerLocale = headerInfoSplit[0]; headerIP = headerInfoSplit[1].trim(); } $.cookie("head_locale", headerLocale, { path: "/", expires: 30 }); if ( document.cookie.indexOf("user_locale") === -1 || $.cookie("user_locale") == "" ) { $.cookie("user_locale", headerLocale, { path: "/", expires: 30 }); var bLang = DEF_lang == "fr" ? "fr" : (navigator.language || navigator.browserLanguage) .toLowerCase() .slice(0, 2); var hLang = headerLocale == "CA" && bLang == "fr" ? "fr" : get_lang(headerLocale); $.cookie("user_lang", hLang, { path: "/", expires: 30 }); change_currency(headerLocale); } else { var u_locale = $.cookie("user_locale"); var hLang = u_locale == "CA" && $.cookie("user_lang") == "fr" ? "fr" : get_lang(u_locale); $.cookie("user_lang", hLang, { path: "/", expires: 30 }); change_currency(u_locale); } } }; req.send(null); } init_cookie_lang_locale(); </script> <script> /* All constants should be declared here */ var Webex = Webex || {}; Webex.util = Webex.util || {}; Webex.device = { mobilMedia: navigator.userAgent.match(/iPhone|iPad|iPod/i) || navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/BB/i) || navigator.userAgent.match(/Windows Phone/i), android: navigator.userAgent.match(/Android/i), ios: navigator.userAgent.match(/iPhone|iPad|iPod/i), blackBerry: navigator.userAgent.match(/BB/i), windowsPhone: navigator.userAgent.match(/Windows Phone/i), }; Webex.util.isScrollbarVisible = function () { return !Webex.device.mobilMedia && $(document).height() > $(window).height(); }; Webex.util.getWindowWidth = function () { Webex.util.windowWidth = parseInt($(window).width(), 10); if (Webex.util.isScrollbarVisible()) { Webex.util.windowWidth += 17; } return Webex.util.windowWidth; }; var isMac = /iPad|iPhone|iPod|Mac/.test(navigator.userAgent); if (isMac) { $("#wbx-header").addClass("wbx-mac"); } window.onpageshow = function (event) { var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent); var isSmall = Webex.util.getWindowWidth() < 992; var isMenuOpen = !$(".wbx-header-menu").hasClass("collapsed"); var isMac = /Mac/.test(navigator.userAgent); if (event.persisted && ((isIOS && isSmall && isMenuOpen) || isMac)) { window.location.reload(); } }; $(".SEOPreventDefault").click(function (e) { e.preventDefault(); }); // fix DE4094 ziyuan 20180425 $(function () { function isIE() { var matches; if (!!window.ActiveXObject || "ActiveXObject" in window) { matches = /(msie\s|trident.*rv:)([\w.]+)/.exec( navigator.userAgent.toLowerCase() ); return matches[2]; } else { return -1; } } if (isIE() > 0) { $( "#wbx-header .wbx-header-menu .wbx-header-menu-list .wbx-header-menu-list-item .wbx-header-popup-menu .wbx-header-popup .wbx-header-popup-arrow" ).addClass("header-list-IE"); } $( ".wbx-header-menu-list-item .wbx-header-popup-menu .wbx-header-popup-toggle" ).bind("click", function () { if ($(this).parent().hasClass("collapsed")) { $("#wbx-header").addClass("bg-white"); } else { $("#wbx-header").removeClass("bg-white"); } }); // ft link update to FT2.0 $('a[href*="pricing/free-trial.html"]:not([href*="sp=wt"])').attr({ href: "https://cart.webex.com/sign-up?locale=ko-KR", }); }); </script> <script> // fix SPARK-77865 by Floyd Li $(document).ready(function () { var isMac = /iPad|iPhone|iPod/.test(navigator.userAgent); function isClickable(ele) { var flag = ele.hasClass("wbx-header-popup-toggle") || ele.hasClass("wbx-header-menu-toggle") || ele.hasClass("hamburger") || ele.hasClass("hamburger-bun") || ele.parents(".wbx-header-popup").length > 0 || (ele[0] && ele[0].href && !ele[0].hasAttribute("data-wbx-toggle-trigger")); return flag; } if (isMac) { document.addEventListener("touchend", function (e) { if (isClickable($(e.target))) { return; } else if ($(".wbx-header-popup[aria-hidden=false]").length > 0) { e.preventDefault(); var btn = $('.wbx-header-popup-toggle[aria-expanded="true"]'); btn[0] && btn[0].click(); $("#wbx-header").removeClass("bg-white"); } }); } else { document.addEventListener("click", function (e) { if (isClickable($(e.target))) { return; } else if ($(".wbx-header-popup[aria-hidden=false]").length > 0) { e.preventDefault(); $("#wbx-header").removeClass("bg-white"); } }); } }); function postToPage(originUrl, postUrl) { // var domain = 'https://signin-ha.qa.webex.com'; var domain = "https://signin.webex.com"; var lang = "en_US"; postUrl = domain + postUrl; $("a[href='" + originUrl + "']") .attr("href", "#") .removeAttr("target") .on("click", function (e) { e.preventDefault(); var html = "<form id='postToPage' method='post' action=' " + postUrl + "'>" + "<input name='language' value='" + lang + "'>" + "</form>"; $("div")[0].innerHTML += html; $("#postToPage").submit(); $("#postToPage").remove(); }); } $(document).ready(function () { postToPage( "https://www.webex.com/go/host-meeting", "/collabs/auth?service=it&from=hostmeeting&TrackID=&hbxref=&goid=host-meeting" ); postToPage( "https://www.webex.com/go/attend-meeting", "/collabs/#/meetings/joinbynumber?TrackID=&hbxref=&goid=attend-meeting" ); postToPage("https://signin.webex.com/collabs/auth", "/collabs/auth"); postToPage( "https://signin.webex.com/collabs/auth?service=it&from=myresource&backurl=https://support.webex.com/MyAccountWeb/landingpage.do", "/collabs/auth?service=it&from=myresource&backurl=https://support.webex.com/MyAccountWeb/landingpage.do" ); }); $(document).ready(function () { /* Header Scripts */ const css = { light: "header_light__2HLwE", active: "header_active__3fbTP", menuItemHasChildren: "header_menuItemHasChildren__bCODH", subMenu: "header_subMenu__WoVAg", fastClose: "header_fastClose__1Go-F", scrollUp: "header_scrollUp__3QV5h", scrollDown: "header_scrollDown__SQo3T", }; // navigation item selectors const wrapper = document.querySelector(".header_headerWrapper__30NyQ"); const header = document.querySelector(`.header_header__12jgZ`); // navigation menu selectors const openedMenu = document.querySelector(".header_openedMenu__1_VVm"); const closedMenu = document.querySelector(".header_closedMenu__LcJ3R"); const navbarMenu = document.querySelector(".header_navbar__2vIOU"); const menuOverlay = document.querySelector(".header_overlay__2h1yB"); let isLocked = false; $(".header_lastItem__2ID7v").click(function () { $("nav").animate({ scrollTop: $("#signInWbxID").offset().top }, "slow"); }); function initialStates() { document.body.style.overflow = ""; menuOverlay.classList.remove(css.active); wrapper.classList.remove(css.light); isLocked = false; } // eslint-disable-next-line no-inner-declarations function collapseSubMenu() { navbarMenu ?.querySelector(`.${css.menuItemHasChildren}.${css.active} .${css.subMenu}`) ?.removeAttribute("style"); navbarMenu .querySelector(`.${css.menuItemHasChildren}.${css.active}`) .classList.remove(css.active); initialStates(); } // eslint-disable-next-line no-inner-declarations function toggleMenu() { navbarMenu.classList.toggle(css.active); const isOpen = navbarMenu.classList.contains(css.active); if (isOpen) { document.body.style.overflow = "hidden"; } else { document.body.style.overflow = ""; initialStates(); } } openedMenu.addEventListener("click", toggleMenu); closedMenu.addEventListener("click", toggleMenu); menuOverlay.addEventListener("click", collapseSubMenu); navbarMenu.querySelectorAll("a[data-toggle]").forEach((item) => { item.addEventListener("click", (event) => { const menuItemHasChildren = event.currentTarget.parentElement; if (menuItemHasChildren.classList.contains(css.active)) { collapseSubMenu(); isLocked = false; } else { if ( navbarMenu.querySelector(`.${css.menuItemHasChildren}.${css.active}`) ) { collapseSubMenu(); } document.body.style.overflow = "hidden"; wrapper.classList.add(css.light); menuItemHasChildren.classList.add(css.active); const subMenu = menuItemHasChildren.querySelector(`.${css.subMenu}`); subMenu.style.maxHeight = `${subMenu.scrollHeight}px`; menuOverlay.classList.toggle(css.active); isLocked = true; } }); }); let lastScroll = 0; const onWindowScroll = () => { const currentScroll = window.pageYOffset; if (currentScroll < header.offsetHeight) { header.classList.add(css.fastClose); } else { header.classList.remove(css.fastClose); } if (currentScroll < header.offsetHeight) return; if (currentScroll === 0) { wrapper.classList.remove(css.scrollUp); return; } if ( currentScroll > lastScroll && !wrapper.classList.contains(css.scrollDown) && !isLocked ) { // down wrapper.classList.remove(css.scrollUp); wrapper.classList.add(css.scrollDown); } else if ( currentScroll < lastScroll && wrapper.classList.contains(css.scrollDown) ) { // up wrapper.classList.remove(css.scrollDown); wrapper.classList.add(css.scrollUp); } lastScroll = currentScroll; }; window.addEventListener("scroll", onWindowScroll); if (!!window.IntersectionObserver) { let observer = new IntersectionObserver( (entries, observer) => { entries.forEach((entry) => { if (entry.isIntersecting && !isLocked) { if (entry.target.classList.contains("bg-black")) { wrapper.classList.remove(css.light); } else { wrapper.classList.add(css.light); } } }); }, { rootMargin: "0px 0px -100% 0px", } ); document.querySelectorAll(".page-wrapper > section").forEach((module) => { observer.observe(module); }); } }); </script> <div id="content" tabindex="-1"></div> <link rel="stylesheet" type="text/css" href="/content/dam/wbx/us/images/rebrand/wx-core.css"/> <style> .wx-wrapper .container { max-width: 100%; } a.no-border, a.no-border:hover { border-bottom-color: transparent !important; } .header_navbarButton__3nH08 { background: #fff; } .signin-form input { width: 100%; } @media (min-width: 1025px) { .wx-wrapper .gradient-blurple-desktop { background-image: url(/content/dam/wbx/us/images/rebrand/nav-footer/blurple-gradient-bl.svg); } .webex-app-mobile { display: none; } .webex-suite-mobile { display: none; } .header_dropdownItemTop__3g0Q0 { min-height: 145px !important; } .header_dropdownMenu__3DtqE .header_dropdownItem__2eX_2 ul.mbody { margin-top: 1vw; } .mb-20 { margin-bottom: 20px !important; } } .header_allDeviceCard__WPtZy:hover .btn span { background-color: #078855 !important; color: #fff; } @media (max-width: 1025px) { .wx-wrapper .gradient-blurple-mobile { background-attachment: local; background-image: url(/content/dam/wbx/us/images/rebrand/nav-footer/blurple-gradient-tr.svg); background-position: 100% 0; background-repeat: no-repeat; } .header_allDeviceCard__WPtZy { background-color: black !important; } .wx-wrapper .inherit-width { width: inherit !important; } .header_allDeviceCard__WPtZy:hover .btn span { background-color: transparent !important; } .webex-app-desktop { display: none; } .webex-suite-desktop { display: none; } .solutions-grid { flex-direction: column-reverse !important; } .hybrid-work-container { padding-bottom: 5.33vw; margin-bottom: 9.5vw !important; border-bottom: 1px solid #c4c4c4; } .workspaces-mobile { border: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } } .header_deviceCard__15ArY p { min-height: 100px; } </style>  <div class="wx-wrapper navigation-wrapper"> <div class="header_headerWrapper__30NyQ header_scrollUp__3QV5h"> <div class="header_overlay__2h1yB"></div> <header class="header_header__12jgZ header_fastClose__1Go-F"> <section class="header_banner__2BrOE"> <div class="container"> <div class="grid"> <div class="col"> <ul class="header_list__1f0QB"> <li> <a href="/ko/downloads.html" tabindex="0">다운로드</a> </li> <li> <a href="https://help.webex.com/ko-KR/contact" target="_blank" tabindex="0" rel="noopener">고객 지원</a> </li> <li> <a href="/ko/contact-sales.html" tabindex="0">영업팀에 문의</a> </li> <li> <span class="xsbody header_phone__CWCpv" aria-label="1. 8 8 8. 4 6 9. 3 2 3 9." ><a href="tel:+1-888-469-3239">+1-888-469-3239</a></span > </li> </ul> </div> </div> </div> </section> <section class="header_wrapper__OpVK9"> <div class="container"> <div class="header_wrapperInner__2aEot"> <a href="/ko/index.html" class="header_logo__21HnF"> <h1 class="h1 header_h1__144Es header_blackLogo__tSzjc" role="heading" aria-level="1" > <div> <img class="img100p" src="/content/dam/wbx/us/images/rebrand/nav-footer/black.png" alt="Webex"/><span>Webex</span> </div> </h1> <h1 class="h1 header_h1__144Es header_whiteLogo__3V9L4" role="heading" aria-level="1" > <div> <img class="img100p" src="/content/dam/wbx/us/images/rebrand/nav-footer/white.png" alt="Webex"/><span>Webex</span> </div> </h1> </a><button type="button" class="header_openedMenu__1_VVm" aria-label="Open menu" > <span></span><span></span> </button> <nav class="header_navbar__2vIOU gradient-blurple-mobile"> <div class="header_closeDiv__ZBNqn"> <a href="tel:1-888-469-3239" class="xsbody" aria-label="1. 8 8 8. 4 6 9. 3 2 3 9.">+1-888-469-3239</a><button type="button" class="header_closedMenu__LcJ3R"> <span><span class="icon-close"></span></span> </button> </div> <ul class="header_menu__TYJcK header_firstMenu__2IC4J"> <li class="header_menuItem__cnNBL header_mobileBtn__3w30I"> <button onClick="window.open('https://signup.webex.com/sign-up?locale=ko-kr')" class="btn btn-contact" > 무료로 시작하기</button ><button onClick="window.open('/ko/contact-sales.html')" class="btn btn-secondary-dark" > 영업팀에 문의 </button> </li> <li class=" header_menuItem__cnNBL header_menuItemHasChildren__bCODH header_mobFirst__26Ijl " > <a href="javascript:void(0);" data-toggle="sub-menu">제품 <i class="icon-open header_expand__1bvc0"></i ></a> <ul class="header_subMenu__WoVAg bg-white gradient-blurple-desktop"> <div class="header_dropdownMenu__3DtqE"> <div class="container"> <div class="grid"> <div class="col col-3 col-sm"> <div class="header_areaTitle__uG4p3 mb-20"> <p class="sbody fw-medium">개인 및 소규모 비즈니스용</p> </div> <div class="header_dropdownItem__2eX_2"> <div class="header_dropdownItemTop__3g0Q0"> <div class="header_dropdownItemTitle__3SOAl"> <h6 class="webex-app-desktop"> <div> Webex App<span class="icon-open header_mobileArrow__2s7Bj" ></span> </div> </h6> <h6 class="webex-app-mobile"> <a href="/ko/all-new-webex.html">Webex App<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </h6> </div> <div class="header_dropdownItemDesc__23wtb"> <p class="sbody color-boulder"> 콜링, 미팅, 메시징 모두를 지원하는 올인원 앱입니다. </p> </div> <div class="header_ctaBox__3kCvW"> <a href="/ko/all-new-webex.html" tabindex="0" class="fw-medium color-salem">자세히 알아보기  <span class="icon-arrow"></span> </a> </div> </div> <ul class="mbody"> <li> <a href="/ko/enterprise-cloud-calling.html" tabindex="0">콜링<span class="icon-open header_mobileArrow__2s7Bj"></span ></a> </li> <li> <a href="/ko/video-conferencing.html" tabindex="0">미팅<span class="icon-open header_mobileArrow__2s7Bj"></span ></a> </li> <li> <a href="/ko/team-collaboration.html" tabindex="0">메시징<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> </ul> </div> </div> <div class="col col-9 col-sm"> <div class="header_areaTitle__uG4p3 header_areaTitleSec__2XOJE mb-20" > <p class="sbody fw-medium">엔터프라이즈용</p> </div> <div class="grid"> <div class="col col-4 col-sm"> <div class=" header_dropdownItem__2eX_2 header_dropdownItemBorder__2BhFB " > <div class="header_dropdownItemTop__3g0Q0"> <div class="header_dropdownItemTitle__3SOAl"> <h6 class="webex-suite-desktop"> <div> Webex Suite<span class="icon-open header_mobileArrow__2s7Bj" ></span> </div> </h6> <h6 class="webex-suite-mobile"> <a href="/ko/collaboration-suite.html">Webex Suite<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </h6> </div> <div class="header_dropdownItemDesc__23wtb"> <p class="sbody color-boulder"> 하이브리드 업무를 위한 최초의, 그리고 최고의 솔루션을 소개합니다. </p> </div> <div class="header_ctaBox__3kCvW"> <a href="/ko/collaboration-suite.html" tabindex="0" class="fw-medium color-salem">자세히 알아보기  <span class="icon-arrow"></span> </a> </div> </div> <ul class="mbody"> <li> <a href="/ko/enterprise-cloud-calling.html" tabindex="0">콜링<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/ko/meetings.html" tabindex="0">미팅<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/ko/team-collaboration.html" tabindex="0">메시징<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/ko/audience-engagement.html" tabindex="0">Slido<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/ko/webinar.html" tabindex="0">이벤트<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> </ul> </div> </div> <div class="col col-4 col-sm"> <div class=" header_dropdownItem__2eX_2 header_dropdownItemBorder__2BhFB " > <div class="header_dropdownItemTop__3g0Q0"> <div class="header_dropdownItemTitle__3SOAl"> <h6> <div> 고객 경험<span class="icon-open header_mobileArrow__2s7Bj" ></span> </div> </h6> </div> <div class="header_dropdownItemDesc__23wtb"> <p class="sbody color-boulder"> 고객 여정을 함께 하고 높은 고객 만족도를 창출하는 솔루션입니다. </p> </div> </div> <ul class="mbody"> <li> <a href="/ko/contact-center.html" tabindex="0">Contact Center<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/ko/experience-management.html" tabindex="0">Experience Management<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/ko/customer-interaction-management.html" tabindex="0">imimobile<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> </ul> </div> </div> <div class="col col-4 col-sm"> <div class="header_dropdownItem__2eX_2"> <div class="header_dropdownItemTop__3g0Q0"> <div class="header_dropdownItemTitle__3SOAl"> <h6> <div> 관리<span class="icon-open header_mobileArrow__2s7Bj" ></span> </div> </h6> </div> <div class="header_dropdownItemDesc__23wtb"> <p class="sbody color-boulder"> 엔터프라이즈급 보안을 통해 Webex를 관리할 수 있습니다. </p> </div> </div> <ul class="mbody"> <li> <a href="/ko/control-hub.html" tabindex="0">Control Hub<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/ko/security.html" tabindex="0">보안<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </ul> </li> <li class="header_menuItem__cnNBL">  <a href="https://pricing.webex.com/kr/ko/">가격</a> </li> <li class="header_menuItem__cnNBL">  <a href="/ko/collaboration-devices.html">디바이스</a> </li> <li class="header_menuItem__cnNBL header_menuItemHasChildren__bCODH"> <a href="javascript:void(0);" data-toggle="sub-menu">솔루션 <i class="icon-open header_expand__1bvc0"></i ></a> <ul class="header_subMenu__WoVAg bg-white gradient-blurple-desktop"> <div class="header_dropdownMenu__3DtqE"> <div class="container"> <div class="grid solutions-grid"> <div class="col col-6 col-sm"> <div class="grid header_solutionLeft__2XR9c"> <div class="col col-12 col-sm"> <div class="header_solutionLinkList__3Jujs"> <div class="header_solutionListTitle__2EOGR"> <h6>산업</h6> </div> <ul class="header_solutionList__3yIOq"> <li> <a href="/ko/industries/education.html" tabindex="0">교육<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/ko/industries/healthcare.html" tabindex="0">의료<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/ko/industries/government.html" tabindex="0">정부<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/ko/industries/financial-services.html" tabindex="0">재무<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/ko/industries/sports-entertainment.html" tabindex="0">스포츠 및 엔터테인먼트<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/ko/industries/start-ups.html" tabindex="0">스타트업<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> </ul> </div> </div> </div> </div> <div class="col col-6 col-sm hybrid-work-container"> <a href="/ko/hybrid-work.html" taborder="0" class="grid header_solutionCard__XQC9y"> <div class="col col-6 col-sm header_solutionCardLeft__2Z7Pk"> <div class="header_solutionCardTitle__1G5NW"> <h6> 하이브리드 업무<span class="icon-open header_mobileArrow__2s7Bj" ></span> </h6> </div> <div class="header_solutionCardDesc__20YXZ"> <p class="sbody color-boulder"> Webex는 일하는 장소가 아닌 내가 하는 일이 중심이 되는 새로운 협업 방식을 제공합니다. </p> </div> <div class="header_solutionCta__2JiaQ"> <span class="fw-medium color-salem" >더 알아보기<span class="icon-arrow"></span ></span> </div> </div> <div class=" col col-6 col-sm header_solutionCardRight__q1GZM inherit-width " > <div class="header_solutionCardImageBig__2P0uY"> <img src="/content/dam/wbx/us/images/rebrand/nav-footer/c92af18cf37e21677f4e2f 8.jpg" alt="장치 이미지"/> </div> </div> </a> </div> </div> </div> </div> </ul> </li> <li class="header_menuItem__cnNBL header_menuItemHasChildren__bCODH"> <a href="javascript:void(0);" data-toggle="sub-menu">리소스 <i class="icon-open header_expand__1bvc0"></i ></a> <ul class="header_subMenu__WoVAg bg-white gradient-blurple-desktop"> <div class="header_dropdownMenu__3DtqE"> <div class="container"> <div class="grid"> <div class="col col-6 col-sm"> <div class="grid header_solutionLeft__2XR9c"> <div class="col col-6 col-sm"> <div class="header_solutionLinkList__3Jujs"> <div class="header_solutionListTitle__2EOGR"> <h6>왜 Webex인가</h6> </div> <ul class="header_solutionList__3yIOq"> <li> <a href="/ko/inclusive-collaboration.html" tabindex="0">포용성<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/ko/accessibility.html" tabindex="0">접근성<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/ko/security.html" tabindex="0">보안<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="https://explore.webex.com/eventsforwebex_ko/" tabindex="0">통합<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> </ul> </div> </div> <div class="col col-6 col-sm"> <div class="header_solutionLinkList__3Jujs"> <div class="header_solutionListTitle__2EOGR"> <h6>알아보기</h6> </div> <ul class="header_solutionList__3yIOq"> <li> <a href="https://help.webex.com/ko-KR" target="_blank" tabindex="0" rel="noopener">제품 도움말<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> </ul> </div> </div> </div> </div> <div class="col col-6 col-sm"> <a href="/ko/products/integrations/index.html" tabindex="0" class="grid header_solutionCard__XQC9y"> <div class="col col-8 col-sm header_solutionCardLeft__2Z7Pk"> <div class="header_solutionCardTitle__1G5NW"> <h6> 통합<span class="icon-open header_mobileArrow__2s7Bj"></span> </h6> </div> <div class="header_solutionCardDesc__20YXZ"> <p class="sbody color-boulder"> 매일 즐겨 사용하는 앱과 <br /> 통합할 수 있습니다. </p> </div> <div class="header_solutionCta__2JiaQ"> <span class="fw-medium color-salem" >더 알아보기<span class="icon-arrow"></span ></span> </div> </div> <div class=" col col-4 col-sm header_solutionCardRight__q1GZM inherit-width " > <div class="header_solutionCardImageSmall__3YV7D"> <img src="/content/dam/wbx/us/images/rebrand/nav-footer/navi.jpg" alt="장치 이미지"/> </div> </div> </a> <a href="https://blog.webex.com/ko/" rel="noopener" target="_blank" tabindex="0" class="grid header_solutionCard__XQC9y"> <div class="col col-8 col-sm header_solutionCardLeft__2Z7Pk"> <div class="header_solutionCardTitle__1G5NW"> <h6> Webex Blog<span class="icon-open header_mobileArrow__2s7Bj" ></span> </h6> </div> <div class="header_solutionCardDesc__20YXZ"> <p class="sbody color-boulder"> 새로운 소식, 팁, 비결 등 <br /> 다양한 정보를 확인하세요. </p> </div> <div class="header_solutionCta__2JiaQ"> <span class="fw-medium color-salem" >더 알아보기<span class="icon-arrow"></span ></span> </div> </div> <div class=" col col-4 col-sm header_solutionCardRight__q1GZM inherit-width " > <div class="header_solutionCardImageSmall__3YV7D"> <img src="/content/dam/wbx/us/images/rebrand/nav-footer/c92af18cf37e21677f4e2f 81.jpg" alt="장치 이미지"/> </div> </div> </a> </div> </div> </div> </div> </ul> </li> </ul> <ul class="header_menu__TYJcK header_secondMenu__XWyEm"> <li class="header_menuItem__cnNBL header_mobileBtn__3w30I"> <a href="/ko/downloads.html">다운로드</a> </li> <li class="header_menuItem__cnNBL"> <a href="https://signin.webex.com/join">미팅 참가</a> </li> <li class="header_menuItem__cnNBL header_mobileBtn__3w30I"> <a href="https://help.webex.com/ko-KR/contact" target="_blank" rel="noopener">고객 지원</a> </li> <li class=" header_menuItem__cnNBL header_menuItemHasChildren__bCODH header_signInCta__1-t4e " > <a href="https://signin.webex.com" id="signInButton" class="header_lastItem__2ID7v">로그인</a> <script> function checkCookie() { // If user has unified cookie, send to web unified. if ($.cookie('webex-app-preference-unified')) { return true; } return false; } function getUnifiedCookie() { return $.cookie('webex-app-preference-unified'); } if (checkCookie()) { document.getElementById('signInButton').href = 'https://web.webex.com?autosignin=' + getUnifiedCookie(); } </script> </li> <li class="header_menuItem__cnNBL header_deskBtn__RKPYF"> <a class="no-border" rel="noopener" href="https://signup.webex.com/sign-up?locale=ko-kr" target="_blank"><button class="btn header_navbarButton__3nH08"> 무료로 시작하기 </button></a> </li> </ul> </nav> </div> </div> </section> </header> </div> </div> <style> /* fix tab layout */ a.js-tab-focus { outline: #80cdf1 solid 2px !important; outline-offset: 1px !important; } /* fix images with incorrect aspect ratio */ @media (min-width: 1025px) { .header_dropdownMenu__3DtqE .header_deviceCard__15ArY img { width: auto; } } @media (max-width: 1024px) { .header_headerWrapper__30NyQ .header_header__12jgZ .header_wrapper__OpVK9 .header_wrapperInner__2aEot .header_navbar__2vIOU .header_menu__TYJcK > .header_menuItem__cnNBL > .header_subMenu__WoVAg .header_dropdownMenu__3DtqE .header_deviceCard__15ArY { height: 25.5vw; } .header_headerWrapper__30NyQ .header_header__12jgZ .header_wrapper__OpVK9 .header_wrapperInner__2aEot .header_navbar__2vIOU .header_menu__TYJcK > .header_menuItem__cnNBL > .header_subMenu__WoVAg .header_dropdownMenu__3DtqE .header_deviceCard__15ArY img { height: auto !important; } } /* fix ONL-13999 */ @media (max-width: 1024px) { .header_headerWrapper__30NyQ .header_header__12jgZ .header_wrapper__OpVK9 { position: relative; z-index: 3; } .header_headerWrapper__30NyQ .header_header__12jgZ .header_closeDiv__ZBNqn .header_closedMenu__LcJ3R .icon-close { color: #000; } } </style> </div> </div> </div> <div class="wbx-content"> <div class="open-html-component section"> <style> /* for dark bg hero */ @media (min-width: 992px) { #wbx-header .wbx-header-menu .wbx-header-brand .wbx-header-brand-icon { background-image: url(/content/dam/wbx/us/images/hp/header/logo-webex-white.png); } #wbx-header .wbx-header-menu .wbx-header-menu-list .wbx-header-menu-list-item.wbx-header-search .wbx-header-search-icon { background-image: url(/content/dam/wbx/us/images/hp/hp_56565/search_white.svg); } #wbx-header .wbx-header-menu .wbx-header-menu-list .wbx-header-menu-list-item a, #wbx-header .wbx-header-menu .wbx-header-menu-list .wbx-header-menu-list-item.wbx-header-help-center .wbx-header-popup-menu.collapsed .wbx-header-popup-toggle, #wbx-header .wbx-header-menu .wbx-header-menu-list .wbx-header-menu-list-item.wbx-header-products .wbx-header-popup-menu.collapsed .wbx-header-popup-toggle, #wbx-header .wbx-header-menu .wbx-header-menu-list .wbx-header-menu-list-item.wbx-header-resource .wbx-header-popup-menu.collapsed .wbx-header-popup-toggle, #wbx-header .wbx-header-menu .wbx-header-menu-list .wbx-header-menu-list-item.wbx-header-learn .wbx-header-popup-menu.collapsed .wbx-header-popup-toggle, #wbx-header .wbx-header-menu .wbx-header-menu-list .wbx-header-menu-list-item.wbx-header-signin .wbx-header-popup-menu.collapsed .wbx-header-popup-toggle { color: #fff; } } @media (max-width: 991px) { #wbx-header .wbx-header-menu.collapsed .wbx-header-brand .wbx-header-brand-icon { background-image: url(/content/dam/wbx/us/images/hp/header/logo-webex-white.png); } #wbx-header .wbx-header-menu.collapsed .wbx-header-brand .hamburger .hamburger-bun { background: #fff; } } /* for dark bg hero end */ @font-face { font-family: Cheltenham; font-weight: 300; font-style: normal; color: #000; src: url(/content/dam/wbx/us/images/hp/hp_74969/fonts/CheltenhamStd-Light.woff2) format('woff2'), url(/content/dam/wbx/us/images/hp/hp_74969/fonts/CheltenhamStd-Light.woff); } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 400; margin: 0; } h1, .h1 { font-size: 52px; line-height: 62px; } h2, .h2 { font-size: 48px; line-height: 56px; } h3, .h3 { font-size: 36px; line-height: 48px; } h4, .h4 { font-size: 24px; line-height: 34px; } h5, .h5 { font-size: 18px; line-height: 28px; } h6, .h6 { font-size: 16px; line-height: 26px; } .bold { font-weight: 500; } .regular { font-weight: 400; } .light { font-weight: 300; } .extra_l { font-weight: 200; } .desc { font-size: 16px; line-height: 26px } .caption { font-size: 18px; line-height: 28px; letter-spacing: 2px; text-transform: uppercase; color: #4592FD !important; margin-top: -5px; margin-bottom: -5px; } @media (max-width: 991px) { h1, .h1 { font-size: 36px; line-height: 48px; } h2, .h2 { font-size: 28px; line-height: 32px; } .caption { font-size: 14px; margin-top: -7px; margin-bottom: -7px; } } @media (max-width: 767px) { h2, .h2 { font-size: 26px; line-height: 28px; } .caption { font-size: 12px; margin-top: -8px; margin-bottom: -8px; } } .hp-cont * { color: inherit; font-family: 'CiscoSansTT', Arial, Helvetica, Sans-serif; } .hp-cont a { text-decoration: none; outline: none; } .hp-cont ul { margin: 0; padding: 0; list-style: none; } .hp-cont img { max-width: 100%; } a.wbx_link { font-weight: 400; font-size: 16px; line-height: 20px; display: inline-block; border-bottom: 1px solid #fff; } a.wbx_link:hover { color: inherit; border-color: transparent; } a.wbx_btn { min-width: 185px; height: 56px; font-weight: 400; font-size: 16px; line-height: 56px; text-align: center; color: #000; background: #fff; border-radius: 50px; display: inline-block; padding: 0 25px; } a.wbx_btn:hover { color: #000; background: #D7D7D7; } a.wbx_btn.btn_sm { min-width: 151px; height: 45px; line-height: 45px; } a.btn_trans { color: #fff; background: transparent; border: 1px solid #fff; } a.btn_trans:hover { color: #000; background: #fff; } a.btn_trans_black { color: #000; background: transparent; border: 1px solid #000; } a.btn_trans_black:hover { color: #fff; background: #000; } .wbx_btn_block .wbx_btn:not(:first-child) { margin-left: 5px; } .wbx_btn_block .wbx_link:not(:first-child) { margin-left: 30px; } @media (max-width: 991px) { a.wbx_btn { min-width: 177px; height: 46px; line-height: 46px; } a.wbx_btn.btn_sm { min-width: 151px; height: 39px; line-height: 39px; } } @media (max-width: 767px) { .wbx_btn_block { display: flex; flex-direction: column; align-items: center; } .wbx_btn_block .wbx_btn:not(:first-child), .wbx_btn_block .wbx_link:not(:first-child) { margin: 15px 0 0; } } .hp-cont { font-weight: 200; font-size: 18px; line-height: 28px; color: #fff; background: #000; overflow: hidden; } .hp-cont section { padding-top: 100px; padding-bottom: 100px; } .hp-cont .wrapper { margin: 0 auto; position: relative; } .hp-cont .wrapper.center { display: flex; flex-direction: column; align-items: center; } .hp-cont .wrapper.center > * { text-align: center; } @media (min-width: 992px) { .hp-cont .wrapper { width: 90%; max-width: 1480px; } } @media (max-width: 1439px) and (min-width: 1280px) { .hp-cont .wrapper { width: 92%; } } @media (max-width: 1279px) and (min-width: 992px) { .hp-cont .wrapper { width: 96%; } } @media (max-width: 991px) { .hp-cont section { padding-top: 80px; padding-bottom: 80px; } .hp-cont .wrapper { width: 92%; max-width: 691px; max-width: 770px; } } @media (max-width: 767px) { .hp-cont section { padding-top: 50px; padding-bottom: 50px; } .hp-cont .wrapper { width: 92%; max-width: 380px; max-width: 600px; } } </style> <style> /***** hero section *****/ .sec-hero .col-text *, .sec-hero .col-img { text-align: center; } @media (min-width: 992px) { .sec-hero .col-text { padding-top: 80px; padding-bottom: 100px; } .sec-hero .title { margin-top: 32px; margin-bottom: 15px; } .sec-hero .hero-desc { max-width: 700px; margin-bottom: 36px; } .sec-hero .col-img img { margin-top: -3px; margin-bottom: -4px; } } @media (max-width: 991px) and (min-width: 768px) { .sec-hero .col-text { padding-top: 40px; padding-bottom: 60px; } .sec-hero .title { margin-top: 11px; margin-bottom: 6px; } .sec-hero .hero-desc { max-width: 490px; font-size: 18px; line-height: 22px; margin-bottom: 38px; } } @media (max-width: 767px) { .sec-hero .col-text { padding-top: 82px; padding-bottom: 60px; } .sec-hero .title { margin-top: 11px; margin-bottom: 4px; } .sec-hero .hero-desc { max-width: 100%; font-size: 16px; line-height: 20px; margin-bottom: 37px; } } /***** hero section end *****/ /***** 10X experience section *****/ section.sec-experience { background: #191919; } ul.expe-list { list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between; } @media (min-width: 992px) { section.sec-experience { padding-top: 84px; } .expe-img { width: 398px; height: 256px; margin-bottom: 45px; } .sec-experience .title { max-width: 630px; } ul.expe-list { max-width: 1000px; margin-top: 14px; margin-bottom: 95px; } ul.expe-list li { width: 40%; margin-top: 76px; } ul.expe-list li div { height: 36px; } ul.expe-list li h4 { margin-top: 40px; margin-bottom: 15px; } } @media (max-width: 991px) { section.sec-experience { padding-top: 40px; padding-bottom: 40px; } .expe-img { width: 192px; height: 124px; margin-bottom: 10px; } .sec-experience .title { max-width: 360px; } ul.expe-list { max-width: 660px; margin-top: 0px; margin-bottom: 45px; } ul.expe-list li { width: 44%; margin-top: 40px; } ul.expe-list li div { height: 30px; } ul.expe-list li h4 { font-size: 18px; line-height: 28px; margin-top: 18px; } ul.expe-list li p { font-size: 14px; line-height: 16px; } } @media (max-width: 767px) { section.sec-experience { padding-top: 18px; padding-bottom: 60px; } .expe-img { margin-bottom: 2px; } .sec-experience .title { max-width: 340px; } ul.expe-list { max-width: 320px; margin-bottom: 40px; } ul.expe-list li { width: 100%; } ul.expe-list li div { height: auto; } ul.expe-list li h4 { margin-top: 8px; margin-bottom: 3px; } } /***** 10X experience section end *****/ /***** partner section *****/ ul.partner-list { text-align: center; list-style: none; display: flex; align-items: center; justify-content: center; } @media (min-width: 992px) { section.sec-partners { padding-bottom: 120px; } ul.partner-list { margin-top: 80px; } ul.partner-list li { margin: 0 20px; } } @media (max-width: 991px) and (min-width: 768px) { section.sec-partners { padding-top: 80px; padding-bottom: 105px; } ul.partner-list { width: 750px; margin-top: 40px; } ul.partner-list li { margin: 0 14px; } } @media (max-width: 767px) { section.sec-partners { padding-top: 40px; padding-bottom: 60px; } ul.partner-list { max-width: 500px; margin-top: 25px; margin-bottom: 5px; flex-wrap: wrap; } ul.partner-list li { width: 15%; margin: 20px 3% 0; } ul.partner-list li:nth-child(1), ul.partner-list li:nth-child(2), ul.partner-list li:nth-child(7) { width: 25%; } ul.partner-list li:nth-child(4) { width: 20%; } } /***** partner section end *****/ /***** feature section *****/ section.sec-features { padding: 0; } .f-wrapper { max-height: 714px; position: relative; } ul.f-list { display: flex; flex-direction: column; align-items: center; } ul.f-list li { opacity: 0.2; } ul.f-list li.active { opacity: 1; } ul.f-list li:before { content: ''; } ul.f-list li h4 { font-weight: 400; font-size: 32px; line-height: 36px; margin-bottom: 20px; } ul.f-list li p { font-weight: 300; font-size: 16px; line-height: 25px; } .sec-features .note { font-size: 12px; line-height: 14px; color: #C6C6C6; background: #000; margin: 0 auto; position: absolute; bottom: 0; } @media (min-width: 768px) { ul.scroll-bar { width: 6px; height: 100%; max-height: 630px; position: absolute; left: calc(12% - 100px); transform: translateY(-50%); top: 50%; } ul.scroll-bar li { width: 6px; height: calc(100%/9); background: #4d94ff; opacity: 0.5; } ul.scroll-bar li.active { opacity: 1; } .f-wrapper .col-img { width: 100%; text-align: right; } .f-wrapper .col-text { width: 100%; height: 100%; max-height: 630px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -ms-overflow-style: none; scrollbar-width: none; overflow-y: scroll; } .f-wrapper .col-text::-webkit-scrollbar { display: none; } ul.f-list { padding-top: 13%; padding-bottom: 13%; } ul.f-list li:last-child { margin-bottom: 0; } } @media (min-width: 992px) { .sec-features .title { max-width: 520px; margin-bottom: 115px; } .f-wrapper .col-img img { width: 43.5%; } ul.f-list { width: 56.5%; } ul.f-list li { max-width: 400px; margin-bottom: 62px; } .sec-features .note { width: 400px; padding-top: 50px; left: calc(28% - 200px); } } @media (max-width: 991px) and (min-width: 768px) { .sec-features .title { max-width: 270px; margin-bottom: 52px; } ul.scroll-bar { left: calc(12.5% - 62.5px); left: 34px; } .f-wrapper .col-img img, ul.f-list { width: 50%; } ul.f-list li { max-width: 250px; margin-bottom: 30px; } ul.f-list li h4 { font-size: 18px; line-height: 24px; margin-bottom: 8px; } ul.f-list li p { font-size: 14px; line-height: 18px; } .sec-features .note { width: 300px; padding-top: 35px; left: calc(25% - 125px); } } @media (max-width: 767px) { .sec-features .title { margin-bottom: 58px; } .f-wrapper { display: flex; flex-direction: column-reverse; } .f-wrapper .col-img { width: 100%; max-width: 660px; margin: 0 auto; } .f-wrapper .col-img img { width: 145%; max-width: none; margin-left: -23.5%; margin-top: -6.4%; margin-bottom: -32.5%; } .f-wrapper .col-text { width: 88%; max-width: 350px; padding-top: 60px; padding-bottom: 70px; margin: 0 auto; position: relative; } ul.f-list { width: 3015px; flex-direction: row; align-items: start; } ul.f-list li { max-width: 280px; margin-right: 55px; } ul.f-list li h4 { font-size: 26px; line-height: 28px; margin-bottom: 10px; } ul.f-list li p { font-size: 14px; line-height: 16px; } .sec-features .note { width: 88%; max-width: 350px; bottom: 40px; left: 0; right: 0; } .features-control { width: 100%; height: 27px; text-align: center; position: absolute; bottom: 0; } .features-control > a { width: 27px; height: 27px; display: inline-block; background-size: cover; background-position: center; margin: 0 7px; opacity: 1; } .features-control > a.disabled { opacity: 0.4; } .feature-prev { background-image: url(/content/dam/wbx/us/images/hp/webexone/arrow-circle-left.png); } .feature-next { background-image: url(/content/dam/wbx/us/images/hp/webexone/arrow-circle-right.png); } } /***** feature section end *****/ /***** integration section *****/ .i-col-wrapper { position: relative; } .i-logos-outer { overflow: hidden; } ul.i-logos-list { display: flex; position: relative; z-index: 1; } ul.i-logos-list li img { max-width: 100%; } .i-logos-control { width: 116%; height: 100%; display: flex; align-items: center; position: absolute; left: -8%; top: 0; } .i-logos-control > a { position: absolute; opacity: 1; } .i-logos-control > a.disabled { opacity: 0.4; } .logo-prev { left: 0; } .logo-next { right: 0; } @media (min-width: 992px) { section.sec-integration { padding-top: 140px; padding-bottom: 140px; } .sec-integration .title { max-width: 420px; margin-top: -5px; margin-bottom: -10px; } .i-col-wrapper { margin-top: 140px; margin-bottom: 100px; } .i-logos-outer { width: 1190px; } ul.i-logos-list { width: 2380px; } ul.i-logos-list li { width: 208px; height: 208px; margin: 0 15px; } } @media (max-width: 1540px) and (min-width: 992px) { .i-logos-control { width: 110%; left: -5%; } } @media (max-width: 1400px) and (min-width: 992px) { .i-logos-outer { width: 850px; } ul.i-logos-list { width: 1700px; } ul.i-logos-list li { width: 150px; height: 150px; margin: 0 10px; } } @media (max-width: 991px) and (min-width: 768px) { section.sec-integration { padding-top: 60px; padding-bottom: 60px; } .sec-integration .title { max-width: 250px; margin-top: -4px; margin-bottom: -10px; } .i-col-wrapper { margin-top: 35px; margin-bottom: 35px; } .i-logos-outer { width: 650px; } ul.i-logos-list { width: 1300px; } ul.i-logos-list li { width: 114px; height: 114px; margin: 0 8px; } .i-logos-control { width: 112%; left: -6%; } } @media (max-width: 767px) { section.sec-integration { padding-top: 60px; padding-bottom: 60px; } .sec-integration .title { max-width: 250px; margin-top: 0; margin-bottom: 0px; } .i-col-wrapper { margin-top: 40px; margin-bottom: 40px; } .i-logos-outer { width: 288px; } ul.i-logos-list { width: 960px; } ul.i-logos-list li { width: 84px; height: 84px; margin: 0 6px; } } /***** integration section end *****/ /***** cases section *****/ section.sec-cases { padding: 0; } .sec-cases div.carousel { margin: 0; } .case-col-wrapper .col-img img { max-width: 100%; } .carousel-item:nth-child(3) .case-col-wrapper .logo img { margin: -10% -2%; } .carousel-item:nth-child(4) .case-col-wrapper .logo img { margin: 0 -4%; } .case-col-wrapper .col-text { display: flex; flex-direction: column; justify-content: center; align-items: center; } .sec-cases .carousel-indicators li { width: 14px; background: transparent; border: 1px solid #fff; border-radius: 2px; margin-right: 2px; margin-left: 2px; } .sec-cases .carousel-indicators li.active { background: #fff; } @media (min-width: 768px) { .case-col-wrapper { display: flex; } .case-col-wrapper .col-img, .case-col-wrapper .col-text { width: 50%; } .case-col-wrapper .col-text > * { width: 54%; } .case-col-wrapper .col-text .copy { font-size: 24px; line-height: 36px; letter-spacing: -0.015em; margin-top: 30px; margin-bottom: 30px; } .sec-cases .carousel-indicators { width: 76px; bottom: 7%; margin-left: 61.5%; } } @media (max-width: 1280px) and (min-width: 992px) { .case-col-wrapper .col-text > * { width: 60%; } .sec-cases .carousel-indicators { margin-left: 60%; } } @media (max-width: 991px) and (min-width: 768px) { .case-col-wrapper .col-text .copy { font-size: 14px; line-height: 20px; } } @media (max-width: 767px) { .case-col-wrapper .col-text { padding-top: 60px; padding-bottom: 100px; } .case-col-wrapper .col-text .copy { max-width: 320px; font-size: 14px; line-height: 20px; text-align: center; margin-top: 40px; } .sec-cases .carousel-indicators { bottom: 10px; } } /***** cases section end *****/ /***** device section *****/ section.sec-devices { color: #000; background: #fff; } .sec-devices .wrapper { max-width: 1728px; background: #f0f1f5; } .sec-devices * { text-align: center; } @media (min-width: 768px) { .sec-devices .wrapper { display: flex; align-items: center; } .sec-devices .col-text, .sec-devices .col-img { width: 50%; } } @media (min-width: 992px) { section.sec-devices { padding-top: 64px; padding-bottom: 64px; } .sec-devices .title { margin-bottom: 36px; } .sec-devices .col-img { padding-top: 100px; padding-bottom: 100px; } } @media (max-width: 991px) and (min-width: 768px) { section.sec-devices { padding-top: 50px; padding-bottom: 50px; } .sec-devices .title { margin-bottom: 22px; } } @media (max-width: 767px) { section.sec-devices { padding-top: 40px; padding-bottom: 40px; } .sec-devices .wrapper { padding-top: 60px; } .sec-devices .title { font-size: 32px; line-height: 36px; letter-spacing: -1px; margin-top: -4px; margin-bottom: 30px; } .sec-devices .col-img { padding-top: 18px; padding-bottom: 18px; } } /***** device section end *****/ /***** start section *****/ section.sec-start { background: #fff; padding: 0; margin-bottom: 60px; position: relative; } .sec-start .wrapper { max-width: 1728px; background-image: url(/content/dam/wbx/us/images/hp/webexone/start_bg.jpg); background-position: center; background-size: cover; border-radius: 6px; z-index: 1; } .sec-start::after { content: ''; width: 100%; height: 230px; display: block; background: #000; position: absolute; bottom: 0; z-index: 0; } @media (min-width: 992px) { .sec-start .wrapper { padding-top: 155px; padding-bottom: 120px; } .sec-start p { margin-top: 14px; margin-bottom: 50px; } } @media (max-width: 991px) and (min-width: 768px) { .sec-start::after { height: 120px; } .sec-start .wrapper { padding-top: 55px; padding-bottom: 50px; } .sec-start p { font-size: 14px; line-height: 18px; margin-top: 5px; margin-bottom: 25px; } } @media (max-width: 767px) { .sec-start::after { height: 180px; } .sec-start .wrapper { padding-top: 60px; padding-bottom: 60px; } .sec-start .title { max-width: 250px; font-size: 32px; line-height: 36px; letter-spacing: -1px; margin-top: -2px; margin-bottom: -4px; } .sec-start p { max-width: 220px; font-size: 14px; line-height: 18px; margin-top: 20px; margin-bottom: 40px; } } /***** start section end *****/ </style></div> <div class="open-html-component section">  <div id="forFloatBanner" class="bg-black"> <style> .header_light__2HLwE #forFloatBanner.bg-black { background: #FFFFFF; } #floatBanner { width: 87vw; height: 100px; background: #212121; border-radius: 30px; margin: 0 auto; position: relative; display: none; } .f-b-bg { width: 100%; height: 100%; border-radius: 30px; position: absolute !important; } .f-b-bg.gradient-bl-green::before {transform: scaleX(2) scaleY(-2);} .f-b-close { width: 20px; height: 20px; display: block; cursor: pointer; transition: .5s; position: absolute; right: 36px; top: 38px; z-index: 2; } .f-b-close:hover { transform: scale(1.18); } .f-b-close .hamburger-bun { width: 20px; height: 2px; background: #fff; border-radius: 20px; display: block; margin-top: 4px; transform: rotate(135deg); transition: all 200ms ease-in-out; } .f-b-close .hamburger-bun:first-child { margin-bottom: 0; position: relative; top: 6px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .f-b-body { height: 100%; display: flex; align-items: center; padding-right: 70px; position: relative; z-index: 1; } .f-b-img { width: auto; height: 100%; border-radius: 30px 0 0 30px; margin-left: -2px; } .f-b-title { font-size: 15px; line-height: 20px; letter-spacing: -0.01em; color: #FFFFFF; font-weight: 300; margin-left: 40px; } a.f-b-link { color: #078855; font-weight: 400; border-bottom: 1px solid transparent; } a.f-b-link:hover { border-bottom: 1px solid #078855; } a.f-b-link span.icon-arrow { position: relative; top: 2px; } a.f-b-btn { height: 40px; line-height: 40px; font-weight: 400; color: #191919; background: #FFF; border-radius: 50px; transition: all .6s cubic-bezier(.19,1,.22,1); display: inline-block; margin-left: 10px; padding: 0 18px; } a.f-b-btn:hover { background: #078855; color: #fff; } @media (min-width: 1025px) { .withFloatBanner.wx-wrapper.page-wrapper { padding-top: calc(229px + .1vw); } } @media (max-width: 1745px) and (min-width: 1025px) { .withFloatBanner.wx-wrapper.page-wrapper .homepage-intro_gridWrapper__KQapH { align-items: flex-end; } } @media (max-width: 1024px) { .withFloatBanner.wx-wrapper.page-wrapper { padding-top: calc(12vw + 240px); } #floatBanner { width: 90vw; height: auto; border-radius: 20px; } .f-b-bg { border-radius: 20px; } .f-b-close { right: 20px; top: 20px; } .f-b-body { display: block; padding: 20px 50px 18px 20px; } .f-b-img { width: 100px; border-radius: 10px;margin-bottom: 15px; } .f-b-title { font-size: 12px; line-height: 16px; margin: 0;} a.f-b-link { display: inline-block; } a.f-b-btn { margin: 0 0 6px 0; } } </style> <div id="floatBanner"> <div class="f-b-bg gradient-bl-green"></div> <a class="f-b-close"> <span class="hamburger-bun"></span> <span class="hamburger-bun"></span> </a> <div class="f-b-body"> <img class="f-b-img" src="/content/dam/wbx/us/images/rebrand/nav-footer/floatie.jpg" alt="장치 이미지"/> <div class="f-b-title">한국어로 진행되는 이벤트 및 콘텐츠를 찾고 계신가요? 마케팅 이벤트 및 콘텐츠 허브 페이지에 방문해보세요!  <br class="hidden-lg"><br class="hidden-lg"><a href="https://explore.webex.com/eventsforwebex_ko/" class="f-b-link" data-click-id="global-nav_blue-banner-CTA">바로가기 <span class="icon-arrow"></span></a> </div> </div> </div> <script> $(document).ready(function () { $('.header_header__12jgZ').append($('#forFloatBanner')); $('.wx-wrapper.page-wrapper').addClass('withFloatBanner'); $('#floatBanner').show(); $('.f-b-close').bind('click', function () { $('#floatBanner').remove(); $('.wx-wrapper.page-wrapper').removeClass('withFloatBanner'); }) }); </script> </div>  <link rel="stylesheet" type="text/css" href="/content/dam/wbx/us/images/rebrand/wx-module-temp.css"> <script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>  <style> /* fix for header.css */ /* .bg-white { background-color: #fff !important; } */ .featured-case-study_blogCard__20k0V:hover a { background-color: #078855 !important; color: #fff; } .featured-case-study_blogCard__20k0V a:hover .bg-white { /* background-color: inherit !important; */ background: -webkit-gradient(linear, left bottom, left top, from(rgba(32, 236, 155, .3)), to(rgba(32, 236, 155, .3))), #078855 !important; background: -webkit-linear-gradient(bottom, rgba(32, 236, 155, .3), rgba(32, 236, 155, .3)), #078855 !important; background: linear-gradient(0deg, rgba(32, 236, 155, .3), rgba(32, 236, 155, .3)), #078855 !important; background-color: rgb(7, 136, 85); } </style> <main> <section class="wx-wrapper page-wrapper"> <section class="homepage-intro_homepageIntro__nTgKv homepage-intro_module__2j6H6 bg-black hide-header color-white" data-navbar-target="true"> <section class="" data-images-loaded-class="undefined"> <div class="scroll-sequence__content"> <div class="container"> <div class="grid grid-between homepage-intro_gridWrapper__KQapH"> <div class="col col-7 col-sm"> <h2 class="h2 " role="heading" aria-level="2"><span>모두를 위한 단 하나의 앱.</span></h2> </div> <div class="col col-4 col-bottom col-sm "> <div class="homepage-intro_descriptionBox__2pTL9"><span>규모와 상관없이 모든 팀을 위한 클라우드 콜링, 미팅, 메시징, 이벤트 앱.</span> </div> <div class="homepage-intro_buttonWrap__1GReO hidden-sm"> <a href="https://pricing.webex.com/kr/ko/" data-click-id="plans-pricing-primary-CTA-kr-ko" class="homepage-intro_btn__29wGP btn btn-primary">요금제 및 가격<span class="icon-arrow"></span></a> <a href="/ko/contact-sales.html" class="homepage-intro_btn__29wGP btn btn-secondary-light">문의하기 <span class="icon-arrow"></span></a></div> </div> </div> </div> </div> <div class="homepage-intro_videoWrapper__BWeOA grid grid-around hidden-sm"> <video id="homepage-intro_videoId__2545R" class="homepage-intro_video___WTjA" muted="" preload="auto" playsInline="" poster="/content/dam/wbx/us/images/rebrand/hero-images/homepage_poster.jpeg" width="100%" height="auto"> <source src="/content/dam/wbx/us/images/rebrand/hero-videos/webex_homepage_hero.mp4" type="video/mp4"> <img src="/content/dam/wbx/us/images/rebrand/Home-Fallback-V2-16_9.png" title="사용하고 계신 브라우저는 <비디오> 태그를 지원하지 않습니다" alt=""/> </source></video> </div> <div class="mobile-cover undefined block-sm"><img src="/content/dam/wbx/us/images/rebrand/hero-images/webex_homepage_hero_image_mobile.png" class="img100p" alt="모든 업무, 모든 사람을 위한 하나의 앱."/> <div class="container homepage-intro_mobileBtn__3ZYPI"> <div class="homepage-intro_buttonWrap__1GReO"> <a href="https://pricing.webex.com/kr/ko/" data-click-id="plans-pricing-primary-CTA-kr-ko" class="homepage-intro_btn__29wGP btn btn-primary">요금제 및 가격 <span class="icon-arrow"></span></a> <a href="/ko/contact-sales.html" class="homepage-intro_btn__29wGP btn btn-secondary-light">문의하기 <span class="icon-arrow"></span></a></div> </div> </div> </section> </section> <script> const navbarTarget = true; const moduleClass = "bg-black hide-header"; const title = "One app for everything. And everyone. "; const description = "Calling, Meeting, and Messaging for teams large and small."; const mobileImage = "/hero-images/webex_homepage_hero_image_mobile.png"; const primaryCTA = "Start For Free <span class='icon-arrow'></span>"; const secondaryCTA = "Learn More <span class='icon-arrow'></span>"; const videoSrc = "/hero-videos/webex_homepage_hero.mp4"; const fallbackImage = "/Home-Fallback V2 16_9.png"; const posterImage = "/hero-images/homepage_poster.jpeg"; if (typeof window !== "undefined" && window.screen.width >= 1024) { videoxy = document.getElementById("homepage-intro_videoId__2545R"); videoRectanglexy = videoxy.getBoundingClientRect(); function getIntroBoundingRect() { videoRectanglexy = video.getBoundingClientRect(); } function doScrollStuff() { var scrollTop = window.pageYOffset || (document.documentElement || document.body.parentNode || document.body).scrollTop; if (scrollTop >= videoRectanglexy.top * 0.66) { videoxy.play(); // since video played once we no longer need listeners window.removeEventListener("scroll", doScrollStuff); window.removeEventListener("resize", getIntroBoundingRect); } } window.addEventListener("scroll", doScrollStuff); window.addEventListener("resize", getIntroBoundingRect); } </script> <section class="text-grid_module__3ArLH bg-black color-white" data-sticky-target="overview" data-navbar-target="true" data-module="text-grid"> <a name="overview-anchor" class="module-sticky-target"></a> <div class="container"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2" role="heading" aria-level="2"> <span>효율적으로 <br>협업합니다.</span> </h2> <span class="color-boulder fw-medium module-header_description__1Godp">Fortune 500대 기업의 95%가 신뢰하는 서비스입니다.</span> </div> </div> </div> <div class="text-grid_grid__vAiKx false"> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn"> <div class="text-grid_serviceWrapper__1-ZhJ text-grid_darkInner__fwsjS text-grid_noBorder__2oD-s"> <div class="text-grid_serviceInner__1atFM undefined"> <div class="text-grid_iconWrapper__1lpD_"> <div class="text-grid_gradientImage__1fhbv icon-gradient-orange" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/end-to-end-encryption-1_black.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/end-to-end-encryption-1_black.svg);"></div> </div> <span class="h5 fw-regular text-grid_serviceName__NvaKM">유연성</span><span class="mbody fw-regular text-grid_serviceText__17Ege">모든 업무 스타일, 역할 또는 기기에 적용할 수 있으므로 업무 시간, 위치, 방법을 선택할 수 있습니다. </span> </div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn"> <div class="text-grid_serviceWrapper__1-ZhJ text-grid_darkInner__fwsjS text-grid_noBorder__2oD-s"> <div class="text-grid_serviceInner__1atFM undefined"> <div class="text-grid_iconWrapper__1lpD_"> <div class=" text-grid_gradientImage__1fhbv icon-gradient-orange " style=" -webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/inclusivity_black.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/inclusivity_black.svg); "></div> </div> <span class="h5 fw-regular text-grid_serviceName__NvaKM">포용력</span><span class="mbody fw-regular text-grid_serviceText__17Ege">지리, 언어 또는 의사소통 방식에 관계없이 모든 사람에게 동등한 경험을 제공합니다.</span> </div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn"> <div class="text-grid_serviceWrapper__1-ZhJ text-grid_darkInner__fwsjS text-grid_noBorder__2oD-s"> <div class="text-grid_serviceInner__1atFM undefined"> <div class="text-grid_iconWrapper__1lpD_"> <div class=" text-grid_gradientImage__1fhbv icon-gradient-orange " style=" -webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/built-in-security_black.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/built-in-security_black.svg); "></div> </div> <span class="h5 fw-regular text-grid_serviceName__NvaKM">보안</span><span class="mbody fw-regular text-grid_serviceText__17Ege">기본적인 보안 및 개인 보호 기능을 통해 어디에서 작업하든 위협으로부터 보호할 수 있습니다.</span> </div> </div> </div> </div> </div> </section>  <style> .routing-banner_module__3A62U img { border-radius: 50%; } </style> <section class="routing-banner_module__3A62U bg-black color-white"> <div class="container"> <div class="grid grid-between br-30 routing-banner_gridContainer__Pd4Ej"> <div class="col col-1 col-sm"></div> <div class="col col-6 col-sm routing-banner_textCol__1lGIg"> <div class="routing-banner_innerContainer__3NYX8"> <div class="routing-banner_innerTextArea__3caUI"> <h3 class="h4 routing-banner_title__2Bz-2"> 새로운 업무 형태는 하이브리드입니다. </h3> <p class="fw-regular color-boulder routing-banner_description__tDWEa"> Webex는 사무실, 집, 그 외 어느 곳이든 일하는 장소가 아니라 진행하는 일이 중심이 되는 새로운 협업 방식을 제공합니다. </p> </div> <div class="routing-banner_btnContainer__v-kdr"> <a href="/ko/hybrid-work.html" class="btn hidden-sm btn-primary">더 알아보기 <span class="icon-arrow"></span></a><a href="/ko/hybrid-work.html" class="btn hidden-lg btn-secondary-light">더 알아보기</a> </div> </div> </div> <div class="col col-1 col-sm"></div> <div class="col col-3 col-sm routing-banner_imageCol__1iaQA"> <img src="/content/dam/wbx/us/images/rebrand/optimized/The-future-of-work-is-hybrid.jpg" alt="Webex를 통해 어디서나 쉽게 작업 가능" class="img100p"/> </div> <div class="col col-1 col-sm"></div> </div> </div> </section>  <style> .anchored-long-scroll_anchorWrapper__221G0 a.color-white.h5 { color: #fff !important; } .anchored-long-scroll_anchorWrapper__221G0 a.color-boulder.h5 { color: #767676 !important; } .h6.color-gray { color: #767676 !important; } @media (min-width: 240px) { .anchored-long-scroll_anchorWrapper__221G0 .anchored-long-scroll_anchorSticky__heeZr { top: 240px; } } </style> <section class="anchored-long-scroll_anchorWrapper__221G0"> <div class="container anchored-long-scroll_anchorSticky__heeZr"> <div class="grid"> <div class="col col-3"> <div> <ul> <li class="anchored-long-scroll_leftLinkBox__ro90Z"> <a class="h5 color-black" data-long-scroll-list="calling"> <div class="anchored-long-scroll_iconWrapper__2ddrc"> <div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/call_icon.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/call_icon.svg);"></div> </div> 통화 </a> </li> <li class="anchored-long-scroll_leftLinkBox__ro90Z"> <a class="h5 color-white color-boulder" data-long-scroll-list="meeting"> <div class="anchored-long-scroll_iconWrapper__2ddrc"> <div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Meeting.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Meeting.svg);"></div> </div> 미팅 </a> </li> <li class="anchored-long-scroll_leftLinkBox__ro90Z"> <a class="h5 color-black color-boulder" data-long-scroll-list="messaging"> <div class="anchored-long-scroll_iconWrapper__2ddrc"> <div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Messaging.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Messaging.svg);"></div> </div> 메시징 </a> </li> <li class="anchored-long-scroll_leftLinkBox__ro90Z"> <a class="h5 color-black color-boulder" data-long-scroll-list="polling"> <div class="anchored-long-scroll_iconWrapper__2ddrc"> <div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Polling-big.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Polling-big.svg);"></div> </div> 설문조사 </a> </li> <li class="anchored-long-scroll_leftLinkBox__ro90Z"> <a class="h5 color-white color-boulder" data-long-scroll-list="events"> <div class="anchored-long-scroll_iconWrapper__2ddrc"> <div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Events.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Events.svg);"></div> </div> 이벤트 </a> </li> </ul> </div> </div> </div> </div> <section class="anchored-long-scroll_module__3IuUy gradient-tr-blue" data-long-scroll-item="calling"> <div class="container"> <div class="grid"> <div class="col col-3 col-sm"></div> <div class="col col-8 col-sm"> <div class="grid"> <div class="col col-12 anchored-long-scroll_sectionTitle__cLOr6"> <h5> <div class="anchored-long-scroll_iconWrapper__2ddrc"> <div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/call_icon.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/call_icon.svg);"></div> </div> 통화 </h5> </div> <div class="col col-12"> <div class="anchored-long-scroll_mainTitle__2MYjB"> <h2 class="h2" role="heading" aria-level="2"> <span>모든 기기에서 통화가 가능합니다.</span> </h2> </div> </div> <div class="col col-grow-3"> <div class="anchored-long-scroll_imgBox__2qYA8 deviceWrapper"> <img src="/content/dam/wbx/us/images/rebrand/optimized/Call-from-any-device_UI.jpg" alt="전화를 사용한 Webex 비디오 채팅"/> </div> </div> <div class="col col-grow-3"> <div class="anchored-long-scroll_imgBox__2qYA8"> <img src="/content/dam/wbx/us/images/rebrand/optimized/Call-from-any-device_img.jpg" class="br-30 img100p" alt="Webex Calling으로 사람들을 쉽게 연결할 수 있음"/> </div> </div> <div class="col col-grow-1 col-sm"></div> </div> <div class="col col-12 anchored-long-scroll_bottomDetailsBox__1QslA"> <strong class="fw-bold h6">편리해진 클라우드 콜링</strong> <div class="anchored-long-scroll_bottomDescription__1QyCB"> <p class="h6 color-gray fw-regular"> 모든 기기에서 업무 전화를 걸고 받을 수 있도록 구축된 완전한 클라우드 전화 시스템을 통해 동료 및 고객과 항상 연락을 유지할 수 있습니다. </p> </div> <div class="anchored-long-scroll_ctaBox__sd3Gu"> <a href="/ko/cloud-calling.html" class="btn btn-tertiary fw-medium">소규모 비즈니스 기능 보기 <span class="icon-arrow"></span></a> </div> <div class="anchored-long-scroll_ctaBox__sd3Gu"> <a href="/ko/enterprise-cloud-calling.html" class="btn btn-tertiary fw-medium">엔터프라이즈 기능 보기 <span class="icon-arrow"></span></a> </div> </div> </div> </div> </div> </section> <section class="anchored-long-scroll_module__3IuUy bg-black color-white" data-long-scroll-item="meeting"> <div class="container"> <div class="grid"> <div class="col col-3 col-sm"></div> <div class="col col-8 col-sm"> <div class="grid"> <div class="col col-12 anchored-long-scroll_sectionTitle__cLOr6"> <h5> <div class="anchored-long-scroll_iconWrapper__2ddrc"> <div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Meeting.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Meeting.svg);"></div> </div> 미팅 </h5> </div> <div class="col col-12"> <div class="anchored-long-scroll_mainTitle__2MYjB"> <h2 class="h2" role="heading" aria-level="2"> <span>어디서든 만날 수 있습니다.</span> </h2> </div> </div> <div class="col col-grow-6"> <div class="anchored-long-scroll_imgBox__2qYA8 deviceWrapper"> <img src="/content/dam/wbx/us/images/rebrand/uiupdate/ko/appui-1.jpg" alt="Webex 몰입형 공유 기능 예"/> </div> </div> <div class="col col-grow-1"></div> </div> <div class="col col-12 anchored-long-scroll_bottomDetailsBox__1QslA"> <strong class="fw-bold h6">몰입형 공유 경험</strong> <div class="anchored-long-scroll_bottomDescription__1QyCB"> <p class="h6 color-gray fw-regular"> 가상 프레젠테이션에서 공유 콘텐츠와 함께 자신의 모습을 보여줄 수 있으므로 대면 미팅만큼 효율성이 높아지고 있습니다. </p> </div> <div class="anchored-long-scroll_ctaBox__sd3Gu"> <a href="/ko/video-conferencing.html" class="btn btn-tertiary fw-medium" aria-label="Experience all features">모든 기능 보기 <span class="icon-arrow"></span></a> </div> <div class="anchored-long-scroll_ctaBox__sd3Gu"> <a href="/ko/" class="btn btn-tertiary fw-medium" aria-label="Experience it with all immersive share button"></a> </div> </div> </div> </div> </div> </section> <section class="anchored-long-scroll_module__3IuUy gradient-br-green" data-long-scroll-item="messaging"> <div class="container"> <div class="grid"> <div class="col col-3 col-sm"></div> <div class="col col-8 col-sm"> <div class="grid"> <div class="col col-12 anchored-long-scroll_sectionTitle__cLOr6"> <h5> <div class="anchored-long-scroll_iconWrapper__2ddrc"> <div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Messaging.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Messaging.svg);"></div> </div> 메시징 </h5> </div> <div class="col col-12"> <div class="anchored-long-scroll_mainTitle__2MYjB"> <h2 class="h2" role="heading" aria-level="2"> <span>즉시 메시지를 보낼 수 있습니다.</span> </h2> </div> </div> <div class="col col-grow-6"> <div class="anchored-long-scroll_imgBox__2qYA8 deviceWrapper"> <img src="/content/dam/wbx/us/images/rebrand/uiupdate/ko/appui-3.jpg" alt="Webex 메시징 예"/> </div> </div> <div class="col col-grow-1"></div> </div> <div class="col col-12 anchored-long-scroll_bottomDetailsBox__1QslA"> <strong class="fw-bold h6">모든 사람과의 협업</strong> <div class="anchored-long-scroll_bottomDescription__1QyCB"> <p class="h6 color-gray fw-regular"> 동일한 스페이스에서 내외부 팀 모두에게 팀 메시징 및 파일 공유가 가능하므로 보다 효율적인 워크플로우를 생성합니다. </p> </div> <div class="anchored-long-scroll_ctaBox__sd3Gu"> <a href="/ko/team-collaboration.html" class="btn btn-tertiary fw-medium" aria-label="Collaborate with anyone">모든 기능 보기 <span class="icon-arrow"></span></a> </div> <div class="anchored-long-scroll_ctaBox__sd3Gu"> <a href="/ko/" class="btn btn-tertiary fw-medium" aria-label="Collaborate feature"></a> </div> </div> </div> </div> </div> </section> <section class="anchored-long-scroll_module__3IuUy gradient-bl-red" data-long-scroll-item="polling"> <div class="container"> <div class="grid"> <div class="col col-3 col-sm"></div> <div class="col col-8 col-sm"> <div class="grid"> <div class="col col-12 anchored-long-scroll_sectionTitle__cLOr6"> <h5> <div class="anchored-long-scroll_iconWrapper__2ddrc"> <div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Polling-big.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Polling-big.svg);"></div> </div> 설문조사 </h5> </div> <div class="col col-12"> <div class="anchored-long-scroll_mainTitle__2MYjB"> <h2 class="h2" role="heading" aria-level="2"> <span>모두 참여할 수 있습니다.</span> </h2> </div> </div> <div class="col col-grow-6"> <div class="anchored-long-scroll_imgBox__2qYA8 deviceWrapper"> <img src="/content/dam/wbx/us/images/rebrand/uiupdate/ko/appui-2.jpg" alt="대화형 경험을 만드는 Slido 예"/> </div> </div> <div class="col col-grow-1 col-sm"></div> </div> <div class="col col-12 anchored-long-scroll_bottomDetailsBox__1QslA"> <strong class="fw-bold h6">즉각적인 참여</strong> <div class="anchored-long-scroll_bottomDescription__1QyCB"> <p class="h6 color-gray fw-regular"> 설문조사 및 질의응답을 위한 간편한 대화형 도구를 사용하여 청중이 미팅 및 이벤트에 보다 적극적으로 참여하도록 권장합니다. </p> </div> <div class="anchored-long-scroll_ctaBox__sd3Gu"> <a href="/ko/audience-engagement.html" class="btn btn-tertiary fw-medium">모든 기능 보기 <span class="icon-arrow"></span></a> </div> </div> </div> </div> </div> </section> <section class="anchored-long-scroll_module__3IuUy bg-black color-white" data-long-scroll-item="events"> <div class="container"> <div class="grid"> <div class="col col-3 col-sm"></div> <div class="col col-8 col-sm"> <div class="grid"> <div class="col col-12 anchored-long-scroll_sectionTitle__cLOr6"> <h5> <div class="anchored-long-scroll_iconWrapper__2ddrc"> <div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Events.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Events.svg); "></div> </div> 이벤트 </h5> </div> <div class="col col-12"> <div class="anchored-long-scroll_mainTitle__2MYjB"> <h2 class="h2" role="heading" aria-level="2"> <span>누구나 초대할 수 있습니다.</span> </h2> </div> </div> <div class="col col-grow-3"> <div class="anchored-long-scroll_imgBox__2qYA8 deviceWrapper"> <img src="/content/dam/wbx/us/images/rebrand/uiupdate/ko/appui-4.jpg" alt="가상 이벤트를 보여주는 Webex UI"/> </div> </div> <div class="col col-grow-3"> <div class="anchored-long-scroll_imgBox__2qYA8"> <img src="/content/dam/wbx/us/images/rebrand/optimized/Invite-anyone_img.jpg" class="br-30 img100p" alt="Webex 이벤트 예"/> </div> </div> <div class="col col-grow-1 col-sm"></div> </div> <div class="col col-12 anchored-long-scroll_bottomDetailsBox__1QslA"> <strong class="fw-bold h6">규모에 맞는 가상 이벤트 호스팅</strong> <div class="anchored-long-scroll_bottomDescription__1QyCB"> <p class="h6 color-gray fw-regular"> 최대 100,000명이 참여할 수 있는 대규모 가상 이벤트를 주최하여 전 세계 각지와 연결할 수 있습니다. </p> </div> <div class="anchored-long-scroll_ctaBox__sd3Gu"> <a href="/ko/webinar.html" class="btn btn-tertiary fw-medium">모든 기능 보기 <span class="icon-arrow"></span></a> </div> </div> </div> </div> </div> </section> </section> <section class="card-deck-page-router_module__1FsHA bg-white"> <div class="container card-deck-page-router_cardDeckPageRouter__XLQc6"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2" role="heading" aria-level="2"> <span>고객과<br/> 상담원 모두를 위해 제작되었습니다. </span> </h2> <span class="color-boulder fw-medium module-header_description__1Godp">Webex에서 더 많은 것을 경험하세요.</span> </div> <div class="col col-3 col-sm"> <div class="flex-end module-header_ctaLink__35y3u"> <a href="/ko/contact-sales.html" class="btn btn-primary">문의하기 <span class="icon-arrow"></span></a> </div> </div> </div> </div> <div class="grid grid-end card-deck-page-router_grid__3rZpv"> <div class="col col-10 col-sm"> <div class="grid"> <div class="col col-sm"> <div class="card-deck-page-router_item__Crdvi false"> <div class="card-deck-page-router_imageWrapper__1Y8yq"> <img class="img100p br-30" src="/content/dam/wbx/us/images/rebrand/optimized/Contact-Center_img.jpg" alt="참여를 이끄는 Webex Contact Center"/> </div> <div> <div> <div class="card-deck-page-router_itemTitle__3gv4c"> <h3 class="h5">컨택 센터</h3> </div> <div class="card-deck-page-router_itemDesc__O39Gp"> <p class="color-gray mbody"> 기업과 고객 간의 자연스러운 연결 관계를 구축합니다.<br/> </p> </div> </div> <div class="card-deck-page-router_ctaList__HhL5g"> <ul> <li> <a href="/ko/contact-center.html">더 알아보기<span class="icon-arrow"></span></a> </li> </ul> </div> </div> </div> </div> <div class="col col-sm"> <div class=" card-deck-page-router_item__Crdvi card-deck-page-router_anotherItem__1s9ht "> <div class="card-deck-page-router_imageWrapper__1Y8yq"> <img class="img100p br-30" src="/content/dam/wbx/us/images/rebrand/optimized/Experience-Management_img.jpg" alt="Webex Experience Management는 개인화를 강화합니다"/> </div> <div> <div> <div class="card-deck-page-router_itemTitle__3gv4c"> <h3 class="h5">고객 경험 관리</h3> </div> <div class="card-deck-page-router_itemDesc__O39Gp"> <p class="color-gray mbody"> 고객 여정 데이터를 사용하여 모든 상호작용을<br> 개인화함으로써 고객 경험을 최적화합니다. </p> </div> </div> <div class="card-deck-page-router_ctaList__HhL5g"> <ul> <li> <a href="/ko/experience-management.html">더 알아보기<span class="icon-arrow"></span></a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </section> <style> .devicesworkharder { padding: 0; margin: 0; position: relative; width: 100%; /* border:1px solid red; */ background-color: #181818; } @media (min-width: 1025px) { .devicesworkhard { padding: 0; } } .devicesworkharder img { /* position: absolute; z-index: -1; */ width: 100%; height: auto; margin: 0; padding: 0; } .devicesworkharder h3 { font-size: 10.6666666667vw; line-height: 11.7333333333vw; letter-spacing: -.4266666667vw; position: absolute; bottom: 12vw; left: 4.4444444444vw; color: rgba(255, 255, 255, 0.2); } @media (min-width: 1025px) { .devicesworkharder h3 { font-size: 5.8333333333vw; line-height: 5.8333333333vw; letter-spacing: -.2333333333vw; } } .featured-devices-accordion_module__2qcAW .color-salem { color: #05935B !important; } .featured-devices-accordion_module__2qcAW .color-salem:hover { text-decoration: underline; } </style>  <style> .featured-devices-accordion_linkBox__1hXa9 a { color: #078855 !important; } .productnamechange1, .productnamechange2, .productnamechange3 { color: #818181; font-weight: 200; } .featured-devices-accordion_module__2qcAW h3 { font-size: calc(24px + .1vw); line-height: 1.4444444444; letter-spacing: -.02em; } .featured-devices-accordion_title__1BSvQ { position: absolute; width: 200% !important; } .featured-devices-accordion_module__2qcAW .mbody.fw-regular.h6 { font-size: calc(18px + .1vw); line-height: 1.4444444444; letter-spacing: -.02em; font-weight: 300; } @media (max-width: 1025px) { .featured-devices-accordion_title__1BSvQ { font-size: 4.5333333333vw; line-height: 5.6vw; top: 20px; position: relative; width: 100% !important; max-width: 400px; } .featured-devices-accordion_module__2qcAW .swiper-scrollbar { display: none !important; position: absolute; bottom: 0; width: 100%; } .productnamechange1, .productnamechange2, .productnamechange3 { display: block; } .featured-devices-accordion_thumbImage__oSEeJ { margin-top: 50px !important; } .featured-devices-accordion_module__2qcAW .featured-devices-accordion_MobileSlider__2BMWo { margin-top: 50px !important; } } @media (max-width: 414px) { .featured-devices-accordion_title__1BSvQ { width: 100% !important; max-width: 270px; } } </style> <section class="featured-devices-accordion_module__2qcAW bg-black color-white" id="featureDevice1"> <div class="container featured-devices-accordion_containerWrapper__3sYPL"> <div> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2" role="heading" aria-level="2"> <span>모든 공간에서 협업할 수 있습니다.</span> </h2> <span class="color-boulder fw-medium module-header_description__1Godp">강력한 협업 장치를 통해 업무 공간을 확장하세요.</span> </div> <div class="col col-3 col-sm"> <div class="flex-end module-header_ctaLink__35y3u"> <a href="/ko/collaboration-devices.html" class="btn btn btn-primary">모든 장치 보기 <span class="icon-arrow"></span></a> </div> </div> </div> </div> </div> </div> <div> <ul class="featured-devices-accordion_list__evMTr"> <li class="featured-devices-accordion_accordionWrapper__160FK featured-devices-accordion_isActive__2j62w gradient-device-accordion">  <div class="featured-devices-accordion_gradientBox__3Lgcu"></div> <div class="container"> <div class="grid featured-devices-accordion_accordionHead__38S5G"> <div class="col col-4 col-sm mb-auto featured-devices-accordion_headTitleBox__1RP1z"> <h2 class="h4 fw-regular featured-devices-accordion_title__1BSvQ "> 데스크 장치 <span class="productnamechange1">데스크 미니</span> </h2> </div> <div class="col col-4 col-sm featured-devices-accordion_headImageBox__-pWx2"> <img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_DeskMini_Front-sec1.png" class=" br-30 img100p featured-devices-accordion_thumbImage__oSEeJ" alt="데스크 미니"/> </div> <div class="col col-4 col-sm mb-auto featured-devices-accordion_rightCol__1OUSI"> <div class="featured-devices-accordion_desc__1J8IK"> <h3>데스크 정리</h3> <strong class="mbody fw-regular h6"> 업무와 생산성을 위해 설계된 장치로 어디에서나 협업할 수 있습니다. </strong>  </div> <span class="featured-devices-accordion_btn__3II31 feature-device-accordion-trigger" onClick="featuredDevicesAccordionClick(0)"><span class="featured-devices-accordion_plusVertical__3JXzA"></span><span class="featured-devices-accordion_plus__32x6u"></span></span> </div> </div> </div>  <div class="grid"> <div class="col col-12"> <div class="featured-devices-accordion_content__he9Id"> <div class="featured-devices-accordion_desktopSlider__hNgwM">  <div class="swiper-container desk-cc-slider"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <div class="swiper-wrapper"> <div class="swiper-slide" data-title="Desk Mini"> <a href="https://hardware.webex.com/products/desk-series" aria-label="desk series 1"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_DeskMini_Mid-sec1.png" class="featured-devices-accordion_sliderImage__17KJD" alt="데스크 미니"/></a> </div> <div class="swiper-slide" data-title="Webex desk"> <a href="https://hardware.webex.com/products/desk-series" aria-label="desk series 2"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Desk_Mid-sec1.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Webex Desk"/></a> </div> <div class="swiper-slide" data-title="Webex Desk Pro"> <a href="https://hardware.webex.com/products/desk-series" aria-label="desk series 3"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_DeskPro_Mid-sec1.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Webex Desk Pro"/></a> </div> <div class="swiper-slide" data-title="Desk Camera"> <a href="https://hardware.webex.com/products/desk-series" aria-label="desk series 4"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Camera_Mid-sec1.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Desk Camera"/></a> </div> </div> </div> </div> <div class="featured-devices-accordion_MobileSlider__2BMWo">  <div class="swiper-container desk-mobile-cc-slider"> <div class="swiper-scrollbar"> <div class="swiper-scrollbar-drag"></div> </div> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://hardware.webex.com/products/desk-series" aria-label="desk series 4"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_DeskMini_Mid-sec1.png" class="featured-devices-accordion_sliderImage__17KJD" alt="데스크 미니"/></a> </div> <div class="swiper-slide"> <a href="https://hardware.webex.com/products/desk-series" aria-label="desk series 5"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Desk_Mid-sec1.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Webex Desk"/></a> </div> <div class="swiper-slide"> <a href="https://hardware.webex.com/products/desk-series" aria-label="desk series 6"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_DeskPro_Mid-sec1.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Webex Desk Pro"/></a> </div> <div class="swiper-slide"> <a href="https://hardware.webex.com/products/desk-series" aria-label="desk series 6"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Camera_Mid-sec1.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Desk Camera"/></a> </div> </div> </div> <div class="featured-devices-accordion_mobileNavText__34YlQ"> <h6 class="mbody fw-regular"> 업무와 생산성을 위해 설계된 장치로 어디에서나 협업할 수 있습니다. </h6>  </div> </div> </div> </div> </div> <div class="container"> <div class="featured-devices-accordion_botBorder__15K48"></div> </div> </li> <li class="featured-devices-accordion_accordionWrapper__160FK"> <div class="featured-devices-accordion_gradientBox__3Lgcu"></div> <div class="container"> <div class="grid featured-devices-accordion_accordionHead__38S5G"> <div class="col col-4 col-sm mb-auto featured-devices-accordion_headTitleBox__1RP1z"> <h2 class="h4 fw-regular featured-devices-accordion_title__1BSvQ"> 회의실 장치 <span class="productnamechange2"></span> </h2> </div> <div class="col col-4 col-sm featured-devices-accordion_headImageBox__-pWx2"> <img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_BoardPro_Front-sec2.png" class="br-30 img100p featured-devices-accordion_thumbImage__oSEeJ" alt="Board Pro"/> </div> <div class="col col-4 col-sm mb-auto featured-devices-accordion_rightCol__1OUSI"> <div class="featured-devices-accordion_desc__1J8IK"> <h3>누구나 가능한 협업</h3> <strong class="mbody fw-regular h6"> 지능형 장치를 사용하여 어디에서나 포괄적인 비디오 우선 미팅 경험을 만들 수 있습니다. </strong>  </div> <span onClick="featuredDevicesAccordionClick(1)" class="featured-devices-accordion_btn__3II31 feature-device-accordion-trigger"><span class="featured-devices-accordion_plusVertical__3JXzA"></span><span class="featured-devices-accordion_plus__32x6u"></span></span> </div> </div> </div>  <div class="grid"> <div class="col col-12"> <div class="featured-devices-accordion_content__he9Id"> <div class="featured-devices-accordion_desktopSlider__hNgwM">  <div class="swiper-container camera-cc-slider"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://hardware.webex.com/products/room-series-and-kits" aria-label="Camera1"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_BoardPro_Mid-sec2.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Board Pro"/></a> </div> <div class="swiper-slide"> <a href="https://hardware.webex.com/products/room-series-and-kits" aria-label="Camera2"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Room_Kit_Mini_Mid-sec2.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Room Kit Mini"/></a> </div> <div class="swiper-slide"> <a href="https://hardware.webex.com/products/room-series-and-kits" aria-label="Camera3"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Room_Kit_Pro_Mid-sec2.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Room Kit Pro"/></a> </div> <div class="swiper-slide"> <a href="https://hardware.webex.com/products/room-series-and-kits" aria-label="Camera3"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Room_Nav_Mid-sec2.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Room Navigator"/></a> </div> </div> </div> </div> <div class="featured-devices-accordion_MobileSlider__2BMWo">  <div class="swiper-container camera-mobile-cc-slider"> <div class="swiper-scrollbar"> <div class="swiper-scrollbar-drag"> </div> </div> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://hardware.webex.com/products/room-series-and-kits" aria-label="Camera4"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_BoardPro_Mid-sec2.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Board Pro"/></a> </div> <div class="swiper-slide" data-swiper-slide-index="1"> <a href="https://hardware.webex.com/products/room-series-and-kits" aria-label="Camera5"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Room_Kit_Mini_Mid-sec2.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Room Kit Mini"/></a> </div> <div class="swiper-slide" data-swiper-slide-index="2"> <a href="https://hardware.webex.com/products/room-series-and-kits" aria-label="Camera6"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Room_Kit_Pro_Mid-sec2.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Room Kit Pro"/></a> </div> <div class="swiper-slide" data-swiper-slide-index="2"> <a href="https://hardware.webex.com/products/room-series-and-kits" aria-label="Camera6"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Room_Nav_Mid-sec2.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Room Navigator"/></a> </div> </div> </div> <div class="featured-devices-accordion_mobileNavText__34YlQ"> <h6 class="mbody fw-regular"> 지능형 장치를 사용하여 어디에서나 포괄적인 비디오 우선 미팅 경험을 만들 수 있습니다. </h6>  </div> </div> </div> </div> </div> <div class="container"> <div class="featured-devices-accordion_botBorder__15K48"></div> </div> </li> <li class="featured-devices-accordion_accordionWrapper__160FK"> <div class="featured-devices-accordion_gradientBox__3Lgcu"></div> <div class="container"> <div class="grid featured-devices-accordion_accordionHead__38S5G"> <div class="col col-4 col-sm mb-auto featured-devices-accordion_headTitleBox__1RP1z"> <h2 class="h4 fw-regular featured-devices-accordion_title__1BSvQ"> 헤드셋 <span class="productnamechange3"></span> </h2> </div> <div class="col col-4 col-sm featured-devices-accordion_headImageBox__-pWx2"> <img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset_BO_Cisco980_Front-sec3.png" class="br-30 img100p featured-devices-accordion_thumbImage__oSEeJ" alt="Bang & Olufsen Cisco 980"/> </div> <div class="col col-4 col-sm mb-auto featured-devices-accordion_rightCol__1OUSI"> <div class="featured-devices-accordion_desc__1J8IK"> <h3>집중력 향상</h3> <strong class="mbody fw-regular h6"> 모든 업무 스타일과 예산에 적합한 헤드셋으로 근무지에서 소음을 차단합니다. </strong>  </div> <span onClick="featuredDevicesAccordionClick(2)" class=" featured-devices-accordion_btn__3II31 feature-device-accordion-trigger"><span class="featured-devices-accordion_plusVertical__3JXzA"></span><span class="featured-devices-accordion_plus__32x6u"></span></span> </div> </div> </div> <div class="grid"> <div class="col col-12"> <div class="featured-devices-accordion_content__he9Id"> <div class="featured-devices-accordion_desktopSlider__hNgwM"> <div class="swiper-container headset-cc-slider"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://hardware.webex.com/products/headsets" aria-label="Headset1"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset_BO_Cisco980_Mid-sec3.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Bang & Olufsen Cisco 980"/></a> </div> <div class="swiper-slide"> <a href="https://hardware.webex.com/products/headsets" aria-label="Headset2"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset_700_Mid-sec3.png" class="featured-devices-accordion_sliderImage__17KJD" alt="헤드셋 700 시리즈"/></a> </div> <div class="swiper-slide" data-swiper-slide-index="2"> <a href="https://hardware.webex.com/products/headsets" aria-label="Headset4"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset_500_Mid-sec3.png" class="featured-devices-accordion_sliderImage__17KJD" alt="헤드셋 500 시리즈"/></a> </div> <div class="swiper-slide" data-swiper-slide-index="2"> <a href="https://hardware.webex.com/products/headsets" aria-label="Headset4"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset_300_Mid-sec3.png" class="featured-devices-accordion_sliderImage__17KJD" alt="헤드셋 300 시리즈"/></a> </div> </div> </div> </div> <div class="featured-devices-accordion_MobileSlider__2BMWo"> <div class="swiper-container headset-mobile-cc-slider"> <div class="swiper-scrollbar"></div> <div class="swiper-wrapper"> <div class="swiper-slide">  <a href="https://hardware.webex.com/products/headsets" aria-label="Headset5"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset_BO_Cisco980_Mid-sec3.png" class=" featured-devices-accordion_sliderImage__17KJD " alt="Bang & Olufsen Cisco 980"/></a> </div> <div class="swiper-slide"> <a href="https://hardware.webex.com/products/headsets" aria-label="Headset6"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset_700_Mid-sec3.png" class=" featured-devices-accordion_sliderImage__17KJD " alt="헤드셋 700 시리즈"/></a> </div> <div class="swiper-slide"> <a href="https://hardware.webex.com/products/headsets" aria-label="Headset7"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset_500_Mid-sec3.png" class=" featured-devices-accordion_sliderImage__17KJD " alt="헤드셋 500 시리즈"/></a> </div> <div class="swiper-slide"> <a href="https://hardware.webex.com/products/headsets" aria-label="Headset7"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset_300_Mid-sec3.png" class=" featured-devices-accordion_sliderImage__17KJD " alt="헤드셋 300 시리즈"/></a> </div> </div> </div> <div class=" featured-devices-accordion_mobileNavText__34YlQ "> <h6 class="mbody fw-regular"> 모든 업무 스타일과 예산에 적합한 헤드셋으로 근무지에서 소음을 차단합니다. </h6>  </div> </div> </div> </div> </div> <div class="container"> <div class="featured-devices-accordion_botBorder__15K48"></div> </div> </li> </ul> </div> </section> <script> const swipersliderdesk = new Swiper('.desk-cc-slider', { grabCursor: true, centeredSlides: true, slidesPerView: 'auto', loop: true, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); const swipersliderdeskmobile = new Swiper('.desk-mobile-cc-slider', { grabCursor: true, centeredSlides: true, slidesPerView: 'auto', scrollbar: { el: '.swiper-scrollbar', draggable: true, }, }); swipersliderdesk.on('slideChange', function () { swipersliderdesktitle(); }); swipersliderdeskmobile.on('slideChange', function () { swipersliderdesktitle(); }); function swipersliderdesktitle() { var AEList = [1, 5]; var BEList = [2, 6]; var CEList = [3, 7]; var DEList = [4, 8]; if ($.inArray(swipersliderdesk.activeIndex, AEList) != -1 || $.inArray(swipersliderdeskmobile.activeIndex, AEList) != -1) { $(".productnamechange1").html("Webex Desk"); } else if ($.inArray(swipersliderdesk.activeIndex, BEList) != -1 || $.inArray(swipersliderdeskmobile.activeIndex, BEList) != -1) { $(".productnamechange1").html("Webex Desk Pro"); } else if ($.inArray(swipersliderdesk.activeIndex, CEList) != -1 || $.inArray(swipersliderdeskmobile.activeIndex, CEList) != -1) { $(".productnamechange1").html("Desk Camera"); } else if ($.inArray(swipersliderdesk.activeIndex, DEList) != -1 || $.inArray(swipersliderdeskmobile.activeIndex, DEList) != -1) { $(".productnamechange1").html("Desk Mini"); } } const swiperslidercamera = new Swiper('.camera-cc-slider', { grabCursor: true, centeredSlides: true, slidesPerView: 'auto', loop: true, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); const swiperslidecameramobile = new Swiper('.camera-mobile-cc-slider', { grabCursor: true, centeredSlides: true, slidesPerView: 'auto', scrollbar: { el: '.swiper-scrollbar', draggable: true, } }); swiperslidercamera.on('slideChange', function () { swiperslidercameratitle(); }); swiperslidecameramobile.on('slideChange', function () { swiperslidercameratitle(); }); function swiperslidercameratitle() { var AEList = [1, 5]; var BEList = [2, 6]; var CEList = [3, 7]; var DEList = [4, 8]; if ($.inArray(swiperslidercamera.activeIndex, AEList) != -1 || $.inArray(swiperslidecameramobile.activeIndex, AEList) != -1) { $(".productnamechange2").html("Room Kit Mini"); } else if ($.inArray(swiperslidercamera.activeIndex, BEList) != -1 || $.inArray(swiperslidecameramobile.activeIndex, BEList) != -1) { $(".productnamechange2").html("Room Kit Pro"); } else if ($.inArray(swiperslidercamera.activeIndex, CEList) != -1 || $.inArray(swiperslidecameramobile.activeIndex, CEList) != -1) { $(".productnamechange2").html("Room Navigator"); } else if ($.inArray(swiperslidercamera.activeIndex, DEList) != -1 || $.inArray(swiperslidecameramobile.activeIndex, DEList) != -1) { $(".productnamechange2").html("Board Pro"); } } const swipersliderheadset = new Swiper('.headset-cc-slider', { grabCursor: true, centeredSlides: true, slidesPerView: 'auto', loop: true, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); const swipersliderheadsetmobile = new Swiper('.headset-mobile-cc-slider', { grabCursor: true, centeredSlides: true, slidesPerView: 'auto', scrollbar: { el: '.swiper-scrollbar', draggable: true, }, }); swipersliderheadset.on('slideChange', function () { swipersliderheadsettitle(); }); swipersliderheadsetmobile.on('slideChange', function () { swipersliderheadsettitle(); }); function swipersliderheadsettitle() { var AEList = [1, 5]; var BEList = [2, 6]; var CEList = [3, 7]; var DEList = [4, 8]; if ($.inArray(swipersliderheadset.activeIndex, AEList) != -1 || $.inArray(swipersliderheadsetmobile.activeIndex, AEList) != -1) { $(".productnamechange3").html("Headset 700 series"); } else if ($.inArray(swipersliderheadset.activeIndex, BEList) != -1 || $.inArray(swipersliderheadsetmobile.activeIndex, BEList) != -1) { $(".productnamechange3").html("Headset 500 series"); } else if ($.inArray(swipersliderheadset.activeIndex, CEList) != -1 || $.inArray(swipersliderheadsetmobile.activeIndex, CEList) != -1) { $(".productnamechange3").html("Headset 300 series"); } else if ($.inArray(swipersliderheadset.activeIndex, DEList) != -1 || $.inArray(swipersliderheadsetmobile.activeIndex, DEList) != -1) { $(".productnamechange3").html("Bang & Olufsen Cisco 980"); } } // const swiper = new Swiper('.swiper-container-slide2', { // // If we need pagination // slidesPerView: 'auto', // loop: true, // // Navigation arrows // navigation: "auto", // scrollbar: { // draggable: true, // }, // }); function featuredDevicesAccordionClick(index) { const accordionRows = document.querySelectorAll(".featured-devices-accordion_accordionWrapper__160FK"); var rowindex = index; if (accordionRows[index].classList.contains("featured-devices-accordion_isActive__2j62w")) { accordionRows[index].classList.remove("featured-devices-accordion_isActive__2j62w"); accordionRows[index].classList.remove("gradient-device-accordion"); //console.log($(".featured-devices-accordion_accordionWrapper__160FK").find("productnamechange1").html()); productnamechange(rowindex, 0); } else { [].forEach.call(accordionRows, function (el) { el.classList.remove("featured-devices-accordion_isActive__2j62w"); el.classList.remove("gradient-device-accordion"); }); accordionRows[index].classList.add("featured-devices-accordion_isActive__2j62w"); accordionRows[index].classList.add("gradient-device-accordion"); productnamechange(rowindex, 1); } } function productnamechange(rowindex, state) { // state open = 1 state close = 0 $(".productnamechange1").text(" "); $(".productnamechange2").text(" "); $(".productnamechange3").text(" "); //console.log("deskindex----"+swipersliderdesk.activeIndex+" mobileindex------"+ swipersliderdeskmobile.activeIndex); if (rowindex === 0 && state === 1) { var AEList = [1, 5]; var BEList = [2, 6]; var CEList = [3, 7]; var DEList = [4, 8]; // if ($.inArray(swipersliderdesk.activeIndex, AEList) != -1 || $.inArray(swipersliderdeskmobile.activeIndex, AEList) != -1) { // console.log("a"+swipersliderdesk.activeIndex); // $(".productnamechange1").html("Webex Desk"); // } else if ($.inArray(swipersliderdesk.activeIndex, BEList) != -1 || $.inArray(swipersliderdeskmobile.activeIndex, BEList) != -1) { // console.log("b"+swipersliderdesk.activeIndex); // $(".productnamechange1").html("Webex Desk Pro"); // } else if ($.inArray(swipersliderdesk.activeIndex, CEList) != -1 || $.inArray(swipersliderdeskmobile.activeIndex, CEList) != -1) { // console.log("c"+swipersliderdesk.activeIndex); // $(".productnamechange1").html("Desk Camera"); // } else if ($.inArray(swipersliderdesk.activeIndex, DEList) != -1 || $.inArray(swipersliderdeskmobile.activeIndex, DEList) != -1) { // console.log("d"+swipersliderdesk.activeIndex); // $(".productnamechange1").html("Desk Mini"); // } if ($.inArray(swipersliderdesk.activeIndex, AEList) != -1) { $(".productnamechange1").html("Webex Desk"); } else if ($.inArray(swipersliderdesk.activeIndex, BEList) != -1) { $(".productnamechange1").html("Webex Desk Pro"); } else if ($.inArray(swipersliderdesk.activeIndex, CEList) != -1) { $(".productnamechange1").html("Desk Camera"); } else if ($.inArray(swipersliderdesk.activeIndex, DEList) != -1) { $(".productnamechange1").html("Desk Mini"); } if ($(window).width() < 1025) { var AEList1 = [0]; var BEList1 = [1]; var CEList1 = [2]; var DEList1 = [3]; if ($.inArray(swipersliderdeskmobile.activeIndex, AEList1) != -1) { $(".productnamechange1").html("Desk Mini"); } else if ($.inArray(swipersliderdeskmobile.activeIndex, BEList1) != -1) { $(".productnamechange1").html("Webex Desk"); } else if ($.inArray(swipersliderdeskmobile.activeIndex, CEList1) != -1) { $(".productnamechange1").html("Webex Desk Pro"); } else if ($.inArray(swipersliderdeskmobile.activeIndex, DEList1) != -1) { $(".productnamechange1").html("Desk Camera"); } } } if (rowindex === 1 && state === 1) { var AEList = [1, 5]; var BEList = [2, 6]; var CEList = [3, 7]; var DEList = [4, 8]; // console.log(swiperslidercamera.activeIndex); if ($.inArray(swiperslidercamera.activeIndex, AEList) != -1) { console.log("a" + swiperslidercamera.activeIndex); $(".productnamechange2").html("Room Kit Mini"); } else if ($.inArray(swiperslidercamera.activeIndex, BEList) != -1) { console.log("b" + swiperslidercamera.activeIndex); $(".productnamechange2").html("Room Kit Pro"); } else if ($.inArray(swiperslidercamera.activeIndex, CEList) != -1) { console.log("c" + swiperslidercamera.activeIndex); $(".productnamechange2").html("Room Navigator"); } else if ($.inArray(swiperslidercamera.activeIndex, DEList) != -1) { console.log("d" + swiperslidercamera.activeIndex); $(".productnamechange2").html("Board Pro"); } if ($(window).width() < 1025) { var AEList1 = [0]; var BEList1 = [1]; var CEList1 = [2]; var DEList1 = [3]; if ($.inArray(swiperslidecameramobile.activeIndex, AEList1) != -1) { $(".productnamechange1").html("Desk Mini"); } else if ($.inArray(swiperslidecameramobile.activeIndex, BEList1) != -1) { $(".productnamechange1").html("Webex Desk"); } else if ($.inArray(swiperslidecameramobile.activeIndex, CEList1) != -1) { $(".productnamechange1").html("Webex Desk Pro"); } else if ($.inArray(swiperslidecameramobile.activeIndex, DEList1) != -1) { $(".productnamechange1").html("Desk Camera"); } } } if (rowindex === 2 && state === 1) { var AEList = [1, 5]; var BEList = [2, 6]; var CEList = [3, 7]; var DEList = [4, 8]; // console.log(swipersliderheadset.el.attr("class") ); if ($.inArray(swipersliderheadset.activeIndex, AEList) != -1) { console.log("a" + swipersliderheadset.activeIndex); $(".productnamechange3").html("Headset 700 series"); } else if ($.inArray(swipersliderheadset.activeIndex, BEList) != -1) { console.log("b" + swipersliderheadset.activeIndex); $(".productnamechange3").html("Headset 500 series"); } else if ($.inArray(swipersliderheadset.activeIndex, CEList) != -1) { console.log("c" + swipersliderheadset.activeIndex); $(".productnamechange3").html("Headset 300 series"); } else if ($.inArray(swipersliderheadset.activeIndex, DEList) != -1) { console.log("d" + swipersliderheadset.activeIndex); $(".productnamechange3").html("Bang & Olufsen Cisco 980"); } if ($(window).width() < 1025) { var AEList1 = [0]; var BEList1 = [1]; var CEList1 = [2]; var DEList1 = [3]; if ($.inArray(swipersliderheadsetmobile.activeIndex, AEList1) != -1) { $(".productnamechange1").html("Desk Mini"); } else if ($.inArray(swipersliderheadsetmobile.activeIndex, BEList1) != -1) { $(".productnamechange1").html("Webex Desk"); } else if ($.inArray(swipersliderheadsetmobile.activeIndex, CEList1) != -1) { $(".productnamechange1").html("Webex Desk Pro"); } else if ($.inArray(swipersliderheadsetmobile.activeIndex, DEList1) != -1) { $(".productnamechange1").html("Desk Camera"); } } } } </script>   <section class="integration-grid_module__2qqOk bg-black color-white" data-sticky-target="integrations"> <a name="integrations-anchor" class="module-sticky-target"></a> <div class="container"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2" role="heading" aria-level="2"> <span>좋아하는 도구를 사용하여 업무를 진행하세요.<br/></span> </h2> <span class="color-boulder fw-medium module-header_description__1Godp">Webex는 업계를 선도하는 100개 이상의<br> 앱에 원활히 통합됩니다.</span> </div> <div class="col col-3 col-sm"> <div class="flex-end module-header_ctaLink__35y3u"> <a href="/ko/products/integrations/index.html" class="btn btn btn-primary">모든 통합 보기 <span class="icon-arrow"></span></a> </div> </div> </div> </div> </div> <div class="integration-grid_integrationContainer__2BgCr"> <div class="integration-grid_list__1klCi"> <div class=" swiper-container-integration1 swiper-container-initialized swiper-container-horizontal swiper-container-pointer-events "> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Box.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">Box</span> </div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Salesforce.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">Salesforce</span> </div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Google.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">Google</span> </div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Microsoft.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">Microsoft</span> </div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Box.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">Box</span> </div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Salesforce.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">Salesforce</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="2" style="margin-right: 20px"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Google.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">Google</span> </div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Microsoft.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">Microsoft</span> </div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Box.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">Box</span> </div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Salesforce.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">Salesforce</span> </div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Google.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">Google</span> </div> </div> <div class=" swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Microsoft.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">Microsoft</span> </div> </div> </div> </div> </div> <div class="integration-grid_list__1klCi"> <div class=" swiper-container-integration2 swiper-container-initialized swiper-container-horizontal swiper-container-pointer-events "> <div class="swiper-wrapper"> <div class=" swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev "> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Twitter.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">Twitter</span> </div> </div> <div class=" swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Apple.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">Apple</span> </div> </div> <div class=" swiper-slide "> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Slack.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">Slack</span> </div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Appspace.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">Appspace</span> </div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Twitter.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">Twitter</span> </div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Apple.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">Apple</span> </div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Slack.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">Slack</span> </div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Appspace.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">Appspace</span> </div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Twitter.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">Twitter</span> </div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Apple.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">Apple</span> </div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Slack.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">Slack</span> </div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Appspace.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">Appspace</span> </div> </div> </div> </div> </div> <div class="integration-grid_list__1klCi"> <div class="swiper-container-integration3 swiper-container-initialized swiper-container-horizontal swiper-container-pointer-events"> <div class="swiper-wrapper"> <div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="0" style="margin-right: 20px"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Jira.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">Jira</span> </div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Vbrick.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">ADP Virtual Assistant</span> </div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/ADP Virtual Assistant.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">ADP</span> </div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/ACTextBot.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">ACTextBot</span> </div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Jira.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">Jira</span> </div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Vbrick.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">ADP Virtual Assistant</span> </div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/ADP Virtual Assistant.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">ADP</span> </div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/ACTextBot.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">ACTextBot</span> </div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Jira.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">Jira</span> </div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Vbrick.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">ADP Virtual Assistant</span> </div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/ADP Virtual Assistant.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">ADP</span> </div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/ACTextBot.png" class="integration-grid_imgWrap__DWf4H" alt=""/> </div> <span class="integration-grid_integrationName__2Vnql">ACTextBot</span> </div> </div> </div> </div> </div> </div> </section>  <style> .securitybttn { width: 100% !important; } @media (min-width: 1025px) { .securitybttn { width: auto; } } </style> <section class="text-grid_module__3ArLH bg-white color-black gradient-br-purple" data-sticky-target="case-studies" data-module="text-grid"> <a name="case-studies-anchor" class="module-sticky-target"></a> <div class="container"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2" role="heading" aria-level="2"> <span>안전한 보안을 제공합니다.<br/> 개인 정보는 기본으로 보호됩니다.</span> </h2> <span class="color-boulder fw-medium module-header_description__1Godp">어디에서나 정보 보안 및 사용자 개인 정보를 보호하여 안심할 수 있습니다. </span> </div> <div class="col col-4 col-sm"> <div class="flex-end module-header_ctaLink__35y3u securitybttn"> <a href="/ko/security.html" class="btn btn btn-primary ">더 알아보기 <span class="icon-arrow"></span></a> </div> </div> </div> </div> <div class="text-grid_grid__vAiKx undefined"> <div class="text-grid_col__wlrJY text-grid_colLarge__1U3HL"> <img src="/content/dam/wbx/us/images/rebrand/optimized/Secure-by-design.jpg" alt="사용자는 Webex Calling 보안 기능을 사용합니다" class="img100p br-30"/> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn"> <div class="text-grid_serviceWrapper__1-ZhJ false"> <div class=" text-grid_serviceInner__1atFM text-grid_middle__gptb9 "> <div class="text-grid_iconWrapper__1lpD_"> <div class=" text-grid_gradientImage__1fhbv icon-gradient-purple " style=" -webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/privacy-1_black.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/privacy-1_black.svg); "></div> </div> <span class="h5 fw-regular text-grid_serviceName__NvaKM">사용자 보호 </span><span class="mbody fw-regular text-grid_serviceText__17Ege">엔드투엔트 암호화를 통해 제로트러스트 보안을 확보합니다.</span> </div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn"> <div class="text-grid_serviceWrapper__1-ZhJ false"> <div class="text-grid_serviceInner__1atFM undefined"> <div class="text-grid_iconWrapper__1lpD_"> <div class=" text-grid_gradientImage__1fhbv icon-gradient-purple " style=" -webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/webex-devices_black.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/webex-devices_black.svg); "></div> </div> <span class="h5 fw-regular text-grid_serviceName__NvaKM">장치 보호 </span><span class="mbody fw-regular text-grid_serviceText__17Ege">유휴 시간 초과, 강제 PIN 잠금 및 Webex 콘텐츠 원격 삭제를 통해 보안을 사용자 지정합니다.</span> </div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn"> <div class="text-grid_serviceWrapper__1-ZhJ false"> <div class="text-grid_serviceInner__1atFM undefined"> <div class="text-grid_iconWrapper__1lpD_"> <div class=" text-grid_gradientImage__1fhbv icon-gradient-purple " style=" -webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/single-platform-open-platform-1_black.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/single-platform-open-platform-1_black.svg); "></div> </div> <span class="h5 fw-regular text-grid_serviceName__NvaKM">콘텐츠 잠금 </span><span class="mbody fw-regular text-grid_serviceText__17Ege">데이터가 영역을 벗어나지 않도록 데이터를 상주할 위치를 선택할 수 있습니다.</span> </div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn"> <div class="text-grid_serviceWrapper__1-ZhJ false"> <div class="text-grid_serviceInner__1atFM undefined"> <div class="text-grid_iconWrapper__1lpD_"> <div class=" text-grid_gradientImage__1fhbv icon-gradient-purple " style=" -webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/voice-recognition_black.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/voice-recognition_black.svg); "></div> </div> <span class="h5 fw-regular text-grid_serviceName__NvaKM">모든 기록 보안</span><span class="mbody fw-regular text-grid_serviceText__17Ege">모든 번역, 트랜스크립션 및 실시간 캡처가 내부 유지됩니다.</span> </div> </div> </div> </div> </div> </section>  <style> .wx-wrapper .col-bottom { justify-content: initial !important; flex-direction: column; display: flex; } .vertical-tab_module__2c0P_ .swiper-slide img { padding: 2vw; border: 1px solid #c4c4c4; background-color: #fff; } </style> <style> .vertical-tab_module__2c0P_ .module-header { margin-bottom: 6.3333333333vw; } .thumb-image { padding: 2px; } .copyrightvert { margin-top: 10px; } .vertical-tab_module__2c0P_ .swiper-slide img.img100p { width: calc(100% - 1px); } .vertical-tab_module__2c0P_ .accordion .accordionContainer .description a { margin-bottom: 2vw; } </style> <section class="vertical-tab_module__2c0P_ gradient-bl-blue" data-sticky-target="vertical-tab" data-navbar-target="true"><a name="vertical-tab-anchor" class="module-sticky-target"></a> <div class="container"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2 " role="heading" aria-level="2"><span>글로벌 리더와 파트너쉽을 맺으세요.<br/></span></h2>  </div>  </div> </div> <div class="grid grid-between"> <div class="col col-4 col-sm vertical-tab_colText__309uD vertical-tab_thumbSlider__1fqbr "> <div class="accordion"> <div class="swiper-container thumb-swiper swiper-container-vertical swiper-container-thumbs" thumbsslider="true"> <div class="swiper-wrapper progress-start"> <div class="swiper-slide"> <li class="accordionContainer vertical-tab_itemBox__3nX3e" aria-hidden="true">  <div class="thumb-image"><img src="/content/dam/wbx/us/images/rebrand/gated-magic.png" class="img100p br-30" alt=""/></div> <div class="titleContainer"> <h6 class="lbody fw-medium">2021 Gartner® Magic Quadrant™ 미팅 솔루션 부문</h6> </div> <div class="description calling-accordion-body" style="height: 0px;"> <p class="color-gray fw-regular">Gartner는 2021 Magic Quadrant™ 미팅 솔루션 부문에서 Cisco를 15번 연속하여 리더로 선정했습니다.</p>  </div> <span class="progress"></span> </li> </div> <div class="swiper-slide"> <li class="accordionContainer vertical-tab_itemBox__3nX3e" aria-hidden="true"> <div class="thumb-image"><img src="/content/dam/wbx/us/images/rebrand/magic-quadrant-ucaas.png" class="img100p br-30" alt=""/> </div> <div class="titleContainer"> <h6 class="lbody fw-medium">2021 Gartner® Magic Quadrant™ 서비스형 통합 커뮤니케이션(Unified Communications as a Service) 부문</h6> </div> <div class="description calling-accordion-body"> <p class="color-gray fw-regular"> Gartner는 2021 Magic Quadrant™ UCaaS 부문에서 Cisco를 또 다시 리더로 선정했습니다. </p>  </div> <span class="progress"></span> </li> </div> <div class="swiper-slide"> <li class="accordionContainer vertical-tab_itemBox__3nX3e" aria-hidden="true"> <div class="thumb-image"><img src="/content/dam/wbx/us/images/rebrand/gated-Final_ICC_Globe_Graphic.jpg" alt="Webex는 지능형 Contact Center 분야에서 업계 리더입니다." class="img100p br-30" style="padding-right: 5vw"/></div> <div class="titleContainer"> <h6 class="lbody fw-medium">Aragon Research Globe 지능형 Contact Center 부문</h6> </div> <div class="description calling-accordion-body" style="height: 0px;"> <p class="color-gray fw-regular"> Aragon Research Globe 지능형 Contact Center 부문에서는 업계 리더인 Cisco를 비롯한 주요 지능형 Contact Center 공급업체를 조사합니다.</p>  </div> <span class="progress"></span> </li> </div> </div> </div> </div> </div> <div class="col col-6 col-sm vertical-tab_colImage__3vvL6"> <div class="swiper-container main-swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img src="/content/dam/wbx/us/images/rebrand/gated-magic.png" class="img100p br-30" alt=""/> <p class="xsbody color-boulder copyrightvert">이 그래픽은 Gartner, Inc.에서 대규모 연구 문서의 일부로 게시되었으며 전체 문서의 맥락에서 평가해야 합니다. Gartner 문서는 Webex가 요청할 때 제공됩니다.</p> </div> <div class="swiper-slide"> <img src="/content/dam/wbx/us/images/rebrand/magic-quadrant-ucaas.png" class="img100p br-30" alt=""/> <p class="xsbody color-boulder copyrightvert">이 그래픽은 Gartner, Inc.에서 대규모 연구 문서의 일부로 게시되었으며 전체 문서의 맥락에서 평가해야 합니다. Gartner 문서는 Cisco가 요청할 때 제공됩니다.</p> </div> <div class="swiper-slide"> <img src="/content/dam/wbx/us/images/rebrand/gated-Final_ICC_Globe_Graphic.jpg" alt="Webex는 지능형 Contact Center 분야에서 업계 리더입니다." class="img100p br-30" style="padding-right: 4vw"/> <p class="xsbody color-boulder copyrightvert">Copyright © 2021 Aragon Research Inc. 및/또는 그 제휴사 All rights reserved. Aragon Research 및 Aragon Research Globe는 Aragon Research Inc.의 상표입니다.</p> </div> </div> </div> </div> </div> </div> </section>  <section class="integrations_module__1RZEZ bg-white color-black gradient-br-orange" data-sticky-target="Integrations" data-module="text-grid"> <a name="Integrations-anchor" class="module-sticky-target"></a> <style> /* fix homepage nasdaq logo */ .integrations_list__2Mm1n .integrations_wrapperList__2kXMB .integrations_imageWrapper__I72Ss { max-height: 8.2666666667vw; } .integrations_list__2Mm1n .integrations_wrapperList__2kXMB .integrations_imageWrapper__I72Ss .integrations_icon__33W3A.logo-Nas { width: 60px; height: auto; margin-left: -2.6666666667vw; margin-right: -2.6666666667vw; margin-top: 1vw; } @media (min-width: 1025px) { .integrations_list__2Mm1n .integrations_wrapperList__2kXMB .integrations_imageWrapper__I72Ss { max-height: 3.4722222222vw; } .integrations_list__2Mm1n .integrations_wrapperList__2kXMB .integrations_imageWrapper__I72Ss .integrations_icon__33W3A.logo-Nas { width: 6.25vw; height: auto; margin-left: -0.6944444444vw; margin-right: -0.6944444444vw; margin-top: 0; } } @media(max-width:1024px){ .integrations_module__1RZEZ.bg-white.color-black a.btn{margin-top: 7vw;} } </style> <div class="container"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2" role="heading" aria-level="2"> <span>세계에서 가장 영향력 있는 브랜드를 지원합니다.<br/></span> </h2> <span class="color-boulder fw-medium module-header_description__1Godp">오늘날의 가장 혁신적이고<br> 반짝이는 아이디어를 위해 팀 협업을 간소화하는 일에 자부심을 느끼고 있습니다.</span> </div> </div> </div> <div class="grid grid-end integrations_grid__fxy2S"> <div class="col col-10 col-sm"> <div class="grid"> <ul class="integrations_list__2Mm1n"> <li class="integrations_wrapperList__2kXMB false"> <div class="col col-2 integrations_imageWrapper__I72Ss"> <img src="/content/dam/wbx/us/images/rebrand/integrations/svg/t-mobile.svg" class="integrations_icon__33W3A" alt="T-Mobile"/> </div> <div class="col col-10 integrations_titleWrapper__FDium"> <span class="h5 undefined">T-Mobile</span> </div> </li> <li class="integrations_wrapperList__2kXMB false"> <div class="col col-2 integrations_imageWrapper__I72Ss"> <img src="/content/dam/wbx/us/images/rebrand/integrations/svg/at-t.svg" class="integrations_icon__33W3A" alt="AT&T"/> </div> <div class="col col-10 integrations_titleWrapper__FDium"> <span class="h5 undefined">AT&T</span> </div> </li> <li class="integrations_wrapperList__2kXMB false"> <div class="col col-2 integrations_imageWrapper__I72Ss"> <img src="/content/dam/wbx/us/images/rebrand/nasdaq-new-logo.png" class="integrations_icon__33W3A logo-Nas" alt="Nasdaq"/> </div> <div class="col col-10 integrations_titleWrapper__FDium"> <span class="h5 undefined">Nasdaq</span> </div> </li> <li class="integrations_wrapperList__2kXMB false"> <div class="col col-2 integrations_imageWrapper__I72Ss"> <img src="/content/dam/wbx/us/images/rebrand/integrations/broadcom-logo.png" class="integrations_icon__33W3A" alt="Broadcom"/> </div> <div class="col col-10 integrations_titleWrapper__FDium"> <span class="h5 undefined">Broadcom</span> </div> </li>  <li class="integrations_wrapperList__2kXMB false"> <div class="col col-2 integrations_imageWrapper__I72Ss"> <img src="/content/dam/wbx/us/images/rebrand/rac-new-logo.png" class="integrations_icon__33W3A" alt="rent-a-center"/> </div> <div class="col col-10 integrations_titleWrapper__FDium"> <span class="h5 undefined">Rent-A-Center</span> </div> </li> <li class="integrations_wrapperList__2kXMB false"> <div class="col col-2 integrations_imageWrapper__I72Ss"> <img src="/content/dam/wbx/us/images/rebrand/integrations/Logo_Paychex.png" class="integrations_icon__33W3A" alt="Paychex"/> </div> <div class="col col-10 integrations_titleWrapper__FDium"> <span class="h5 undefined">Paychex</span> </div> </li> </ul> </div> </div> </div> </div> </section>  <style> /* .left-arrow, .right-arrow{z-index: 3;}*/ .swiper-pagination-fraction { margin: 0 14px; width: auto; } </style> <section class="quote-carousel_module__3pdLb gradient-br-green" data-sticky-target="testimonials" data-module="quote-carousel"> <a name="testimonials-anchor" class="module-sticky-target"></a> <div class="container"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2" role="heading" aria-level="2"> <span>업계 전문가를 위한<br/> 검증된 솔루션입니다.</span> </h2> </div> </div> </div> <div class="grid grid-between"> <div class="col col-9 col-sm"> <div class="swiper-container-quote"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="grid grid-between"> <div class="col col-2 col-sm"> <div class="quote-carousel_imageWrapper__1LrgG"> <img src="/content/dam/wbx/us/images/rebrand/tmobile-quotelogo.png" class="img-responsive quote-carousel_image__tqw2j" alt="T-mobile"/> </div> </div> <div class="col col-10 col-sm"> <div> <p class="h5 quote-carousel_quote__1_MFH"> 미소는 이해하고 있다는 것을 나타낼 수 있습니다. 고개를 끄덕이는 것은 동의를 의미할 수 있는데, 이는 대면 소통에서는 분명할 수 있지만 텔레프레즌스 툴의 오디오와 비디오가 끊길 때는 명확하지 않을 수 있습니다. Webex 룸은 선명한 시각과 소리를 제공하여 투명한 사용자 환경을 제공합니다. </p> <div class="sbody fw-medium color-gray quote-carousel_author__1menR"> Joshua Baever, T-Mobile 시스템 안정성 수석 엔지니어 </div>  </div> </div> </div> </div> <div class="swiper-slide"> <div class="grid grid-between"> <div class="col col-2 col-sm"> <div class="quote-carousel_imageWrapper__1LrgG"> <img src="/content/dam/wbx/us/images/rebrand/under-armour-01.png" class="img-responsive quote-carousel_image__tqw2j" alt=""/> </div> </div> <div class="col col-10 col-sm"> <div> <p class="h5 quote-carousel_quote__1_MFH"> 재택 근무의 증가로 Webex 미팅 시간이 3배 늘었지만 미팅이 지속되는 시간은 짧아졌습니다. 사람들은 실제로 이러한 효율성을 추구하기 시작했습니다. 사람들은 플랫폼에서 미팅 전후에 다양한 업무를 수행할 수 있습니다. </p> <div class="sbody fw-medium color-gray quote-carousel_author__1menR"> Karen Dean, Under Armour 협업 서비스 수석 관리자 </div>  </div> </div> </div> </div> <div class="swiper-slide"> <div class="grid grid-between"> <div class="col col-2 col-sm"> <div class="quote-carousel_imageWrapper__1LrgG"> <img src="/content/dam/wbx/us/images/rebrand/mclarensmalllogo.png" class="img-responsive quote-carousel_image__tqw2j" alt=""/> </div> </div> <div class="col col-10 col-sm"> <div> <p class="h5 quote-carousel_quote__1_MFH"> 전 세계의 다른 사람들과 연결할 수 있는 능력이 그 어느 때보다도 중요해졌습니다. 업계 최고의 Cisco Webex 클라우드 기반 툴 제품군을 통해 McLaren Racing은 지리적 경계를 극복하고, 가상 경험을 만들며, 팬들과 파트너에게 더 다가갈 수 있게 되었습니다. </p> <div class="sbody fw-medium color-gray quote-carousel_author__1menR"> Zak Brown, McLaren Racing CEO </div>  </div> </div> </div> </div> <div class="swiper-slide"> <div class="grid grid-between"> <div class="col col-2 col-sm"> <div class="quote-carousel_imageWrapper__1LrgG"> <img src="/content/dam/wbx/us/images/rebrand/Puma-Logo.png" class="img-responsive quote-carousel_image__tqw2j" alt=""/> </div> </div> <div class="col col-10 col-sm"> <div> <p class="h5 quote-carousel_quote__1_MFH"> [Webex Experience Management] 플랫폼을 사용하면 고객이 남긴 정량 피드백을 바탕으로 교육 프로그램과 운영을 미세 조정할 수 있습니다. </p> <div class="sbody fw-medium color-gray quote-carousel_author__1menR"> Jerome Rouch-Sirech, PUMA 소매 부문 책임자 </div>  </div> </div> </div> </div> </div> </div> </div> <div class="col col-2 col-sm hidden-sm"> <div class="carousel-controls"> <div class="left-arrow swiper-button-disabled"> <span class="icon-arrow-large"></span> </div> <div class="count mbody">1/2</div> <div class="right-arrow"> <span class="icon-arrow-large"></span> </div> </div> </div> <div class="scrollbar quote-carousel_scrollbar__ypIQM"> <div class="swiper-scrollbar-drag"> </div> </div> </div> </div> </section>  <style> .wx-wrapper .right-arrow1 { width: 42px; width: 11.2vw; height: 42px; height: 11.2vw; border-radius: 50%; background: #191919; color: #fff; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; font-size: 1.8rem; font-size: 18px; font-size: 4.8vw } @media (min-width: 1025px) { .wx-wrapper .right-arrow1 { width: 56px; width: 3.8888888889vw; height: 56px; height: 3.8888888889vw; font-size: 2.2rem; font-size: 22px; font-size: 1.5277777778vw } } .wx-wrapper .right-arrow1 [class*=" icon-"], .wx-wrapper .right-arrow1 [class^=icon-] { display: inline-block } .wx-wrapper .right-arrow1:hover { background: -webkit-gradient(linear, left bottom, left top, from(rgba(32, 236, 155, .3)), to(rgba(32, 236, 155, .3))), #078855; background: -webkit-linear-gradient(bottom, rgba(32, 236, 155, .3), rgba(32, 236, 155, .3)), #078855; background: linear-gradient(0deg, rgba(32, 236, 155, .3), rgba(32, 236, 155, .3)), #078855 } .featured-case-study_blogCard__20k0V .featured-case-study_ctaBox__2iieq { text-align: left !important; } @media (min-width: 1025px) { .featured-case-study_blogCard__20k0V .featured-case-study_ctaBox__2iieq { text-align: right !important; } } .featured-case-study_imageWrapper__3IclY { margin-bottom: 0 !important; } .featured-case-study_description__2AHny { margin-bottom: 5vw; } </style> <section class="featured-case-study_module__ZUBc_ bg-black"> <div class="container"> <div class="grid grid-between"> <div class="col col-7 col-sm"> <h2 class="h2" role="heading" aria-level="2"> <span>Webex은 McLaren Formula 1 Team을 강화합니다.</span> </h2> <p class="mbody color-boulder col col-8 col-sm p0 featured-case-study_description__2AHny"> <span>Webex가 McLaren과 협력하여 타의 추종을 불허하는 몰입도 높은 레이싱 환경을 제공하는 방법을 알아보세요.</span> </p> <a id="videoLink11" href="javascript:;" data-video-id="6270252027001" class="btn btn-secondary-light mb3">지금 보기 <span class="icon-video"></span></a> </div> <div class="col col-5 col-sm"> <div class="featured-case-study_imageWrapper__3IclY"> <img class="br-30 img100p" src="/content/dam/wbx/us/images/rebrand/optimized/Webex-fuels-the-McLaren_main_img.jpg" alt="McLaren은 Webex를 사용하여 몰입형 레이싱 경험을 제공합니다"/> </div> </div> </div> <div class="featured-case-study_moreStoriesSection__3YKQs"> <strong class="h5 fw-regular featured-case-study_sectionTitle__3HfTh"> 더 많은 이야기 </strong> <div class="grid grid-between featured-case-study_blogCard__20k0V" data-url="https://blog.webex.com/ko/%ed%99%94%ec%83%81-%ed%9a%8c%ec%9d%98/worldtour-team-dsm%ec%9d%80-webex%ec%99%80-%ed%95%a8%ea%bb%98-%ec%83%88%eb%a1%9c%ec%9a%b4-%ed%95%98%ec%9d%b4%eb%b8%8c%eb%a6%ac%eb%93%9c-%ec%8a%a4%ed%8f%ac%ec%b8%a0-%ea%b2%bd%ed%97%98%ec%9d%84/"> <div class="col col-2 col-sm"> <img class="br-30 img100p featured-case-study_cardImage__1Ql3M" src="/content/dam/wbx/us/images/rebrand/optimized/Webex-fuels-the-McLaren_StoryImg1.jpg" alt="Webex는 하이브리드 스포츠 경험을 가능하게 합니다."/> </div> <div class="col col-5 col-sm"> <p class="mbody color-white fw-bold p0 featured-case-study_cardTitle__3qS9G"> <span>WorldTour Team DSM는 새로운 하이브리드 스포츠 경험을 위해 Webex와 함께 하고 있습니다.</span> </p> <p class=" mbody color-boulder fw-regular p0 featured-case-study_cardDesc__y0mcK"> <span>Webex가 대면 경험과 가상 경험을 연결하고 Team DSM과 같은 세계적 수준의 팀이 목표를 달성할 수 있도록 지원함으로써 하이브리드 스포츠를 어떻게 실현하고 있는지 알아보세요.</span> </p> </div> <div class=" col col-1 col-sm text-right featured-case-study_ctaBox__2iieq"> <a href="https://blog.webex.com/ko/%ed%99%94%ec%83%81-%ed%9a%8c%ec%9d%98/worldtour-team-dsm%ec%9d%80-webex%ec%99%80-%ed%95%a8%ea%bb%98-%ec%83%88%eb%a1%9c%ec%9a%b4-%ed%95%98%ec%9d%b4%eb%b8%8c%eb%a6%ac%eb%93%9c-%ec%8a%a4%ed%8f%ac%ec%b8%a0-%ea%b2%bd%ed%97%98%ec%9d%84/" class="right-arrow bg-white color-black"><span class="icon-arrow"></span></a> </div> </div> <div class="grid grid-between featured-case-study_blogCard__20k0V" data-url="https://blog.webex.com/ko/%ed%99%94%ec%83%81-%ed%9a%8c%ec%9d%98/trustradius%ec%97%90%ec%84%9c-%eb%b0%9c%ed%91%9c%ed%95%9c-top-rated-2021-award%ec%9d%98-%ed%98%91%ec%97%85-%eb%b6%80%eb%ac%b8%ec%97%90%ec%84%9c-%ec%b5%9c%ea%b3%a0%ec%9d%98-%ec%86%94%eb%a3%a8%ec%85%98/"> <div class="col col-2 col-sm"> <img class="br-30 img100p featured-case-study_cardImage__1Ql3M" src="/content/dam/wbx/us/images/rebrand/optimized/Webex-fuels-the-McLaren_StoryImg2.jpg" alt="Trust Radius에서 인정한 Webex"/> </div> <div class="col col-5 col-sm"> <p class=" mbody color-white fw-bold p0 featured-case-study_cardTitle__3qS9G "> <span>Webex는 TrustRadius에서 선정한 2021년 협업 부문 최고상을 수상했습니다.</span> </p> <p class="mbody color-boulder fw-regular p0 featured-case-study_cardDesc__y0mcK"> <span>Webex는 혁신과 우수성에 대한 노력을 인정받아, 고객 피드백만을 기반으로 한 2021년 협업 부문 최고상을 수상했습니다. Webex가 수상한 이유를 확인해 보세요.</span> </p> </div> <div class="col col-1 col-sm text-right featured-case-study_ctaBox__2iieq"> <a href="https://blog.webex.com/ko/%ed%99%94%ec%83%81-%ed%9a%8c%ec%9d%98/trustradius%ec%97%90%ec%84%9c-%eb%b0%9c%ed%91%9c%ed%95%9c-top-rated-2021-award%ec%9d%98-%ed%98%91%ec%97%85-%eb%b6%80%eb%ac%b8%ec%97%90%ec%84%9c-%ec%b5%9c%ea%b3%a0%ec%9d%98-%ec%86%94%eb%a3%a8%ec%85%98/" class="right-arrow bg-white color-black"><span class="icon-arrow"></span></a> </div> </div> </div> </div> </section> <script> $(".featured-case-study_blogCard__20k0V").click(function (e) { url = $(this).attr("data-url"); window.location.href = url; }); </script> </section> </main> <script> //swiper for quotes- good const swiperquote = new Swiper('.swiper-container-quote', { // If we need pagination effect: 'fade', fadeEffect: { crossFade: true }, pagination: { el: '.count', type: 'fraction' }, // Navigation arrows navigation: { nextEl: '.right-arrow', prevEl: '.left-arrow', }, scrollbar: { el: '.scrollbar', draggable: true, }, }); //integration grid - good const swiperIntegrationGrid1 = new Swiper('.swiper-container-integration1', { allowTouchMove: false, watchSlidesVisibility: false, spaceBetween: 20, slidesPerView: 'auto', speed: 10000, autoplay: { reverseDirection: true, delay: 1, }, loop: true }); const swiperIntegrationGrid2 = new Swiper('.swiper-container-integration2', { allowTouchMove: false, watchSlidesVisibility: false, spaceBetween: 20, slidesPerView: 'auto', speed: 10000, autoplay: { reverseDirection: false, delay: 1, }, loop: true }); const swiperIntegrationGrid3 = new Swiper('.swiper-container-integration3', { allowTouchMove: false, watchSlidesVisibility: false, spaceBetween: 20, slidesPerView: 'auto', speed: 10000, autoplay: { reverseDirection: true, delay: 1, }, loop: true }); const second = 5; let swiperMain; let isAutoplayDestroy = false; const swiperThumb = new Swiper(".thumb-swiper", { slidesPerView: "auto", direction: "vertical", allowTouchMove: false, disableOnInteraction: true, waitForTransition: false, watchSlidesVisibility: false, on: { afterInit: (e) => { e.el.children[0]?.childNodes.forEach((item, index) => { item.addEventListener("mouseenter", () => { if (swiperMain.autoplay.running && swiperMain.realIndex) { swiperMain.autoplay.stop(); } }); }); e.el.children[0]?.childNodes.forEach((item, index) => { item.addEventListener("mouseleave", () => { if (!isAutoplayDestroy && swiperMain.realIndex) { swiperMain.autoplay.start(); } }); }); }, click: (e) => { e.$wrapperEl[0].classList.add("progress-none"); isAutoplayDestroy = true; swiperMain.autoplay.stop(); swiperMain.autoplay.running = false; swiperMain.update(); }, resize: (e) => { if (swiperMain.autoplay.running && !isAutoplayDestroy) { e.autoplay.start(); } }, }, }); swiperMain = new Swiper(".main-swiper", { effect: "fade", fadeEffect: { crossFade: true }, navigation: true, waitForTransition: false, autoplay: { delay: 1000 * second, disableOnInteraction: false, waitForTransition: false, }, thumbs: { swiper: swiperThumb, }, allowTouchMove: false, on: { // this is backup when intersectionObser is not entry fire status. afterInit: (e) => { const el = e.thumbs.swiper.wrapperEl.children[ e.activeIndex ].querySelector(".description"); el.style.height = `${el.scrollHeight}px`; e.autoplay.stop(); e.update(); }, slideChange: (e) => { const thumbs = e.thumbs.swiper.wrapperEl; const otherCollapse = thumbs.querySelectorAll(".description"); otherCollapse.forEach((item) => (item.style.height = 0)); const collapse = thumbs.children[e.activeIndex].querySelector( ".description" ); collapse.style.height = `${collapse.scrollHeight}px`; }, }, }); if (typeof window !== "undefined") { if (!!window.IntersectionObserver) { const callback = (entries, observer) => { entries.forEach((entry) => { if (!isAutoplayDestroy) { if (entry.isIntersecting) { swiperThumb.$wrapperEl[0].classList.add("progress-start"); swiperMain.autoplay.start(); swiperMain.update(); } else { swiperMain.autoplay.stop(); swiperMain.update(); } } }); }; const observerint = new IntersectionObserver(callback); const target = document.querySelector(".vertical-tab_thumbSlider__1fqbr"); // console.log(target); if (observerint && target) { observerint.observe(target); } } } //long scroll // if (!!window.IntersectionObserver) { // const anchorWrapper = document.querySelector(".anchored-long-scroll_anchorWrapper__221G0"); // const anchorSticky = document.querySelector(".anchored-long-scroll_anchorSticky__heeZr"); // const list = document.querySelectorAll("[data-long-scroll-list]"); // const handler = ([entry]) => { // if (entry.isIntersecting) { // anchorSticky.classList.add("anchored-long-scroll_fixed__3bm29");//anchored-long-scroll_scrollUp__2jffX // window.addEventListener("scroll", scrollListener); // } else { // anchorSticky.classList.remove("anchored-long-scroll_fixed__3bm29"); // anchorSticky.classList.remove("anchored-long-scroll_scrollUp__2jffX"); // window.removeEventListener("scroll", scrollListener); // } // }; // function scrollListener(e) { // if (this.oldScroll > this.scrollY) { // anchorSticky.classList.add("anchored-long-scroll_scrollUp__2jffX"); // } else { // anchorSticky.classList.remove("anchored-long-scroll_scrollUp__2jffX"); // } // this.oldScroll = this.scrollY; // } // const observer = new window.IntersectionObserver(handler, { // rootMargin: "0px 0px -100% 0px", // }); // observer.observe(anchorWrapper); // const subhandler = (entries) => { // entries.forEach((entry) => { // if (entry.isIntersecting) { // list.forEach((item) => { // if ( // item.dataset.longScrollList === // entry.target.dataset.longScrollItem // ) { // if (entry.target.classList.contains("bg-black")) { // item.classList.remove("color-boulder"); // item.classList.add("color-white"); // return; // } // item.classList.remove("color-boulder"); // item.classList.add("color-black"); // return; // } // item.classList.add("color-boulder"); // }); // } // }); // }; // function smoothScroll(id) { // const elm = document.querySelector(`[data-long-scroll-item="${id}"]`); // elm.scrollIntoView({ // behavior: "smooth", // }); // } // const subobserver = new window.IntersectionObserver(subhandler, { // rootMargin: "0px 0px -85% 0px", // }); // document.querySelectorAll("[data-long-scroll-item]").forEach((module) => { // subobserver.observe(module); // }); // document.querySelectorAll("[data-long-scroll-list]").forEach((module) => { // const id = module.dataset.longScrollList; // module.addEventListener("click", () => { // smoothScroll(id); // }); // }); // } </script> <script> // anchorSticky.classList.remove("anchored-long-scroll_fixed__3bm29"); // anchorSticky.classList.remove("anchored-long-scroll_scrollUp__2jffX"); if (typeof window !== "undefined") { if (!!window.IntersectionObserver) { const anchorWrapper = document.querySelector(".anchored-long-scroll_anchorWrapper__221G0"); const anchorSticky = document.querySelector(".anchored-long-scroll_anchorSticky__heeZr"); const anchorStickyItems = document.querySelectorAll(".anchored-long-scroll_leftLinkBox__ro90Z"); const list = document.querySelectorAll("[data-long-scroll-list]"); const handler = ([entry]) => { if (entry.isIntersecting) { anchorSticky.classList.add("anchored-long-scroll_fixed__3bm29"); window.addEventListener("scroll", scrollListener); } else { anchorSticky.classList.remove("anchored-long-scroll_fixed__3bm29");/*css.fixed anchored-long-scroll_fixed__3bm29 anchored-long-scroll_fixed__3bm29*/ // anchorSticky.classList.remove("anchored-long-scroll_scrollUp__2jffX"); /*css.scrollUp scrollUp*/ window.removeEventListener("scroll", scrollListener); } }; function scrollListener(e) { if (this.oldScroll > this.scrollY) { // anchorSticky.classList.add("anchored-long-scroll_scrollUp__2jffX");/*css.scrollUp scrollUp*/ } else { // anchorSticky.classList.remove("anchored-long-scroll_scrollUp__2jffX");/*css.scrollUp scrollUp*/ } this.oldScroll = this.scrollY; } const anchoredLongScrollNewObserver = new window.IntersectionObserver( handler, { rootMargin: "0px 0px -100% 0px", } ); // anchorStickyItems.forEach((module) => { // observer.observe(module); // }); anchoredLongScrollNewObserver.observe(anchorWrapper); const subhandler = (entries) => { entries.forEach((entry) => { if (entry.isIntersecting) { list.forEach((item) => { item.classList.remove("color-boulder"); // console.log(item.classList); if (item.dataset.longScrollList === entry.target.dataset.longScrollItem) { if (entry.target.classList.contains("bg-black")) { item.classList.add("color-white"); } else { item.classList.add("color-black"); } } else { // console.log("cikti"); item.classList.add("color-boulder"); } }); } }); }; function smoothScroll(id, index) { const elm = document.querySelector(`[data-long-scroll-item="${id}"]`); elm.scrollIntoView({ behavior: "smooth", }); } document .querySelectorAll("[data-long-scroll-item]") .forEach((module, index) => { const header = document.querySelector(".navigation-wrapper header") ?.clientHeight; const lists = anchorSticky.querySelectorAll("li"); const item = lists[index].clientHeight; const inH = window.innerHeight; const bottomItem = inH - item * (index + 1) - header; const bottom = (bottomItem * 100) / inH; const margin = `-${100 - bottom}% 0px -${bottom}% 0px`; const subobserver = new window.IntersectionObserver(subhandler, { rootMargin: margin, }); subobserver.observe(module); }); document .querySelectorAll("[data-long-scroll-list]") .forEach((module, index) => { const id = module.dataset.longScrollList; module.addEventListener("click", () => { smoothScroll(id, index); }); }); } } </script> <div class="popup"> <style> .popup { display: none; } .popup-mask { width: 100%; height: 100%; background: rgba(0, 0, 0, .7); position: fixed; left: 0; top: 0; z-index: 9999; } .popup-main { width: 90vw; height: calc(90vw * 0.562); max-height: 90vh; max-width: calc(90vh / 0.562); position: fixed; left: 50%; top: 50%; z-index: 10000; transform: translate(-50%, -50%); } .popup-video { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: none; } a.popup-close { height: 30px; display: block; margin-top: -40px; position: absolute; right: 15px; opacity: 1; z-index: 2; cursor: pointer; } a.popup-close .hamburger-bun { width: 32px; height: 2px; background: #fff; display: block; transform: rotate(135deg); position: relative; top: 10px; } a.popup-close .hamburger-bun:first-child { transform: rotate(-135deg); top: 12px; } </style> <div class="popup-mask"></div> <div class="popup-main"> <a href="javascript:;" class="popup-close"> <span class="hamburger-bun"></span> <span class="hamburger-bun"></span> </a> <div id="placeHolder" class="popup-body">   </div> </div> <script> $("#videoLink11").bind('click', function (e) { e.preventDefault(); $('.popup-video').hide(); //$('#Video1').show(); $('.popup').show(); addPlayer($(this)) }) $('a.popup-close').on('click', function () { myPlayer.pause(); $('.popup').hide(); $('.popup-video').hide(); $("#bcplayer").remove(); }); // float McLaren video $("#videoLink0").bind('click', function (e) { e.preventDefault(); $('.popup-video').hide(); //$('#Video1').show(); $('.popup').show(); addPlayer($(this)) }) // float McLaren video end </script> <script> var myPlayer, playerHTML, playerData = { accountId: "1924997889001", playerId: "Vyxjb0TkTg" // videoId: "6257269370001" }; // +++ Build the player and place in HTML DOM +++ function addPlayer(obj) { console.log($(obj).attr("data-video-id")); videoidnumber = $(obj).attr("data-video-id"); // Dynamically build the player video element playerHTML = '<video-js id="myPlayerID" data-video-id="' + videoidnumber + '" data-account="' + playerData.accountId + '" data-player="' + playerData.playerId + '" data-embed="default" class="video-js popup-video" controls=""></video-js>'; // Inject the player code into the DOM document.getElementById("placeHolder").innerHTML = playerHTML; // Add and execute the player script tag var s = document.createElement("script"); s.setAttribute("id", "bcplayer"); s.src = "https://players.brightcove.net/" + playerData.accountId + "/" + playerData.playerId + "_default/index.min.js"; // Add the script tag to the document document.body.appendChild(s); // Call a function to play the video once player's JavaScropt loaded s.onload = callback; } function callback() { myPlayer = bc("myPlayerID"); // Can also use the following to assign a player instance to the variable if you choose not to use IDs for elements directly // myPlayer = bc(document.getElementById('myPlayerID')); myPlayer.on("loadedmetadata", function () { // Mute the audio track, if there is one, so video will autoplay on button click myPlayer.muted(false); myPlayer.play(); }); } </script> </div></div> <div class="open-html-component section"> <script> /*! * Echo v1.4.0 * Lazy-loading with data-* attributes, offsets and throttle options * Project: https://github.com/toddmotto/echo * by Todd Motto: http://toddmotto.com * Copyright. MIT licensed. */ window.Echo = (function(window, document, undefined) { 'use strict'; var store = [], offset, throttle, poll; var _inView = function(el) { var coords = el.getBoundingClientRect(); return ((coords.top >= 0 && coords.left >= 0 && coords.top) <= (window.innerHeight || document.documentElement.clientHeight) + parseInt(offset)); }; var _pollImages = function() { for (var i = store.length; i--;) { var self = store[i]; if (_inView(self)) { if(self.tagName.toUpperCase() == "IMG" && self.getAttribute('data-echo')){ if(window.innerWidth < 992 && window.innerWidth >= 768 && self.getAttribute('data-echo-md')) { self.src = self.getAttribute('data-echo-md'); } else if (window.innerWidth < 768 && self.getAttribute('data-echo-sm')) { self.src = self.getAttribute('data-echo-sm'); } else { self.src = self.getAttribute('data-echo'); } }else{ self.style.backgroundImage = self.getAttribute('data-echo'); } store.splice(i, 1); } } }; var _throttle = function() { clearTimeout(poll); poll = setTimeout(_pollImages, throttle); }; var init = function(obj) { var nodes = document.querySelectorAll('[data-echo]'); var opts = obj || {}; offset = opts.offset || 0; throttle = opts.throttle || 250; store = []; for (var i = 0; i < nodes.length; i++) { store.push(nodes[i]); } _throttle(); if (document.addEventListener) { window.addEventListener('scroll', _throttle, false); } else { window.attachEvent('onscroll', _throttle); } }; return { init: init, render: _throttle }; })(window, document); </script> <script> EchoInit(); function EchoInit(){ Echo.init({ offset: 900, throttle: 0 }); } var isLargeBefore = window.innerWidth >= 768, isLargeAfter = isLargeBefore; $(window).resize(function(){ EchoInit(); isLargeAfter = window.innerWidth >= 768; if(isLargeBefore != isLargeAfter) { logoScroll(); featureSmScroll(); if(isLargeAfter) { featureScroll(); } isLargeBefore = isLargeAfter; } }) // integrations slide handle $('#logoPrev').bind('click', {dir: -1}, logoScroll); $('#logoNext').bind('click', {dir: 1}, logoScroll); function logoScroll(event) { var $logoList = $('#i_logos_list'), $logoControl = $('#i_logos_control'); if(!event || $logoList.attr('style').indexOf('translateX') == -1) { $logoList.css('transform', 'translateX(0%)'); $logoControl.find('a:eq(0)').addClass('disabled').next().removeClass('disabled'); if(!event) return; } var showCount = window.innerWidth >= 768 ? 5 : 3; var startX = $logoList.attr('style').split('translateX(')[1].split('%')[0] - 0; var moveX = showCount * 100 / $logoList.find('li').length; var endX = startX - moveX * event.data.dir; if(Math.round(endX) > -100 && Math.round(endX) <= 0) { $logoList.css('transform', 'translateX(' + endX + '%)'); $logoControl.find('a').removeClass('disabled'); var nextEndX = startX - moveX * event.data.dir * 2; if (Math.round(nextEndX) <= -100 || Math.round(nextEndX) > 0) { $logoControl.find('a:eq(' + (event.data.dir+1)/2 + ')').addClass('disabled');; } } } // features scroll handle for large size $('#f_scroll_body').scroll(function() { featureScroll('scroll') }); function featureScroll(param) { var $scrollBody = $('#f_scroll_body'), $scrollBar = $('#f_scroll_bar'); if(!param) { $scrollBody.find('.f-list li:eq(' + $scrollBar.find('li.active').index() + ')') .addClass('active').siblings().removeClass('active'); return; } $scrollBody.find('.f-list li').each(function() { if (this.offsetTop - $scrollBody.scrollTop() > 40) { if(!$(this).hasClass('active')) { $(this).addClass('active').siblings().removeClass('active'); $scrollBar.find('li:eq(' + $(this).index() + ')') .addClass('active').siblings().removeClass('active'); } return false; } }) } // features scroll handle for mobile size $('#featurePrev').bind('click', {dir: -1}, featureSmScroll); $('#featureNext').bind('click', {dir: 1}, featureSmScroll); function featureSmScroll(event) { var $featureSmList = $('#f_scroll_body .f-list'), $featureControl = $('#features_control'); if(!event || $featureSmList.attr('style').indexOf('translateX') == -1) { $featureSmList.css('transform', 'translateX(0px)'); $featureSmList.find('li:eq(0)').addClass('active').siblings().removeClass('active'); $featureControl.find('a:eq(0)').addClass('disabled').next().removeClass('disabled'); if(!event) return; } var startX = $featureSmList.attr('style').split('translateX(')[1].split('px')[0] - 0; var moveX = $featureSmList.find('li').outerWidth(true); var endX = startX - moveX * event.data.dir; // var endIndex = Math.floor(-endX / moveX); // if(endX > -$featureSmList.width() && endX <= 0) var endIndex = $featureSmList.find('li.active').index() + event.data.dir; if(endIndex >= 0 && endIndex < $featureSmList.find('li').length) { $featureSmList.css('transform', 'translateX(' + endX + 'px)'); $featureSmList.find('li:eq(' + endIndex + ')').addClass('active').siblings().removeClass('active'); $featureControl.find('a').removeClass('disabled'); var nextEndIndex = endIndex + event.data.dir; if (nextEndIndex < 0 || nextEndIndex > $featureSmList.find('li').length - 1 ) { $featureControl.find('a:eq(' + (event.data.dir+1)/2 + ')').addClass('disabled');; } } } </script></div> <div class="open-html-component section"> </div> </div> <div class="wbx-footer"> <div class="newpar new section"> </div> <div class="par iparys_inherited"> <div class="open-html-component"> <style> footer li a { cursor: pointer; } footer .footer_languageSelect__a_We0 a, footer .footer_languageSelect__a_We0 a:hover { color: #fff !important; } .footer_countrySelector__1ZD90 .footer_language__3GeJS .footer_languageWrapper__1qiJ4:after { z-index: -3; } .footer_copyright__2fzys { color: #9e9e9e !important; } </style> <footer class="footer_module__21ya7 wx-wrapper navigation-wrapper module" data-module="footer"> <div class="bg-black color-white"> <div class="footer_prefooter__3edCk" style=" background-image: url(/content/dam/wbx/us/images/rebrand/nav-footer/footerBg.png); "> <div class="container"> <div class="grid"> <div class="col"> <a href="/ko" class="footer_logo__3rrSz"><img src="/content/dam/wbx/us/images/rebrand/nav-footer/webexLogo.png" alt="Webex 로고"/></a> </div> </div> <div class="grid grid-between"> <div class="col col-7 col-sm"> <div class="h2 fw-medium">무료로 시작해보세요.</div> </div> <div class="col col-4 col-align-bottom col-sm"> <div class="lbody fw-regular footer_sideText__3VaMw"> 추가 기능, 스토리지 및 지원은 합리적인 단일 가격으로 제공됩니다. </div> </div> <div class="col col-12 col-sm footer_buttonWrapper__28ZDj"> <a href="https://signup.webex.com/sign-up?locale=ko_KR" rel="noopener" class="footer_btn__eNunV btn btn-primary"> 무료로 시작</a><a href="https://pricing.webex.com/kr/ko/" class="btn btn-secondary-light">플랜 및 가격 확인</a> </div> </div> </div> </div> <div class="container"> <div class="grid footer_footerWrapper__2p9Tg"> <div class="col col-sm"> <strong class="color-white mbody fw-bold footer_collapsible__3jkQc" aria-level="6">Small Business</strong> <ul class="sbody footer_menu__34rB4"> <li><a href="https://pricing.webex.com/kr/ko/" class="sbody">가격</a></li> <li><a href="/ko/all-new-webex.html">Webex app</a></li> <li><a href="/ko/video-conferencing.html">미팅</a></li> <li><a href="/ko/team-collaboration.html">메시징</a></li> </ul> </div> <div class="col col-sm"> <strong class="color-white mbody fw-bold footer_collapsible__3jkQc" aria-level="6">Enterprise</strong> <ul class="sbody footer_menu__34rB4"> <li><a href="/ko/collaboration-suite.html">Webex Suite</a></li> <li><a href="/ko/enterprise-cloud-calling.html">콜링</a></li> <li><a href="/ko/meetings.html">미팅</a></li> <li><a href="/ko/team-collaboration.html">메시징</a></li> <li><a href="/ko/audience-engagement.html">Slido</a></li> <li><a href="/ko/webinar.html">이벤트</a></li> <li><a href="/ko/contact-center.html">Contact Center</a></li> <li><a href="/ko/experience-management.html">Experience Management</a></li> <li><a href="/ko/customer-interaction-management.html">imimobile</a></li> <li><a href="/ko/security.html">보안</a></li> <li><a href="/ko/control-hub.html">Control Hub</a></li> </ul> </div> <div class="col col-sm"> <strong class="color-white mbody fw-bold footer_collapsible__3jkQc" aria-level="6">솔루션 지원 분야</strong> <ul class="sbody footer_menu__34rB4"> <li><a href="/ko/industries/education.html">교육</a></li> <li><a href="/ko/industries/healthcare.html">의료</a></li> <li><a href="/ko/industries/financial-services.html">재무 서비스</a></li> <li><a href="/ko/industries/government.html">공공 기관</a></li> <li><a href="/ko/industries/start-ups.html">스타트업</a></li> <li><a href="/ko/industries/sports-entertainment.html">스포츠 및 엔터테인먼트</a></li> <li><a href="/ko/hybrid-work.html">하이브리드 업무</a></li> </ul> </div> <div class="col col-sm"> <strong class="color-white mbody fw-bold footer_collapsible__3jkQc" aria-level="6">리소스</strong> <ul class="sbody footer_menu__34rB4"> <li><a href="/ko/downloads.html">다운로드</a></li> <li><a href="https://help.webex.com/ko-KR" rel="noopener">도움말 센터</a></li> <li><a href="/ko/test-meeting.html">테스트 미팅 참여</a></li> <li><a href="/ko/products/integrations/index.html">통합</a></li> <li><a href="/ko/accessibility.html">접근성</a></li> <li><a href="/ko/inclusive-collaboration.html">포용성</a></li> </ul> </div> <div class="col col-sm"> <strong class="color-white mbody fw-bold footer_collapsible__3jkQc" aria-level="6">회사</strong> <ul class="sbody footer_menu__34rB4"> <li><a href="https://www.cisco.com/c/en/us/solutions/collaboration/index.html#~stickynav=1" rel="noopener">Cisco</a></li> <li><a href="https://help.webex.com/ko-KR/contact/" rel="noopener">지원 부서에 문의</a></li> <li><a href="/ko/contact-sales.html">영업팀에 문의</a></li> <li><a href="http://www.webexmerchstore.com/" target="_blank" rel="noopener">Webex 상점</a></li> <li><a href="https://blog.webex.com/ko" rel="noopener">Webex Blog</a></li> </ul> </div> </div> <div class="grid footer_postFooter__GEZvn"> <div class="col col-4 col-sm footer_social__2mmJW"> <div class="footer_socialIconWrapper__3eyHO"> <ul> <li> <a href="https://twitter.com/webex" target="_blank" aria-label="Twitter" rel="noopener"><span class="icon-twitter"></span></a> </li> <li> <a href="https://www.linkedin.com/company/webex" target="_blank" aria-label="Linkedin" rel="noopener"><span class="icon-linkedin"></span></a> </li> <li> <a href="https://www.facebook.com/WebexKorea/" target="_blank" aria-label="Facebook" rel="noopener"><span class="icon-facebook"></span></a> </li> <li> <a href="https://www.youtube.com/c/webex" target="_blank" aria-label="YouTube" rel="noopener"><span class="icon-youtube"></span></a> </li> <li> <a href="https://www.instagram.com/webex.korea/" target="_blank" aria-label="Instagram" rel="noopener"><span class="icon-instagram"></span></a> </li> </ul> </div> <div class="xsbody footer_copyright__2fzys"> © <span class="this_year"></span> Cisco 및/또는 그의 계열사. All Rights reserved. </div> </div> <div class="col col-6 col-sm footer_terms__17opd"> <ul class="xsbody"> <li><a href="https://www.cisco.com/c/en/us/about/legal/terms-conditions.html" rel="noopener">사용 약관</a></li> <li><a href="https://www.cisco.com/c/en/us/about/legal/privacy-full.html" rel="noopener">개인 정보 보호 정책</a></li> <li><a href="#privacy-manager" onclick="displayConsentManager()">쿠키</a></li>   <li><a href="https://www.cisco.com/web/siteassets/legal/trademark.html" rel="noopener">상표</a> </li> </ul> </div> <div class="col col-2 col-sm footer_countrySelector__1ZD90"> <div class="footer_languageOverlay__3tTZa"></div> <div class="footer_language__3GeJS color-black"> <div class="footer_languageHeader__1iHeI"> <span class="mbody">국가/지역 선택</span><span class="close"><span class="icon-close"></span></span> </div> <div class="footer_languageWrapper__1qiJ4"> <ul class="footer_languageList__gyLHu wf-region-list region-select-list"> <li data-id="AU"> <a href="/">호주(영어)</a> </li> <li data-id="BR"> <a href="/pt/index.html">브라질(포르투갈어)</a> </li> <li data-id="CA"> <a href="/">캐나다(영어)</a> </li> <li data-id="CAF"> <a href="/fr/index.html">캐나다(불어)</a> </li> <li data-id1="CN"> <a href="/zh-cn/index.html">중국(간체자)</a> </li> <li data-id="FR"> <a href="/fr/index.html">프랑스(프랑스어)</a> </li> <li data-id="DE"> <a href="/de/index.html">독일(독일어)</a> </li> <li data-id="HK"> <a href="/zh-tw/index.html">홍콩(정체자)</a> </li> <li data-id="IN"> <a href="/">인도(영어)</a> </li> <li data-id="IT"> <a href="/it/index.html">이탈리아(이탈리아어)</a> </li> <li data-id="JP"> <a href="/ja/index.html">일본(일본어)</a> </li> <li data-id="KR"> <a href="/ko/index.html">한국(한국어)</a> </li> <li data-id="MX"> <a href="/es/index.html">라틴 아메리카(스페인어)</a> </li> <li data-id="ES"> <a href="/es/index.html">스페인(스페인어)</a> </li> <li data-id="GB"> <a href="/">영국(영어)</a> </li> <li data-id="US"> <a href="/">미국(영어)</a> </li> </ul> </div> </div> <div class="footer_languageSelect__a_We0"> <a href="javascript:;"><span class="icon-global"></span><span class="footer_country__2f7Cu wbx-region-name">한국  </span><span><i class="icon-open"></i></span></a> </div> </div> </div> </div> </div> </footer> <div id="desktop-indicator" class="desktop-indicator"></div> <div id="tablet-indicator" class="tablet-indicator"></div> <div id="mobile-indicator" class="mobile-indicator"></div>  <script> $(".region-select-list li[data-id=" + DEF_locale + "]").hide(); var footerRegionList = {}; getRegionList(); function getRegionList() { var $regionLi = $(".region-select-list li"); for (var i = 0; i < $regionLi.length; i++) { var fCountryCode = $regionLi.eq(i).attr("data-id"); if (fCountryCode) { var fCountryName = $regionLi.eq(i).find("a").text(); if (fCountryCode != "CA" && fCountryCode != "CAF") { fCountryName = fCountryName.split(" (")[0]; } footerRegionList[fCountryCode] = fCountryName; } } } function getCurrentRegion(local) { if (footerRegionList[local]) { return local; } else if ($.inArray(local, USList) != -1) { return "US"; } else if ($.inArray(local, UKList) != -1) { return "GB"; } else if ($.inArray(local, AUList) != -1) { return "AU"; } else if ($.inArray(local, FRList) != -1) { return "FR"; } else if ($.inArray(local, DEList) != -1) { return "DE"; } else if ($.inArray(local, ZHList) != -1) { return "HK"; } else if ($.inArray(local, MXList) != -1) { return "MX"; } return false; } $(document).ready(function () { $('a[href*="https://cart.webex.com/sign-up?locale=ko_KR"]').attr({ href: "https://cart.webex.com/sign-up?locale=ko_KR", }); $(".region-select-list").on("click", " li", function () { var select_locale = $(this).attr("data-id"), head_locale = $.cookie("head_locale"), compareList = []; if (select_locale) { switch (select_locale) { case "US": compareList = USList; break; case "GB": compareList = UKList; break; case "AU": compareList = AUList; break; case "FR": compareList = FRList; break; case "DE": compareList = DEList; break; case "ZH": compareList = ZHList; break; case "MX": compareList = MXList; break; } $.cookie("user_lang", get_lang(select_locale), { path: "/", expires: 30 }); if ($.inArray(head_locale, compareList) == -1) { select_locale = select_locale.substr(0, 2); $.cookie("user_locale", select_locale, { path: "/", expires: 30 }); change_currency(select_locale); } else { $.cookie("user_locale", head_locale, { path: "/", expires: 30 }); change_currency(head_locale); } } }); }); setTimeout(function () { var coLocale = $.cookie("user_locale"); var coLang = $.cookie("user_lang"); var curLocale = coLocale == "CA" && coLang == "fr" ? "CAF" : coLocale; var curRegion = getCurrentRegion(curLocale); if (curRegion && curLocale != DEF_locale) { $(".wbx-region-name").text(footerRegionList[curRegion]); $(".region-select-list li[data-id=" + curRegion + "]").hide(); $(".region-select-list li[data-id=" + DEF_locale + "]").show(); } }, 500); </script>   <script type="text/javascript"> $(document).ready(function () { if (/iPad|iPhone|iPod|Mac/.test(navigator.userAgent)) { $("#wbx-footer").addClass("wbx-mac"); } //get current year for copyright automatically $(".this_year").text(new Date().getFullYear()); if ($(".prod-nav").length > 0) { $(".prod-nav .prod-nav-link") .unbind("click") .bind("click", function () { var navId = "#" + $(this).attr("navid"); $("html,body").animate( { scrollTop: Math.ceil($(navId).offset().top) - inicontenttop + "px", }, "normal", function () { } ); }); } if ($(".prod-nav-fixed").length > 0) { $(".prod-nav-fixed .prod-nav-link") .unbind("click") .bind("click", function () { $(".prod-nav-fixed .prod-nav-link").removeClass("prod-nav-link-active"); $(".prod-nav-fixed .splitline").removeClass("splitlinelive"); var navId = "#" + $(this).attr("navid"); $("html,body").animate( { scrollTop: Math.ceil($(navId).offset().top) - inicontenttop + "px", }, "normal", function () { } ); $(this).addClass("prod-nav-link-active"); $(this).prev().addClass("splitlinelive"); $(this).next().addClass("splitlinelive"); }); } $(".wf-social > a").bind("DOMNodeInserted", function (e) { $(".wf-social > a svg").attr("focusable", "false"); }); }); /***** Tab feature --------------ziyuan----------20180327 *****/ /* $('#header .tool-drop-toggle').attr('href', 'javascript' + String.fromCharCode(58) + 'void(0);'); */ var _tab_action = false; var st_active_name = "js-tab-focus"; $(document).on("keydown", function (e) { if (Number(e.keyCode) === 9) { _tab_action = true; } }); $(document) .on("focusin", function (e) { var $target = $(e.target); if (!_tab_action) { return false; } $("." + st_active_name).removeClass(st_active_name); _tab_action = false; $target.addClass("js-tab-focus"); if ($target.parents("li.dropdown").length > 0) { var $par_li = $target.parents("li.dropdown"); var $targrt_ele = $par_li.find("ul.drop-menu-box"); if ($targrt_ele.is(":hidden")) { $("ul.webex-nav-list li").find("ul.drop-menu-box").hide(); $targrt_ele.show(); } } else { if ($("ul.webex-nav-list li").find("ul.drop-menu-box").is(":visible")) { $("ul.webex-nav-list li").find("ul.drop-menu-box").hide(); } } }) .on("focusout", function () { $("." + st_active_name).removeClass(st_active_name); }); /** Tab feature ------end--------ziyuan----------20180327 */ $(document).ready(function () { /* Footer scripts */ const listItems = document.querySelectorAll(`.footer_collapsible__3jkQc`); for (let i = 0; i < listItems.length; i++) { listItems[i].addEventListener("click", (e) => { const content = e.target.nextElementSibling; const wrapper = document.querySelector( `.footer_footerWrapper__2p9Tg .footer_collapsible__3jkQc .footer_active__tMNaz` ); if (e.target.classList.contains(`footer_active__tMNaz`)) { e.target.classList.remove(`footer_active__tMNaz`); content.style.maxHeight = ""; return; } if (wrapper) { wrapper.classList.remove(`footer_active__tMNaz`); wrapper.nextElementSibling.style.maxHeight = ""; } e.target.classList.add(`footer_active__tMNaz`); content.style.maxHeight = `${content.scrollHeight}px`; }); } const language = document.querySelector(".footer_language__3GeJS"); const languageSelect = document.querySelector( ".footer_languageSelect__a_We0" ); const languageOverlay = document.querySelector( ".footer_languageOverlay__3tTZa" ); const close = document.querySelector(".close"); close.addEventListener("click", () => { language.classList.remove("footer_open__3c5lp"); }); languageOverlay.addEventListener("click", () => { language.classList.remove("footer_open__3c5lp"); languageOverlay.classList.remove("footer_visible__1fX2u"); }); languageSelect.addEventListener("click", () => { if (language.classList.contains("footer_open__3c5lp")) { language.classList.remove(`footer_open__3c5lp`); languageOverlay.classList.remove(`footer_visible__1fX2u`); } else { language.classList.add(`footer_open__3c5lp`); languageOverlay.classList.add(`footer_visible__1fX2u`); } }); }); </script> <script> function displayConsentManager() { if (typeof Optanon !== "undefined" && typeof Optanon.ToggleInfoDisplay === "function") { Optanon.ToggleInfoDisplay(); } } </script>   <style> @media only screen and (max-width: 599px) { #onetrust-pc-sdk a { float: none; } } @media(max-width: 767px) { .ot-btn-container { margin-bottom: 20px !important; } } </style> </div> </div> <script src="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/header.lc-955baec977991c1794d545584159dc8c-lc.min.js"></script> <script type="text/javascript" src="https://www.cisco.com/c/dam/cdc/t/ctm.js"></script>   <script type="text/javascript"> _linkedin_partner_id = "625468"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function(l) { if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])}; window.lintrk.q=[]} var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = https://snap.licdn.com/li.lms-analytics/insight.min.js; s.parentNode.insertBefore(b, s);})(window.lintrk); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=625468&fmt=gif"/> </noscript>  </div> </div> </div> </div> </body> </html>

CINXE.COM

비디오 회의, 온라인 미팅, 화면 공유 | Cisco Webex