1<!doctype html> 2<html lang="ko"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 <meta name="description" content="ê³ ê°ì ë³´ì ì´ë ¥, ì¼ì ê´ë¦¬ê¹ì§ ì êµí ê³ ê°ìë를 ê²½ííì¸ì." /> 7 <title>ê³ ê°ê´ë¦¬ | ê´ë¦¬ ë°©ë²ë§ ë°ê¿ë ë¬ë¼ì§ë ê³ ê°ì ë°ì</title> 8 <meta property="og:title" content="ê³ ê°ê´ë¦¬:ìí¡ë¹ì¦ íë¬ì¤" /> 9 <meta property="og:description" content="ê³ ê°ê´ë¦¬, ì´ë ¥ê´ë¦¬, ì¼ì ê´ë¦¬. ê´ë¦¬ ë°©ë²ë§ ë°ê¿ë ë¬ë¼ì§ë ê³ ê°ì ë°ì" /> 10 <meta property="og:image" content="/image/meta.png" /> 11 <meta property="og:url" content="https://www.atalkbizplus.co.kr/sub/client.html" /> 12 <meta property="og:type" content="website" /> 13 <meta property="og:site_name" content="ê³ ê°ê´ë¦¬ 기ë¥ìë´-ìí¡ë¹ì¦ íë¬ì¤" /> 14 15 <link rel="icon" href="/image/favicon.ico" type="image/x-icon" /> 16 <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet" /> 17 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet" /> 18 <link href="/css/reset.css" rel="stylesheet" /> 19 <link href="/css/main.css" rel="stylesheet" /> 20 <link href="/css/root.css" rel="stylesheet" /> 21 <link href="/css/swiper-bundle.min.css" rel="stylesheet" /> 22 <link href="/css/style.css" rel="stylesheet" /> 23 <link href="/css/media.css" rel="stylesheet" /> 24 <link href="/css/media_mo.css" rel="stylesheet" /> 25
25<script type="text/javascript" src="/js/jquery-3.7.1.min.js"></script>
25 26
26<script type="text/javascript" src="/js/custom.js"></script>
26 27
27<script type="text/javascript" src="/js/swiper-bundle.min.js"></script>
27 28 <!-- ì¹ì± --> 29
29<script> 30 (function () { 31 var w = window; 32 if (w.LivechatIO) { 33 return w.console.error('LivechatIO script included twice.'); 34 } 35 var lc = function () { 36 lc.c(arguments); 37 }; 38 lc.q = []; 39 lc.c = function (args) { 40 lc.q.push(args); 41 }; 42 w.Livechat = lc; 43 w.LivechatIO = lc; 44 function l() { 45 if (w.LivechatInitialized) { 46 return; 47 } 48 w.LivechatInitialized = true; 49 var s = document.createElement('script'); 50 s.type = 'text/javascript'; 51 s.async = true; 52 s.src = 'https://cdn.atalkbizplus.co.kr/lib/sdk.global.js'; 53 var x = document.getElementsByTagName('script')[0]; 54 if (x && x.parentNode) { 55 x.parentNode.insertBefore(s, x); 56 } else { 57 document.head.appendChild(s); 58 } 59 } 60 if (document.readyState === 'complete') { 61 l(); 62 } else { 63 w.addEventListener('DOMContentLoaded', l); 64 w.addEventListener('load', l); 65 } 66 })(); 67 Livechat('boot', { pluginKey: 'WBT_ebf5f0b73f5545599670d0071948683f' }); 68 </script>
68 69 <!-- ë¤ì´ë² ìì¹ì´ëë°ì´ì --> 70 <meta name="naver-site-verification" content="0cc5e44a378678fb1c723695003f184a58cb1c4f" /> 71 <!-- 구ê¸ìì¹ì½ì --> 72 <meta name="google-site-verification" content="qc9nyfQQGYX05SKl-IGiWp8u3sIU5dFohQzfrzgXgSk" /> 73 <!-- ë¤ì´ë²ì ë리í±ì¤ --> 74
74<script type="text/javascript" src="//wcs.pstatic.net/wcslog.js"></script>
74 75
75<script type="text/javascript"> 76 if (!wcs_add) var wcs_add = {}; 77 wcs_add['wa'] = '1844637144185d0'; 78 if (window.wcs) { 79 wcs_do(); 80 } 81 </script>
81 82 <!-- 구ê¸ì ë리í±ì¤ --> 83 <!-- Google tag (gtag.js) -->
vendor: 72 bytes, lines 83-84
83 84 <script async src="https://www.googletagmanager.com/gtag/js?id=
84G-DGZP7DKGFH
vendor: 20 bytes, lines 84-85
84"></script> 85
85<script> 86
vendor: 195 bytes, lines 86-92
86window.dataLayer = window.dataLayer || []; 87 function gtag() { 88 dataLayer.push(arguments); 89 } 90 gtag('js', new Date()); 91 92 gtag('config', '
92G-DGZP7DKGFH
vendor: 12 bytes, lines 92-93
92'); 93
93</script>
93 94 <!-- MS Clarity --> 95
95<script type="text/javascript"> 96 (function (c, l, a, r, i, t, y) { 97 c[a] = 98 c[a] || 99 function () { 100 (c[a].q = c[a].q || []).push(arguments); 101 }; 102 t = l.createElement(r); 103 t.async = 1; 104 t.src = 'https://www.clarity.ms/tag/' + i; 105 y = l.getElementsByTagName(r)[0]; 106 y.parentNode.insertBefore(t, y); 107 })(window, document, 'clarity', 'script', 'w4nm9wt2a7'); 108 </script>
108 109 <!-- ë¤ì´ë² ì íì¶ì --> 110
110<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>
110 111
111<script type="text/javascript"> 112 if (!wcs_add) var wcs_add = {}; 113 wcs_add['wa'] = 's_48ebc80ba525'; 114 if (!_nasa) var _nasa = {}; 115 if (window.wcs) { 116 wcs.inflow(); 117 wcs_do(); 118 } 119 </script>
119 120
120<script type="application/ld+json"> 121 { 122 "@context": "https://schema.org", 123 "@type": "SoftwareApplication", 124 "@id": "https://www.atalkbizplus.co.kr/sub/client.html#software", 125 "name": "ìí¡ë¹ì¦ íë¬ì¤ ê³ ê°ê´ë¦¬", 126 "url": "https://www.atalkbizplus.co.kr/sub/client.html", 127 "applicationCategory": "BusinessApplication", 128 "operatingSystem": "Web", 129 "description": "ê³ ê°ê´ë¦¬, ì´ë ¥ê´ë¦¬, ì¼ì ê´ë¦¬ë¥¼ íµí´ ê³ ê° ë°ì´í°ë¥¼ íµí© ê´ë¦¬íê³ ë ì êµí ê³ ê° ìë를 ì§ìíë CRM ì루ì .", 130 "image": "https://www.atalkbizplus.co.kr/image/meta.png", 131 "featureList": [ 132 "ê³ ê°ê´ë¦¬", 133 "ì´ë ¥ê´ë¦¬", 134 "ì¼ì ê´ë¦¬", 135 "ê³ ê° íë¡í ê´ë¦¬", 136 "íµí ë° ë¬¸ì ì´ë ¥ ê´ë¦¬", 137 "ê³ ê° íì¼ ê´ë¦¬", 138 "모ë°ì¼ CRM ì°ë", 139 "ê³ ê° ë°ì´í° ë¶ì" 140 ], 141 "publisher": { 142 "@type": "Organization", 143 "@id": "https://www.atalkbizplus.co.kr/#organization", 144 "name": "ìí¡ë¹ì¦ íë¬ì¤", 145 "url": "https://www.atalkbizplus.co.kr/", 146 "logo": { 147 "@type": "ImageObject", 148 "url": "https://www.atalkbizplus.co.kr/image/meta.png" 149 } 150 }, 151 "isPartOf": { 152 "@type": "WebSite", 153 "@id": "https://www.atalkbizplus.co.kr/#website", 154 "url": "https://www.atalkbizplus.co.kr/", 155 "name": "ìí¡ë¹ì¦ íë¬ì¤" 156 } 157 } 158 </script>
158 159
159<script defer src="https://dashboard.atalkbiz.chatgpt.site/atalk-visitor-tracker.js" data-site="plus"></script>
159 160 </head> 161 162 <body> 163 <div data-include="/inc/header.html"></div> 164 165 <div class="subfixedmenu"> 166 <div class="inner"> 167 <a href="/sub/client.html" class="on">ê³ ê°ê´ë¦¬</a> 168 <a href="/sub/counseling.html">ìë´ê´ë¦¬</a> 169 <a href="/sub/custom.html">커ì¤í°ë§ì´ì§</a> 170 <a href="/sub/add.html">íë¬ì¤í©</a> 171 </div> 172 </div> 173
173<script> 174 document.addEventListener('DOMContentLoaded', () => { 175 const fixedMenu = document.querySelector('.subfixedmenu'); 176 if (!fixedMenu) return; 177 178 window.addEventListener('scroll', () => { 179 if (window.scrollY > 400) { 180 fixedMenu.classList.add('on'); 181 } else { 182 fixedMenu.classList.remove('on'); 183 } 184 }); 185 }); 186 </script>
186 187 <section class="subcontent_visual"> 188 <div class="inner"> 189 <div class="menu"> 190 <a href="/sub/client.html" class="on">ê³ ê°ê´ë¦¬</a> 191 <a href="/sub/counseling.html">ìë´ê´ë¦¬</a> 192 <a href="/sub/custom.html">커ì¤í°ë§ì´ì§</a> 193 <a href="/sub/add.html">íë¬ì¤í©</a> 194 </div> 195 <div class="subtitle animation fade_up"> 196 <p class="main">ê³ ê°ê´ë¦¬</p> 197 <p class="sub">ê³ ê° ê²½í ê°ì ì ììì </p> 198 </div> 199 <img src="/image/client_main_2.png" alt="ë©ì¸ ì´ë¯¸ì§" class="animation fade_up" style="animation-delay: 0.2s" /> 200 <div class="subtitle animation fade_up" style="animation-delay: 0.4s"> 201 <p class="sub pc_txt"> 202 ê´ë¦¬ ë°©ë²ë§ ë°ê¿ë ë¬ë¼ì§ë ê³ ê°ì ë°ì ìí¡ë¹ì¦ìì ê²½íí´ë³´ì¸ì!<br /> 203 ìì ë³íê° ê³ ê° ë§ì¡±ì¼ë¡ ì´ì´ì§ëë¤. 204 </p> 205 <p class="sub mo_txt"> 206 ê´ë¦¬ ë°©ë²ë§ ë°ê¿ë ë¬ë¼ì§ë ê³ ê°ì ë°ì<br />ìí¡ë¹ì¦ìì ê²½íí´ë³´ì¸ì!<br /> 207 ìì ë³íê° ê³ ê° ë§ì¡±ì¼ë¡ ì´ì´ì§ëë¤. 208 </p> 209 </div> 210 </div> 211 </section> 212 213 <section class="client_tab"> 214 <div class="inner"> 215 <div class="subtitle"> 216 <p class="main">미리보ë ìë¡ì´ 기ë¥</p> 217 <p class="sub">ê³ ê°ê´ë¦¬ì ë¤ìí 기ë¥ì íì¸í´ë³´ì¸ì</p> 218 </div> 219 <div class="wrap animation fade_up"> 220 <div class="text"> 221 <div class="tabmenu"> 222 <span class="on">ê³ ê°ê´ë¦¬</span> 223 <span>ì´ë ¥ê´ë¦¬</span> 224 <span>ì¼ì ê´ë¦¬</span> 225 </div> 226 <div class="tabcontent"> 227 <!-- ê³ ê°ê´ë¦¬ --> 228 <div class="tab tab1 on"> 229 <div class="tagwrap"> 230 <span class="tag on" data-tab="1"> ê³ ê°ì ë³´ </span> 231 <span class="tag" data-tab="2"> ê³ ê° íë¡í </span> 232 <span class="tag" data-tab="3"> ê³ ê° ë´ë¹ì </span> 233 <span class="tag" data-tab="4"> ê³ ê°ì ë³´ í </span> 234 <span class="tag" data-tab="5"> PC íì </span> 235 <span class="tag" data-tab="6"> ë©ëª¨ </span> 236 </div> 237 <div class="textwrap"> 238 <div class="txt txt_1 on"> 239 <p class="name"><img src="/image/subtab_btn_1.png" alt="" />ê³ ê°ì ë³´</p> 240 <p class="text"> 241 기본 ì ë³´ë¶í° ì ë ¥ í목 ë´ ê³ ê°ì 보를 ì ì¥íì¬<br /> 242 ì§ìë¤ê³¼ ê³µì í ì ìì´ì. 243 </p> 244 </div> 245 <div class="txt txt_2"> 246 <p class="name"><img src="/image/subtab_btn_2.png" alt="" />ê³ ê° íë¡í</p> 247 <p class="text"> 248 ê³ ê°ì íë¡í ì¬ì§ ëë ì´ë¯¸ì§ë¥¼ ë±ë¡í ì ìì´<br />ë²í¸ë ì´ë¦ ì¸ìë ê³ ê°ì ì½ê² ìë³í ì ìì´ì. 249 </p> 250 </div> 251 <div class="txt txt_3"> 252 <p class="name"><img src="/image/subtab_btn_3.png" alt="" />ê³ ê° ë´ë¹ì</p> 253 <p class="text"> 254 ê³ ê°ë³ë¡ ë´ë¹ì를 ì§ì íì¬ ì§ì ë´ë¹ììê²ë§<br />ìë를 ë°ì ì ìëë¡ ì¤ì ì´ ê°ë¥í´ì.<br /> 255 ì¸ì ì í를 걸ì´ë ëì¼í ë´ë¹ììê² ìë를 ë°ì<br />ì¼ê´ë ìë´ì ì ê³µí ì ìì´ì. 256 </p> 257 </div> 258 259 <div class="txt txt_4"> 260 <p class="name"><img src="/image/subtab_btn_4.png" alt="" />ê³ ê°ì ë³´ í</p> 261 <p class="text">ê³ ê°ì ë³´ì ê° í목 ì íì ë°ë¼ íì¼ë¡ ë¶ë¥í ì ìì´ì.</p> 262 </div> 263 <div class="txt txt_5"> 264 <p class="name"><img src="/image/subtab_btn_5.png" alt="" />PC íì </p> 265 <p class="text"> 266 ì íê° ì¬ ë PCíì ì ë
266ì ê³ ê°ëª ê³¼ ë²í¸, ë©ëª¨,<br />ì í ì¸ì ê²½ë¡ë¥¼ íìí´ íì¸ í ê³ ê° ìë를 í ì 267 ìì´ì. 268 </p> 269 </div> 270 <div class="txt txt_6"> 271 <p class="name"><img src="/image/subtab_btn_6.png" alt="" />ë©ëª¨</p> 272 <p class="text">ê³ ê°ì ëí ë©ëª¨ë¥¼ ì ì¥í ì ìì¼ë©°,<br />ë©ëª¨ ì´ë ¥ì¼ë¡ ì§ë ì´ë ¥ë¤ë ë³¼ ì ìì´ì,</p> 273 </div> 274 </div> 275 </div> 276 <!-- ì´ë ¥ê´ë¦¬ --> 277 <div class="tab tab2"> 278 <div class="tagwrap"> 279 <span class="tag on" data-tab="7"> íµíëª©ë¡ </span> 280 <span class="tag" data-tab="8"> 문ìì´ë ¥ </span> 281 <span class="tag" data-tab="9"> íì¼í¨ </span> 282 </div> 283 <div class="textwrap"> 284 <div class="txt txt_7 on"> 285 <p class="name"><img src="/image/subtab_btn_7.png" alt="" />íµí목ë¡</p> 286 <p class="text">ê³ ê°ê³¼ íµíí ë´ìì íìíë©°<br />ë¤ë¥¸ ìë´ìê³¼ ê³ ê°ì´ íµíí ì´ë ¥ë íì¸í ì ìì´ì.</p> 287 </div> 288 <div class="txt txt_8"> 289 <p class="name"><img src="/image/subtab_btn_8.png" alt="" />문ìì´ë ¥</p> 290 <p class="text">ê³ ê°ìê² ë°ì¡í 문ìì´ë ¥ì íìíë©°<br />문ì ì íê³¼ ë°ì¡ ê²°ê³¼ê°ì íì¸í ì ìì´ì.</p> 291 </div> 292 <div class="txt txt_9"> 293 <p class="name"><img src="/image/subtab_btn_9.png" alt="" />íì¼í¨</p> 294 <p class="text"> 295 í´ë¹ ê³ ê°ê³¼ ê´ë ¨ ìë íì¼ì í ê³³ìì ì¡°í,<br />ë¤ì´ë¡ë í ì ìì¼ë©° ë¤ìí ì íì íì¼ì<br />ì ë¡ëí 296 ì ìì´ì. 297 </p> 298 </div> 299 </div> 300 </div> 301 <!-- ì¼ì ê´ë¦¬ --> 302 <div class="tab tab3"> 303 <div class="tagwrap"> 304 <span class="tag on" data-tab="10"> ì¼ì ê´ë¦¬ </span> 305 <span class="tag on" data-tab="11"> ê°ì¸/ê³µì© ì¼ì </span> 306 </div> 307 <div class="textwrap"> 308 <div class="txt txt_10 on"> 309 <p class="name"><img src="/image/subtab_btn_10.png" alt="" />ì¼ì ê´ë¦¬</p> 310 <p class="text"> 311 ì 무 ì¼ì ë´ CRMì ë±ë¡ë ê³ ê°ì íê·¸í´<br />í´ë¹ ê³ ê°ê³¼ì ì¼ì ì ë±ë¡í ì ìì´ì.<br /> 312 ì림 ì¤ì ê³¼ ê°ì´ ì¸ê·¼, 미í ë±<br />ê³ ê°ê³¼ì ì¤ìí ì¼ì ì ê´ë¦¬í´ë³´ì¸ì. 313 </p> 314 </div> 315 <div class="txt txt_11"> 316 <p class="name"><img src="/image/subtab_btn_11.png" alt="" />ê°ì¸/ê³µì© ì¼ì </p> 317 <p class="text"> 318 ê³ ê°ê³¼ì ê°ì¸ / ê³µì© ì¼ì ì 구ë¶íì¬ ë±ë¡í ì ìì´ì.<br /> 319 1:1 ê°ì¸ ì¼ì ì ë±ë¡íê±°ë ê³µì©ì¼ë¡ ë±ë¡í´<br />ì§ìë¤ê³¼ ì¤ì¼ì¤ì ê³µì í ì ìì´ì. 320 </p> 321 </div> 322 </div> 323 </div> 324 </div> 325 </div> 326 <div class="image"> 327 <img src="/image/subtab_1.png" alt="" /> 328 </div> 329 </div> 330 </div> 331 </section> 332
332<script> 333 document.addEventListener('DOMContentLoaded', () => { 334 const root = document.querySelector('.client_tab'); 335 const menus = root.querySelectorAll('.tabmenu span'); 336 const tabs = root.querySelectorAll('.tab'); 337 const img = root.querySelector('.image img'); 338 339 const setImg = (n) => { 340 // ëê°ë©´ì ì¬ë¼ì§ë ëë 341 img.classList.remove('is-enter'); 342 img.classList.add('is-changing'); 343 344 // transition ëë기 ì´ì§ ì ì src êµì²´ -> ë¤ì´ì¤ë 모ì 345 setTimeout(() => { 346 img.src = `/image/subtab_${n}.png`; 347 348 // ì ì´ë¯¸ì§ê° ë¤ì´ì¬ ë ìì ìì¸(ì¤ë¥¸ìª½ + í¬ëª ) 349 img.classList.remove('is-changing'); 350 img.classList.add('is-enter'); 351 352 // ë¤ì íë ìì ììì¹ë¡ ë³µê·ìí¤ë©´ "ì¤ë¥µ" ë¤ì´ìµëë¤ 353 requestAnimationFrame(() => { 354 requestAnimationFrame(() => { 355 img.classList.remove('is-enter'); 356 }); 357 }); 358 }, 160); // 0.35s ì¤ê°ì¯¤(ì·¨í¥ëë¡ 120~200ms) 359 }; 360 361 const activeTag = (tag) => { 362 const tab = tag.closest('.tab'); 363 const num = tag.dataset.tab; 364 365 // tag on ì²ë¦¬ 366 tab.querySelectorAll('.tag.on').forEach((t) => t.classList.remove('on')); 367 tag.classList.add('on'); 368 369 // txt on ì²ë¦¬ â ì¶ê° 370 tab.querySelectorAll('.txt.on').forEach((t) => t.classList.remove('on')); 371 const txt = tab.querySelector(`.txt_${num}`); 372 if (txt) txt.classList.add('on'); 373 374 // ì´ë¯¸ì§ ë³ê²½ 375 setImg(num); 376 }; 377 378 const activeTab = (i) => { 379 menus.forEach((m) => m.classList.remove('on'));
380 tabs.forEach((t) => t.classList.remove('on')); 381 menus[i].classList.add('on'); 382 tabs[i].classList.add('on'); 383 activeTag(tabs[i].querySelector('.tag')); 384 }; 385 386 menus.forEach((m, i) => (m.onclick = () => activeTab(i))); 387 root.onclick = (e) => e.target.closest('.tag') && activeTag(e.target.closest('.tag')); 388 389 activeTab([...tabs].findIndex((t) => t.classList.contains('on')) || 0); 390 }); 391 </script>
391 392 393 <section class="client_card"> 394 <div class="inner"> 395 <div class="subtitle"> 396 <p class="main pc_txt">ë°ì´í°ê° ìì´ë ë§í¼ ì êµí´ì§ë ê³ ê° ìë</p> 397 <p class="main mo_txt">ë°ì´í°ê° ìì´ë ë§í¼<br />ì êµí´ì§ë ê³ ê° ìë</p> 398 <p class="sub pc_txt">ê³ ê° ë°ì´í°ë¥¼ íì©í´ ë ì¤ë§í¸í ê´ë¦¬ ë°©ìì ê²½ííì¸ì</p> 399 <p class="sub mo_txt">ê³ ê° ë°ì´í°ë¥¼ íì©í´<br />ë ì¤ë§í¸í ê´ë¦¬ ë°©ìì ê²½ííì¸ì</p> 400 </div> 401 <!-- 1 --> 402 <div class="card animation fade_up"> 403 <div class="card-content"> 404 <div class="card-title">íì ì¼ë¡ 미리 íì¸íë ì ë³´</div> 405 <div class="card-description"> 406 ì±í , ì í ì¸ì ì íì ì°½ì íµí´ <br /> 407 기존 ê³ ê°, ì ê· ê³ ê°ì 미리 íì¸íê³ ìëí ì ìì´ì.<br /><br /> 408 409 ì ë³´ê° ìë ì ê· ê³ ê°ì ìë¡ê² ì ì¥í´<br /> 410 ë¤ì ìë´ ì ìì°ì¤ë¬ì´ ìë´ì ì´ì´ê°ë³´ì¸ì. 411 </div> 412 </div> 413 <div class="card-image"> 414 <img src="/image/sub_card_1.png" alt="ì´ë¯¸ì§" /> 415 </div> 416 </div> 417 418 <!-- 2 --> 419 <div class="card reverse animation fade_up"> 420 <div class="card-content"> 421 <div class="card-title"> 422 ë¶ì°ë ê³ ê° íì¤í 리ë<br /> 423 í íì´ì§ìì ê´ë¦¬ 424 </div> 425 <div class="card-description"> 426 ê³ ê°ì ë³´, ìë´ë´ì©, íµí기ë¡, ë©ëª¨, íì¼ ë± ê³ ê° íì¤í 리를 <br /> 427 í íì´ì§ìì ê´ë¦¬í´ ì ííê³ ì ìí ìëê° ê°ë¥í´ì. <br /><br /> 428 429 ì¬ë¬ ì´ë ¥ì´ í ííë¡ ì 리ëì´ ìì´<br /> 430 íìí ì ë³´ë§ ë¹ ë¥´ê² íì¸íë©° ê³ ê° ìë´ì ì§ì¤í ì ìì´ì. 431 </div> 432 </div> 433 <div class="card-image office"> 434 <img src="/image/sub_card_2.png" alt="ì´ë¯¸ì§" /> 435 </div> 436 </div> 437 438 <!-- 3 --> 439 <div class="card animation fade_up"> 440 <div class="card-content"> 441 <div class="card-title">ìí©ë³ ê³ ê° ë§ì¶¤ ìë ê°í</div> 442 <div class="card-description"> 443 ì´ë ¥, ì í¸ ìí, ê³ ê° ì í ë± íëª©ë³ ë°ì´í°ë¥¼ 기ë°ì¼ë¡<br /> 444 ìí©ì ë§ë ë§ì¶¤ ìë를 í ì ìì´ì.<br /><br /> 445 446 ë¤ìí í목ì ì¬ì©íê³ ê³ ê° ì ë³´ê° ì¶ì ë ìë¡ <br /> 447 ìë ë°©ìì ë ì êµí´ì§ëë¤. 448 </div> 449 </div> 450 <div class="card-image schedule"> 451 <img src="/image/sub_card_3.png" alt="ì´ë¯¸ì§" /> 452 </div> 453 </div> 454 455 <!-- 4 --> 456 <div class="card reverse animation fade_up"> 457 <div class="card-content"> 458 <div class="card-title">ë¶íìí ì 무 ì ë¬ Â· ì í ë리기ë ê°ì</div> 459 <div class="card-description"> 460 ìë´ìê° ì¤ìê° ê³µì ë¶í° ê³ ê°ë³ ë´ë¹ì를 ì§ì í ì ìì´<br /> 461 ê³ ê° ë´ë¹ì ìì£¼ë¡ ìë´ì ì´ì´ê° ì ìì´ì.<br /> 462 <br /> 463 ê³ ê°ì ê°ì¥ ì ìê³ ìë ìë´ììê² ë°ë¡ ì°ê²°í´<br /> 464 ìë´ì ë§ì¡±ë를 ëì¬ë³´ì¸ì. 465 </div> 466 </div> 467 <div class="card-image schedule"> 468 <img src="/image/sub_card_4.png" alt="ì´ë¯¸ì§" /> 469 </div> 470 </div> 471 472 <!-- 5 --> 473 <div class="card animation fade_up"> 474 <div class="card-content"> 475 <div class="card-title">íëë¡ ëª¨ì ê´ë¦¬íë ê³ ê° íì¼</div> 476 <div class="card-description"> 477 ìë´ ì¤ ê³ ê°ê³¼ ì£¼ê³ ë°ì íì¼ì
477 íì¼í¨ì 모ì ê´ë¦¬í ì ìì´ì.<br /> 478 ìë´ì ê°ì¸ PC, íì¬ ê³µì í´ëê° ìë ê³ ê°ë³ë¡ íì¼ì ë±ë¡í´<br /> 479 ìë£ ì ì¤ ë°©ì§ë¶í° ë¤ì´ë¡ë ê¶í ì ì´ë¡<br /> 480 ìì íê² ê´ë¦¬í ì ììµëë¤. 481 </div> 482 </div> 483 <div class="card-image schedule"> 484 <img src="/image/sub_card_5.png" alt="ì´ë¯¸ì§" /> 485 </div> 486 </div> 487 </div> 488 </section> 489 <section class="client_chat subimgblock"> 490 <div class="inner"> 491 <div class="text"> 492 <div class="title">ì±í ììë ì´ì´ì§ë ê³ ê°ê´ë¦¬</div> 493 <div class="text"> 494 ê³ ê°ê´ë¦¬ë¥¼ ì±í ìë´ìì ëì¼íê² í ì ìì´ ê³ ê° ì ì¥ì ìí´ ë°ìíë ë¶íìí íë©´ì íì ì¤ì´ê³ <br /> 495 ìë´ìì ê³ ê° ìëìë§ ì§ì¤í ì ìì´ì 496 </div> 497 </div> 498 <img src="/image/sub/client/chat.png" alt="ì±í ê³ ê°ê´ë¦¬" class="animation fade_up" /> 499 </div> 500 </section> 501 <section class="client_phone subimgblock"> 502 <div class="inner"> 503 <div class="text"> 504 <div class="title">ì¸ê·¼, 미í ì¤ìë ë´ í¸ëí°ìì ê°í¸íê²</div> 505 <div class="text">모ë°ì¼ CRM ì°ëì¼ë¡ CRMì ì ë³´ê° ì¤ìê° ì ë°ì´í¸ ëì´ ì¸ì ì´ëìë ìµì ì 보를 ê³µì í ì ìì´ì</div> 506 </div> 507 <div class="image_wrap animation fade_up"> 508 <img src="/image/sub/client/phone_1.png" alt="í¸ëí°ìì ê°í¸íê²" /> 509 <img src="/image/sub/client/phone_2.png" alt="í¸ëí°ìì ê°í¸íê²" /> 510 </div> 511 </div> 512 </section> 513 <section class="subcontent_block"> 514 <div class="inner"> 515 <div class="subtitle"> 516 <p class="main"><span>ê´ë¦¬ ë´ë¹ì¸ê°ì?</span><br />ì´ì íê²½ì ë§ì¶° ì¤ì íê³ ê´ë¦¬í´ë³´ì¸ì</p> 517 </div> 518 <div class="container animation fade_up"> 519 <div class="wrap top"> 520 <div class="card blue card_1"> 521 <p class="name">ê°í¸í ë°ì´í° ê´ë¦¬</p> 522 <p class="text"> 523 ìì ìì ê´ë¦¬íë ê³ ê° ìë´ ë°ì´í°ë¥¼<br /> 524 ì¼ê´ ë±ë¡, ë¤ì´ë¡ë í´ ìì íê² ë°±ì í ì ìì´ì.<br /> 525 íì ìí©ì ë°ë¼ ì ì²´ ë°±ì ëë 기ê°ë³ë¡<br /> 526 ë¤ì´ë¡ë í´ ë°ì´í°ë¥¼ ê´ë¦¬í´ë³´ì¸ì. 527 </p> 528 <img src="/image/sub/client/client_block_1.png" alt="ì´ë¯¸ì§" /> 529 </div> 530 <div class="card card_2"> 531 <p class="name">ìì íê² ë³´í¸íë ê³ ê°ì ë³´</p> 532 <p class="text"> 533 ìë´ìì´ë¼ê³ ê°ì¸ì 모ë ì 보를 ë³¼ ìë ìì´ì<br /> 534 ê°ì¸ 민ê°ì 보를 ë§ì¤í¹ ì²ë¦¬í´ ì ë³´ ë ¸ì¶ì ìµìí íê³ <br /> 535 ìì íê² ê³ ê°ì 보를 ê´ë¦¬í´ë³´ì¸ì 536 </p> 537 <img src="/image/sub/client/client_block_2.png" alt="ì´ë¯¸ì§" /> 538 </div> 539 </div> 540 <div class="wrap bottom"> 541 <div class="card green card_3"> 542 <p class="name">그룹 ê´ë¦¬ë¡ ê³ ê° ê´ë¦¬ ì´ì ê°í</p> 543 <p class="text pc_txt"> 544 ê³ ê° ê·¸ë£¹ì ë§ë¤ê³ 그룹 ë´ ë´ë¹ì 그룹ì ì§ì í ì ìì´ì<br /> 545 ê³ ê° ì¡°íì ì ì¥ì ë´ë¹ìë§ í ì ìì´ ë°ì´í° ì ê·¼<br /> 546 ë°©ìì 미리 ì¤ì í´ ê´ë¦¬ í ì ìì´ì 547 </p> 548 <p class="text mo_txt"> 549 ê³ ê° ê·¸ë£¹ì ë§ë¤ê³ 그룹 ë´ ë´ë¹ì 그룹ì<br />ì§ì í ì ìì´ì<br /> 550 ê³ ê° ì¡°íì ì ì¥ì ë´ë¹ìë§ í ì ìì´<br />ë°ì´í° ì ê·¼ ë°©ìì 미리 ì¤ì í´ ê´ë¦¬ í ì ìì´ì 551 </p> 552 <img src="/image/sub/client/client_block_3.png" alt="ì´ë¯¸ì§" /> 553 </div> 554 <div class="card blue card_4"> 555 <p class="name">ë°ì´í°ë¥¼ íì©í ê³ ê° ì±í¥ ë¶ì</p> 556 <p class="text"> 557 CRMì ë±ë¡ë íëª©ë³ DB를 ì¶ì¶Â·ë¶ìíê³ <br /> 558 ê³ ê°ë¤ì ì±í¥ê³¼ ì ì ê²½ë¡ ë±ì íì í ì ìì´ì<br /> 559 ë°ì´í°ë¥¼ 기ë°ì¼ë¡ ì êµí<br /> 560 ìë´, ë§ì¼í ì ëµì ì¸ìë³´ì¸ì 561 </p> 562 <img src="/image/sub/client/client_block_4.png" alt="ì´ë¯¸ì§" /> 563 </div> 564 </div> 565 </div> 566 </div> 567 </section> 568 569 <div class="subcontent_box"> 570 <div class="inner"> 571 <div class="subtitle"> 572 <p class="main">ê³ ê°ê´ë¦¬ ë°©ë²ë§ ë°ê¿ë ì´ë ê² ë¬ë¼ì ¸ì</p> 573 <p class="sub">ë°©ìì ë³íê° ì°¨ì´ë¥¼ ë§ëëë¤</p> 574 </div> 575 <div class="middle"> 576 <div class="box"> 577 <div class="left"> 578 <p class="name">ì¬ì©ë£<span>(CRM X 10ëª )</span></p> 579 <div class="img_wrap"> 580 <img src="/image/graph_5.svg" alt="ê·¸ëí ì´ë¯¸ì§" /> 581 <div class="chart"> 582 <div class="chart"> 583 <svg viewBox="0 0 320 160" aria-hidden="true"> 584 <polyline class="animation line red" pathLength="1" points="0,140 300,30"></polyline> 585 <polyline class="animation line blue" pathLength="1" points="0,150 300,110"></polyline> 586 </svg> 587 </div> 588 </div> 589 </div> 590 </div> 591 <div class="line"></div> 592 <div class="right"> 593 <p class="name">ê¸°ë¥ ë§ì¡±ë (íì©ë)</p> 594 <div class="img_wrap"> 595 <img src="/image/graph_6.svg" alt="ê·¸ëí ì´ë¯¸ì§" class="pol
595y_base" /> 596 <img src="/image/poly_5.svg" alt="ê·¸ëí ì´ë¯¸ì§-íì¬" class="poly poly_1 animation" style="animation-delay: 0.4s" /> 597 <img 598 src="/image/poly_6.svg" 599 alt="ê·¸ëí ì´ë¯¸ì§-ìí¡ë¹ì¦" 600 class="poly poly_2 animation" 601 style="animation-delay: 0.7s" 602 /> 603 </div> 604 </div> 605 </div> 606 </div> 607 </div> 608 </div> 609 610 <div class="subcontent_start"> 611 <div class="inner"> 612 <div class="back"> 613 <img src="/image/sub_start_1.png" alt="ì´ë¯¸ì§" class="left" /> 614 <img src="/image/sub_start_2.png" alt="ì´ë¯¸ì§" class="right" /> 615 <div class="text"> 616 <p class="title">ê³ ê°ê´ë¦¬ì ë¤ìí ê¸°ë¥ íì¸íì ¨ëì?</p> 617 <p class="sub">ì°ë¦¬ íì¬ì âë±â ë§ë ê³ ê°ê´ë¦¬ íë¡ê·¸ë¨ì<br />ë°ë¡ ì¬ì©í´ë³´ì¸ì!</p> 618 <a href="/contact.html">ê³ ê°ê´ë¦¬ ì§ê¸ ììí기</a> 619 </div> 620 </div> 621 </div> 622 </div> 623 624 <div data-include="/inc/footer.html"></div> 625
625<script src="/js/include.js"></script>
625 626 </body> 627</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.