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/counseling.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/counseling.html#software", 125 "name": "ìí¡ë¹ì¦ íë¬ì¤ ìë´ê´ë¦¬", 126 "url": "https://www.atalkbizplus.co.kr/sub/counseling.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 "ìë´ì´ë ¥ ê²ì", 139 "ì²ë¦¬ì´ë ¥ ê´ë¦¬", 140 "í ë¹ ì²ë¦¬ì´ë ¥ ê´ë¦¬", 141 "ìë´ ë°ì´í° ë¤ì´ë¡ë", 142 "ìë´ íí© íµê³" 143 ], 144 "publisher": { 145 "@type": "Organization", 146 "@id": "https://www.atalkbizplus.co.kr/#organization", 147 "name": "ìí¡ë¹ì¦ íë¬ì¤", 148 "url": "https://www.atalkbizplus.co.kr/", 149 "logo": { 150 "@type": "ImageObject", 151 "url": "https://www.atalkbizplus.co.kr/image/meta.png" 152 } 153 }, 154 "isPartOf": { 155 "@type": "WebSite", 156 "@id": "https://www.atalkbizplus.co.kr/#website", 157 "url": "https://www.atalkbizplus.co.kr/", 158 "name": "ìí¡ë¹ì¦ íë¬ì¤" 159 } 160 } 161 </script>
161 162
162<script defer src="https://dashboard.atalkbiz.chatgpt.site/atalk-visitor-tracker.js" data-site="plus"></script>
162 163 </head> 164 165 <body> 166 <div data-include="/inc/header.html"></div> 167 168 <div class="subfixedmenu"> 169 <div class="inner"> 170 <a href="/sub/client.html">ê³ ê°ê´ë¦¬</a> 171 <a href="/sub/counseling.html" class="on">ìë´ê´ë¦¬</a> 172 <a href="/sub/custom.html">커ì¤í°ë§ì´ì§</a> 173 <a href="/sub/add.html">íë¬ì¤í©</a> 174 </div> 175 </div> 176
176<script> 177 document.addEventListener('DOMContentLoaded', () => { 178 const fixedMenu = document.querySelector('.subfixedmenu'); 179 if (!fixedMenu) return; 180 181 window.addEventListener('scroll', () => { 182 if (window.scrollY > 400) { 183 fixedMenu.classList.add('on'); 184 } else { 185 fixedMenu.classList.remove('on'); 186 } 187 }); 188 }); 189 </script>
189 190 191 <section class="subcontent_visual"> 192 <div class="inner"> 193 <div class="menu"> 194 <a href="/sub/client.html">ê³ ê°ê´ë¦¬</a> 195 <a href="/sub/counseling.html" class="on">ìë´ê´ë¦¬</a> 196 <a href="/sub/custom.html">커ì¤í°ë§ì´ì§</a> 197 <a href="/sub/add.html">íë¬ì¤í©</a> 198 </div> 199 <div class="subtitle animation fade_up"> 200 <p class="main">ìë´ê´ë¦¬</p> 201 <p class="sub">ìë´ ì´ìì 기ì¤</p> 202 </div> 203 <img src="/image/sub/counseling/top.png" alt="ë©ì¸ ì´ë¯¸ì§" class="animation fade_up" style="animation-delay: 0.2s" /> 204 <div class="subtitle animation fade_up" style="animation-delay: 0.4s"> 205 <p class="sub pc_txt"> 206 ê´ë¦¬ ë°©ë²ë§ ë°ê¿ë ë¬ë¼ì§ë ê³ ê°ì ë°ì ìí¡ë¹ì¦ìì ê²½íí´ë³´ì¸ì!<br /> 207 ìì ë³íê° ê³ ê° ë§ì¡±ì¼ë¡ ì´ì´ì§ëë¤. 208 </p> 209 <p class="sub mo_txt"> 210 ê´ë¦¬ ë°©ë²ë§ ë°ê¿ë ë¬ë¼ì§ë ê³ ê°ì ë°ì<br />ìí¡ë¹ì¦ìì ê²½íí´ë³´ì¸ì!<br /> 211 ìì ë³íê° ê³ ê° ë§ì¡±ì¼ë¡ ì´ì´ì§ëë¤. 212 </p> 213 </div> 214 </div> 215 </section> 216 217 <section class="client_tab counseling"> 218 <div class="inner"> 219 <div class="subtitle"> 220 <p class="main">미리보ë ë¤ìí 기ë¥</p> 221 <p class="sub">ìë´ê´ë¦¬ì ë¤ìí 기ë¥ì íì¸í´ë³´ì¸ì</p> 222 </div> 223 <div class="wrap"> 224 <div class="text"> 225 <div class="tabmenu"> 226 <span class="on">ìë´ê´ë¦¬</span> 227 <span>ìë´ì´ë ¥</span> 228 </div> 229 <div class="tabcontent"> 230 <!-- ìë´ê´ë¦¬ --> 231 <div class="tab tab1 on"> 232 <div class="tagwrap"> 233 <span class="tag on" data-tab="1">ê³ ê°ìë´</span> 234 <span class="tag" data-tab="2">ì²ë¦¬ì</span> 235 <span class="tag" data-tab="3">íì </span> 236 </div> 237 <div class="textwrap"> 238 <div class="txt txt_1 on"> 239 <p class="name"><img src="/image/sub/counseling/subtab_btn_1.png" alt="ê³ ê°ìë´" />ê³ ê°ìë´</p> 240 <p class="text">ìë´ ë´ì©ì ì ë ¥Â·ì ì¥í´ ìë´ì´ë ¥ì ìì ì ìì´ì</p> 241 </div> 242 <div class="txt txt_2"> 243 <p class="name"><img src="/image/sub/counseling/subtab_btn_2.png" alt="ì²ë¦¬ì" />ì²ë¦¬ì</p> 244 <p class="text">í´ë¹ ìë´ ê±´ì ëí´ ë구 ëë ì´ë 그룹ìê²<br />ì²ë¦¬ë¥¼ ìì²í ì§ ì íí ì ìì´ì</p> 245 </div> 246 <div class="txt txt_3"> 247 <p class="name"><img src="/image/sub/counseling/subtab_btn_3.png" alt="íì " />íì </p> 248 <p class="text">ê³ ê°ìë´ì íì ì°½ì¼ë¡ ë¶ë¦¬í´ì ë³´ê±°ë<br />ì¬ë¬ í목ì ì¬ì©í ë ì¤í¬ë¡¤ ìì´ ë³¼ ì ìì´ì</p> 249 </div> 250 </div> 251 </div> 252 <!-- ìë´ì´ë ¥ --> 253 <div class="tab tab2"> 254 <div class="tagwrap"> 255 <span class="tag on" data-tab="4">ìë´ì´ë ¥</span>
256 <span class="tag" data-tab="5">ì´ë ¥ê²ì</span> 257 <span class="tag" data-tab="6">ì²ë¦¬ì´ë ¥</span> 258 <span class="tag" data-tab="7">í ë¹ ì²ë¦¬ì´ë ¥</span> 259 </div> 260 <div class="textwrap"> 261 <div class="txt txt_4 on"> 262 <p class="name"><img src="/image/sub/counseling/subtab_btn_4.png" alt="ìë´ì´ë ¥" />ìë´ì´ë ¥</p> 263 <p class="text pc_txt">ì¬ë¬ ìë´ìì´ ì ì¥í ì´ë ¥ì ì¤ìê°ì¼ë¡ íµí©í´ íì¸í ì ìì´ì.</p> 264 <p class="text mo_txt">ì¬ë¬ ìë´ìì´ ì ì¥í ì´ë ¥ì<br />ì¤ìê°ì¼ë¡ íµí©í´ íì¸í ì ìì´ì.</p> 265 </div> 266 <div class="txt txt_5"> 267 <p class="name"><img src="/image/sub/counseling/subtab_btn_5.png" alt="ì´ë ¥ê²ì" />ì´ë ¥ê²ì</p> 268 <p class="text"> 269 ê²ì ì¡°ê±´ì ì¤ì í´ ìë´ì´ë ¥ì ê²ìí ì ìì¼ë©°,<br />ê²ìíê³ ì íë í¹ì í목ì íí°ë¥¼ íµí´ ì¶ê°íì¬<br /> 270 ì¸ë¶ì ì¼ë¡ ê²ìì´ ê°ë¥í´ì. 271 </p> 272 </div> 273 <div class="txt txt_6"> 274 <p class="name"><img src="/image/sub/counseling/subtab_btn_6.png" alt="ì²ë¦¬ì´ë ¥" />ì²ë¦¬ì´ë ¥</p> 275 <p class="text">ìë´ì ëí ì²ë¦¬ ë´ì©ì ë±ë¡, ì¡°í, ìì í ì ìì´ì</p> 276 </div> 277 <div class="txt txt_7"> 278 <p class="name"><img src="/image/sub/counseling/subtab_btn_7.png" alt="í ë¹ ì²ë¦¬ì´ë ¥" />í ë¹ ì²ë¦¬ì´ë ¥</p> 279 <p class="text"> 280 ì²ë¦¬ìë¡ ì§ì ëì ë í ë¹ ìë¦¼ì´ íìê° ëë©°,<br />í ë¹ë ë´ìë§ ì¡°ííê³ ì²ë¦¬ ë´ì©ì ë±ë¡, ìì í ì 281 ìì´ì. 282 </p> 283 </div> 284 </div> 285 </div> 286 </div> 287 </div> 288 <div class="image"> 289 <img src="/image/sub/counseling/subtab_1.png" alt="" /> 290 </div> 291 </div> 292 </div> 293 </section> 294
294<script> 295 document.addEventListener('DOMContentLoaded', () => { 296 const root = document.querySelector('.client_tab'); 297 const menus = root.querySelectorAll('.tabmenu span'); 298 const tabs = root.querySelectorAll('.tab'); 299 const img = root.querySelector('.image img'); 300 301 const setImg = (n) => { 302 // ëê°ë©´ì ì¬ë¼ì§ë ëë 303 img.classList.remove('is-enter'); 304 img.classList.add('is-changing'); 305 306 // transition ëë기 ì´ì§ ì ì src êµì²´ -> ë¤ì´ì¤ë 모ì 307 setTimeout(() => { 308 img.src = `/image/sub/counseling/subtab_${n}.png`; 309 310 // ì ì´ë¯¸ì§ê° ë¤ì´ì¬ ë ìì ìì¸(ì¤ë¥¸ìª½ + í¬ëª ) 311 img.classList.remove('is-changing'); 312 img.classList.add('is-enter'); 313 314 // ë¤ì íë ìì ììì¹ë¡ ë³µê·ìí¤ë©´ "ì¤ë¥µ" ë¤ì´ìµëë¤ 315 requestAnimationFrame(() => { 316 requestAnimationFrame(() => { 317 img.classList.remove('is-enter'); 318 }); 319 }); 320 }, 160); // 0.35s ì¤ê°ì¯¤(ì·¨í¥ëë¡ 120~200ms) 321 }; 322 323 const activeTag = (tag) => { 324 const tab = tag.closest('.tab'); 325 const num = tag.dataset.tab; 326 327 // tag on ì²ë¦¬ 328 tab.querySelectorAll('.tag.on').forEach((t) => t.classList.remove('on')); 329 tag.classList.add('on'); 330 331 // txt on ì²ë¦¬ â ì¶ê° 332 tab.querySelectorAll('.txt.on').forEach((t) => t.classList.remove('on')); 333 const txt = tab.querySelector(`.txt_${num}`); 334 if (txt) txt.classList.add('on'); 335 336 // ì´ë¯¸ì§ ë³ê²½ 337 setImg(num); 338 }; 339 340 const activeTab = (i) => { 341 menus.forEach((m) => m.classList.remove('on'));
342 tabs.forEach((t) => t.classList.remove('on')); 343 menus[i].classList.add('on'); 344 tabs[i].classList.add('on'); 345 activeTag(tabs[i].querySelector('.tag')); 346 }; 347 348 menus.forEach((m, i) => (m.onclick = () => activeTab(i))); 349 root.onclick = (e) => e.target.closest('.tag') && activeTag(e.target.closest('.tag')); 350 351 activeTab([...tabs].findIndex((t) => t.classList.contains('on')) || 0); 352 }); 353 </script>
353 354 355 <section class="client_card"> 356 <div class="inner"> 357 <div class="subtitle"> 358 <p class="main pc_txt">ìë´ì´ ìì¼ìë¡ ë ì¤ë§í¸í´ì§ë ì´ì</p> 359 <p class="main mo_txt">ìë´ì´ ìì¼ìë¡<br />ë ì¤ë§í¸í´ì§ë ì´ì</p> 360 <p class="sub pc_txt">ìë´ ë°ì´í°ë¥¼ íì©í´ ë ì¤ë§í¸í ê´ë¦¬ ë°©ìì ê²½ííì¸ì</p> 361 <p class="sub mo_txt">ìë´ ë°ì´í°ë¥¼ íì©í´<br />ë ì¤ë§í¸í ê´ë¦¬ ë°©ìì ê²½ííì¸ì</p> 362 </div> 363 <!-- 1 --> 364 <div class="card animation fade_up"> 365 <div class="card-content"> 366 <div class="card-title">ëê¹ ìë ìì°ì¤ë¬ì´ ìë´</div> 367 <div class="card-description pc_txt"> 368 íëì íì´ì§ìì ìë´ ë±ë¡ê³¼ ìë´ì´ë ¥ ì¡°í를 ëìì í ì ìì´ <br /> 369 과거 ì´ë ¥ì 기ë°ì¼ë¡ ì°ìì± ìë ìë´ì ì ê³µí´ì. <br /> 370 <br /> 371 ëê¹ ìë ìë´ì¼ë¡ ê°ì¸ë³ ìë´ ìê°ì ë¨ì¶íê³ <br /> 372 ì²ë¦¬ ê±´ ì를 ëì¼ ì ììµëë¤. 373 </div> 374 <div class="card-description mo_txt"> 375 íëì íì´ì§ìì ìë´ ë±ë¡ê³¼ ìë´ì´ë ¥ ì¡°í를 <br />ëìì í ì ìì´ <br /> 376 과거 ì´ë ¥ì 기ë°ì¼ë¡ ì°ìì± ìë ìë´ì ì ê³µí´ì. <br /> 377 <br /> 378 ëê¹ ìë ìë´ì¼ë¡ ê°ì¸ë³ ìë´ ìê°ì ë¨ì¶íê³ <br /> 379 ì²ë¦¬ ê±´ ì를 ëì¼ ì ììµëë¤. 380 </div> 381 </div> 382 <div class="card-image"> 383 <img src="/image/sub/counseling/sub_card_1.png" alt="ì´ë¯¸ì§" /> 384 </div> 385 </div> 386 387 <!-- 2 --> 388 <div class="card reverse animation fade_up"> 389 <div class="card-content"> 390 <div class="card-title">ì²ë¦¬ì ì§ì ì¼ë¡ ìë´ ë¶ë°° ì²´ê³í</div> 391 <div class="card-description"> 392 ìë´ìê° ì¦ì ì²ë¦¬ê° ì´ë ¤ì´ ê²½ì° ê°ì¸ ëë 그룹ì <br /> 393 ì²ë¦¬ìë¡ ì§ì í´ ìë´ì ì´ê´íê±°ë í ë¹í ì ìì´ì.<br /> 394 <br /> 395 ì§ì ë ì²ë¦¬ìë í ë¹ ìë´ë§ íì¸í ì ìì´<br /> 396 ë¶ì ê° íì ì´ë ì 무 ë¶ë´ì ë ëª ííê² í ì ììµëë¤. 397 </div> 398 </div> 399 <div class="card-image office"> 400 <img src="/image/sub/counseling/sub_card_2.png" alt="ì´ë¯¸ì§" /> 401 </div> 402 </div> 403 404 <!-- 3 --> 405 <div class="card animation fade_up"> 406 <div class="card-content"> 407 <div class="card-title">ë´ ìë´ì ì§ì¤íê³ íì ì ê°í</div> 408 <div class="card-description"> 409 í ë¹ë ìë´ë§ íì¸íê³ ì²ë¦¬ ë´ì©ì ê³µì í´<br /> 410 ê³ ê° ìë íì§ê³¼ í íì ì ëìì ê°íí ì ìì´ì.<br /> 411 <br /> 412 ì´ë¯¸ì§ë¥¼ 첨ë¶í´ ì²ë¦¬ ë´ì©ì ëí ìë£ë¥¼ ê³µì í ì ìì´<br /> 413 ë¨ì í ì¤í¸ë¡ ì기 ì´ë ¤ì´ ë´ì©ì ì ë¬ë ¥ì ëì¼ ì ììµëë¤. 414 </div> 415 </div> 416 <div class="card-image schedule"> 417 <img src="/image/sub/counseling/sub_card_3.png" alt="ì´ë¯¸ì§" /> 418 </div> 419 </div> 420 421 <!-- 4 --> 422 <div class="card reverse animation fade_up"> 423 <div class="card-content"> 424 <div class="card-title">ì¤ìê°ì¼ë¡ 모ì ë³´ë ìë´ íí©</div> 425 <div class="card-description"> 426 ë±ë¡ëë 모ë ìë´ ì´ë ¥ì ì¤ìê°ì¼ë¡ íì¸í´<br /> 427 ì¡°ì§ ì ì²´ì ìë´ íë¦ì íì í ì ìì´ì. <br /> 428 <br /> 429 ì ë´ ê·¸ë£¹ ì¤ì ì¼ë¡ íìí 구ì±ìë¼ë¦¬ë§ ê³µì í´ <br /> 430 ì 기ì ì¸ íì ìë´ íê²½ì ë§ëëë¤. 431 </div> 432 </div> 433 <div class="card-image schedule"> 434 <img src="/image/sub/counseling/sub_card_4.png" alt="ì´ë¯¸ì§" /> 435 </div> 436 </div> 437 438 <!-- 5 --> 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 />ë¹ ë¥´ê² ì¡°íí ì ìì´ì.<br /> 444 ê³ ê° ì ë³´, í목ë³, í목 ë´ ë±ë¡ë ê° ë± ì¸ë¶ì ì¸ ê²ìì¼ë¡<br /> 445 ìíë 기ë¡ë§ ë¹ ë¥´ê² íì¸íê³ íì ì¡°ì¹ë¥¼ ì´ì´ê°ê±°ë<br /> 446 íìí ìë´ ë°ì´í°ë¥¼ íì©í ì ììµëë¤. 447 </div> 448 </div> 449 <div class="card-image schedule"> 450 <img src="/image/sub/counseling/sub_card_5.png" alt="ì´ë¯¸ì§" /> 451 </div> 452 </div> 453 </div> 454 </section> 455 456 <section class="client_chat subimgblock"> 457 <div class="inner"> 458 <div class="text"> 459 <div class="title">ì±ëì´ ë¬ë¼ë ì ì§ëë ìë´</div> 460 <div class="text">
461 ê³ ê°ì 문ì ì±ëì´ ë¬ë¼ë ëì¼íê² ìë´ê´ë¦¬ë¥¼ í ì ìì´ì.<br /> 462 ì±í ìë´ ì¤ íë©´ì ì ííì§ ììë ì ê· ìë´ì ë±ë¡í ì ìì´ì ì±ëì´ ë³ê²½ëì´ë ìë´ì íë¦ì ì ì§í ì ììµëë¤. 463 </div> 464 </div> 465 <img src="/image/sub/counseling/chat.png" alt="ì±í ê³ ê°ê´ë¦¬" class="animation fade_up" /> 466 </div> 467 </section> 468 <section class="client_phone subimgblock"> 469 <div class="inner"> 470 <div class="text"> 471 <div class="title">ì¬ë¬´ì¤ ë°ììë ì´ì´ì§ë ìë´Â·ì²ë¦¬ ê³µì </div> 472 <div class="text"> 473 ì¸ë¶ 미í ì´ë ì¶ì¥ ì¤ìë ìë´ ë´ì©ì 모ë°ì¼ Appì ë±ë¡í ì ìì´ì.<br /> 474 ì¬ë¬´ì¤ìì 기ë¡ë ìë´ ë´ìì ì¤ìê°ì¼ë¡ íì¸íê±°ë í ë¹ë ìë´ì ì²ë¦¬í´ 결과를 ê³µì í ì ììµëë¤. 475 </div> 476 </div> 477 <div class="image_wrap animation fade_up"> 478 <img src="/image/sub/counseling/phone_1.png" alt="í¸ëí°ìì ê°í¸íê²" /> 479 <img src="/image/sub/counseling/phone_2.png" alt="í¸ëí°ìì ê°í¸íê²" /> 480 </div> 481 </div> 482 </section> 483 484 <section class="subcontent_block"> 485 <div class="inner"> 486 <div class="subtitle"> 487 <p class="main"><span>ê´ë¦¬ ë´ë¹ì¸ê°ì?</span><br />ì´ì íê²½ì ë§ì¶° ì¤ì íê³ ê´ë¦¬í´ë³´ì¸ì</p> 488 </div> 489 <div class="container animation fade_up"> 490 <div class="wrap top"> 491 <div class="card blue card_1"> 492 <p class="name">ë°ì´í° ê¸°ë° ì´ì ê´ë¦¬</p> 493 <p class="text"> 494 ìë´ì´ë ¥ì ìì ë¡ ì¼ê´ ë¤ì´ë¡ë ë°ì ì ìì´ì.<br /> 495 ë°ì´í°ë¥¼ 기ë°ì¼ë¡ ìë´ íì§ ë¶ìì´ë<br /> 496 ê³ ê° ê²½íì ê°ì í´ ë³´ì¸ì. 497 </p> 498 <img src="/image/sub/counseling/block_1.png" alt="ì´ë¯¸ì§" /> 499 </div> 500 <div class="card card_2"> 501 <p class="name">ìë´ íí© íµê³ íì¸</p> 502 <p class="text"> 503 ìë´ ë°ì´í°ë¥¼ ìì¹ë¡ íì¸í´ ì´ì íí©ì íì í ì ìì´ì.<br /> 504 ìë´ ê±´ ìë¡ ê³ ê° ë¬¸ì ê·ëª¨ë¥¼, ì²ë¦¬ ê±´ ìë¡ ìë´ì ì±ê³¼ë¥¼<br /> 505 íì¸í´ ë³´ì¸ì. 506 </p> 507 <img src="/image/sub/counseling/block_2.png" alt="ì´ë¯¸ì§" /> 508 </div> 509 </div> 510 </div> 511 </div> 512 </section> 513 514 <div class="subcontent_box"> 515 <div class="inner"> 516 <div class="subtitle"> 517 <p class="main">ê³ ê°ê´ë¦¬ ë°©ë²ë§ ë°ê¿ë ì´ë ê² ë¬ë¼ì ¸ì</p> 518 <p class="sub">ë°©ìì ë³íê° ì°¨ì´ë¥¼ ë§ëëë¤</p> 519 </div> 520 <div class="middle"> 521 <div class="box"> 522 <div class="left"> 523 <p class="name">ì¬ì©ë£<span>(CRM X 10ëª )</span></p> 524 <div class="img_wrap"> 525 <img src="/image/graph_5.svg" alt="ê·¸ëí ì´ë¯¸ì§" /> 526 <div class="chart"> 527 <div class="chart"> 528 <svg viewBox="0 0 320 160" aria-hidden="true"> 529 <polyline class="animation line red" pathLength="1" points="0,140 300,30"></polyline> 530 <polyline class="animation line blue" pathLength="1" points="0,150 300,110"></polyline> 531 </svg> 532 </div> 533 </div> 534 </div> 535 </div> 536 <div class="line"></div> 537 <div class="right"> 538 <p class="name">ê¸°ë¥ ë§ì¡±ë (íì©ë)</p> 539 <div class="img_wrap"> 540 <img src="/image/graph_6.svg" alt="ê·¸ëí ì´ë¯¸ì§" class="pol
540y_base" /> 541 <img src="/image/poly_5.svg" alt="ê·¸ëí ì´ë¯¸ì§-íì¬" class="poly poly_1 animation" style="animation-delay: 0.4s" /> 542 <img 543 src="/image/poly_6.svg" 544 alt="ê·¸ëí ì´ë¯¸ì§-ìí¡ë¹ì¦" 545 class="poly poly_2 animation" 546 style="animation-delay: 0.7s" 547 /> 548 </div> 549 </div> 550 </div> 551 </div> 552 </div> 553 </div> 554 555 <div class="subcontent_start"> 556 <div class="inner"> 557 <div class="back"> 558 <img src="/image/sub_start_1.png" alt="ì´ë¯¸ì§" class="left" /> 559 <img src="/image/sub_start_2.png" alt="ì´ë¯¸ì§" class="right" /> 560 <div class="text"> 561 <p class="title">ìë´ê´ë¦¬ì ë¤ìí ê¸°ë¥ íì¸íì ¨ëì?</p> 562 <p class="sub">ì°ë¦¬ íì¬ì âë±â ë§ê² ìë´ê´ë¦¬ë¥¼ ììí´ë³´ì¸ì!</p> 563 <a href="/contact.html">ìë´ê´ë¦¬ ì§ê¸ ììí기</a> 564 </div> 565 </div> 566 </div> 567 </div> 568 569 <div data-include="/inc/footer.html"></div> 570 571
571<script src="/js/include.js"></script>
571 572 </body> 573</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.