{"id":103,"date":"2026-06-25T17:52:41","date_gmt":"2026-06-25T08:52:41","guid":{"rendered":"http:\/\/elitesog.com\/?page_id=103"},"modified":"2026-07-09T16:13:07","modified_gmt":"2026-07-09T07:13:07","slug":"index","status":"publish","type":"page","link":"https:\/\/elitesog.com\/","title":{"rendered":"index"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \ubc14\ub978\uc18d\uae30\uc0ac\ubb34\uc18c - \uba54\uc778 \ud788\uc5b4\ub85c<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n font-family: 'Noto Sans KR', sans-serif;\r\n letter-spacing: -0.02em;\r\n }\r\n \r\n \/* \ud83d\udd25 \uc5d8\ub9ac\uba58\ud130 & \ud14c\ub9c8 \ud638\ubc84 \uc0c9\uc0c1 \uac15\uc81c \uc624\ubc84\ub77c\uc774\ub4dc \uc790\ubb3c\uc1e0 *\/\r\n .el-btn-online, .el-btn-online:hover { color: #ffffff !important; }\r\n .el-btn-kakao, .el-btn-kakao:hover { color: #191919 !important; }\r\n .el-btn-phone, .el-btn-phone:hover { color: #334155 !important; }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-transparent antialiased\">\r\n\r\n <section class=\"relative bg-transparent py-16 lg:py-24 overflow-hidden\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n <div class=\"grid lg:grid-cols-12 gap-12 lg:gap-8 items-center\">\r\n \r\n <div class=\"lg:col-span-7 space-y-6 text-left\">\r\n \r\n <div class=\"inline-flex items-center gap-2 bg-[#eff6ff] px-4 py-1.5 rounded-full text-xs font-bold text-[#1d4ed8] tracking-wide border border-[#dbeafe]\">\r\n <span class=\"h-2 w-2 rounded-full bg-[#1d4ed8]\"><\/span>\r\n \uad6d\uac00\uacf5\uc778 1\uae09 \uc18d\uae30\uc0ac \uc9c1\uc811 \uc791\uc131 & \ube44\ubc00\ubcf4\uc7a5\r\n <\/div>\r\n \r\n <h1 class=\"text-3xl sm:text-4xl lg:text-[46px] font-extrabold text-slate-900 tracking-tight leading-tight lg:leading-[1.25]\">\r\n \ubc95\uc801 \ud6a8\ub825\uc758 \uc2dc\uc791,<br>\r\n <span class=\"text-[#1d4ed8]\">\ub2e8 \ud55c \uae00\uc790\uc758 \uc624\ucc28\ub3c4 \ud5c8\uc6a9\ud558\uc9c0 \uc54a\ub294<\/span><br>\r\n \uc815\ud655\ud55c \uae30\ub85d\uc744 \uc57d\uc18d\ud569\ub2c8\ub2e4.\r\n <\/h1>\r\n \r\n <p class=\"text-base sm:text-lg text-slate-700 max-w-2xl leading-relaxed font-medium\">\r\n \uc99d\uac70\uc6a9 \ub179\ucde8\ub85d, \uc8fc\uc8fc\ucd1d\ud68c\/\uc774\uc0ac\ud68c \ud68c\uc758\ub85d, \uac15\uc5f0 \ubc0f \uc138\ubbf8\ub098 \ub4f1 \ubc95\uc6d0 \ubc0f \uacf5\uacf5\uae30\uad00\uc5d0 \uc81c\ucd9c\ud560 \ubaa8\ub4e0 \uc74c\uc131\uc744 \uc2e0\uc18d\ud558\uace0 \ucca0\uc800\ud55c \ubcf4\uc548 \ud558\uc5d0 \uc644\ubcbd\ud55c \ubb38\uc11c\ub85c \uc804\ud658\ud574 \ub4dc\ub9bd\ub2c8\ub2e4.\r\n <\/p>\r\n \r\n <div class=\"flex flex-col sm:flex-row items-center gap-3 pt-4 w-full\">\r\n <a href=\"tel:15440000\" class=\"el-btn-phone w-full sm:flex-1 text-center bg-white border border-slate-300 px-4 py-4 rounded-xl font-bold shadow-md hover:shadow-xl hover:shadow-slate-300\/50 hover:-translate-y-1.5 transition-all duration-300 flex items-center justify-center gap-2 text-sm sm:text-base whitespace-nowrap\">\r\n <svg class=\"w-5 h-5 shrink-0 text-[#1d4ed8]\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\r\n <path d=\"M14.05 2a9 9 0 0 1 8 8\" class=\"opacity-40\"><\/path>\r\n <path d=\"M14.05 6a5 5 0 0 1 4 4\" class=\"opacity-80\"><\/path>\r\n <\/svg>\r\n \uc804\ud654 \uc0c1\ub2f4\r\n <\/a>\r\n\r\n <a href=\"https:\/\/pf.kakao.com\" target=\"_blank\" class=\"el-btn-kakao w-full sm:flex-1 text-center bg-[#FEE500] px-4 py-4 rounded-xl font-bold shadow-md hover:shadow-xl hover:shadow-yellow-400\/40 hover:-translate-y-1.5 transition-all duration-300 flex items-center justify-center gap-2 text-sm sm:text-base whitespace-nowrap\">\r\n <span class=\"inline-flex items-center justify-center w-6 h-6 rounded-md border-2 border-[#191919] bg-transparent shrink-0\">\r\n <svg class=\"w-3.5 h-3.5 fill-current\" viewBox=\"0 0 24 24\">\r\n <path d=\"M12 3c-4.97 0-9 3.185-9 7.115 0 2.557 1.707 4.8 4.27 6.054-.188.702-.68 2.531-.777 2.92-.12.482.177.475.372.345.153-.1.2.443 2.126-1.309.84.233 1.737.36 2.673.36 4.97 0 9-3.186 9-7.116C21 6.185 16.97 3 12 3z\"\/>\r\n <\/svg>\r\n <\/span>\r\n \uce74\uce74\uc624\ud1a1 \uc0c1\ub2f4\r\n <\/a>\r\n\r\n <a href=\"#inquiry\" class=\"el-btn-online w-full sm:flex-1 text-center bg-[#1d4ed8] px-4 py-4 rounded-xl font-bold shadow-md hover:shadow-xl hover:shadow-blue-500\/40 hover:-translate-y-1.5 transition-all duration-300 flex items-center justify-center gap-2 text-sm sm:text-base whitespace-nowrap\">\r\n <svg class=\"w-5 h-5 shrink-0\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path>\r\n <polyline points=\"22,6 12,13 2,6\"><\/polyline>\r\n <\/svg>\r\n \uc628\ub77c\uc778 \ubb38\uc758\r\n <\/a>\r\n <\/div>\r\n \r\n <div class=\"grid grid-cols-3 gap-4 pt-10 border-t border-slate-300 max-w-lg\">\r\n <div>\r\n <span class=\"block text-2xl sm:text-3xl font-black text-[#000000]\">99.9%<\/span>\r\n <span class=\"text-xs sm:text-sm text-slate-600 font-bold\">\uae30\ub85d \uc815\ud655\ub3c4<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"block text-2xl sm:text-3xl font-black text-[#000000]\">30,000+<\/span>\r\n <span class=\"text-xs sm:text-sm text-slate-600 font-bold\">\uc758\ub8b0 \uc644\ub8cc \uac74\uc218<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"block text-2xl sm:text-3xl font-black text-[#000000]\">100%<\/span>\r\n <span class=\"text-xs sm:text-sm text-slate-600 font-bold\">\ucca0\uc800\ud55c \ube44\ubc00\uc720\uc9c0<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"lg:col-span-5 relative mt-8 lg:mt-0\">\r\n <div class=\"absolute inset-0 bg-gradient-to-tr from-blue-100 to-indigo-50\/30 rounded-3xl transform rotate-3 scale-102 opacity-70\"><\/div>\r\n <div class=\"relative bg-white\/95 backdrop-blur-sm border border-slate-200 rounded-3xl shadow-2xl p-6 sm:p-8 space-y-6 z-10\">\r\n \r\n <div class=\"flex items-center gap-4 pb-5 border-b border-slate-200\">\r\n <div class=\"bg-[#eff6ff] p-3.5 rounded-2xl text-[#1d4ed8] shrink-0 border border-[#dbeafe]\">\r\n <svg class=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\r\n <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <h3 class=\"font-bold text-slate-900 text-[17px] sm:text-[18px]\">\ubc95\uc6d0\u00b7\uacbd\ucc30 \uc81c\ucd9c \ub179\ucde8\ub85d \uc804\ubb38<\/h3>\r\n <p class=\"text-xs text-slate-500 mt-0.5\">\uc99d\uac70 \uc790\ub8cc \ucc44\ud0dd\uc744 \uc704\ud55c \uc18d\uae30\uc0ac \uc9c1\uc778 \uacf5\uc99d<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <ul class=\"space-y-4 text-sm text-slate-700 font-medium\">\r\n <li class=\"flex items-start gap-3\">\r\n <svg class=\"w-5 h-5 text-[#059669] shrink-0 mt-0.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n <\/svg>\r\n <span class=\"leading-relaxed\"><strong>\ucca0\uc800\ud55c \uc774\uc911 \uac10\uc218<\/strong>\ub97c \ud1b5\ud574 \ub192\uc740 \uc624\ud0c8\uc790 \uc218\uc815\uc728 \ubcf4\uc7a5<\/span>\r\n <\/li>\r\n <li class=\"flex items-start gap-3\">\r\n <svg class=\"w-5 h-5 text-[#059669] shrink-0 mt-0.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n <polyline points=\"12 6 12 12 16 14\"><\/polyline>\r\n <\/svg>\r\n <span class=\"leading-relaxed\">\uc815\ud574\uc9c4 \ub9c8\uac10\uae30\ud55c \uc900\uc218, <strong>\ub2f9\uc77c \uae34\uae09 \uc81c\uc791 \uac00\ub2a5<\/strong><\/span>\r\n <\/li>\r\n <li class=\"flex items-start gap-3\">\r\n <svg class=\"w-5 h-5 text-[#059669] shrink-0 mt-0.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\r\n <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path>\r\n <\/svg>\r\n <span class=\"leading-relaxed\">\ubaa8\ub4e0 \uc791\uc5c5\ubb3c\uc740 \ub0a9\ud488 \ud6c4 \uc989\uc2dc \ud30c\uae30 (\ucca0\uc800\ud55c \ubcf4\uc548\uad00\ub9ac)<\/span>\r\n <\/li>\r\n <\/ul>\r\n \r\n <div class=\"bg-slate-50 p-4 rounded-2xl border border-slate-200\">\r\n <div class=\"flex items-center justify-between text-xs text-slate-500 mb-1.5\">\r\n <span>\ud604\uc7ac \uc0c1\ub2f4 \uac00\ub2a5 \uc0c1\ud0dc<\/span>\r\n <span class=\"flex items-center gap-1.5 text-emerald-600 font-bold\">\r\n <span class=\"h-2 w-2 rounded-full bg-emerald-500 animate-pulse\"><\/span> \uc2e4\uc2dc\uac04 \uc5f0\uacb0 \uac00\ub2a5\r\n <\/span>\r\n <\/div>\r\n <p class=\"text-[15px] font-bold text-slate-800\">\ub300\ud45c \ubc88\ud638: 1544-0000 \/ 010-0000-0000<\/p>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fc76a4d e-con e-atomic-element e-flexbox-base e-a799365 \" data-id=\"fc76a4d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fc76a4d\">\n \t\t<div class=\"elementor-element elementor-element-5de3650 elementor-widget elementor-widget-html\" data-id=\"5de3650\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"why-section\">\r\n <div class=\"why-container\">\r\n <div class=\"why-header\">\r\n <p class=\"subtitle\">WHY ELITE<\/p>\r\n <h2 class=\"title\">\uc218\ub9ce\uc740 \uace0\uac1d\uc774 '\uc5d8\ub9ac\ud2b8\uc18d\uae30'\ub97c \uace0\uc9d1\ud558\ub294 \uc774\uc720<\/h2>\r\n <p class=\"description\">\ubc95\uc801\uc778 \uc99d\uac70 \ub610\ub294 \uacf5\uc2dd\uc801\uc778 \uae30\ub85d\uc73c\ub85c \uc0ac\uc6a9\ub418\ub294 \ubb38\uc11c\uc774\uae30\uc5d0 \uc18d\uae30\uc0ac\ubb34\uc18c \uc120\ud0dd\uc740 \ub354\uc6b1 \uae50\uae50\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n\r\n <div class=\"card-grid\">\r\n <div class=\"why-card\">\r\n <div class=\"icon-wrapper icon-blue\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n <circle cx=\"12\" cy=\"11\" r=\"3\"\/>\r\n <path d=\"m10 14-1 2.5 3-1.5 3 1.5-1-2.5\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"card-title\">\uad6d\uac00\uacf5\uc778 1\uae09 \uc18d\uae30\uc0ac \uc804\ub2f4<\/h3>\r\n <p class=\"card-desc\">\uad6d\uac00\uacf5\uc778 1\uae09 \uc804\ubb38 \uc18d\uae30\uc0ac\uac00 \uc9c1\uc811 \uc74c\uc131\uc744 \uccad\ucde8\ud558\uace0 \uc815\ud655\ud558\uac8c \ubb38\ub9e5\uacfc \uc5b4\uc870\ub97c \ud30c\uc545\ud558\uc5ec \uae30\ub85d\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n\r\n <div class=\"why-card\">\r\n <div class=\"icon-wrapper icon-green\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect width=\"18\" height=\"11\" x=\"3\" y=\"11\" rx=\"2\" ry=\"2\"\/>\r\n <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/>\r\n <path d=\"M12 15v3\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"card-title\">\uc554\ud638\ud654 \ubcf4\uc548 \ubc0f \ube44\ubc00 \uc720\uc9c0<\/h3>\r\n <p class=\"card-desc\">\ubbfc\uac10\ud55c \uac1c\uc778\uc815\ubcf4 \ubc0f \uc0ac\uac74\u00b7\uc0ac\uace0\uc640 \uad00\ub828\ud55c \uc74c\uc131 \uc815\ubcf4\ub294 \uc804\uc6a9 \uc554\ud638\ud654 \uc2a4\ud1a0\ub9ac\uc9c0\uc5d0\uc11c\ub9cc \ucde8\uae09\ub429\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n\r\n <div class=\"why-card\">\r\n <div class=\"icon-wrapper icon-purple\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z\"\/>\r\n <polyline points=\"14 2 14 8 20 8\"\/>\r\n <path d=\"m9 15 2 2 4-4\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"card-title\">\uacf5\uc99d \ubc0f \ubc95\uc801 \uc99d\uac70 \ud6a8\ub825 \ubd80\uc5ec<\/h3>\r\n <p class=\"card-desc\">\uc18d\uae30\uc0ac\uc758 \ub3c4\uc7a5\uc774 \ud3ec\ud568\ub41c \uc81c\ubcf8 \ud615\ud0dc\uc758 \ubb38\uc11c\uc640 \uc804\uc790 \ubb38\uc11c\ub97c \ud568\uaed8 \uc1a1\ubd80\ud558\uc5ec \uc989\uac01 \ubc95\uc801 \ud6a8\ub825\uc744 \ubc1c\ud718\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n \/* \ud3f0\ud2b8 \ubc0f \uae30\ubcf8 \uc2a4\ud0c0\uc77c \uc815\uc758 *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');\r\n \r\n .why-section {\r\n font-family: 'Noto Sans KR', sans-serif;\r\n background-color: #ffffff;\r\n padding: 80px 20px;\r\n letter-spacing: -0.02em;\r\n }\r\n \r\n .why-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n \r\n \/* \ud5e4\ub354 \uc601\uc5ed *\/\r\n .why-header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n }\r\n \r\n .why-header .subtitle {\r\n color: #1d4ed8;\r\n font-size: 14px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n margin-bottom: 8px;\r\n letter-spacing: 0.05em;\r\n }\r\n \r\n .why-header .title {\r\n color: #0f172a;\r\n font-size: 36px;\r\n font-weight: 700;\r\n margin: 0 0 16px 0;\r\n }\r\n \r\n .why-header .description {\r\n color: #64748b;\r\n font-size: 16px;\r\n margin: 0;\r\n line-height: 1.6;\r\n }\r\n \r\n \/* \uce74\ub4dc \uadf8\ub9ac\ub4dc *\/\r\n .card-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n }\r\n \r\n \/* \uac1c\ubcc4 \uce74\ub4dc *\/\r\n .why-card {\r\n background: #f8fafc;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 16px;\r\n padding: 40px 32px;\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\r\n transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;\r\n }\r\n \r\n \/* \ud638\ubc84 \uc2dc \uce74\ub4dc \ubc30\uacbd\uc0c9 *\/\r\n .why-card:hover {\r\n transform: translateY(-4px);\r\n background: #f0f4f8;\r\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n \/* \ubcc0\uacbd\ub41c \uc544\uc774\ucf58 \ubc15\uc2a4 \uae30\ubcf8 \uad6c\uc870 *\/\r\n .icon-wrapper {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 56px;\r\n height: 56px;\r\n border-radius: 14px;\r\n margin-bottom: 24px;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n \/* ===================================================\r\n \ud83d\udc47 \ud638\ubc84 \uc804\uc5d0\ub3c4 \uac01 \uace0\uc720\uc758 \uc5f0\ud55c \uc0c9\uc0c1\uc774 \ub4e4\uc5b4\uac00\ub3c4\ub85d \uc218\uc815 \uc644\ub8cc\r\n =================================================== *\/\r\n\r\n \/* \uce74\ub4dc 1 \uc544\uc774\ucf58 : \uc2e0\ub8b0\uc758 \ub525 \ube14\ub8e8 \uacc4\uc5f4 *\/\r\n .icon-blue { \r\n color: #1e40af; \r\n background-color: #eff6ff; \/* \ud638\ubc84 \uc804 \uae30\ubcf8 \uc5f0\ud55c \ube14\ub8e8 *\/\r\n border: 1px solid #dbeafe; \r\n }\r\n .why-card:hover .icon-blue { \r\n background-color: #dbeafe; \/* \ud638\ubc84 \uc2dc \ud55c \ub2e8\uacc4 \ub354 \uc9c4\ud558\uac8c \ubcc0\uacbd *\/\r\n border-color: #bfdbfe; \r\n }\r\n \r\n \/* \uce74\ub4dc 2 \uc544\uc774\ucf58 : \uc548\uc804\uc758 \uc5d0\uba54\ub784\ub4dc \uadf8\ub9b0 \uacc4\uc5f4 *\/\r\n .icon-green { \r\n color: #065f46; \r\n background-color: #ecfdf5; \/* \ud638\ubc84 \uc804 \uae30\ubcf8 \uc5f0\ud55c \uadf8\ub9b0 *\/\r\n border: 1px solid #d1fae5; \r\n }\r\n .why-card:hover .icon-green { \r\n background-color: #d1fae5; \/* \ud638\ubc84 \uc2dc \ud55c \ub2e8\uacc4 \ub354 \uc9c4\ud558\uac8c \ubcc0\uacbd *\/\r\n border-color: #a7f3d0; \r\n }\r\n \r\n \/* \uce74\ub4dc 3 \uc544\uc774\ucf58 : \uc804\ubb38\uc131\uc758 \ub2e4\ud06c \ud37c\ud50c \uacc4\uc5f4 *\/\r\n .icon-purple { \r\n color: #6b21a8; \r\n background-color: #faf5ff; \/* \ud638\ubc84 \uc804 \uae30\ubcf8 \uc5f0\ud55c \ud37c\ud50c *\/\r\n border: 1px solid #f3e8ff; \r\n }\r\n .why-card:hover .icon-purple { \r\n background-color: #f3e8ff; \/* \ud638\ubc84 \uc2dc \ud55c \ub2e8\uacc4 \ub354 \uc9c4\ud558\uac8c \ubcc0\uacbd *\/\r\n border-color: #e9d5ff; \r\n }\r\n \r\n \/* =================================================== *\/\r\n \r\n .why-card:hover .icon-wrapper {\r\n transform: scale(1.05);\r\n }\r\n \r\n \/* \uce74\ub4dc \ud14d\uc2a4\ud2b8 *\/\r\n .card-title {\r\n color: #0f172a;\r\n font-size: 20px;\r\n font-weight: 700;\r\n margin: 0 0 12px 0;\r\n }\r\n \r\n .card-desc {\r\n color: #475569;\r\n font-size: 14px;\r\n line-height: 1.6;\r\n margin: 0;\r\n word-break: keep-all;\r\n }\r\n \r\n \/* \ud0dc\ube14\ub9bf \ubc0f \ubaa8\ubc14\uc77c \ubc18\uc751\ud615 \ucc98\ub9ac *\/\r\n @media (max-width: 1024px) {\r\n .card-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .why-section { padding: 50px 16px; }\r\n .why-header .title { font-size: 28px; }\r\n .card-grid {\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n }\r\n .why-card { padding: 24px; }\r\n }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-7edf548 e-con e-atomic-element e-flexbox-base e-3b16859 \" data-id=\"7edf548\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7edf548\">\n <div class=\"elementor-element elementor-element-b5b42fb e-flex e-con-boxed e-con e-parent\" data-id=\"b5b42fb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c1dab20 elementor-widget elementor-widget-html\" data-id=\"c1dab20\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"services-section\" id=\"elite-services-carousel\">\r\n <div class=\"services-container\">\r\n <div class=\"services-header\">\r\n <p class=\"subtitle\">OUR SERVICES<\/p>\r\n <h2 class=\"title\">\uc804\ubb38 \uc18d\uae30 \uae30\ub85d \uc11c\ube44\uc2a4<\/h2>\r\n <p class=\"description\">\uc0c1\ud669\uacfc \ubaa9\uc801\uc5d0 \ucd5c\uc801\ud654\ub41c \uace0\ud488\uc9c8 \ub9de\ucda4\ud615 \uc18d\uae30 \uc11c\ube44\uc2a4\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4. \uc88c\uc6b0\ub85c \ub118\uaca8 \ub2e4\uc591\ud55c \uc11c\ube44\uc2a4\ub97c \ud655\uc778\ud574\ubcf4\uc138\uc694.<\/p>\r\n <\/div>\r\n\r\n <div class=\"carousel-wrapper\">\r\n <button class=\"carousel-btn prev-btn\" aria-label=\"\uc774\uc804 \uc11c\ube44\uc2a4\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg>\r\n <\/button>\r\n \r\n <button class=\"carousel-btn next-btn\" aria-label=\"\ub2e4\uc74c \uc11c\ube44\uc2a4\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\r\n <\/button>\r\n\r\n <div class=\"carousel-track-container\">\r\n <div class=\"carousel-track\">\r\n <div class=\"service-card\">\r\n <div class=\"icon-box icon-red\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"card-title\">\uc99d\uac70\uc6a9 \ub179\ucde8\ub85d<\/h3>\r\n <p class=\"card-tag\">\uc18c\uc1a1 \/ \ubd84\uc7c1 \/ \uacf5\uc99d\uc6a9<\/p>\r\n <p class=\"card-desc\">\ubbfc\u00b7\ud615\uc0ac \uc18c\uc1a1, \uace0\uc18c, \uc774\ud63c, \ud611\ubc15 \ub4f1 \ubc95\uc801 \ubd84\uc7c1 \ud574\uacb0\uc5d0 \ud544\uc694\ud55c \ud655\uc2e4\ud55c \uc99d\uac70\ub97c \uc81c\uacf5\ud558\uae30 \uc704\ud574 \ubc95\uc801 \uae30\uc900\uc5d0 \ubd80\ud569\ud558\ub3c4\ub85d \uc5c4\uaca9\ud788 \uc81c\uc791\ud569\ub2c8\ub2e4.<\/p>\r\n <a href=\"#\" class=\"card-link\">\uc758\ub8b0\ud558\uae30 <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/a>\r\n <\/div>\r\n\r\n <div class=\"service-card\">\r\n <div class=\"icon-box icon-blue\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"card-title\">\uc774\uc0ac\ud68c & \uc8fc\uc8fc\ucd1d\ud68c<\/h3>\r\n <p class=\"card-tag\">\uae30\uc5c5 \ud68c\uc758\ub85d \/ \ub300\uaddc\ubaa8 \ud3ec\ub7fc<\/p>\r\n <p class=\"card-desc\">\uc774\uc0ac\ud68c, \uc8fc\uc8fc\ucd1d\ud68c, \uacf5\uccad\ud68c \ub4f1 \ub2e4\uc591\ud55c \uc8fc\uccb4\ub4e4\uc758 \ubc1c\uc5b8 \ub0b4\uc6a9\uc744 \ub2e4\uc790 \ub300\ud654 \uad6c\uc870\uc5d0 \ub9de\ucdb0 \uc77c\ubaa9\uc694\uc5f0\ud558\uace0 \ub204\ub77d \uc5c6\uc774 \uc2e0\uc18d\ud788 \uae30\ub85d\ud569\ub2c8\ub2e4.<\/p>\r\n <a href=\"#\" class=\"card-link\">\uc758\ub8b0\ud558\uae30 <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/a>\r\n <\/div>\r\n\r\n <div class=\"service-card\">\r\n <div class=\"icon-box icon-purple\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21h18\"><\/path><path d=\"M3 7v1a3 3 0 0 0 6 0V7m0 1a3 3 0 0 0 6 0V7m0 1a3 3 0 0 0 6 0V7H3\"><\/path><path d=\"M19 10v11M5 10v11\"><\/path><path d=\"M12 10v11\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"card-title\">\uc7ac\uac1c\ubc1c\uc870\ud569\ud68c\uc758<\/h3>\r\n <p class=\"card-tag\">\uc870\ud569 \ucd1d\ud68c \/ \uc815\ube44 \uc0ac\uc5c5 \/ \uc758\uc0ac\ub85d<\/p>\r\n <p class=\"card-desc\">\uc7ac\uac1c\ubc1c\u00b7\uc7ac\uac74\ucd95 \uc815\ube44\uc0ac\uc5c5\uc758 \uc870\ud569\uc6d0 \ucd1d\ud68c, \ub300\uc758\uc6d0 \ud68c\uc758, \uc774\uc0ac\ud68c \ub4f1 \uc758\uacb0 \uacfc\uc815\uc5d0\uc11c \ubc1c\uc0dd\ud558\ub294 \ubc1c\uc5b8\uacfc \ud569\uc758 \ub0b4\uc6a9\uc744 \ubc95\uc801 \ud6a8\ub825\uc744 \uac16\ucd98 \uacf5\uc778 \uc758\uc0ac\ub85d\uc73c\ub85c \uc5c4\uaca9\ud558\uace0 \uc815\ud655\ud788 \uae30\ub85d\ud569\ub2c8\ub2e4.<\/p>\r\n <a href=\"#\" class=\"card-link\">\uc758\ub8b0\ud558\uae30 <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/a>\r\n <\/div>\r\n\r\n <div class=\"service-card\">\r\n <div class=\"icon-box icon-teal\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3M15.5 7.5L14 9M18.5 4.5L17 6\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"card-title\">\ubcf4\uc99d\uae08 \ubc18\ud658 (HUG \uad00\ub828)<\/h3>\r\n <p class=\"card-tag\">\uc784\ub300\ucc28 \ubd84\uc7c1 \/ \uc774\ud589 \uccad\uad6c \/ \uc785\uc99d \uc790\ub8cc<\/p>\r\n <p class=\"card-desc\">HUG \uc8fc\ud0dd\ub3c4\uc2dc\ubcf4\uc99d\uacf5\uc0ac \ubcf4\uc99d\ubcf4\ud5d8 \uc774\ud589 \uccad\uad6c \ubc0f \uc784\ub300\ucc28 \ubcf4\uc99d\uae08 \ubc18\ud658 \uc18c\uc1a1 \ub4f1 \ubd84\uc7c1 \uc2dc \uc9d1\uc8fc\uc778\uacfc\uc758 \uacc4\uc57d \ud574\uc9c0 \uc758\uc0ac \ud45c\uc2dc\ub97c \uba85\ud655\ud788 \uc785\uc99d\ud560 \ud655\uc2e4\ud55c \ub179\ucde8\ub85d\uc744 \uc81c\uc791\ud569\ub2c8\ub2e4.<\/p>\r\n <a href=\"#\" class=\"card-link\">\uc758\ub8b0\ud558\uae30 <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/a>\r\n <\/div>\r\n\r\n <div class=\"service-card\">\r\n <div class=\"icon-box icon-indigo\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><line x1=\"10\" y1=\"9\" x2=\"8\" y2=\"9\"><\/line><\/svg>\r\n <\/div>\r\n <h3 class=\"card-title\">\ud559\uad50\ud3ed\ub825 \uc2ec\uc758\ub85d<\/h3>\r\n <p class=\"card-tag\">\ud559\ud3ed\uc704 \/ \ud589\uc815 \uc18c\uc1a1\uc6a9<\/p>\r\n <p class=\"card-desc\">\ud559\uc0dd \ub300\ud654 \ubc0f \uba74\ub2f4 \ub0b4\uc6a9, \uc790\uce58 \uc704\uc6d0\ud68c \uc9c4\uc220 \ub0b4\uc6a9 \ub4f1 \uc608\ubbfc\ud558\uace0 \ubbfc\uac10\ud55c \uc0ac\uc548\uc5d0 \ub300\ud574 \uba85\ud655\ud55c \uc815\ud669 \uc0ac\uc2e4 \uad00\uacc4 \uac80\uc99d \uae30\ucd08 \uc11c\ub958\ub97c \uc815\ubc00 \uc81c\uc791\ud569\ub2c8\ub2e4.<\/p>\r\n <a href=\"#\" class=\"card-link\">\uc758\ub8b0\ud558\uae30 <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/a>\r\n <\/div>\r\n\r\n <div class=\"service-card\">\r\n <div class=\"icon-box icon-emerald\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3z\"><\/path><path d=\"M19 10v1a7 7 0 0 1-14 0v-1\"><\/path><line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"22\"><\/line><\/svg>\r\n <\/div>\r\n <h3 class=\"card-title\">\ud604\uc7a5 \uc18d\uae30 \/ \uc18d\ubcf4<\/h3>\r\n <p class=\"card-tag\">\uc2e4\uc2dc\uac04 \uc138\ubbf8\ub098 \/ \ud1a0\ub860\ud68c<\/p>\r\n <p class=\"card-desc\">\uac15\uc5f0, \uc138\ubbf8\ub098, \ud1a0\ub860\ud68c, \uacf5\uccad\ud68c \ub4f1 \ud604\uc7a5\uc5d0 \uc9c1\uc811 \ucc38\uac00\ud558\uc5ec \ud604\uc7a5 \ubd84\uc704\uae30\uc640 \uc5f0\uc0ac\uc758 \ubc1c\uc5b8\uc744 \uc2e4\uc2dc\uac04 \ud0c0\uc774\ud551 \ubc0f \uc694\uc57d \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/p>\r\n <a href=\"#\" class=\"card-link\">\uc758\ub8b0\ud558\uae30 <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/a>\r\n <\/div>\r\n\r\n <div class=\"service-card\">\r\n <div class=\"icon-box icon-orange\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"2.18\" ry=\"2.18\"><\/rect><line x1=\"7\" y1=\"2\" x2=\"7\" y2=\"22\"><\/line><line x1=\"17\" y1=\"2\" x2=\"17\" y2=\"22\"><\/line><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line><line x1=\"2\" y1=\"7\" x2=\"7\" y2=\"7\"><\/line><line x1=\"2\" y1=\"17\" x2=\"7\" y2=\"17\"><\/line><line x1=\"17\" y1=\"17\" x2=\"22\" y2=\"17\"><\/line><line x1=\"17\" y1=\"7\" x2=\"22\" y2=\"7\"><\/line><\/svg>\r\n <\/div>\r\n <h3 class=\"card-title\">\ubbf8\ub514\uc5b4 \uc790\ub9c9 \uc18d\uae30<\/h3>\r\n <p class=\"card-tag\">\uc720\ud29c\ube0c \/ \ud648\uc1fc\ud551 \/ \uac15\uc88c \uc790\ub9c9<\/p>\r\n <p class=\"card-desc\">\uc601\uc0c1 \ub9e4\uccb4\uc758 \uc74c\uc131\uc744 \ud14d\uc2a4\ud2b8\ub85c \uc815\ubc00 \uc2f1\ud06c\ud654\ud558\uc5ec \ubc30\ud3ec\uc6a9 \ud55c\uae00 \uc790\ub9c9 \uc81c\uc791 \ubc0f \ub300\ubcf8 \ub370\uc774\ud130\ubca0\uc774\uc2a4\ud654\ub97c \ube60\ub974\uace0 \uc644\ubcbd\ud55c \ud0c0\uc784\ucf54\ub4dc\ub85c \uc81c\uc791\ud574 \ub4dc\ub9bd\ub2c8\ub2e4.<\/p>\r\n <a href=\"#\" class=\"card-link\">\uc758\ub8b0\ud558\uae30 <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"carousel-dots\"><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n \/* \ud3f0\ud2b8 \ubc0f \uacf5\ud1b5 \ub808\uc774\uc544\uc6c3 *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');\r\n \r\n .services-section {\r\n font-family: 'Noto Sans KR', sans-serif;\r\n background-color: #f8fafc;\r\n padding: 80px 20px;\r\n letter-spacing: -0.02em;\r\n overflow: hidden;\r\n }\r\n \r\n .services-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n position: relative;\r\n }\r\n \r\n \/* \ud5e4\ub354 \uc601\uc5ed *\/\r\n .services-header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n }\r\n \r\n .services-header .subtitle {\r\n color: #1d4ed8;\r\n font-size: 14px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n margin-bottom: 8px;\r\n letter-spacing: 0.05em;\r\n }\r\n \r\n .services-header .title {\r\n color: #0f172a;\r\n font-size: 36px;\r\n font-weight: 700;\r\n margin: 0 0 16px 0;\r\n }\r\n \r\n .services-header .description {\r\n color: #64748b;\r\n font-size: 16px;\r\n margin: 0;\r\n line-height: 1.6;\r\n }\r\n \r\n \/* \uce90\ub7ec\uc140 \ub798\ud37c \ubc0f \ubc84\ud2bc *\/\r\n .carousel-wrapper {\r\n position: relative;\r\n padding: 0 50px;\r\n }\r\n \r\n .carousel-btn {\r\n position: absolute;\r\n top: 45%;\r\n transform: translateY(-50%);\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 50%;\r\n background-color: #ffffff;\r\n border: 1px solid #e2e8f0;\r\n color: #475569;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n z-index: 10;\r\n transition: all 0.25s ease;\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);\r\n }\r\n \r\n \/* \ud83d\udd25 [\uc218\uc815] PC \ub9c8\uc6b0\uc2a4 \ud638\ubc84 \ud658\uacbd\uc5d0\uc11c\ub9cc \uc791\ub3d9\ud558\ub3c4\ub85d \uc870\uac74 \uc81c\ud55c *\/\r\n @media (hover: hover) {\r\n .carousel-btn:hover {\r\n background-color: #1d4ed8;\r\n color: #ffffff;\r\n border-color: #1d4ed8;\r\n box-shadow: 0 10px 15px -3px rgba(29, 78, 216, 0.35);\r\n }\r\n }\r\n\r\n \/* \ud83d\udd25 [\ucd94\uac00] \ud074\ub9ad\ud558\ub294 \uc21c\uac04\uc758 \ud53c\ub4dc\ubc31 \ud6a8\uacfc *\/\r\n .carousel-btn:active {\r\n background-color: #1e40af;\r\n border-color: #1e40af;\r\n }\r\n \r\n .prev-btn { left: 4px; }\r\n .next-btn { right: 4px; }\r\n \r\n \/* \uc2ac\ub77c\uc774\ub354 \ud2b8\ub799 \ucee8\ud14c\uc774\ub108 *\/\r\n .carousel-track-container {\r\n overflow: hidden;\r\n cursor: grab;\r\n }\r\n \r\n .carousel-track-container:active {\r\n cursor: grabbing;\r\n }\r\n \r\n .carousel-track {\r\n display: flex;\r\n gap: 24px;\r\n transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1);\r\n will-change: transform;\r\n padding: 10px 0;\r\n }\r\n \r\n \/* \uac1c\ubcc4 \uc11c\ube44\uc2a4 \uce74\ub4dc *\/\r\n .service-card {\r\n flex: 0 0 calc((100% - 48px) \/ 3);\r\n background: #ffffff;\r\n border: 1px solid #f1f5f9;\r\n border-radius: 20px;\r\n padding: 40px 32px;\r\n box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.03);\r\n transition: all 0.3s ease;\r\n display: flex;\r\n flex-direction: column;\r\n box-sizing: border-box !important;\r\n }\r\n \r\n .service-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 20px 25px -5px rgba(15, 23, 42, 0.08);\r\n border-color: #e2e8f0;\r\n }\r\n \r\n \/* \uc544\uc774\ucf58 \ubc15\uc2a4 \uc815\uc758 \ubc0f \uc815\ub82c \ubcf4\uc815 *\/\r\n .icon-box {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 52px;\r\n height: 52px;\r\n border-radius: 14px;\r\n margin-bottom: 24px;\r\n flex-shrink: 0;\r\n }\r\n \r\n .icon-box svg {\r\n display: block;\r\n width: 24px;\r\n height: 24px;\r\n flex-shrink: 0;\r\n }\r\n \r\n .icon-red { background-color: #fff1f2; color: #f43f5e; }\r\n .icon-blue { background-color: #eff6ff; color: #1d4ed8; }\r\n .icon-purple { background-color: #f5f3ff; color: #8b5cf6; }\r\n .icon-emerald { background-color: #ecfdf5; color: #10b981; }\r\n .icon-indigo { background-color: #e0e7ff; color: #4f46e5; }\r\n .icon-orange { background-color: #fff7ed; color: #f97316; }\r\n .icon-teal { background-color: #f0fdfa; color: #14b8a6; }\r\n \r\n \/* \uce74\ub4dc \ub0b4\ubd80 \ud14d\uc2a4\ud2b8 *\/\r\n .service-card .card-title {\r\n color: #0f172a;\r\n font-size: 22px;\r\n font-weight: 700;\r\n margin: 0 0 6px 0;\r\n }\r\n \r\n .service-card .card-tag {\r\n color: #1d4ed8;\r\n font-size: 13px;\r\n font-weight: 500;\r\n margin: 0 0 16px 0;\r\n letter-spacing: -0.01em;\r\n }\r\n \r\n .service-card .card-desc {\r\n color: #475569;\r\n font-size: 14px;\r\n line-height: 1.6;\r\n margin: 0 0 24px 0;\r\n flex-grow: 1;\r\n word-break: keep-all;\r\n }\r\n \r\n .service-card .card-link {\r\n color: #1d4ed8;\r\n font-size: 14px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 4px;\r\n transition: color 0.2s ease;\r\n margin-top: auto;\r\n }\r\n \r\n .service-card .card-link svg {\r\n transition: transform 0.2s ease;\r\n }\r\n \r\n .service-card:hover .card-link {\r\n color: #1e40af;\r\n }\r\n \r\n .service-card:hover .card-link svg {\r\n transform: translateX(3px);\r\n }\r\n \r\n \/* \ud558\ub2e8 \ub124\ube44\uac8c\uc774\uc158 \ub3c4\ud2b8 *\/\r\n .carousel-dots {\r\n display: flex;\r\n justify-content: center;\r\n gap: 8px;\r\n margin-top: 32px;\r\n }\r\n \r\n .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background-color: #e2e8f0;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .dot.active {\r\n background-color: #1d4ed8;\r\n width: 24px;\r\n border-radius: 4px;\r\n }\r\n \r\n \/* \ubc18\uc751\ud615 \ubd84\uae30\uc810 *\/\r\n @media (max-width: 1024px) {\r\n .service-card {\r\n flex: 0 0 calc((100% - 24px) \/ 2);\r\n }\r\n .carousel-wrapper {\r\n padding: 0 45px;\r\n }\r\n }\r\n \r\n @media (max-width: 640px) {\r\n .services-section { padding: 50px 16px; }\r\n .services-header .title { font-size: 28px; }\r\n .service-card {\r\n flex: 0 0 100%;\r\n padding: 32px 24px;\r\n }\r\n .carousel-wrapper {\r\n padding: 0;\r\n }\r\n .carousel-btn {\r\n display: none;\r\n }\r\n }\r\n<\/style>\r\n\r\n<script>\r\n (function() {\r\n function startStenographyCarousel() {\r\n const wrapper = document.getElementById('elite-services-carousel');\r\n if (!wrapper) return;\r\n\r\n const track = wrapper.querySelector('.carousel-track');\r\n const container = wrapper.querySelector('.carousel-track-container');\r\n const cards = Array.from(wrapper.querySelectorAll('.service-card'));\r\n const nextBtn = wrapper.querySelector('.next-btn');\r\n const prevBtn = wrapper.querySelector('.prev-btn');\r\n const dotsContainer = wrapper.querySelector('.carousel-dots');\r\n \r\n if (!track || !container || cards.length === 0) return;\r\n\r\n let currentIndex = 0;\r\n let cardsToShow = getCardsToShow();\r\n let maxIndex = Math.max(0, cards.length - cardsToShow);\r\n \r\n let isDragging = false;\r\n let startX = 0;\r\n let currentTranslate = 0;\r\n let prevTranslate = 0;\r\n let animationID = 0;\r\n \r\n function getCardsToShow() {\r\n if (window.innerWidth <= 640) return 1;\r\n if (window.innerWidth <= 1024) return 2;\r\n return 3;\r\n }\r\n \r\n function setupDots() {\r\n if (!dotsContainer) return;\r\n dotsContainer.innerHTML = '';\r\n const dotCount = Math.max(1, cards.length - cardsToShow + 1);\r\n for (let i = 0; i < dotCount; i++) {\r\n const dot = document.createElement('div');\r\n dot.classList.add('dot');\r\n if (i === currentIndex) dot.classList.add('active');\r\n dot.addEventListener('click', () => {\r\n moveToIndex(i);\r\n });\r\n dotsContainer.appendChild(dot);\r\n }\r\n }\r\n \r\n function moveToIndex(index) {\r\n if (index < 0) index = 0;\r\n if (index > maxIndex) index = maxIndex;\r\n \r\n currentIndex = index;\r\n \r\n const gap = 24;\r\n const firstCard = cards[0];\r\n if (!firstCard) return;\r\n \r\n const cardWidth = firstCard.getBoundingClientRect().width || firstCard.offsetWidth || 300;\r\n const amountToMove = currentIndex * (cardWidth + gap);\r\n \r\n track.style.transform = `translateX(-${amountToMove}px)`;\r\n prevTranslate = -amountToMove;\r\n \r\n updateControls();\r\n }\r\n \r\n function updateControls() {\r\n if (!dotsContainer) return;\r\n \r\n const dots = Array.from(dotsContainer.querySelectorAll('.dot'));\r\n dots.forEach((dot, idx) => {\r\n if (idx === currentIndex) {\r\n dot.classList.add('active');\r\n } else {\r\n dot.classList.remove('active');\r\n }\r\n });\r\n }\r\n \r\n \/\/ \ud83d\udd25 [\uc218\uc815] \uac01 \ubc84\ud2bc \ud074\ub9ad \ud578\ub4e4\ub7ec \ub0b4\ubd80 \ub9c8\uc9c0\ub9c9\uc5d0 \ud3ec\ucee4\uc2a4\ub97c \uc5c6\uc560\uc8fc\ub294 this.blur()\ub97c \ubc30\uce58\ud588\uc2b5\ub2c8\ub2e4.\r\n if (nextBtn && prevBtn) {\r\n nextBtn.addEventListener('click', function() {\r\n if (currentIndex < maxIndex) {\r\n moveToIndex(currentIndex + 1);\r\n } else {\r\n moveToIndex(0);\r\n }\r\n this.blur(); \/\/ \ud074\ub9ad \uc794\uc0c1 \uc81c\uac70 \uc790\ubb3c\uc1e0\r\n });\r\n \r\n prevBtn.addEventListener('click', function() {\r\n if (currentIndex > 0) {\r\n moveToIndex(currentIndex - 1);\r\n } else {\r\n moveToIndex(maxIndex);\r\n }\r\n this.blur(); \/\/ \ud074\ub9ad \uc794\uc0c1 \uc81c\uac70 \uc790\ubb3c\uc1e0\r\n });\r\n }\r\n \r\n container.addEventListener('mousedown', dragStart);\r\n container.addEventListener('touchstart', dragStart, { passive: true });\r\n \r\n container.addEventListener('mouseup', dragEnd);\r\n container.addEventListener('mouseleave', dragEnd);\r\n container.addEventListener('touchend', dragEnd);\r\n \r\n container.addEventListener('mousemove', dragMove);\r\n container.addEventListener('touchmove', dragMove, { passive: true });\r\n \r\n function dragStart(e) {\r\n isDragging = true;\r\n startX = getPositionX(e);\r\n animationID = requestAnimationFrame(animation);\r\n }\r\n \r\n function dragMove(e) {\r\n if (!isDragging) return;\r\n const currentX = getPositionX(e);\r\n const diffX = currentX - startX;\r\n currentTranslate = prevTranslate + diffX;\r\n }\r\n \r\n function dragEnd() {\r\n if (!isDragging) return;\r\n isDragging = false;\r\n cancelAnimationFrame(animationID);\r\n \r\n const movedBy = currentTranslate - prevTranslate;\r\n \r\n if (movedBy < -50) {\r\n if (currentIndex < maxIndex) {\r\n moveToIndex(currentIndex + 1);\r\n } else {\r\n moveToIndex(0);\r\n }\r\n } else if (movedBy > 50) {\r\n if (currentIndex > 0) {\r\n moveToIndex(currentIndex - 1);\r\n } else {\r\n moveToIndex(maxIndex);\r\n }\r\n } else {\r\n moveToIndex(currentIndex);\r\n }\r\n }\r\n \r\n function getPositionX(e) {\r\n return e.type.includes('mouse') ? e.pageX : e.touches[0].clientX;\r\n }\r\n \r\n function animation() {\r\n if (isDragging) {\r\n track.style.transform = `translateX(${currentTranslate}px)`;\r\n requestAnimationFrame(animation);\r\n }\r\n }\r\n \r\n window.addEventListener('resize', function() {\r\n const prevCardsToShow = cardsToShow;\r\n cardsToShow = getCardsToShow();\r\n maxIndex = Math.max(0, cards.length - cardsToShow);\r\n \r\n if (prevCardsToShow !== cardsToShow) {\r\n setupDots();\r\n moveToIndex(Math.min(currentIndex, maxIndex));\r\n } else {\r\n moveToIndex(currentIndex);\r\n }\r\n });\r\n \r\n setTimeout(function() {\r\n setupDots();\r\n moveToIndex(0);\r\n }, 150);\r\n }\r\n\r\n if (document.readyState === 'complete' || document.readyState === 'interactive') {\r\n startStenographyCarousel();\r\n } else {\r\n document.addEventListener('DOMContentLoaded', startStenographyCarousel);\r\n }\r\n })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-98f9051 e-con e-atomic-element e-flexbox-base e-a693e33 \" data-id=\"98f9051\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"98f9051\">\n <div class=\"elementor-element elementor-element-52dd780 e-flex e-con-boxed e-con e-parent\" data-id=\"52dd780\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6fb3b96 elementor-widget elementor-widget-html\" data-id=\"6fb3b96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"process-section\">\r\n <div class=\"process-container\">\r\n <!-- \uc0c1\ub2e8 \ud5e4\ub354 -->\r\n <div class=\"process-header\">\r\n <p class=\"subtitle\">PROCESS<\/p>\r\n <h2 class=\"title\">\uc758\ub8b0\ubd80\ud130 \uc644\uc131\uae4c\uc9c0 4\ub2e8\uacc4<\/h2>\r\n <p class=\"description\">\ube44\ub300\uba74\uc73c\ub85c \ud30c\uc77c\uc744 \uc190\uc27d\uac8c \uc804\uc1a1\ud558\uace0, \ube60\ub978 \uc2dc\uc77c \ub0b4\uc5d0 \uc548\uc804\ud558\uac8c \uacb0\uacfc\ubb3c\uc744 \ubc1b\uc544\ubcf4\uc2e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n\r\n <!-- \ud504\ub85c\uc138\uc2a4 \ub2e8\uacc4 \ub9ac\uc2a4\ud2b8 -->\r\n <div class=\"process-grid\">\r\n <!-- 1\ub2e8\uacc4 -->\r\n <div class=\"process-item\">\r\n <div class=\"step-number\">1<\/div>\r\n <h3 class=\"step-title\">\uacac\uc801 \uc0c1\ub2f4 \ubc0f \uc804\uc1a1<\/h3>\r\n <p class=\"step-desc\">\uc774\uba54\uc77c \ub610\ub294 \uce74\uce74\uc624\ud1a1\uc73c\ub85c \ud30c\uc77c\uc744 \uc804\ub2ec\ud558\uace0 \uacac\uc801 \ubc0f \uc18c\uc694\uc2dc\uac04\uc744 \uc548\ub0b4 \ubc1b\uc2b5\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n\r\n <!-- 2\ub2e8\uacc4 -->\r\n <div class=\"process-item\">\r\n <div class=\"step-number\">2<\/div>\r\n <h3 class=\"step-title\">\ucd08\uc548 \uc791\uc131<\/h3>\r\n <p class=\"step-desc\">\uc804\ubb38 \uc18d\uae30\uc0ac\uac00 \uc74c\uc131\uc5d0 \ub9de\ucdb0 <br> \ucd08\uc548\uc744 \uc138\uc138\ud558\uac8c \uc791\uc131\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n\r\n <!-- 3\ub2e8\uacc4 -->\r\n <div class=\"process-item\">\r\n <div class=\"step-number\">3<\/div>\r\n <h3 class=\"step-title\">\uace0\uac1d \uac80\uc218 <\/h3>\r\n <p class=\"step-desc\">\uc791\uc131 \uc644\ub8cc\ub41c \ucd08\uc548\uc744 \uc804\ub2ec\ud574 \ub4dc\ub9ac\uba70 <br> \uace0\uc720 \uba85\uc0ac\ub098 \ubd88\uba85\ud655\ud55c \ubd80\ubd84\uc758 <br> \uac80\ud1a0 \uc870\uc728\uc744 \uc9c4\ud589\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n\r\n <!-- 4\ub2e8\uacc4 (3\ub2e8\uacc4 \uc0c9\uc0c1\uc744 \ubc18\uc804\uc2dc\ud0a8 \uac15\uc870 \uc2a4\ud0c0\uc77c) -->\r\n <div class=\"process-item active\">\r\n <div class=\"step-number\">4<\/div>\r\n <h3 class=\"step-title\">\uacf5\uc99d \ubc0f \ub0a9\ud488<\/h3>\r\n <p class=\"step-desc\">\ucd5c\uc885 \uac80\uc218 \uc644\ub8cc \ud6c4 \uacf5\uc778 \uc18d\uae30\uc0ac \ub0a0\uc778\uc744 \uc644\ub8cc\ud558\uc5ec \uc81c\uc791\ub429\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n \/* \ud3f0\ud2b8 \ubc0f \uae30\ubcf8 \uc2a4\ud0c0\uc77c \uc815\uc758 *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');\r\n \r\n .process-section {\r\n font-family: 'Noto Sans KR', sans-serif;\r\n background-color: #ffffff;\r\n padding: 80px 20px;\r\n letter-spacing: -0.02em;\r\n }\r\n \r\n .process-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n \r\n \/* \ud5e4\ub354 \uc601\uc5ed *\/\r\n .process-header {\r\n text-align: center;\r\n margin-bottom: 60px;\r\n }\r\n \r\n .process-header .subtitle {\r\n color: #1d4ed8;\r\n font-size: 14px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n margin-bottom: 8px;\r\n letter-spacing: 0.05em;\r\n }\r\n \r\n .process-header .title {\r\n color: #0f172a;\r\n font-size: 36px;\r\n font-weight: 700;\r\n margin: 0 0 16px 0;\r\n }\r\n \r\n .process-header .description {\r\n color: #64748b;\r\n font-size: 16px;\r\n margin: 0;\r\n line-height: 1.6;\r\n }\r\n \r\n \/* \ud504\ub85c\uc138\uc2a4 \uadf8\ub9ac\ub4dc \ub808\uc774\uc544\uc6c3 *\/\r\n .process-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 32px;\r\n position: relative;\r\n }\r\n \r\n \/* \uac1c\ubcc4 \uc544\uc774\ud15c \uc2a4\ud0c0\uc77c *\/\r\n .process-item {\r\n text-align: center;\r\n position: relative;\r\n }\r\n \r\n \/* \uc22b\uc790 \uc6d0\ud615 \uae30\ubcf8 \uc2a4\ud0c0\uc77c (1, 2, 3\ub2e8\uacc4) *\/\r\n .process-item .step-number {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 56px;\r\n height: 56px;\r\n border-radius: 50%;\r\n background-color: #eff6ff; \/* \uc5f0\ud55c \ube14\ub8e8 *\/\r\n color: #2563eb; \/* \uc9c4\ud55c \ud30c\ub791 *\/\r\n font-size: 18px;\r\n font-weight: 700;\r\n margin-bottom: 24px;\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);\r\n }\r\n \r\n \/* ===================================================\r\n \ud83d\udc47 4\ub2e8\uacc4 \uac15\uc870 \uc6d0\ud615 (3\ub2e8\uacc4 \uc0c9\uc0c1\uc744 \uc644\ubcbd\ud788 \ubc18\uc804 \ubc0f \uc801\uc6a9)\r\n =================================================== *\/\r\n .process-item.active .step-number {\r\n background-color: #2563eb; \/* \ubcf4\ub77c\uc0c9 \ub300\uc2e0 1~3\ub2e8\uacc4\uc758 \uae00\uc528\uc0c9(#2563eb)\uc744 \ubc30\uacbd\uc73c\ub85c \uc801\uc6a9 *\/\r\n color: #ffffff; \/* \uae00\uc528\uc0c9\uc740 \uc644\uc804\ud55c \ud770\uc0c9\uc73c\ub85c \ubc18\uc804 *\/\r\n box-shadow: 0 4px 10px rgba(37, 99, 235, 0.3); \/* \ud30c\ub780\uc0c9 \uadf8\ub9bc\uc790\ub85c \ub9e4\uce6d *\/\r\n }\r\n \r\n \/* \ud14d\uc2a4\ud2b8 \uc2a4\ud0c0\uc77c *\/\r\n .step-title {\r\n color: #0f172a;\r\n font-size: 20px;\r\n font-weight: 700;\r\n margin: 0 0 12px 0;\r\n }\r\n \r\n .step-desc {\r\n color: #475569;\r\n font-size: 14px;\r\n line-height: 1.6;\r\n margin: 0;\r\n word-break: keep-all;\r\n padding: 0 8px;\r\n }\r\n \r\n \/* \ub2e8\uacc4 \uc0ac\uc774 \uc5f0\uacb0 \uc810\uc120 \ud6a8\uacfc (\ud0dc\ube14\ub9bf\/PC\uc5d0\uc11c\ub9cc \ub178\ucd9c) *\/\r\n .process-item:not(:last-child)::after {\r\n content: '';\r\n position: absolute;\r\n top: 28px;\r\n left: calc(50% + 40px);\r\n width: calc(100% - 80px);\r\n height: 2px;\r\n border-top: 2px dashed #e2e8f0;\r\n z-index: 1;\r\n }\r\n \r\n \/* \ubc18\uc751\ud615 \ucc98\ub9ac *\/\r\n @media (max-width: 1024px) {\r\n .process-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 40px 24px;\r\n }\r\n \/* 2\uc904 \ubc30\uc5f4 \uc2dc \uc5f0\uacb0 \uc120 \uc81c\uac70 *\/\r\n .process-item:not(:last-child)::after {\r\n display: none;\r\n }\r\n }\r\n \r\n @media (max-width: 640px) {\r\n .process-section { padding: 50px 16px; }\r\n .process-header .title { font-size: 28px; }\r\n .process-grid {\r\n grid-template-columns: 1fr;\r\n gap: 32px;\r\n }\r\n .step-title { font-size: 18px; margin-bottom: 8px; }\r\n .step-desc { padding: 0; }\r\n }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-fa33c51 e-grid e-con-boxed e-con e-parent\" data-id=\"fa33c51\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-93bf2d6 elementor-widget elementor-widget-eael-adv-tabs\" data-id=\"93bf2d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-adv-tabs.default\">\n\t\t\t\t\t <div data-scroll-on-click=\"no\" data-scroll-speed=\"300\" id=\"eael-advance-tabs-93bf2d6\" class=\"eael-advance-tabs eael-tabs-horizontal eael-tab-auto-active \" data-tabid=\"93bf2d6\">\n <div class=\"eael-tabs-nav \">\n <ul class=\"eael-tab-inline-icon\" role=\"tablist\">\n <li id=\"\" class=\"inactive eael-tab-item-trigger eael-tab-nav-item\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"-tab\" aria-expanded=\"false\">\n \n \n <span class=\"eael-tab-title title-after-icon\" >\uacf5\uc9c0\uc0ac\ud56d<\/span> \n <\/li>\n <li id=\"qa\" class=\"inactive eael-tab-item-trigger eael-tab-nav-item\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"qa-tab\" aria-expanded=\"false\">\n \n \n <span class=\"eael-tab-title title-after-icon\" >Q&A<\/span> \n <\/li>\n <li id=\"\" class=\"inactive eael-tab-item-trigger eael-tab-nav-item\" aria-selected=\"false\" data-tab=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"-tab\" aria-expanded=\"false\">\n \n \n <span class=\"eael-tab-title title-after-icon\" >\ucc44\uc6a9\uc815\ubcf4<\/span> \n <\/li>\n \n <\/ul>\n <\/div>\n \n <div class=\"eael-tabs-content\">\n\t\t \n <div id=\"-tab\" class=\"clearfix eael-tab-content-item inactive\" data-title-link=\"-tab\">\n\t\t\t\t <div class=\"mb-widget\"><div class=\"mb-latest-basic mb-widget-shortcode\"><div class=\"mb-latest-box\"><table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" class=\"table table-latest\"><colgroup><col style=\"width:100%\" \/><\/colgroup><tbody><tr><td class=\"mb-latest-item-title\"><a href=\"http:\/\/elitesog.com\/?page_id=70&vid=6\" title=\"\u3134\u3141\u3147\u3134\u3141\"><span class=\"mb-latest-item-title-text\">\u3134\u3141\u3147\u3134\u3141<\/span><\/a><\/td><\/tr><tr><td class=\"mb-latest-item-title\"><a href=\"http:\/\/elitesog.com\/?page_id=70&vid=5\" title=\"\u3134\u3141\u3147\"><span class=\"mb-latest-item-title-text\">\u3134\u3141\u3147<\/span><\/a><\/td><\/tr><tr><td class=\"mb-latest-item-title\"><a href=\"http:\/\/elitesog.com\/?page_id=70&vid=4\" title=\"4343\"><span class=\"mb-latest-item-title-text\">4343<\/span><\/a><\/td><\/tr><tr><td class=\"mb-latest-item-title\"><a href=\"http:\/\/elitesog.com\/?page_id=70&vid=3\" title=\"\u3147\u3147\"><span class=\"mb-latest-item-title-text\">\u3147\u3147<\/span><\/a><\/td><\/tr><tr><td class=\"mb-latest-item-title\"><a href=\"http:\/\/elitesog.com\/?page_id=70&vid=2\" title=\"\u3147\u3147\u3147\"><span class=\"mb-latest-item-title-text\">\u3147\u3147\u3147<\/span><\/a><\/td><\/tr><\/tbody><\/table><\/div><\/div><\/div> <\/div>\n\t\t \n <div id=\"qa-tab\" class=\"clearfix eael-tab-content-item inactive\" data-title-link=\"qa-tab\">\n\t\t\t\t <div class=\"mb-widget\"><div class=\"mb-latest-basic mb-widget-shortcode\"><div class=\"mb-latest-box\"><table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" class=\"table table-latest\"><colgroup><col style=\"width:100%\" \/><\/colgroup><tbody><tr><td class=\"mb-latest-item-title\"><a href=\"http:\/\/elitesog.com\/?page_id=75&vid=1\" title=\"\u3147\u3147\u3147\"><span class=\"mb-latest-item-title-text\">\u3147\u3147\u3147<\/span><\/a><\/td><\/tr><\/tbody><\/table><\/div><\/div><\/div> <\/div>\n\t\t \n <div id=\"-tab\" class=\"clearfix eael-tab-content-item inactive\" data-title-link=\"-tab\">\n\t\t\t\t <div class=\"mb-widget\"><div class=\"mb-latest-basic mb-widget-shortcode\"><div class=\"mb-latest-box\"><table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" class=\"table table-latest\"><colgroup><col style=\"width:100%\" \/><\/colgroup><tbody><tr><td class=\"mb-latest-item-title\"><a href=\"http:\/\/elitesog.com\/?page_id=80&vid=1\" title=\"\u3147\u3147\u3147\"><span class=\"mb-latest-item-title-text\">\u3147\u3147\u3147<\/span><\/a><\/td><\/tr><\/tbody><\/table><\/div><\/div><\/div> <\/div>\n\t\t <\/div>\n <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2097dd4 elementor-widget elementor-widget-image\" data-id=\"2097dd4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"724\" src=\"http:\/\/elitesog.com\/wp-content\/uploads\/2026\/06\/\ub85c\uace01-1024x724.png\" class=\"attachment-large size-large wp-image-265\" alt=\"\" srcset=\"http:\/\/elitesog.com\/wp-content\/uploads\/2026\/06\/\ub85c\uace01-1024x724.png 1024w, http:\/\/elitesog.com\/wp-content\/uploads\/2026\/06\/\ub85c\uace01-300x212.png 300w, http:\/\/elitesog.com\/wp-content\/uploads\/2026\/06\/\ub85c\uace01-768x543.png 768w, http:\/\/elitesog.com\/wp-content\/uploads\/2026\/06\/\ub85c\uace01-1536x1086.png 1536w, http:\/\/elitesog.com\/wp-content\/uploads\/2026\/06\/\ub85c\uace01-2048x1448.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ubc14\ub978\uc18d\uae30\uc0ac\ubb34\uc18c – \uba54\uc778 \ud788\uc5b4\ub85c \uad6d\uac00\uacf5\uc778 1\uae09 \uc18d\uae30\uc0ac \uc9c1\uc811 \uc791\uc131 & \ube44\ubc00\ubcf4\uc7a5 \ubc95\uc801 \ud6a8\ub825\uc758 \uc2dc\uc791, \ub2e8 \ud55c \uae00\uc790\uc758 \uc624\ucc28\ub3c4 \ud5c8\uc6a9\ud558\uc9c0 \uc54a\ub294 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-103","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/elitesog.com\/index.php?rest_route=\/wp\/v2\/pages\/103","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elitesog.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elitesog.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elitesog.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elitesog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=103"}],"version-history":[{"count":124,"href":"https:\/\/elitesog.com\/index.php?rest_route=\/wp\/v2\/pages\/103\/revisions"}],"predecessor-version":[{"id":359,"href":"https:\/\/elitesog.com\/index.php?rest_route=\/wp\/v2\/pages\/103\/revisions\/359"}],"wp:attachment":[{"href":"https:\/\/elitesog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}