{"id":2511,"date":"2025-06-04T09:34:24","date_gmt":"2025-06-04T09:34:24","guid":{"rendered":"https:\/\/theexchain.com\/?page_id=2511"},"modified":"2025-06-26T11:23:44","modified_gmt":"2025-06-26T03:23:44","slug":"kyc","status":"publish","type":"page","link":"https:\/\/theexchain.com\/ko\/kyc\/","title":{"rendered":"KYC(\uace0\uac1d \ud30c\uc545)"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2511\" class=\"elementor elementor-2511\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-61cc7c3d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"61cc7c3d\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-14f8f1ea\" data-id=\"14f8f1ea\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6e2f26e elementor-headline--style-highlight elementor-widget elementor-widget-animated-headline\" data-id=\"6e2f26e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;highlighted_text&quot;:&quot;Your Intelligent KYC Solution&quot;,&quot;headline_style&quot;:&quot;highlight&quot;,&quot;marker&quot;:&quot;circle&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;highlight_animation_duration&quot;:1200,&quot;highlight_iteration_delay&quot;:8000}\" data-widget_type=\"animated-headline.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h1 class=\"elementor-headline\">\n\t\t\t\t\t<span class=\"elementor-headline-plain-text elementor-headline-text-wrapper\">\ub514\uc9c0\ud138 \uae08\uc735\uc758 \ubb3c\uacb0 \ud0d0\uc0c9, - <\/span>\n\t\t\t\t<span class=\"elementor-headline-dynamic-wrapper elementor-headline-text-wrapper\">\n\t\t\t\t\t<span class=\"elementor-headline-dynamic-text elementor-headline-text-active\">\uc9c0\ub2a5\ud615 KYC \uc194\ub8e8\uc158<\/span>\n\t\t\t\t<\/span>\n\t\t\t\t<\/h1>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ac1ec78 elementor-widget elementor-widget-text-editor\" data-id=\"6ac1ec78\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\uc810\uc810 \ub354 \uc5c4\uaca9\ud574\uc9c0\ub294 \uaddc\uc81c\uc640 \uc815\uad50\ud55c \uc0ac\uae30\uc758 \uc2dc\ub300\uc5d0\ub294 \uaddc\uc815 \uc900\uc218\uc640 \ubcf4\uc548\uc744 \ubcf4\uc7a5\ud558\uace0 \uc0ac\uc6a9\uc790 \uc2e0\ub8b0\ub97c \ub192\uc774\ub294 \uac83\uc774 \ubb34\uc5c7\ubcf4\ub2e4 \uc911\uc694\ud569\ub2c8\ub2e4. \uc120\ub3c4\uc801\uc778 KYC \uae30\uc220\ub85c \uac71\uc815 \uc5c6\ub294 \ub514\uc9c0\ud138 \uc6b4\uc601\uc758 \uc0c8\ub85c\uc6b4 \uc2dc\ub300\ub97c \ub9de\uc774\ud558\uc138\uc694.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3bced98e e-flex e-con-boxed e-con e-child\" data-id=\"3bced98e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17a5a297 elementor-align-center elementor-invisible elementor-widget elementor-widget-button\" data-id=\"17a5a297\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#services\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\uc790\uc138\ud788 \uc54c\uc544\ubcf4\uae30<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-55bdfae9 elementor-align-center elementor-invisible elementor-widget elementor-widget-button\" data-id=\"55bdfae9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/theexchain.com\/ko\/%ec%97%b0%eb%9d%bd%ec%b2%98\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\ubb38\uc758\ud558\uae30<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-1b58f1f elementor-hidden-mobile\" data-id=\"1b58f1f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f25100f elementor-widget elementor-widget-html\" data-id=\"f25100f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <!-- Right Column: KYC Process -->\n           <div class=\"p-8 md:p-12 bg-white\">\n                <div class=\"text-center\">\n                    \n                    <!-- Step Indicator -->\n            \n                    \n                    <!-- Progress Bar -->\n                    <div class=\"progress-container\">\n                        <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- KYC Steps -->\n                <div class=\"kyc-steps\">\n                    <!-- Step 1: Customer Due Diligence -->\n                    <div class=\"kyc-step step-1 active\" id=\"step1\">\n                     \n                        <h3 class=\"text-2xl font-bold text-slate-800\">1\ub2e8\uacc4: \uace0\uac1d \uc2e4\uc0ac<\/h3>\n                        <p class=\"text-slate-600 mb-6\">\uace0\uac1d \uc2e0\uc6d0 \ubc0f \ubc30\uacbd\uc5d0 \ub300\ud55c \ud3ec\uad04\uc801\uc778 \uc774\ud574<\/p>\n                        \n                        <div class=\"form-card\">\n                            <div class=\"grid grid-cols-1\">\n                                <div class=\"feature-card flex items-start\">\n                                    <i class=\"fas fa-user\"><\/i>\n                                    <div>\n                                        <h5 class=\"font-bold text-lg text-slate-800 mb-1\">\uac1c\uc778\/\ubc95\uc778 \uacc4\uc88c \uac1c\uc124<\/h5>\n                                       \n                                    <\/div>\n                                <\/div>\n                                \n                     \n                                \n                                <div class=\"feature-card flex items-start\">\n                                    <i class=\"fas fa-search\"><\/i>\n                                    <div>\n                                        <h5 class=\"font-bold text-lg text-slate-800 mb-1\">AML \uc2a4\ud06c\ub9ac\ub2dd<\/h5>\n                                       \n                                    <\/div>\n                                <\/div>\n                                \n                                <div class=\"feature-card flex items-start\">\n                                    <i class=\"fas fa-chart-bar\"><\/i>\n                                    <div>\n                                        <h5 class=\"font-bold text-lg text-slate-800 mb-1\">\ubd84\uc11d \uacb0\uacfc<\/h5>\n                                      \n                                    <\/div>\n                                <\/div>\n                                \n                                <div class=\"feature-card flex items-start\">\n                                    <i class=\"fas fa-shield-alt\"><\/i>\n                                    <div>\n                                        <h5 class=\"font-bold text-lg text-slate-800 mb-1\">\uac15\ud654\ub41c \uc2e4\uc0ac<\/h5>\n                                  \n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"flex justify-end mt-8\">\n                                <button class=\"btn btn-primary next-step\" data-next=\"2\">\n                                    \ub2e4\uc74c \ub2e8\uacc4 <i class=\"fas fa-arrow-right ml-2\"><\/i>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Step 2: Risk Assessment -->\n                    <div class=\"kyc-step step-2\" id=\"step2\">\n                     \n                        <h5 class=\"text-2xl font-bold text-slate-800 mb-4\">2\ub2e8\uacc4: \uc704\ud5d8 \ud3c9\uac00<\/h5>\n                        <p class=\"text-slate-600 mb-6\">\ub2e4\uc591\ud55c \uc704\ud5d8 \uc694\uc18c\uc5d0 \ub300\ud55c \uc885\ud569\uc801\uc778 \ud3c9\uac00<\/p>\n                        \n                        <div class=\"form-card\">\n                            <div class=\"grid grid-cols-1 md:grid-cols-2  mb-6\">\n                                <div class=\"feature-card\">\n                                    <h5 class=\"font-bold text-lg text-slate-800 mb-2\">\uad6d\uac00 \uc704\ud5d8<\/h5>\n                                    <p class=\"text-slate-600 text-sm mb-3\">\uace0\uac1d \uad6d\uac00\uc758 \uc790\uae08\uc138\ud0c1 \uc704\ud5d8 \uc218\uc900 \ud3c9\uac00<\/p>\n                                    <div class=\"flex items-center\">\n                                        <div class=\"w-full bg-gray-200 rounded-full h-2.5\">\n                                            <div class=\"risk-bar risk-high h-2.5 rounded-full\" style=\"width: 70%\"><\/div>\n                                        <\/div>\n                                        <span class=\"ml-2 text-sm text-red-600 font-medium\">\uace0\uc704\ud5d8<\/span>\n                                    <\/div>\n                                <\/div>\n                                \n                                <div class=\"feature-card\">\n                                    <h5 class=\"font-bold text-lg text-slate-800 mb-2\">\uace0\uac1d \uc704\ud5d8<\/h5>\n                                    <p class=\"text-slate-600 text-sm mb-3\">\uace0\uac1d \uc720\ud615 \ubc0f \ud589\ub3d9\uc5d0 \ub530\ub978 \uc704\ud5d8 \uc810\uc218<\/p>\n                                    <div class=\"flex items-center\">\n                                        <div class=\"w-full bg-gray-200 rounded-full h-2.5\">\n                                            <div class=\"risk-bar risk-medium h-2.5 rounded-full\" style=\"width: 45%\"><\/div>\n                                        <\/div>\n                                        <span class=\"ml-2 text-sm text-yellow-600 font-medium\">\uc911\uac04 \uc704\ud5d8<\/span>\n                                    <\/div>\n                                <\/div>\n                                \n                                <div class=\"feature-card\">\n                                    <h5 class=\"font-bold text-lg text-slate-800 mb-2\">\uac70\ub798 \uc704\ud5d8<\/h5>\n                                    <p class=\"text-slate-600 text-sm mb-3\">\ud2b9\uc815 \uc81c\ud488 \ub610\ub294 \uac70\ub798\uc5d0 \ub300\ud55c \uc7a0\uc7ac\uc801 \uc704\ud5d8 \ud3c9\uac00<\/p>\n                                    <div class=\"flex items-center\">\n                                        <div class=\"w-full bg-gray-200 rounded-full h-2.5\">\n                                            <div class=\"risk-bar risk-low h-2.5 rounded-full\" style=\"width: 30%\"><\/div>\n                                        <\/div>\n                                        <span class=\"ml-2 text-sm text-green-600 font-medium\">\ub0ae\uc740 \uc704\ud5d8<\/span>\n                                    <\/div>\n                                <\/div>\n                                \n                                <div class=\"feature-card\">\n                                    <h5 class=\"font-bold text-lg text-slate-800 mb-2\">\ubc30\uc1a1\/\uc720\ud1b5 \ucc44\ub110 \uc704\ud5d8<\/h5>\n                                    <p class=\"text-slate-600 text-sm mb-3\">\uc11c\ube44\uc2a4 \uc81c\uacf5 \ubc29\ubc95\uc758 \uc7a0\uc7ac\uc801 \uc704\ud5d8 \ud3c9\uac00<\/p>\n                                    <div class=\"flex items-center\">\n                                        <div class=\"w-full bg-gray-200 rounded-full h-2.5\">\n                                            <div class=\"risk-bar risk-medium-high h-2.5 rounded-full\" style=\"width: 55%\"><\/div>\n                                        <\/div>\n                                        <span class=\"ml-2 text-sm text-orange-600 font-medium\">\uc911\uac04-\ub192\uc740 \uc704\ud5d8<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"bg-blue-50 p-5 rounded-xl mb-6\">\n                                <div class=\"flex items-center\">\n                                    <div class=\"bg-blue-100 p-3 rounded-lg mr-4\">\n                                        <i class=\"fas fa-exclamation-triangle text-xl text-blue-600\"><\/i>\n                                    <\/div>\n                                    <div>\n                                        <div class=\"font-medium text-lg text-slate-800\">\uc704\ud5d8 \ud3c9\uac00 \uacb0\uacfc<\/div>\n                                        <div class=\"text-slate-600\">\uc804\uccb4 \uc704\ud5d8 \uc810\uc218: <span class=\"font-bold text-red-600\">68\/100<\/span> (\uc911\uac04\/\uace0\uc704\ud5d8)<\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"flex justify-between mt-8\">\n                                <button class=\"btn btn-outline prev-step\" data-prev=\"1\">\n                                    <i class=\"fas fa-arrow-left mr-2\"><\/i> \uc774\uc804 \uac8c\uc2dc\ubb3c\n                                <\/button>\n                                <button class=\"btn btn-primary next-step\" data-next=\"3\">\n                                    \ub2e4\uc74c \ub2e8\uacc4 <i class=\"fas fa-arrow-right ml-2\"><\/i>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Step 3: Ongoing Monitoring -->\n                    <div class=\"kyc-step step-3\" id=\"step3\">\n                       \n                        <h3 class=\"text-2xl font-bold text-slate-800 mb-4\">3\ub2e8\uacc4: \uc9c0\uc18d\uc801\uc778 \ubaa8\ub2c8\ud130\ub9c1<\/h3>\n                        <p class=\"text-slate-600 mb-6\">\uace0\uac1d \ud65c\ub3d9 \ubc0f \uc704\ud5d8 \ubcc0\ud654\uc758 \uc9c0\uc18d\uc801\uc778 \ucd94\uc801<\/p>\n                        \n                        <div class=\"form-card\">\n                            <div class=\"grid grid-cols-1  mb-6\">\n                                <div class=\"feature-card\">\n                                    <div class=\"flex justify-between items-start\">\n                                        <div>\n                                            <h5 class=\"font-bold text-lg text-slate-800 mb-2\">\uc9c0\uc18d\uc801\uc778 \uac80\uc0ac<\/h5>\n                                            <p class=\"text-slate-600 text-sm\">\uc81c\uc7ac \ubaa9\ub85d \ubc0f \ubd80\uc815\uc801\uc778 \ub274\uc2a4\uc5d0 \ub300\ud55c \uace0\uac1d \uc0c1\ud0dc\uc758 \uc815\uae30\uc801\uc778 \uc7ac\ud655\uc778<\/p>\n                                        <\/div>\n                                        <div class=\"flex items-center\">\n                                            <span class=\"text-green-600 font-bold mr-2\">\ud65c\uc131\ud654\ub428<\/span>\n                                            <div class=\"relative inline-block w-12 h-6 rounded-full bg-green-500\">\n                                                <span class=\"absolute right-1 top-1 w-4 h-4 bg-white rounded-full\"><\/span>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                    \n                                    <div class=\"mt-4\">\n                                        <div class=\"flex justify-between text-sm text-slate-600 mb-1\">\n                                            <span>\ube48\ub3c4<\/span>\n                                            <span>\ub9e4\uc77c<\/span>\n                                        <\/div>\n                                        <div class=\"w-full bg-gray-200 rounded-full h-2\">\n                                            <div class=\"bg-blue-600 h-2 rounded-full\" style=\"width: 100%\"><\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                \n                                <div class=\"feature-card\">\n                                    <div class=\"flex justify-between items-start\">\n                                        <div>\n                                            <h5 class=\"font-bold text-lg text-slate-800 mb-2\">\uc9c4\ud589 \uc911\uc778 \uc2e4\uc0ac<\/h5>\n                                            <p class=\"text-slate-600 text-sm\">\uace0\uac1d \uc815\ubcf4 \ubc0f \uc704\ud5d8 \ud3c9\uac00\uc5d0 \ub300\ud55c \uc815\uae30\uc801\uc778 \uc5c5\ub370\uc774\ud2b8<\/p>\n                                        <\/div>\n                                        <div class=\"flex items-center\">\n                                            <span class=\"text-green-600 font-bold mr-2\">\ud65c\uc131\ud654\ub428<\/span>\n                                            <div class=\"relative inline-block w-12 h-6 rounded-full bg-green-500\">\n                                                <span class=\"absolute right-1 top-1 w-4 h-4 bg-white rounded-full\"><\/span>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                    \n                                    <div class=\"mt-4\">\n                                        <div class=\"flex justify-between text-sm text-slate-600 mb-1\">\n                                            <span>\ube48\ub3c4<\/span>\n                                            <span>\ubd84\uae30\ubcc4<\/span>\n                                        <\/div>\n                                        <div class=\"w-full bg-gray-200 rounded-full h-2\">\n                                            <div class=\"bg-blue-600 h-2 rounded-full\" style=\"width: 30%\"><\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"bg-purple-50 p-5 rounded-xl mb-6\">\n                                <div class=\"flex items-center\">\n                                    <div class=\"bg-purple-100 p-3 rounded-lg mr-4\">\n                                        <i class=\"fas fa-bell text-xl text-purple-600\"><\/i>\n                                    <\/div>\n                                    <div>\n                                        <div class=\"font-medium text-lg text-slate-800\">\ubaa8\ub2c8\ud130\ub9c1 \uc54c\ub9bc<\/div>\n                                        <div class=\"text-slate-600\"><span class=\"font-bold text-red-600\">\uc758\uc2ec\uc2a4\ub7ec\uc6b4 \ud65c\ub3d9 3\uac00\uc9c0<\/span> \uc9c0\ub09c 30\uc77c \ub3d9\uc548 \ud0d0\uc9c0\ub41c<\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"flex justify-between mt-8\">\n                                <button class=\"btn btn-outline prev-step\" data-prev=\"2\">\n                                    <i class=\"fas fa-arrow-left mr-2\"><\/i> \uc774\uc804 \uac8c\uc2dc\ubb3c\n                                <\/button>\n                                <button class=\"btn btn-primary next-step\" data-next=\"4\">\n                                    \ub2e4\uc74c \ub2e8\uacc4 <i class=\"fas fa-arrow-right ml-2\"><\/i>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Step 4: Record Keeping -->\n                    <div class=\"kyc-step step-4\" id=\"step4\">\n                      \n                        <h3 class=\"text-2xl font-bold text-slate-800 mb-4\">4\ub2e8\uacc4: \uae30\ub85d \ubcf4\uad00<\/h3>\n                        <p class=\"text-slate-600 mb-6\">KYC \uae30\ub85d\uc758 \uc548\uc804\ud55c \ubcf4\uad00 \ubc0f \uad00\ub9ac<\/p>\n                        \n                        <div class=\"form-card\">\n                            <div class=\"grid grid-cols-1 md:grid-cols-3  mb-8\">\n                                <div class=\"text-center\">\n                                    <div class=\"w-16 h-16 rounded-xl flex items-center justify-center mx-auto mb-4\">\n                                        <i class=\"fas fa-lock text-2xl text-blue-600\"><\/i>\n                                    <\/div>\n                                    <h5 class=\"font-bold text-lg text-slate-800 mb-2\">\uc554\ud638\ud654<\/h5>\n                                    <p class=\"text-slate-600 text-sm\">\ubaa8\ub4e0 \ubbfc\uac10\ud55c \ub370\uc774\ud130\ub294 AES-256\uc744 \uc0ac\uc6a9\ud558\uc5ec \uc554\ud638\ud654\ub429\ub2c8\ub2e4.<\/p>\n                                <\/div>\n                                \n                                <div class=\"text-center\">\n                                    <div class=\"w-16 h-16 rounded-xl flex items-center justify-center mx-auto mb-4\">\n                                        <i class=\"fas fa-cloud text-2xl text-green-600\"><\/i>\n                                    <\/div>\n                                    <h5 class=\"font-bold text-lg text-slate-800 mb-2\">\ud074\ub77c\uc6b0\ub4dc \uc2a4\ud1a0\ub9ac\uc9c0<\/h5>\n                                    <p class=\"text-slate-600 text-sm\">\uc5ec\ub7ec \uc9c0\uc5ed\uc5d0 \ubc31\uc5c5\ub41c \ub370\uc774\ud130<\/p>\n                                <\/div>\n                                \n                                <div class=\"text-center\">\n                                    <div class=\"w-16 h-16 rounded-xl flex items-center justify-center mx-auto mb-4\">\n                                        <i class=\"fas fa-file-export text-2xl text-purple-600\"><\/i>\n                                    <\/div>\n                                    <h5 class=\"font-bold text-lg text-slate-800 mb-2\">\uae30\ub85d \ub0b4\ubcf4\ub0b4\uae30<\/h5>\n                                    <p class=\"text-slate-600 text-sm\">\uac10\uc0ac \uae30\ub85d\uc744 PDF\/CSV \ud615\uc2dd\uc73c\ub85c \ub0b4\ubcf4\ub0b4\uae30<\/p>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"bg-gray-50 p-5 rounded-xl mb-8\">\n                                <div class=\"flex flex-col md:flex-row justify-between items-center\">\n                                    <div class=\"flex items-center mb-4 md:mb-0\">\n                                        <div class=\"bg-gray-200 p-3 rounded-lg mr-4\">\n                                            <i class=\"fas fa-database text-xl text-gray-600\"><\/i>\n                                        <\/div>\n                                        <div>\n                                            <div class=\"font-medium text-lg text-slate-800\">\uc2a4\ud1a0\ub9ac\uc9c0 \uc0c1\ud0dc<\/div>\n                                            <div class=\"text-slate-600\">\uc800\uc7a5\ub41c \uae30\ub85d: <span class=\"font-bold\">1,248<\/span><\/div>\n                                        <\/div>\n                                    <\/div>\n                                    <div>\n                                        <button class=\"btn btn-outline\">\n                                            <i class=\"fas fa-history mr-2\"><\/i> \uc544\uce74\uc774\ube0c \ubcf4\uae30\n                                        <\/button>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"text-center\">\n                                <button class=\"btn btn-primary mb-4\" id=\"completeKYC\">\n                                    <i class=\"fas fa-check-circle mr-2\"><\/i> \uc644\uc804\ud55c KYC \ud504\ub85c\uc138\uc2a4\n                                <\/button>\n                                <p class=\"text-sm text-slate-500\">\ubaa8\ub4e0 \uae30\ub85d\uc740 \uaddc\uc815\uc744 \uc900\uc218\ud558\uae30 \uc704\ud574 \ucd5c\uc18c 5\ub144 \ub3d9\uc548 \uc548\uc804\ud558\uac8c \ubcf4\uad00\ub429\ub2c8\ub2e4.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n    \n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            const steps = document.querySelectorAll('.kyc-step');\n            const stepDots = document.querySelectorAll('.step-dot');\n            const progressBar = document.getElementById('progressBar');\n            let currentStep = 1;\n            \n            \/\/ Initialize progress bar\n            updateProgressBar();\n            \n            \/\/ Next step buttons\n            document.querySelectorAll('.next-step').forEach(button => {\n                button.addEventListener('click', function() {\n                    const nextStep = this.getAttribute('data-next');\n                    goToStep(parseInt(nextStep));\n                });\n            });\n            \n            \/\/ Previous step buttons\n            document.querySelectorAll('.prev-step').forEach(button => {\n                button.addEventListener('click', function() {\n                    const prevStep = this.getAttribute('data-prev');\n                    goToStep(parseInt(prevStep));\n                });\n            });\n            \n            \/\/ Step indicator dots\n            stepDots.forEach(dot => {\n                dot.addEventListener('click', function() {\n                    const step = parseInt(this.getAttribute('data-step'));\n                    if (step < currentStep) {\n                        goToStep(step);\n                    }\n                });\n            });\n            \n            \/\/ Complete KYC button\n            document.getElementById('completeKYC').addEventListener('click', function() {\n                alert('KYC Process Completed! All records have been securely stored.');\n            });\n            \n            function goToStep(stepNumber) {\n                \/\/ Hide all steps\n                steps.forEach(step => {\n                    step.classList.remove('active');\n                });\n                \n                \/\/ Show current step\n                document.getElementById(`step${stepNumber}`).classList.add('active');\n                \n                \/\/ Update step indicator\n                stepDots.forEach(dot => {\n                    const dotStep = parseInt(dot.getAttribute('data-step'));\n                    dot.classList.remove('active', 'completed');\n                    \n                    if (dotStep === stepNumber) {\n                        dot.classList.add('active');\n                    } else if (dotStep < stepNumber) {\n                        dot.classList.add('completed');\n                    }\n                });\n                \n                currentStep = stepNumber;\n                updateProgressBar();\n            }\n            \n            function updateProgressBar() {\n                const progress = (currentStep - 1) * 33.33;\n                progressBar.style.width = `${progress}%`;\n            }\n        });\n    <\/script>\n    \n        <style>\n        :root {\n            --primary: #4045d8;\n            --secondary: #6c63ff;\n            --accent: #4d7cff;\n            --light: #f4f1fe;\n            --dark: #1a1c3a;\n        }\n        \n        .kyc-step {\n            display: none;\n            opacity: 0;\n            transform: translateY(20px);\n            transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n        \n        .kyc-step.active {\n            display: block;\n            opacity: 1;\n            transform: translateY(0);\n        }\n        \n        .step-icon {\n            width: 70px;\n            height: 70px;\n            border-radius: 16px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 1.8rem;\n            flex-shrink: 0;\n            margin-bottom: 20px;\n            box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n        }\n        \n        .step-1 .step-icon { background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%); }\n        .step-2 .step-icon { background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%); }\n        .step-3 .step-icon { background: linear-gradient(135deg, #a1c4fd 0%, #c2e9fb 100%); }\n        .step-4 .step-icon { background: linear-gradient(135deg, #84fab0 0%, #8fd3f4 100%); }\n        \n        .progress-container {\n            height: 8px;\n            background-color: #eef2ff;\n            border-radius: 4px;\n            overflow: hidden;\n            margin: 25px 0;\n        }\n        \n        .progress-bar {\n            height: 100%;\n            background: linear-gradient(90deg, var(--primary), var(--secondary));\n            width: 0%;\n            transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);\n        }\n        \n        .step-indicator {\n            display: flex;\n            justify-content: space-between;\n            margin-bottom: 30px;\n            position: relative;\n        }\n        \n        .step-dot {\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            background: #e0e7ff;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--primary);\n            font-weight: 600;\n            position: relative;\n            z-index: 2;\n            transition: all 0.3s ease;\n        }\n        \n        .step-dot.active {\n            background: var(--primary);\n            color: white;\n            transform: scale(1.1);\n            box-shadow: 0 8px 20px rgba(64, 69, 216, 0.3);\n        }\n        \n        .step-dot.completed {\n            background: var(--primary);\n            color: white;\n        }\n        \n        .step-indicator::before {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 12.5%;\n            right: 12.5%;\n            height: 4px;\n            background: #e0e7ff;\n            transform: translateY(-50%);\n            z-index: 1;\n        }\n        \n        .form-card {\n            background: white;\n            border-radius: 20px;\n            padding: 30px;\n            box-shadow: 0 10px 30px rgba(64, 69, 216, 0.1);\n            border: 1px solid #eef2ff;\n        }\n        \n        .btn {\n            padding: 16px 32px;\n            border-radius: 12px;\n            font-weight: 600;\n            font-size: 16px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            border: none;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n        }\n        \n        .btn-primary {\n            background: linear-gradient(135deg, var(--primary), var(--secondary));\n            color: white;\n            box-shadow: 0 8px 20px rgba(64, 69, 216, 0.3);\n        }\n        \n        .btn-primary:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 12px 25px rgba(64, 69, 216, 0.4);\n        }\n        \n        .btn-outline {\n            background: transparent;\n            border: 2px solid #e0e7ff;\n            color: var(--primary);\n        }\n        \n        .btn-outline:hover {\n            background: #f8f9ff;\n        }\n        \n        .feature-card {\n            background: #f8f9ff;\n            border-radius: 16px;\n            padding: 20px;\n            margin-bottom: 15px;\n            transition: all 0.3s ease;\n            border-left: 4px solid var(--primary);\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n        }\n        \n        .feature-card i {\n            background: var(--primary);\n            color: white;\n            width: 40px;\n            height: 40px;\n            border-radius: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-right: 15px;\n            flex-shrink: 0;\n        }\n        \n        .success-animation {\n            width: 100px;\n            height: 100px;\n            background: #10b981;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 30px;\n            position: relative;\n            animation: scaleIn 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);\n        }\n        \n        .success-animation::after {\n            content: '';\n            position: absolute;\n            width: 40px;\n            height: 20px;\n            border: 10px solid white;\n            border-top: none;\n            border-right: none;\n            transform: rotate(-45deg);\n            margin-top: -5px;\n        }\n        \n        @keyframes scaleIn {\n            0% { transform: scale(0); opacity: 0; }\n            100% { transform: scale(1); opacity: 1; }\n        }\n        \n        .title-divider {\n            height: 4px;\n            width: 80px;\n            background: linear-gradient(90deg, var(--primary), var(--secondary));\n            border-radius: 2px;\n            margin: 20px auto;\n        }\n        \n        .security-badge {\n            padding: 8px 16px;\n            border-radius: 20px;\n            font-size: 0.85rem;\n            font-weight: 600;\n            display: inline-block;\n            margin-bottom: 10px;\n        }\n        \n        .badge-purple { background: #e0e7ff; color: var(--primary); }\n        .badge-blue { background: #dbeafe; color: #2563eb; }\n        .badge-green { background: #dcfce7; color: #16a34a; }\n        \n        .risk-bar {\n            height: 8px;\n            border-radius: 4px;\n        }\n        \n        .risk-high { background: linear-gradient(90deg, #ef4444, #f87171); }\n        .risk-medium { background: linear-gradient(90deg, #f59e0b, #fbbf24); }\n        .risk-medium-high { background: linear-gradient(90deg, #f59e0b, #f97316); }\n        .risk-low { background: linear-gradient(90deg, #10b981, #34d399); }\n    <\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-f8e5ef6 e-con-full e-flex e-con e-parent\" data-id=\"f8e5ef6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c00d7f elementor-widget elementor-widget-html\" data-id=\"3c00d7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\" class=\"scroll-smooth\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <script src=\"https:\/\/cdn.tailwindcss.com?plugins=typography\"><\/script>\n    <link rel=\"stylesheet\" href=\"style.css\">\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<\/head>\n<script>\n    import { animate, stagger, inView } from \"https:\/\/esm.run\/framer-motion\";\n\ndocument.addEventListener('DOMContentLoaded', () => {\n    lucide.createIcons();\n\n\n    const header = document.getElementById('main-header');\n    if (header) {\n        window.addEventListener('scroll', () => {\n            if (window.scrollY > 50) {\n                header.classList.add('scrolled');\n            } else {\n                header.classList.remove('scrolled');\n            }\n        });\n    }\n    \n\n\n    document.querySelectorAll('section').forEach((section) => {\n        inView(section, () => {\n            animate(section, { opacity: [0, 1], y: [30, 0] }, { duration: 0.7, ease: \"easeOut\" });\n\n\n\n\n        }, { amount: 0.1 }); \/\/ Trigger when 10% of the element is in view\n    });\n\n\n    const animatedCardContainers = document.querySelectorAll('#services .grid, #why-us .grid, #social-proof .grid, #feature-demo .grid');\n    animatedCardContainers.forEach(container => {\n        const cards = container.querySelectorAll('.service-card, .reason-card, .proof-item, .process-step');\n        if (cards.length > 0) {\n            inView(container, () => {\n                animate(cards, \n                    { opacity: [0, 1], y: [20, 0] }, \n                    { duration: 0.5, delay: stagger(0.1, { startDelay: 0.2 }), ease: \"easeOut\" }\n                );\n            }, { amount: 0.1});\n        }\n    });\n    \n\n    const heroElements = document.querySelectorAll('#hero .animate-on-load');\n    if (heroElements.length > 0) {\n        animate(heroElements,\n            { opacity: [0, 1], y: [20, 0] },\n            { duration: 0.6, delay: stagger(0.2), ease: \"easeOut\" }\n        );\n    }\n\n\n\n    const faqItems = document.querySelectorAll('.faq-item');\n    faqItems.forEach(item => {\n        const question = item.querySelector('.faq-question');\n        const answer = item.querySelector('.faq-answer');\n        const icon = question.querySelector('i');\n\n\n        if (icon) icon.setAttribute('data-lucide', 'plus-circle');\n        \n\n\n\n\n\n\n        question.addEventListener('click', () => {\n            const isOpen = answer.classList.contains('open');\n\n            if (isOpen) {\n                animate(answer, { maxHeight: 0, paddingTop: 0, paddingBottom: 0, opacity: 0 }, { duration: 0.4, ease: \"easeOut\" });\n                answer.classList.remove('open');\n                if (icon) icon.setAttribute('data-lucide', 'plus-circle');\n            } else {\n\n                answer.style.maxHeight = 'none'; \/\/ Allow it to expand to full content height temporarily\n                const scrollHeight = answer.scrollHeight;\n                answer.style.maxHeight = '0px'; \/\/ Reset before animation starts\n\n                animate(answer, { maxHeight: scrollHeight, paddingTop: \"0rem\", paddingBottom: \"1.5rem\", opacity: 1 }, { duration: 0.4, ease: \"easeOut\" });\n                answer.classList.add('open');\n                if (icon) icon.setAttribute('data-lucide', 'minus-circle');\n            }\n            lucide.createIcons(); \/\/ Re-render Lucide icons if they change\n        });\n    });\n\n\n\n    document.querySelectorAll('.hover-lift').forEach(card => {\n\n\n\n        card.addEventListener('mouseenter', () => {\n            animate(card, { y: -6, boxShadow: \"0 12px 24px rgba(102, 102, 120, 0.15)\" }, { duration: 0.25, ease: \"easeOut\" });\n        });\n        card.addEventListener('mouseleave', () => {\n\n\n            animate(card, { y: 0, boxShadow: card.classList.contains('shadow-lg') ? \"0 10px 15px -3px rgb(0 0 0 \/ 0.1), 0 4px 6px -4px rgb(0 0 0 \/ 0.1)\" : \"0 4px 6px -1px rgb(0 0 0 \/ 0.1), 0 2px 4px -2px rgb(0 0 0 \/ 0.1)\" }, { duration: 0.25, ease: \"easeOut\" });\n        });\n    });\n\n});\n<\/script>\n<style>\n    body {\n    font-family: 'Inter', sans-serif;\n}\n\n\/* Subtle shadow for sticky header on scroll *\/\n#main-header.scrolled {\n    background-color: rgba(255, 255, 255, 0.85); \/* Slightly more opaque white *\/\n    backdrop-filter: blur(8px);\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);\n}\n\n\n\/* Animations for elements loading into view *\/\n.animate-on-load {\n    opacity: 0;\n    transform: translateY(20px);\n    animation: fadeInUp 0.8s ease-out forwards;\n}\n\n@keyframes fadeInUp {\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\/* Card hover lift effect - can be enhanced with Framer Motion if more complex animations are needed *\/\n.hover-lift {\n    transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;\n}\n.hover-lift:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 12px 24px rgba(102, 102, 120, 0.15);\n}\n\n\/* FAQ Answer initial state and transition *\/\n.faq-answer {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.5s cubic-bezier(0.25, 0.1, 0.25, 1), padding 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);\n}\n\n.faq-answer.open {\n    \/* max-height will be set by JS to scrollHeight *\/\n    \/* padding can be adjusted here if needed, but JS will also handle it *\/\n}\n\n\/* Styling for the process steps in Feature Demo to connect them visually on larger screens *\/\n@media (min-width: 768px) { \/* md breakpoint *\/\n    #feature-demo .grid > .process-step:not(:last-child)::after {\n        content: '';\n        position: absolute;\n        top: 2rem; \/* Adjust to align with the center of the number circle or step title *\/\n        right: -1rem; \/* Half of the gap (gap-8 is 2rem, so -1rem centers it in the gap) *\/\n        width: calc(100% - 4.5rem + 2rem); \/* Adjust based on step width and desired line length *\/\n        transform: translateX(50%); \/* This might need fine-tuning *\/\n        height: 2px;\n        background-color: #e2e8f0; \/* slate-200 *\/\n        z-index: -1; \/* Ensure it's behind the step content *\/\n    }\n     #feature-demo .grid {\n        position: relative; \/* For absolute positioning of pseudo-elements *\/\n    }\n    #feature-demo .process-step {\n        position: relative; \/* For z-indexing if necessary *\/\n    }\n    \/* Remove the line for the last element in a row if grid wraps on lg *\/\n    @media (min-width: 1024px) { \/* lg breakpoint *\/\n         #feature-demo .grid.md\\:grid-cols-5 > .process-step:nth-child(5n)::after {\n            display: none;\n        }\n    }\n     #feature-demo .grid.md\\:grid-cols-3 > .process-step:nth-child(3n)::after { \/* Example for 3 cols *\/\n        display: none;\n    }\n}\n\n\/* Fallback for hero animation if JS\/Framer motion is slow to load or fails *\/\n.animate-on-load {\n    opacity: 1; \/* Default to visible *\/\n    transform: translateY(0); \/* Default to in place *\/\n}\n\n\n\/* Custom scrollbar (optional, for a more polished look) *\/\n::-webkit-scrollbar {\n    width: 8px;\n}\n\n::-webkit-scrollbar-track {\n    background: #f0eef9; \/* Lighter shade of main bg *\/\n}\n\n::-webkit-scrollbar-thumb {\n    background: #c9c0e8; \/* Slightly darker shade *\/\n    border-radius: 4px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n    background: #b8b0dc; \/* Even darker on hover *\/\n}\n\n<\/style>\n<body class=\"bg-[#dbd4f2] text-slate-700 font-inter antialiased\">\n\n\n\n    <main>\n\n\n        <!-- 4. Services -->\n        <section id=\"services\" class=\"py-16 md:py-24 px-6 bg-white\">\n            <div class=\"container mx-auto\">\n                <div class=\"text-center mb-12 md:mb-16\">\n                    <h2 class=\"text-3xl md:text-4xl font-bold !text-[#4045d8] mb-4\">\ud575\uc2ec \uc11c\ube44\uc2a4 \ubc0f \uac15\ub825\ud55c \uae30\ub2a5<\/h2>\n                    <p class=\"text-lg text-slate-600 max-w-2xl mx-auto\">\ub2f9\uc0ac\uc758 \uc9c0\ub2a5\ud615 KYC \uc194\ub8e8\uc158\uc740 \uc5d4\ub4dc\ud22c\uc5d4\ub4dc \uac80\uc99d \ud504\ub85c\uc138\uc2a4\ub97c \ud3ec\uad04\ud558\uace0 \ucd5c\ucca8\ub2e8 \uae30\uc220\uc744 \ud1b5\ud569\ud569\ub2c8\ub2e4.<\/p>\n                <\/div>\n                <div class=\"grid md:grid-cols-2 lg:grid-cols-2 gap-8\">\n                    <div class=\"service-card p-6 bg-slate-50 rounded-xl shadow-lg hover-lift transition-all duration-300\">\n                        <div class=\"flex items-center mb-4\">\n                            <i data-lucide=\"user-check\" class=\"!text-[#626ae9] w-8 h-8 mr-3\"><\/i>\n                            <h3 class=\"text-xl font-semibold !text-[#4045d8]\">\uace0\uac1d \uc2dd\ubcc4 \ud504\ub85c\uadf8\ub7a8(CIP)<\/h3>\n                        <\/div>\n                        <ul class=\"list-disc list-inside text-slate-600 space-y-2 pl-2\">\n                            <li>\uc815\ubc00\ud55c \ubb38\uc11c \uc790\ub3d9 \ucd94\ucd9c \ubc0f \uac80\uc99d(OCR)<\/li>\n                            <li>\uc138\uad00 \ub4f1\uae09 \uc9c4\uc704 \ud655\uc778\uc744 \uc704\ud55c NFC \uce69 \ud310\ub3c5<\/li>\n                            <li>\uace0\uc815\ubc00 \ub9e4\uce6d\uc744 \ud1b5\ud55c AI \uc5bc\uad74 \uc778\uc2dd<\/li>\n                            <li>\uc2a4\ud478\ud551 \uacf5\uaca9\uc5d0 \ub300\ud55c \uace0\uae09 \ub77c\uc774\ube0c \ud0d0\uc9c0 \uae30\ub2a5<\/li>\n                        <\/ul>\n                    <\/div>\n                    <div class=\"service-card p-6 bg-slate-50 rounded-xl shadow-lg hover-lift transition-all duration-300\">\n                        <div class=\"flex items-center mb-4\">\n                            <i data-lucide=\"shield-check\" class=\"!text-[#626ae9] w-8 h-8 mr-3\"><\/i>\n                            <h3 class=\"text-xl font-semibold !text-[#4045d8]\">\uace0\uac1d \uc2e4\uc0ac(CDD \ubc0f EDD)<\/h3>\n                        <\/div>\n                        <ul class=\"list-disc list-inside text-slate-600 space-y-2 pl-2\">\n                            <li>\uc790\ub3d9\ud654\ub41c \uc704\ud5d8 \ud3c9\uac00 \ubc0f \ucc44\uc810<\/li>\n                            <li>\uc2e4\uc2dc\uac04 PEP \ubc0f \uc81c\uc7ac \ubaa9\ub85d \uc2ec\uc0ac<\/li>\n                            <li>AI \ud14d\uc2a4\ud2b8 \ub9c8\uc774\ub2dd\uc744 \ud1b5\ud55c \ubd80\uc815\uc801 \ubbf8\ub514\uc5b4 \ubc0f \uacf5\uacf5 \uae30\ub85d \ubd84\uc11d<\/li>\n                        <\/ul>\n                    <\/div>\n                    <div class=\"service-card p-6 bg-slate-50 rounded-xl shadow-lg hover-lift transition-all duration-300\">\n                        <div class=\"flex items-center mb-4\">\n                            <i data-lucide=\"activity\" class=\"!text-[#626ae9] w-8 h-8 mr-3\"><\/i>\n                            <h3 class=\"text-xl font-semibold !text-[#4045d8]\">\uc9c0\uc18d\uc801\uc778 \ubaa8\ub2c8\ud130\ub9c1<\/h3>\n                        <\/div>\n                        <ul class=\"list-disc list-inside text-slate-600 space-y-2 pl-2\">\n                            <li>\uc2e4\uc2dc\uac04 \uac70\ub798 \ud589\ub3d9 \ubaa8\ub2c8\ud130\ub9c1<\/li>\n                            <li>\uc774\uc0c1 \uc9d5\ud6c4 \ud0d0\uc9c0 \ubc0f \uc801\uc2dc \uc54c\ub9bc<\/li>\n                            <li>\uc790\ub3d9\ud654\ub41c \uc815\uae30 \uace0\uac1d \uc0c1\ud0dc \uac80\ud1a0<\/li>\n                        <\/ul>\n                    <\/div>\n                    <div class=\"service-card p-6 bg-slate-50 rounded-xl shadow-lg hover-lift transition-all duration-300\">\n                        <div class=\"flex items-center mb-4\">\n                            <i data-lucide=\"settings-2\" class=\"!text-[#626ae9] w-8 h-8 mr-3\"><\/i>\n                            <h3 class=\"text-xl font-semibold !text-[#4045d8]\">\uc2dc\uc2a4\ud15c \ud1b5\ud569 \ubc0f \ud6a8\uc728\uc131<\/h3>\n                        <\/div>\n                        <ul class=\"list-disc list-inside text-slate-600 space-y-2 pl-2\">\n                            <li>\uc2e0\uc18d\ud55c \ud1b5\ud569\uc744 \uc704\ud55c \ud1b5\ud569 API \uc778\ud130\ud398\uc774\uc2a4<\/li>\n                            <li>\ud6a8\uc728\uc131\uc744 \uc704\ud55c \uc804\uc790 \uc6cc\ud06c\ud50c\ub85c \uad00\ub9ac<\/li>\n                            <li>\uace0\uac1d \ub9ac\uc2a4\ud06c \ud504\ub85c\ud30c\uc77c\ub9c1 \ubc0f \ub370\uc774\ud130\ubca0\uc774\uc2a4<\/li>\n                            <li>\uc790\ub3d9\ud654\ub41c \uaddc\uc815 \uc900\uc218 \ubcf4\uace0\uc11c \ubc0f \uac10\uc0ac \ucd94\uc801 \uc0dd\uc131<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- 5. Why Choose Us -->\n        <section id=\"why-us\" class=\"py-16 md:py-24 px-6 !bg-[#f4f1fe]\">\n            <div class=\"container mx-auto\">\n                <div class=\"text-center mb-12 md:mb-16\">\n                    <h2 class=\"text-3xl md:text-4xl font-bold !text-[#4045d8] mb-4\">\uc65c \uc9c0\ub2a5\ud615 KYC\ub97c \uc120\ud0dd\ud574\uc57c \ud558\ub098\uc694?<\/h2>\n                    <p class=\"text-lg text-slate-600 max-w-2xl mx-auto\">\uaddc\uc815 \uc900\uc218, \ubcf4\uc548, \ud6a8\uc728\uc131\uc744 \ucd5c\uc801\uc73c\ub85c \uc870\ud569\ud558\uc5ec \ube44\uc988\ub2c8\uc2a4\ub97c \uc704\ud55c \ucd5c\uc801\uc758 \uc194\ub8e8\uc158\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/p>\n                <\/div>\n                <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                    <div class=\"reason-card p-6 bg-white rounded-xl shadow-lg hover-lift\">\n                        <i data-lucide=\"cpu\" class=\"!text-[#626ae9] w-10 h-10 mb-4\"><\/i>\n                        <h3 class=\"text-xl font-semibold !text-[#4045d8] mb-2\">\uc120\ub3c4\uc801\uc778 \uae30\uc220<\/h3>\n                        <p class=\"text-slate-600 text-sm\">AI, \uc0dd\uccb4\uc778\uc2dd, NFC\ub97c \ud1b5\ud574 \uc0ac\uae30\ub97c \ubc29\uc9c0\ud558\uace0 \uaddc\uc815 \uc900\uc218\ub97c \ubcf4\uc7a5\ud569\ub2c8\ub2e4.<\/p>\n                    <\/div>\n                    <div class=\"reason-card p-6 bg-white rounded-xl shadow-lg hover-lift\">\n                        <i data-lucide=\"rocket\" class=\"!text-[#626ae9] w-10 h-10 mb-4\"><\/i>\n                        <h3 class=\"text-xl font-semibold !text-[#4045d8] mb-2\">\ud6a8\uc728\uc801\uc774\uace0 \uc6d0\ud65c\ud55c<\/h3>\n                        <p class=\"text-slate-600 text-sm\">\uc790\ub3d9\ud654\ub41c \ud504\ub85c\uc138\uc2a4\ub294 \uc778\uc99d \uc18d\ub3c4\uc640 \uc0ac\uc6a9\uc790 \uc628\ubcf4\ub529\uc744 \uac1c\uc120\ud569\ub2c8\ub2e4.<\/p>\n                    <\/div>\n                    <div class=\"reason-card p-6 bg-white rounded-xl shadow-lg hover-lift\">\n                        <i data-lucide=\"shield-alert\" class=\"!text-[#626ae9] w-10 h-10 mb-4\"><\/i>\n                        <h3 class=\"text-xl font-semibold !text-[#4045d8] mb-2\">\ud3ec\uad04\uc801\uc778 \uc704\ud5d8 \ubcf4\uc7a5<\/h3>\n                        <p class=\"text-slate-600 text-sm\">\uc5d4\ub4dc\ud22c\uc5d4\ub4dc \uc704\ud5d8 \uad00\ub9ac\ub85c \uc0ac\uae30 \ubc0f \uc2e0\uc6d0 \ub3c4\uc6a9\uc744 \uc904\uc785\ub2c8\ub2e4.<\/p>\n                    <\/div>\n                    <div class=\"reason-card p-6 bg-white rounded-xl shadow-lg hover-lift\">\n                        <i data-lucide=\"file-check-2\" class=\"!text-[#626ae9] w-10 h-10 mb-4\"><\/i>\n                        <h3 class=\"text-xl font-semibold !text-[#4045d8] mb-2\">\uc5c4\uaca9\ud55c \uaddc\uc815 \uc900\uc218<\/h3>\n                        <p class=\"text-slate-600 text-sm\">\uae00\ub85c\ubc8c \uaddc\uc815(FATF, AML \uc9c0\uce68) \uc900\uc218.<\/p>\n                    <\/div>\n                    <div class=\"reason-card p-6 bg-white rounded-xl shadow-lg hover-lift\">\n                        <i data-lucide=\"users\" class=\"!text-[#626ae9] w-10 h-10 mb-4\"><\/i>\n                        <h3 class=\"text-xl font-semibold !text-[#4045d8] mb-2\">\uace0\uac1d \uc2e0\ub8b0 \ud5a5\uc0c1<\/h3>\n                        <p class=\"text-slate-600 text-sm\">\uc5c4\uaca9\ud55c \ud504\ub85c\uc138\uc2a4\uc640 \ub370\uc774\ud130 \ubcf4\uc548\uc740 \ube0c\ub79c\ub4dc \ud3c9\ud310\uc744 \uad6c\ucd95\ud569\ub2c8\ub2e4.<\/p>\n                    <\/div>\n                    <div class=\"reason-card p-6 bg-white rounded-xl shadow-lg hover-lift\">\n                        <i data-lucide=\"trending-down\" class=\"!text-[#626ae9] w-10 h-10 mb-4\"><\/i>\n                        <h3 class=\"text-xl font-semibold !text-[#4045d8] mb-2\">\uc6b4\uc601 \ube44\uc6a9 \uc808\uac10<\/h3>\n                        <p class=\"text-slate-600 text-sm\">\uc790\ub3d9\ud654\ub294 \uc218\uc791\uc5c5\uacfc \uc624\ub958\uc728\uc744 \uc904\uc5ec\uc90d\ub2c8\ub2e4.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n\n\n        <!-- 7. Feature Demo (Process Flow) -->\n        <section id=\"feature-demo\" class=\"py-16 md:py-24 px-6 bg-white\">\n            <div class=\"container mx-auto\">\n                <div class=\"text-center mb-12 md:mb-16\">\n                    <h2 class=\"text-3xl md:text-4xl font-bold !text-[#4045d8] mb-4\">\uc6d0\ud65c\ud558\uace0 \uc548\uc804\ud55c \ucd08\uace0\uc18d KYC \uacbd\ud5d8<\/h2>\n                    <p class=\"text-lg text-slate-600 max-w-2xl mx-auto\">\uc800\ud76c\uc758 \uc9c0\ub2a5\ud615 KYC \ud504\ub85c\uc138\uc2a4\ub294 \ube44\uc988\ub2c8\uc2a4\uc640 \uace0\uac1d\uc5d0\uac8c \uc804\ub840 \uc5c6\ub294 \uc720\ub3d9\uc131\uacfc \ubcf4\uc548\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/p>\n                <\/div>\n                <div class=\"relative\">\n                    <div class=\"grid md:grid-cols-5 gap-8\">\n                        <div class=\"process-step text-center md:text-left p-6 bg-white rounded-xl shadow-lg hover-lift\">\n                            <div class=\"flex justify-center md:justify-start items-center mb-3\">\n                                <div class=\"w-12 h-12 !bg-[#626ae9] text-white rounded-full flex items-center justify-center text-xl font-bold mr-0 md:mr-3 mb-2 md:mb-0\">1<\/div>\n                                <h3 class=\"text-lg font-semibold !text-[#4045d8]\">\uc628\ub77c\uc778 \uc81c\ucd9c<\/h3>\n                            <\/div>\n                            <p class=\"text-slate-600 text-sm\">\uace0\uac1d\uc740 \ud50c\ub7ab\ud3fc\uc744 \ud1b5\ud574 \ubb38\uc11c\ub97c \uc5c5\ub85c\ub4dc\ud558\uace0 \uc5bc\uad74 \uc778\uc2dd\uc744 \uc218\ud589\ud569\ub2c8\ub2e4.<\/p>\n                        <\/div>\n                        <div class=\"process-step text-center md:text-left p-6 bg-white rounded-xl shadow-lg hover-lift\">\n                             <div class=\"flex justify-center md:justify-start items-center mb-3\">\n                                <div class=\"w-12 h-12 bg-[#626ae9] text-white rounded-full flex items-center justify-center text-xl font-bold mr-0 md:mr-3 mb-2 md:mb-0\">2<\/div>\n                                <h3 class=\"text-lg font-semibold !text-[#4045d8]\">\uc9c0\ub2a5\ud615 \uac80\uc99d<\/h3>\n                            <\/div>\n                            <p class=\"text-slate-600 text-sm\">\uc790\ub3d9\ud654\ub41c OCR, NFC, AI \uc5bc\uad74 \ub9e4\uce6d \ubc0f \uc0dd\ub3d9\uac10 \uac10\uc9c0.<\/p>\n                        <\/div>\n                        <div class=\"process-step text-center md:text-left p-6 bg-white rounded-xl shadow-lg hover-lift\">\n                            <div class=\"flex justify-center md:justify-start items-center mb-3\">\n                                <div class=\"w-12 h-12 bg-[#626ae9] text-white rounded-full flex items-center justify-center text-xl font-bold mr-0 md:mr-3 mb-2 md:mb-0\">3<\/div>\n                                <h3 class=\"text-lg font-semibold !text-[#4045d8]\">\uc704\ud5d8 \ud3c9\uac00<\/h3>\n                            <\/div>\n                            <p class=\"text-slate-600 text-sm\">\uc2dc\uc2a4\ud15c\uc5d0\uc11c \uc704\ud5d8 \uc218\uc900\uc744 \uc9c0\uc815\ud558\uace0 \uae00\ub85c\ubc8c \ubaa9\ub85d\uacfc \ube44\uad50\ud558\uc5ec \ucc28\ub2e8\ud569\ub2c8\ub2e4.<\/p>\n                        <\/div>\n                        <div class=\"process-step text-center md:text-left p-6 bg-white rounded-xl shadow-lg hover-lift\">\n                            <div class=\"flex justify-center md:justify-start items-center mb-3\">\n                                <div class=\"w-12 h-12 bg-[#626ae9] text-white rounded-full flex items-center justify-center text-xl font-bold mr-0 md:mr-3 mb-2 md:mb-0\">4<\/div>\n                                <h3 class=\"text-lg font-semibold !text-[#4045d8]\">\uacb0\uacfc \ubc0f \uacb0\uc815<\/h3>\n                            <\/div>\n                            <p class=\"text-slate-600 text-sm\">\uc800\uc704\ud5d8\uc758 \uacbd\uc6b0 \ube60\ub978 \ud655\uc778, \uace0\uc704\ud5d8\uc758 \uacbd\uc6b0 EDD. \uc644\uc804\ud55c \ucd94\uc801 \uac00\ub2a5.<\/p>\n                        <\/div>\n                        <div class=\"process-step text-center md:text-left p-6 bg-white rounded-xl shadow-lg hover-lift\">\n                             <div class=\"flex justify-center md:justify-start items-center mb-3\">\n                                <div class=\"w-12 h-12 bg-[#626ae9] text-white rounded-full flex items-center justify-center text-xl font-bold mr-0 md:mr-3 mb-2 md:mb-0\">5<\/div>\n                                <h3 class=\"text-lg font-semibold !text-[#4045d8]\">\uc9c0\uc18d\uc801\uc778 \ubaa8\ub2c8\ud130\ub9c1<\/h3>\n                            <\/div>\n                            <p class=\"text-slate-600 text-sm\">\uac70\ub798 \ubc0f \uace0\uac1d \uc0c1\ud0dc\ub97c \uc9c0\uc18d\uc801\uc73c\ub85c \ubaa8\ub2c8\ud130\ub9c1\ud569\ub2c8\ub2e4.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n\n\n\n\n    <script type=\"module\" src=\"script.js\"><\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Navigate the Digital Finance Wave, \u2014 Your Intelligent KYC Solution In an era of increasingly stringent regulations and sophisticated fraud, ensuring compliance, security, and boosting user trust is paramount. Embrace a new age of worry-free digital operations with our leading KYC technology. Learn More Contact Us Step 1: Customer Due Diligence Comprehensive understanding of customer [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-2511","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/theexchain.com\/ko\/wp-json\/wp\/v2\/pages\/2511","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theexchain.com\/ko\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theexchain.com\/ko\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theexchain.com\/ko\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theexchain.com\/ko\/wp-json\/wp\/v2\/comments?post=2511"}],"version-history":[{"count":70,"href":"https:\/\/theexchain.com\/ko\/wp-json\/wp\/v2\/pages\/2511\/revisions"}],"predecessor-version":[{"id":3516,"href":"https:\/\/theexchain.com\/ko\/wp-json\/wp\/v2\/pages\/2511\/revisions\/3516"}],"wp:attachment":[{"href":"https:\/\/theexchain.com\/ko\/wp-json\/wp\/v2\/media?parent=2511"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}