HCBIOPHARM RENIVO Strategic Presentation (Full 25 Slides)<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Pretendard:wght@300;400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n \/* --- Base & Typography --- *\/\r\n body {\r\n font-family: 'Pretendard', sans-serif;\r\n background-color: #020f0a; \/* Ultra Dark Green\/Black *\/\r\n margin: 0; overflow: hidden;\r\n display: flex; justify-content: center; align-items: center; height: 100vh;\r\n color: #ffffff;\r\n }\r\n .serif-font { font-family: 'Playfair Display', serif; }\r\n\r\n \/* --- Container --- *\/\r\n #presentation-container {\r\n width: 100%; max-width: 1600px; aspect-ratio: 16 \/ 9;\r\n \/* Deep Radial Gradient for immersion *\/\r\n background: radial-gradient(circle at 20% 50%, #064e3b 0%, #022c22 45%, #000000 100%);\r\n position: relative; box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.9);\r\n overflow: hidden; display: none;\r\n }\r\n\r\n \/* --- Gold Accents & Gradients --- *\/\r\n .text-gold { color: #fbbf24; }\r\n .text-gold-gradient {\r\n background: linear-gradient(135deg, #fef3c7 0%, #f59e0b 50%, #b45309 100%);\r\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\r\n background-size: 200% auto; animation: shine 5s linear infinite;\r\n }\r\n .border-gold { border-color: rgba(245, 158, 11, 0.5); }\r\n .bg-gold-glow {\r\n background: radial-gradient(circle, rgba(245, 158, 11, 0.15) 0%, rgba(0,0,0,0) 70%);\r\n }\r\n\r\n \/* --- UI Elements --- *\/\r\n .glass-panel {\r\n background: rgba(255, 255, 255, 0.03);\r\n backdrop-filter: blur(16px);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-top: 1px solid rgba(251, 191, 36, 0.3);\r\n box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.6);\r\n border-radius: 20px;\r\n }\r\n \r\n .feature-card {\r\n background: linear-gradient(180deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 100%);\r\n border: 1px solid rgba(255,255,255,0.1);\r\n transition: all 0.3s ease;\r\n }\r\n .feature-card:hover {\r\n border-color: #f59e0b;\r\n transform: translateY(-5px);\r\n background: linear-gradient(180deg, rgba(245,158,11,0.1) 0%, rgba(0,0,0,0) 100%);\r\n }\r\n\r\n \/* --- Animations --- *\/\r\n @keyframes shine { to { background-position: 200% center; } }\r\n @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }\r\n @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\r\n @keyframes growBar { from { height: 0; } to { height: var(--h); } }\r\n @keyframes widthGrow { from { width: 0; } to { width: var(--w); } }\r\n\r\n .animate-float { animation: float 6s ease-in-out infinite; }\r\n \r\n \/* Active Slide Animations *\/\r\n .slide.active .anim-entry { animation: fadeInUp 0.8s ease-out forwards; opacity: 0; }\r\n .slide.active .anim-delay-1 { animation-delay: 0.1s; }\r\n .slide.active .anim-delay-2 { animation-delay: 0.2s; }\r\n .slide.active .anim-delay-3 { animation-delay: 0.3s; }\r\n .slide.active .anim-delay-4 { animation-delay: 0.4s; }\r\n .slide.active .bar-animate { animation: growBar 1.5s cubic-bezier(0.22, 1, 0.36, 1) forwards; }\r\n .slide.active .width-animate { animation: widthGrow 1.5s cubic-bezier(0.22, 1, 0.36, 1) forwards; }\r\n\r\n \/* --- Layout --- *\/\r\n .slide {\r\n position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n opacity: 0; transform: scale(1.02); filter: blur(5px);\r\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n pointer-events: none; display: flex; flex-direction: column;\r\n padding: 3rem 5rem; box-sizing: border-box;\r\n }\r\n .slide.active { opacity: 1; transform: scale(1); filter: blur(0); pointer-events: all; z-index: 10; }\r\n \r\n \/* --- Navigation --- *\/\r\n .progress-bar {\r\n position: absolute; bottom: 0; left: 0; height: 4px;\r\n background: linear-gradient(90deg, #b45309, #fcd34d, #b45309); width: 0%; transition: width 0.4s; z-index: 100;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div id=\"start-overlay\" class=\"fixed inset-0 bg-[#020f0a] z-[9999] flex flex-col justify-center items-center transition-opacity duration-500\">\r\n <div class=\"text-center\">\r\n <h1 class=\"text-7xl font-bold mb-6 text-white tracking-tight serif-font\">\r\n <span class=\"text-gold-gradient\">RENIVO<\/span> Strategy\r\n <\/h1>\r\n <p class=\"text-gray-300 mb-10 text-xl font-light\">HCBIOPHARM Full Strategic Plan (25 Slides)<\/p>\r\n <button onclick=\"startPresentation()\" class=\"group relative px-12 py-5 bg-transparent border border-amber-500 text-amber-400 font-bold rounded-full overflow-hidden transition-all hover:text-white hover:border-amber-400 cursor-pointer shadow-[0_0_20px_rgba(245,158,11,0.3)]\">\r\n <div class=\"absolute inset-0 w-0 bg-amber-600 transition-all duration-300 ease-out group-hover:w-full\"><\/div>\r\n <span class=\"relative flex items-center gap-3 text-lg\">\r\n <i data-lucide=\"play-circle\" class=\"w-6 h-6\"><\/i> \ud504\ub808\uc820\ud14c\uc774\uc158 \uc2dc\uc791\r\n <\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"presentation-container\">\r\n \r\n \r\n <div class=\"bg-gold-glow w-[900px] h-[900px] absolute -top-1\/2 -right-1\/4 rounded-full animate-float opacity-30 pointer-events-none\"><\/div>\r\n <div class=\"progress-bar\" id=\"progress-bar\"><\/div>\r\n\r\n \r\n\r\n \r\n <div class=\"slide active\">\r\n <div class=\"h-full flex flex-col justify-center relative z-10 pl-10\">\r\n <div class=\"anim-entry mb-8\">\r\n <span class=\"inline-block py-1 px-3 border border-amber-500 rounded-full text-amber-400 text-sm font-bold tracking-widest uppercase\">Bio-Tech Solution<\/span>\r\n <\/div>\r\n <h1 class=\"anim-entry anim-delay-1 text-8xl font-black mb-6 leading-tight serif-font text-white\">\r\n The Finest Gift<br>\r\n <span class=\"text-gold-gradient\">From Nature<\/span>\r\n <\/h1>\r\n <p class=\"anim-entry anim-delay-2 text-2xl text-gray-200 font-light max-w-2xl leading-relaxed mt-4\">\r\n \ube44\uc5fc, \uc54c\ub808\ub974\uae30, \ucc9c\uc2dd\uc758 \uadfc\ubcf8\uc801 \ud574\uacb0.<br>\r\n \ub3d9\uc591\uc758\ud559\uacfc \ud604\ub300\uacfc\ud559\uc774 \uc735\ud569\ub41c \uc0dd\uc57d \uc194\ub8e8\uc158.\r\n <\/p>\r\n <div class=\"anim-entry anim-delay-3 mt-12 flex gap-4 text-sm text-gray-400\">\r\n <span>\u00a9 2025 HCBIOPHARM<\/span> | <span>Silicon Valley, USA<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-12 text-white border-b border-gray-700 pb-4 inline-block\">Table of Contents<\/h2>\r\n <div class=\"grid grid-cols-4 gap-6 h-3\/5\">\r\n <div class=\"anim-entry anim-delay-1 feature-card p-8 rounded-2xl flex flex-col justify-between\">\r\n <span class=\"text-6xl font-black text-gray-800\">01<\/span>\r\n <div>\r\n <h3 class=\"text-xl font-bold text-amber-400 mb-2\">Company<\/h3>\r\n <p class=\"text-sm text-gray-400\">HC\ubc14\uc774\uc624\ud31c \uc18c\uac1c \ubc0f<br>\uae00\ub85c\ubc8c \ub124\ud2b8\uc6cc\ud06c<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-2 feature-card p-8 rounded-2xl flex flex-col justify-between\">\r\n <span class=\"text-6xl font-black text-gray-800\">02<\/span>\r\n <div>\r\n <h3 class=\"text-xl font-bold text-amber-400 mb-2\">Portfolio<\/h3>\r\n <p class=\"text-sm text-gray-400\">14\uc885\uc758 \uc138\uacc4 \ucd5c\ucd08<br>\uc0dd\uc57d \uc81c\ud488\uad70<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-3 feature-card p-8 rounded-2xl flex flex-col justify-between\">\r\n <span class=\"text-6xl font-black text-gray-800\">03<\/span>\r\n <div>\r\n <h3 class=\"text-xl font-bold text-amber-400 mb-2\">Problem<\/h3>\r\n <p class=\"text-sm text-gray-400\">\ud638\ud761\uae30 \uc9c8\ud658\uc758 \uc704\uae30<br>\uae30\uc874 \uce58\ub8cc\uc758 \ud55c\uacc4<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-4 feature-card p-8 rounded-2xl flex flex-col justify-between\">\r\n <span class=\"text-6xl font-black text-gray-800\">04<\/span>\r\n <div>\r\n <h3 class=\"text-xl font-bold text-amber-400 mb-2\">Solution<\/h3>\r\n <p class=\"text-sm text-gray-400\">RENIVO \uae30\uc220\ub825 \ubc0f<br>\uc784\uc0c1 \uac80\uc99d \ub370\uc774\ud130<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <div class=\"flex items-center gap-4 mb-8\">\r\n <i data-lucide=\"globe\" class=\"text-amber-500 w-8 h-8\"><\/i>\r\n <h2 class=\"text-4xl font-bold text-white\">Who is HCBIOPHARM?<\/h2>\r\n <\/div>\r\n <div class=\"flex gap-12 h-3\/5\">\r\n <div class=\"w-1\/3 anim-entry glass-panel p-10 flex flex-col justify-center\">\r\n <h3 class=\"text-3xl font-bold text-gold-gradient mb-4 serif-font\">Silicon Valley Base<\/h3>\r\n <p class=\"text-gray-300 leading-relaxed text-lg\">\r\n \ubbf8\uad6d \uc2e4\ub9ac\ucf58\ubc38\ub9ac\uc5d0 \uae30\ubc18\uc744 \ub454<br>\r\n \uc0dd\uc57d \ud1b5\ud569 \uc194\ub8e8\uc158 \uac1c\ubc1c \ubcf8\uc0ac.<br>\r\n <strong>\"\uadfc\ubcf8 \ud68c\ubcf5\"<\/strong>\uc744 \ubaa9\ud45c\ub85c \ud569\ub2c8\ub2e4.\r\n <\/p>\r\n <\/div>\r\n <div class=\"w-2\/3 grid grid-cols-2 gap-6\">\r\n <div class=\"anim-entry anim-delay-1 glass-panel p-8 flex flex-col justify-center text-center\">\r\n <span class=\"text-6xl font-black text-white mb-2\">25<span class=\"text-3xl text-amber-500\">+<\/span><\/span>\r\n <p class=\"text-gray-400 uppercase tracking-widest\">Years of Research<\/p>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-2 glass-panel p-8 flex flex-col justify-center text-center\">\r\n <span class=\"text-6xl font-black text-white mb-2\">14<span class=\"text-3xl text-amber-500\">+<\/span><\/span>\r\n <p class=\"text-gray-400 uppercase tracking-widest\">Global Patents<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-12 text-white\">Global Network Expansion<\/h2>\r\n <div class=\"relative h-3\/5 w-full\">\r\n \r\n <div class=\"absolute inset-0 bg-[url('https:\/\/upload.wikimedia.org\/wikipedia\/commons\/8\/80\/World_map_-_low_resolution.svg')] bg-contain bg-no-repeat bg-center opacity-20 invert\"><\/div>\r\n \r\n \r\n <div class=\"absolute top-1\/3 left-1\/4 anim-entry anim-delay-1 flex flex-col items-center\">\r\n <i data-lucide=\"map-pin\" class=\"text-amber-500 w-8 h-8 fill-amber-500 animate-bounce\"><\/i>\r\n <span class=\"text-white font-bold bg-black\/50 px-2 rounded mt-2\">USA (HQ)<\/span>\r\n <\/div>\r\n <div class=\"absolute top-1\/3 right-1\/4 anim-entry anim-delay-2 flex flex-col items-center\">\r\n <i data-lucide=\"map-pin\" class=\"text-emerald-500 w-6 h-6 fill-emerald-500\"><\/i>\r\n <span class=\"text-white font-bold bg-black\/50 px-2 rounded mt-2\">Korea<\/span>\r\n <\/div>\r\n <div class=\"absolute top-[40%] right-[28%] anim-entry anim-delay-3 flex flex-col items-center\">\r\n <i data-lucide=\"map-pin\" class=\"text-emerald-500 w-6 h-6 fill-emerald-500\"><\/i>\r\n <span class=\"text-white font-bold bg-black\/50 px-2 rounded mt-2\">Vietnam<\/span>\r\n <\/div>\r\n <div class=\"absolute top-[45%] right-[26%] anim-entry anim-delay-4 flex flex-col items-center\">\r\n <i data-lucide=\"map-pin\" class=\"text-emerald-500 w-6 h-6 fill-emerald-500\"><\/i>\r\n <span class=\"text-white font-bold bg-black\/50 px-2 rounded mt-2\">Singapore<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n\r\n \r\n <div class=\"slide\">\r\n <div class=\"text-center h-full flex flex-col justify-center items-center\">\r\n <h2 class=\"anim-entry text-5xl font-bold mb-6 text-white\">Total Health Solution<\/h2>\r\n <p class=\"anim-entry anim-delay-1 text-2xl text-gray-300 max-w-3xl leading-relaxed mb-12\">\r\n \"\uc9c8\ubcd1 \uadf9\ubcf5\uc744 \ub118\uc5b4 \uc778\ub958 \uac74\uac15\uc758 \uc644\uc131\uc73c\ub85c\"<br>\r\n <span class=\"text-gold-gradient\">\ub300\ubd80\ubd84\uc758 \uc8fc\uc694 \uc9c8\ud658\uc744 \ucee4\ubc84<\/span>\ud558\ub294 \uc0dd\uc57d \ud3ec\ud2b8\ud3f4\ub9ac\uc624\r\n <\/p>\r\n <div class=\"anim-entry anim-delay-2 grid grid-cols-4 gap-4 w-full px-20 text-gray-400 text-sm border-t border-gray-700 pt-8\">\r\n <span>\ub9cc\uc131 \ud1f4\ud589\uc131<\/span>\r\n <span>\uc2ec\ud608\uad00\/\uc21c\ud658\uacc4<\/span>\r\n <span>\uba74\uc5ed\/\uc5fc\uc99d<\/span>\r\n <span>\ub3c5\uc131\/\ud574\ub3c5<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-4 text-white\">1. \ub9cc\uc131 \ud1f4\ud589\uc131 \uc9c8\ud658 \uc194\ub8e8\uc158<\/h2>\r\n <div class=\"grid grid-cols-2 gap-8 h-3\/5\">\r\n <div class=\"anim-entry anim-delay-1 glass-panel p-8\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <div class=\"p-3 bg-blue-900\/50 rounded-lg\"><i data-lucide=\"activity\" class=\"text-blue-400 w-8 h-8\"><\/i><\/div>\r\n <h3 class=\"text-2xl font-bold text-white\">\uc2e0\uc7a5 & \uad00\uc808<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-300\">\r\n <li>\u2022 <strong class=\"text-amber-400\">\ub124\ud504\ub9ac\ucf00\uc5b4<\/strong> (\uc2e0\uc7a5 \uae30\ub2a5)<\/li>\r\n <li>\u2022 <strong class=\"text-white\">\uc544\ud0a4\ubcf8<\/strong> (\uace8\ub2e4\uacf5\uc99d \ubc0f \uad00\uc808)<\/li>\r\n <li>\u2022 <strong class=\"text-white\">\uc720\ub9ac\ucf54\uc820<\/strong> (\ud1b5\ud48d)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-2 glass-panel p-8\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <div class=\"p-3 bg-purple-900\/50 rounded-lg\"><i data-lucide=\"brain-circuit\" class=\"text-purple-400 w-8 h-8\"><\/i><\/div>\r\n <h3 class=\"text-2xl font-bold text-white\">\ub178\uc778\uc131 \uc9c8\ud658<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-300\">\r\n <li>\u2022 <strong class=\"text-white\">\uba54\ubaa8\ub77c<\/strong> (\uce58\ub9e4 \uc608\ubc29)<\/li>\r\n <li>\u2022 <strong class=\"text-white\">\ud504\ub85c\uc2a4\ud0c0\uc820<\/strong> (\uc804\ub9bd\uc120)<\/li>\r\n <li>\u2022 <strong class=\"text-white\">\uc720\ub9ac\uc2a4\ud540<\/strong> (\uc694\uc2e4\uae08)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-4 text-white\">2. \uc2ec\ud608\uad00 \ubc0f \uc21c\ud658\uacc4 \uc194\ub8e8\uc158<\/h2>\r\n <div class=\"flex gap-12 h-3\/5 items-center\">\r\n <div class=\"w-1\/2 anim-entry anim-delay-1\">\r\n <div class=\"p-4 border-l-4 border-red-500 pl-6 mb-8\">\r\n <h3 class=\"text-3xl font-bold text-red-400 mb-2\">\uc0dd\uba85 \uc9c1\uacb0 \uc9c8\ud658<\/h3>\r\n <p class=\"text-gray-300\">\ub1cc\uc878\uc911, \uc2ec\ud608\uad00 \uc9c8\ud658 \uc0ac\ub9dd\ub960\uc758 \uadf9\uc801\uc778 \uac10\uc18c<\/p>\r\n <\/div>\r\n <ul class=\"space-y-4 text-xl text-white\">\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"check-circle\" class=\"text-red-500\"><\/i> \ud39c\ud0c0\ubc1c\ub780\uc2a4 (\uc2ec\ud608\uad00)<\/li>\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"check-circle\" class=\"text-red-500\"><\/i> \ube0c\ub808\uc544\uc820 (\ub1cc\uc878\uc911\/\ud608\uc804)<\/li>\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"check-circle\" class=\"text-red-500\"><\/i> \uce74\ub514\uc624\uc878 (\uc21c\ud658\uacc4)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"w-1\/2 anim-entry anim-delay-2 flex justify-center\">\r\n <i data-lucide=\"heart-pulse\" class=\"w-64 h-64 text-red-500\/20 animate-pulse\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-8 text-white\">3. \uba74\uc5ed, \uc5fc\uc99d, \ud574\ub3c5 \uc194\ub8e8\uc158<\/h2>\r\n <div class=\"grid grid-cols-3 gap-6 h-3\/5\">\r\n \r\n <div class=\"anim-entry anim-delay-1 glass-panel p-6 border-2 border-amber-500 relative overflow-hidden group\">\r\n <div class=\"absolute inset-0 bg-amber-500\/10\"><\/div>\r\n <h3 class=\"text-2xl font-bold text-amber-400 mb-4\">\ud638\ud761\uae30\/\uc54c\ub808\ub974\uae30<\/h3>\r\n <ul class=\"space-y-2 text-white text-lg\">\r\n <li class=\"font-bold text-2xl flex items-center gap-2\"><i data-lucide=\"star\" class=\"fill-amber-400 text-amber-400 w-5 h-5\"><\/i> RENIVO<\/li>\r\n <li class=\"text-sm text-gray-300 mt-2\">\ube44\uc5fc, \ucc9c\uc2dd, \uc54c\ub808\ub974\uae30<br>\ud1b5\ud569 \uac1c\uc120\uc81c<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <div class=\"anim-entry anim-delay-2 glass-panel p-6\">\r\n <h3 class=\"text-2xl font-bold text-emerald-400 mb-4\">\ud574\ub3c5 (Detox)<\/h3>\r\n <ul class=\"space-y-2 text-gray-300\">\r\n <li>\u2022 \ub514\ud1a1\uc2a4 (Detox)<\/li>\r\n <li>\u2022 \uc911\uae08\uc18d \ubc30\ucd9c<\/li>\r\n <li>\u2022 \ud658\uacbd \ub3c5\uc18c \uc81c\uac70<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"anim-entry anim-delay-3 glass-panel p-6\">\r\n <h3 class=\"text-2xl font-bold text-blue-400 mb-4\">\uba74\uc5ed\/\uac10\uc5fc<\/h3>\r\n <ul class=\"space-y-2 text-gray-300\">\r\n <li>\u2022 \uc774\ubba4\ub2c8\uc2a4 (\uba74\uc5ed)<\/li>\r\n <li>\u2022 \uc54c\ub9ac\ubca1\uc2a4 (\ud56d\uc0dd\uc81c)<\/li>\r\n <li>\u2022 \uc778\uc290\ub9ac\uc820 (\ub2f9\ub1e8)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-2 text-white\">The Silent Epidemic<\/h2>\r\n <p class=\"anim-entry text-gray-300 mb-12 text-xl\">\ud604\ub300\uc778\uc758 \ud638\ud761\uae30\uac00 \uc704\ud5d8\ud569\ub2c8\ub2e4.<\/p>\r\n <div class=\"flex justify-between items-center glass-panel p-12 anim-entry anim-delay-1\">\r\n <div>\r\n <p class=\"text-gray-400 mb-2\">\uad6d\ub0b4 \ube44\uc5fc \ud658\uc790 \uc218<\/p>\r\n <div class=\"flex items-baseline gap-2\">\r\n <span class=\"text-9xl font-black text-white leading-none\">750<\/span>\r\n <span class=\"text-4xl font-bold text-amber-500\">\ub9cc \uba85<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"text-right border-l border-gray-600 pl-12\">\r\n <div class=\"text-6xl font-bold text-white mb-2\">20%<\/div>\r\n <p class=\"text-xl text-gray-300\">\uad6d\ubbfc 5\uba85 \uc911 1\uba85<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-6 text-white\">\ud3ed\ubc1c\uc801\uc778 \ud658\uc790 \uc99d\uac00\uc728 (1998-2017)<\/h2>\r\n <div class=\"flex h-[450px] items-end justify-center gap-24 glass-panel p-8 anim-entry anim-delay-1\">\r\n \r\n <div class=\"w-48 flex flex-col items-center\">\r\n <span class=\"text-5xl font-black text-red-500 mb-4\">+305%<\/span>\r\n <div class=\"w-32 bg-gradient-to-t from-red-900 to-red-600 relative h-[350px] rounded-t-lg\">\r\n <div style=\"--h: 100%;\" class=\"absolute bottom-0 w-full bg-white\/20 bar-animate\"><\/div>\r\n <\/div>\r\n <span class=\"mt-4 font-bold text-xl text-white\">\ucc9c\uc2dd \ud658\uc790<\/span>\r\n <\/div>\r\n \r\n <div class=\"w-48 flex flex-col items-center\">\r\n <span class=\"text-5xl font-black text-amber-400 mb-4\">+209%<\/span>\r\n <div class=\"w-32 bg-gradient-to-t from-amber-900 to-amber-500 relative h-[240px] rounded-t-lg\">\r\n <div style=\"--h: 100%;\" class=\"absolute bottom-0 w-full bg-white\/20 bar-animate\"><\/div>\r\n <\/div>\r\n <span class=\"mt-4 font-bold text-xl text-white\">\ube44\uc5fc\/\ucd95\ub18d\uc99d<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-center mt-6 text-gray-500 text-sm\">* \ucd9c\ucc98: NIH \ubc0f \uc11c\uc6b8\uc544\uc0b0\ubcd1\uc6d0 \ud1b5\uacc4 \uc790\ub8cc<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-12 text-white\">\uc8fc\uc694 \uc6d0\uc778 (Causes)<\/h2>\r\n <div class=\"grid grid-cols-3 gap-8\">\r\n <div class=\"anim-entry anim-delay-1 glass-panel p-8 text-center hover:bg-white\/5 transition-colors\">\r\n <i data-lucide=\"haze\" class=\"w-16 h-16 text-gray-300 mb-6 mx-auto\"><\/i>\r\n <h3 class=\"text-2xl font-bold text-white mb-2\">\ubbf8\uc138\uba3c\uc9c0<\/h3>\r\n <p class=\"text-gray-400\">\ud638\ud761\uae30 \uc810\ub9c9 \uc9c1\uc811 \uc790\uadf9<\/p>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-2 glass-panel p-8 text-center hover:bg-white\/5 transition-colors\">\r\n <i data-lucide=\"factory\" class=\"w-16 h-16 text-gray-300 mb-6 mx-auto\"><\/i>\r\n <h3 class=\"text-2xl font-bold text-white mb-2\">\ub300\uae30\uc624\uc5fc<\/h3>\r\n <p class=\"text-gray-400\">\uc911\uae08\uc18d\uc73c\ub85c \uc778\ud55c \uba74\uc5ed \uad50\ub780<\/p>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-3 glass-panel p-8 text-center hover:bg-white\/5 transition-colors\">\r\n <i data-lucide=\"home\" class=\"w-16 h-16 text-gray-300 mb-6 mx-auto\"><\/i>\r\n <h3 class=\"text-2xl font-bold text-white mb-2\">\uc2e4\ub0b4 \uc0dd\ud65c<\/h3>\r\n <p class=\"text-gray-400\">\ud658\uae30 \ubd80\uc871 \ubc0f \uc54c\ub808\ub974\uac90 \ub178\ucd9c<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-12 text-white\">\uae30\uc874 \uce58\ub8cc\uc758 \uad6c\uc870\uc801 \ud55c\uacc4<\/h2>\r\n <div class=\"grid grid-cols-2 gap-12 h-3\/5\">\r\n <div class=\"anim-entry anim-delay-1 bg-red-900\/10 border border-red-500\/30 p-8 rounded-xl\">\r\n <h3 class=\"text-2xl font-bold text-red-400 mb-4\">\uc57d\ubb3c \uce58\ub8cc\uc758 \ubd80\uc791\uc6a9<\/h3>\r\n <ul class=\"space-y-4 text-xl text-gray-300\">\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"alert-triangle\" class=\"text-red-500\"><\/i> \ud56d\ud788\uc2a4\ud0c0\ubbfc\uc81c \uc7a5\uae30 \ubcf5\uc6a9<\/li>\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"alert-triangle\" class=\"text-red-500\"><\/i> \ub0b4\uc131 \ubc1c\uc0dd \ubc0f \ud6a8\uacfc \uac10\uc18c<\/li>\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"alert-triangle\" class=\"text-red-500\"><\/i> \uc878\uc74c, \uc785\ub9c8\ub984, \uac04 \uc190\uc0c1 \uc6b0\ub824<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-2 bg-gray-800\/30 border border-gray-600 p-8 rounded-xl\">\r\n <h3 class=\"text-2xl font-bold text-gray-300 mb-4\">\uc218\uc220 \ubc0f \uba74\uc5ed \uc694\ubc95<\/h3>\r\n <ul class=\"space-y-4 text-xl text-gray-400\">\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"x\" class=\"text-gray-500\"><\/i> \uadfc\ubcf8\uc801 \uba74\uc5ed \uccb4\uacc4 \ubbf8\uac1c\uc120<\/li>\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"x\" class=\"text-gray-500\"><\/i> \ub192\uc740 \uc7ac\ubc1c \uac00\ub2a5\uc131<\/li>\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"x\" class=\"text-gray-500\"><\/i> \uc804\uc2e0 \uc54c\ub808\ub974\uae30 \ubc18\uc751 \uc704\ud5d8<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n\r\n \r\n <div class=\"slide\">\r\n <div class=\"h-full flex flex-col items-center justify-center text-center\">\r\n <h2 class=\"anim-entry text-5xl font-bold mb-12 text-white\">\uce58\ub8cc\uc758 \ud328\ub7ec\ub2e4\uc784\uc744 \ubc14\uafb8\ub2e4<\/h2>\r\n <div class=\"flex items-center gap-8 w-full justify-center\">\r\n <div class=\"anim-entry anim-delay-1 w-1\/3 p-8 border border-gray-600 rounded-xl opacity-50\">\r\n <h3 class=\"text-2xl font-bold text-gray-400 mb-2\">\uae30\uc874 \uce58\ub8cc<\/h3>\r\n <p class=\"text-xl text-gray-400\">\uc99d\uc0c1 \uc5b5\uc81c (\ub300\uc99d \uc694\ubc95)<\/p>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-2\">\r\n <i data-lucide=\"arrow-right\" class=\"w-12 h-12 text-amber-500\"><\/i>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-3 w-1\/3 p-8 border-2 border-amber-500 bg-amber-900\/20 rounded-xl shadow-[0_0_30px_rgba(245,158,11,0.2)]\">\r\n <h3 class=\"text-2xl font-bold text-amber-400 mb-2\">RENIVO \uc194\ub8e8\uc158<\/h3>\r\n <p class=\"text-xl text-white font-bold\"><span class=\"text-gold-gradient\">\uc2dc\uc2a4\ud15c \ub9ac\uc14b<\/span> (System Reset)<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <div class=\"flex h-full items-center\">\r\n <div class=\"w-1\/2 anim-entry pl-10\">\r\n <div class=\"inline-block px-4 py-2 border border-amber-500 rounded-full text-amber-400 text-sm font-bold mb-6\">PREMIUM HERBAL SOLUTION<\/div>\r\n <h2 class=\"text-7xl font-black mb-6 text-white\">RENIVO\u2122<\/h2>\r\n <p class=\"text-3xl text-gray-200 mb-8 leading-relaxed font-light\">\r\n \uc138\uacc4 \ucd5c\ucd08 \uc0dd\uc57d \uae30\ubc18<br>\r\n \ube44\uc5fc\/\ucc9c\uc2dd \ud1b5\ud569 \uac1c\uc120\uc81c\r\n <\/p>\r\n <ul class=\"space-y-3 text-xl text-gray-300\">\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"text-emerald-500\"><\/i> Nasal Health Support<\/li>\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"text-emerald-500\"><\/i> Easy Breathing<\/li>\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"text-emerald-500\"><\/i> Immune System Balance<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"w-1\/2 flex justify-center anim-entry anim-delay-2\">\r\n \r\n <div class=\"w-72 h-[450px] bg-gradient-to-b from-[#064e3b] to-black rounded-t-full rounded-b-[3rem] border border-amber-500\/50 relative shadow-[0_0_60px_rgba(245,158,11,0.2)] flex flex-col items-center justify-center\">\r\n <div class=\"absolute inset-0 bg-white\/5 backdrop-blur-sm rounded-[inherit]\"><\/div>\r\n <h3 class=\"relative z-10 text-5xl font-black text-amber-400 tracking-widest serif-font\">RENIVO<\/h3>\r\n <div class=\"w-12 h-[2px] bg-white my-6 relative z-10\"><\/div>\r\n <p class=\"relative z-10 text-xs tracking-[0.3em] text-white font-bold\">HCBIOPHARM<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-12 text-center text-white\">4-Step Action Mechanism<\/h2>\r\n <div class=\"flex justify-between items-center relative px-12 mt-12\">\r\n <div class=\"absolute top-1\/2 left-0 w-full h-[3px] bg-gray-700 -z-10\">\r\n <div class=\"h-full bg-amber-500 width-animate\" style=\"--w: 100%;\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"anim-entry anim-delay-1 bg-[#022c22] p-6 rounded-full border-4 border-amber-500 w-48 h-48 flex flex-col items-center justify-center text-center shadow-[0_0_30px_rgba(245,158,11,0.4)]\">\r\n <span class=\"text-3xl font-bold text-amber-400\">01<\/span>\r\n <span class=\"font-bold mt-2 text-xl text-white\">\ud574\ub3c5<\/span>\r\n <span class=\"text-sm text-gray-400\">Detox<\/span>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-2 bg-[#022c22] p-6 rounded-full border-2 border-gray-500 w-40 h-40 flex flex-col items-center justify-center text-center\">\r\n <span class=\"text-2xl font-bold text-gray-400\">02<\/span>\r\n <span class=\"font-bold mt-2 text-lg text-white\">\uba74\uc5ed \uade0\ud615<\/span>\r\n <span class=\"text-sm text-gray-500\">Immunity<\/span>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-3 bg-[#022c22] p-6 rounded-full border-2 border-gray-500 w-40 h-40 flex flex-col items-center justify-center text-center\">\r\n <span class=\"text-2xl font-bold text-gray-400\">03<\/span>\r\n <span class=\"font-bold mt-2 text-lg text-white\">\uc810\ub9c9 \ubcf4\ud638<\/span>\r\n <span class=\"text-sm text-gray-500\">Protection<\/span>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-4 bg-[#022c22] p-6 rounded-full border-2 border-gray-500 w-40 h-40 flex flex-col items-center justify-center text-center\">\r\n <span class=\"text-2xl font-bold text-gray-400\">04<\/span>\r\n <span class=\"font-bold mt-2 text-lg text-white\">\uadfc\ubcf8 \uce58\uc720<\/span>\r\n <span class=\"text-sm text-gray-500\">Recovery<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <span class=\"px-3 py-1 bg-amber-500 text-black font-bold rounded\">Step 1<\/span>\r\n <h2 class=\"text-4xl font-bold text-white\">\uac15\ub825\ud55c \ud574\ub3c5 \uc791\uc6a9 (Detoxification)<\/h2>\r\n <\/div>\r\n <div class=\"flex gap-12 items-center h-3\/5\">\r\n <div class=\"w-1\/2 anim-entry\">\r\n <h3 class=\"text-3xl font-bold text-amber-400 mb-6\">\"\uc6d0\uc778\uc744 \ucc28\ub2e8\ud569\ub2c8\ub2e4\"<\/h3>\r\n <p class=\"text-xl text-gray-300 leading-relaxed\">\r\n \uc0dd\uc57d \uc131\ubd84\uc758 \uac15\ub825\ud55c \ud574\ub3c5 \uc791\uc6a9\uc73c\ub85c<br>\r\n \uba74\uc5ed \uacfc\ubbfc\ubc18\uc751\uc744 \uc77c\uc73c\ud0a4\ub294 <strong class=\"text-white border-b border-amber-500\">\uc54c\ub808\ub974\uac90\uc744 \ucc28\ub2e8<\/strong>\ud558\uace0,<br>\r\n \uccb4\ub0b4 \ub3c5\uc18c\ub97c \ubc30\ucd9c\ud558\uc5ec \uc2dc\uc2a4\ud15c\uc744 \uc815\ud654\ud569\ub2c8\ub2e4.\r\n <\/p>\r\n <\/div>\r\n <div class=\"w-1\/2 anim-entry anim-delay-1 flex justify-center\">\r\n <i data-lucide=\"shield-off\" class=\"w-64 h-64 text-gray-600\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <div class=\"mb-8 anim-entry\">\r\n <span class=\"text-amber-400 font-bold tracking-widest text-sm mb-2 block\">CLINICAL DATA<\/span>\r\n <h2 class=\"text-4xl font-bold text-white\">\uc0b0\ud654 \uc2a4\ud2b8\ub808\uc2a4(MDA) \ud574\ub3c5 \uac80\uc99d<\/h2>\r\n <p class=\"text-gray-400 mt-2\">\ud761\uc5f0 4\uc2dc\uac04 \ud6c4 \uccb4\ub0b4 MDA \ub18d\ub3c4 \ubcc0\ud654 \ube44\uad50 (PDF p16)<\/p>\r\n <\/div>\r\n \r\n <div class=\"flex items-end h-[400px] gap-24 px-12 pb-8 glass-panel anim-entry anim-delay-1\">\r\n \r\n <div class=\"w-1\/2 flex flex-col items-center\">\r\n <div class=\"mb-4 text-center\">\r\n <span class=\"text-5xl font-black text-red-500\">+59%<\/span>\r\n <p class=\"text-red-300 font-bold text-xl mt-2\">\uc99d\uac00 (\uc545\ud654)<\/p>\r\n <\/div>\r\n <div class=\"w-40 bg-red-900\/40 border border-red-500\/50 rounded-t-lg relative h-full w-full max-w-[200px]\">\r\n <div style=\"--h: 80%;\" class=\"absolute bottom-0 w-full bg-gradient-to-t from-red-900 to-red-600 bar-animate\"><\/div>\r\n <\/div>\r\n <p class=\"mt-4 text-2xl font-bold text-white\">\ub300\uc870\uad70 (Control)<\/p>\r\n <p class=\"text-gray-400 mt-1\">\uc0b0\ud654\uc2a4\ud2b8\ub808\uc2a4 \uae09\uc99d<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"w-1\/2 flex flex-col items-center\">\r\n <div class=\"mb-4 text-center\">\r\n <span class=\"text-5xl font-black text-emerald-400\">-33%<\/span>\r\n <p class=\"text-emerald-300 font-bold text-xl mt-2\">\uac10\uc18c (\uac1c\uc120)<\/p>\r\n <\/div>\r\n <div class=\"w-40 bg-emerald-900\/40 border border-emerald-500\/50 rounded-t-lg relative h-full w-full max-w-[200px]\">\r\n <div style=\"--h: 30%;\" class=\"absolute bottom-0 w-full bg-gradient-to-t from-emerald-900 to-emerald-500 bar-animate\"><\/div>\r\n <\/div>\r\n <p class=\"mt-4 text-2xl font-bold text-emerald-300\">\ub808\ub2c8\ubcf4 \uc12d\ucde8\uad70 (Detox)<\/p>\r\n <p class=\"text-gray-400 mt-1\">\uc0b0\ud654\uc2a4\ud2b8\ub808\uc2a4 \uc720\uc758\ubbf8\ud55c \uac10\uc18c<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <span class=\"px-3 py-1 bg-gray-700 text-white font-bold rounded\">Step 2<\/span>\r\n <h2 class=\"text-4xl font-bold text-white\">\uba74\uc5ed \uade0\ud615 (Immunity)<\/h2>\r\n <\/div>\r\n <div class=\"grid grid-cols-2 gap-12 h-3\/5\">\r\n <div class=\"anim-entry anim-delay-1 flex flex-col justify-center\">\r\n <h3 class=\"text-3xl font-bold text-white mb-4\">\uacfc\ubbfc \ubc18\uc751 \uc9c4\uc815<\/h3>\r\n <p class=\"text-gray-200 text-xl leading-relaxed mb-8\">\r\n \ud56d\uc0b0\ud654 \uc0dd\uc57d \uc131\ubd84\uacfc \uc544\uc5f0\uc774 \uacb0\ud569\ud558\uc5ec<br>\r\n \ube44\uac15 \uc810\ub9c9\uc758 \uba74\uc5ed \uae30\ub2a5\uc744 \uac15\ud654\ud558\uace0,<br>\r\n <span class=\"text-amber-400 font-bold\">\ub9cc\uc131 \uc5fc\uc99d\uc744 \ud6a8\uacfc\uc801\uc73c\ub85c \uc81c\uac70<\/span>\ud569\ub2c8\ub2e4.\r\n <\/p>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-2 flex items-center justify-center\">\r\n <i data-lucide=\"scale\" class=\"w-48 h-48 text-emerald-400\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <span class=\"px-3 py-1 bg-gray-700 text-white font-bold rounded\">Step 3<\/span>\r\n <h2 class=\"text-4xl font-bold text-white\">\ube44\uac15 \uc810\ub9c9 \ubcf4\ud638 (Protection)<\/h2>\r\n <\/div>\r\n <div class=\"glass-panel p-10 h-3\/5 flex flex-row items-center gap-12 anim-entry\">\r\n <div class=\"w-1\/3 flex justify-center\">\r\n <i data-lucide=\"droplets\" class=\"w-40 h-40 text-blue-400 animate-float drop-shadow-[0_0_20px_rgba(96,165,250,0.6)]\"><\/i>\r\n <\/div>\r\n <div class=\"w-2\/3\">\r\n <h3 class=\"text-3xl font-bold mb-6 text-white\">\"\uac74\uc870\ud568\uc774 \uac00\uc7a5 \ud070 \uc801\uc785\ub2c8\ub2e4\"<\/h3>\r\n <p class=\"text-xl text-gray-200 leading-relaxed\">\r\n \ube44\uac15 \uc810\ub9c9\uc744 \ucd09\ucd09\ud558\uac8c \uc720\uc9c0(Moisturizing)\ud558\uc5ec<br>\r\n \ubc14\uc774\ub7ec\uc2a4\uc640 \ubbf8\uc138\uba3c\uc9c0\uac00 \uce68\ud22c\ud558\uc9c0 \ubabb\ud558\ub3c4\ub85d<br>\r\n <span class=\"text-blue-300 font-bold text-2xl\">\uac15\ub825\ud55c \ubc29\uc5b4\ub9c9\uc744 \ud615\uc131<\/span>\ud569\ub2c8\ub2e4.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-8 text-white\">Renivo 4\ub300 \ud575\uc2ec \ud2b9\uc9d5<\/h2>\r\n <div class=\"grid grid-cols-2 gap-6 h-3\/5\">\r\n <div class=\"anim-entry anim-delay-1 glass-panel p-6 flex gap-4 items-start hover:bg-white\/5 transition-colors\">\r\n <span class=\"text-5xl font-bold text-gray-600\">01<\/span>\r\n <div>\r\n <h3 class=\"text-2xl font-bold text-amber-400 mb-2\">\ucc28\ubcc4\ud654\ub41c \uae30\uc220\ub825<\/h3>\r\n <p class=\"text-gray-300\">\ub3d9\uc591\uc758\ud559 + \ud604\ub300\uacfc\ud559 25\ub144 \uc5f0\uad6c.<br>\ub3c5\ubcf4\uc801\uc778 \ud574\ub3c5\/\uba74\uc5ed\/\uc57d\ub9ac \uc791\uc6a9.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-2 glass-panel p-6 flex gap-4 items-start hover:bg-white\/5 transition-colors\">\r\n <span class=\"text-5xl font-bold text-gray-600\">02<\/span>\r\n <div>\r\n <h3 class=\"text-2xl font-bold text-amber-400 mb-2\">\ud504\ub9ac\ubbf8\uc5c4 \uc0dd\uc57d<\/h3>\r\n <p class=\"text-gray-300\">\uce61, \uacc4\ud53c, \ubaa8\ub780 \ub4f1 \ud575\uc2ec \uc0dd\uc57d \uc5c4\uc120.<br>\uc544\uc5f0 \ud568\uc720\ub85c \uba74\uc5ed \uae30\ub2a5 \uadf9\ub300\ud654.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-3 glass-panel p-6 flex gap-4 items-start hover:bg-white\/5 transition-colors\">\r\n <span class=\"text-5xl font-bold text-gray-600\">03<\/span>\r\n <div>\r\n <h3 class=\"text-2xl font-bold text-amber-400 mb-2\">\uc815\ubc00 \ubc1c\ud6a8 \uacf5\ubc95<\/h3>\r\n <p class=\"text-gray-300\">HC\ubc14\uc774\uc624\ud31c\ub9cc\uc758 \uace0\uc720 \ubc1c\ud6a8 \uae30\uc220.<br>\uccb4\ub0b4 \ud761\uc218\uc728\uacfc \ud6a8\ub2a5 \uadf9\ub300\ud654.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-4 glass-panel p-6 flex gap-4 items-start hover:bg-white\/5 transition-colors\">\r\n <span class=\"text-5xl font-bold text-gray-600\">04<\/span>\r\n <div>\r\n <h3 class=\"text-2xl font-bold text-amber-400 mb-2\">\uc644\ubcbd\ud55c \uc548\uc804\uc131<\/h3>\r\n <p class=\"text-gray-300\">\ubbf8\uc0dd\ubb3c\/\uc911\uae08\uc18d\/\uac04\ub3c5\uc131 \ud14c\uc2a4\ud2b8 \uc644\ub8cc.<br>\ubd80\uc791\uc6a9 \uc5c6\ub294 \uc548\uc804\ud55c \uc131\ubd84.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-12 text-white\">8\uac00\uc9c0 \ud575\uc2ec \uc0dd\uc57d + \uc544\uc5f0<\/h2>\r\n <div class=\"grid grid-cols-4 gap-6\">\r\n \r\n <div class=\"anim-entry feature-card p-6 text-center rounded-2xl\"><span class=\"text-4xl block mb-4\">\ud83c\udf3f<\/span><span class=\"text-xl font-bold text-white\">\uce61 (Kudzu)<\/span><\/div>\r\n <div class=\"anim-entry feature-card p-6 text-center rounded-2xl\"><span class=\"text-4xl block mb-4\">\ud83e\udeb5<\/span><span class=\"text-xl font-bold text-white\">\uacc4\ud53c<\/span><\/div>\r\n <div class=\"anim-entry feature-card p-6 text-center rounded-2xl\"><span class=\"text-4xl block mb-4\">\ud83c\udf3a<\/span><span class=\"text-xl font-bold text-white\">\ubaa8\ub780<\/span><\/div>\r\n <div class=\"anim-entry feature-card p-6 text-center rounded-2xl\"><span class=\"text-4xl block mb-4\">\ud83c\udf52<\/span><span class=\"text-xl font-bold text-white\">\ub300\ucd94<\/span><\/div>\r\n <div class=\"anim-entry feature-card p-6 text-center rounded-2xl\"><span class=\"text-4xl block mb-4\">\ud83c\udf31<\/span><span class=\"text-xl font-bold text-white\">\ucc9c\uad81<\/span><\/div>\r\n <div class=\"anim-entry feature-card p-6 text-center rounded-2xl\"><span class=\"text-4xl block mb-4\">\ud83c\udf6c<\/span><span class=\"text-xl font-bold text-white\">\uac10\ucd08<\/span><\/div>\r\n <div class=\"anim-entry feature-card p-6 text-center rounded-2xl\"><span class=\"text-4xl block mb-4\">\ud83e\udeda<\/span><span class=\"text-xl font-bold text-white\">\uc0dd\uac15<\/span><\/div>\r\n <div class=\"anim-entry feature-card p-6 text-center rounded-2xl border-emerald-500 bg-emerald-900\/20\"><span class=\"text-4xl block mb-4\">\u2697\ufe0f<\/span><span class=\"text-xl font-bold text-emerald-400\">\uc544\uc5f0 (Zinc)<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-12 text-white\">\ud0c0\ud611 \uc5c6\ub294 \uc548\uc804\uc131 (Safety)<\/h2>\r\n <div class=\"flex justify-center gap-12\">\r\n <div class=\"anim-entry anim-delay-1 w-72 h-72 border border-gray-600 rounded-full flex flex-col items-center justify-center bg-black\/30\">\r\n <i data-lucide=\"microscope\" class=\"w-12 h-12 text-gray-400 mb-4\"><\/i>\r\n <h3 class=\"text-2xl font-bold text-gray-200\">\ubbf8\uc0dd\ubb3c \ud14c\uc2a4\ud2b8<\/h3>\r\n <span class=\"text-emerald-400 font-bold mt-2 text-2xl\">\uc801\ud569 (Pass)<\/span>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-2 w-72 h-72 border-4 border-amber-500 rounded-full flex flex-col items-center justify-center shadow-[0_0_40px_rgba(245,158,11,0.3)] bg-black\/30\">\r\n <i data-lucide=\"check-circle-2\" class=\"w-16 h-16 text-amber-500 mb-4\"><\/i>\r\n <h3 class=\"text-2xl font-bold text-white\">\uc911\uae08\uc18d \ud14c\uc2a4\ud2b8<\/h3>\r\n <span class=\"text-emerald-400 font-bold mt-2 text-2xl\">\uc801\ud569 (Pass)<\/span>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-3 w-72 h-72 border border-gray-600 rounded-full flex flex-col items-center justify-center bg-black\/30\">\r\n <i data-lucide=\"activity\" class=\"w-12 h-12 text-gray-400 mb-4\"><\/i>\r\n <h3 class=\"text-2xl font-bold text-gray-200\">\uac04\ub3c5\uc131 \uc5ec\ubd80<\/h3>\r\n <span class=\"text-emerald-400 font-bold mt-2 text-2xl\">\uc548\uc804 (Safe)<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-8 text-white\">\uace0\uac1d \uccb4\ud5d8 \ud6c4\uae30<\/h2>\r\n <div class=\"anim-entry anim-delay-1 glass-panel p-16 relative border-amber-500\/30\">\r\n <i data-lucide=\"quote\" class=\"absolute top-10 left-10 text-amber-500 w-20 h-20 opacity-40\"><\/i>\r\n <p class=\"text-3xl leading-relaxed italic text-gray-100 text-center px-12 serif-font\">\r\n \"\uc591\uc57d\ucc98\ub7fc \uc810\ub9c9\uc744 \uc5b5\uc9c0\ub85c \ub9d0\ub9ac\ub294 \ub290\ub08c\uc774 \uc544\ub2c8\uc5c8\uc2b5\ub2c8\ub2e4.<br>\r\n <span class=\"text-gold font-bold\">\uc810\ub9c9\uc740 \ucd09\ucd09\ud558\uac8c \uc720\uc9c0\ub418\uba74\uc11c \uc5fc\uc99d\ub9cc \uac00\ub77c\uc549\ub294 \ub290\ub08c<\/span>,<br>\r\n \ube44\ub85c\uc18c \uc228\uc26c\uae30\uac00 \ud3b8\uc548\ud574\uc84c\uc2b5\ub2c8\ub2e4.\"\r\n <\/p>\r\n <div class=\"mt-12 text-center border-t border-gray-600 pt-8 inline-block w-full\">\r\n <span class=\"font-bold text-amber-400 text-2xl\">\ud669xx \uace0\uac1d\ub2d8<\/span>\r\n <span class=\"text-lg text-gray-300 block mt-2\">\ub9cc\uc131 \ube44\uc5fc \ubc0f \uc778\ud6c4\ud1b5 \uac1c\uc120 \uc0ac\ub840<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-8 text-white\">\ud6a8\uacfc\uc801\uc778 \uc12d\ucde8 \uac00\uc774\ub4dc<\/h2>\r\n <div class=\"grid grid-cols-2 gap-12 h-3\/5\">\r\n <div class=\"anim-entry anim-delay-1 bg-red-900\/20 border border-red-500\/50 p-10 rounded-2xl\">\r\n <h3 class=\"text-3xl font-bold text-red-300 mb-6\">\uae09\uc131 \uc99d\uc0c1 \uc2dc<\/h3>\r\n <ul class=\"space-y-6 text-gray-100 text-xl\">\r\n <li>\u2022 \uc99d\uc0c1\uc774 \uc788\uc744 \ub54c\ub9c8\ub2e4 <strong>2\ucea1\uc290<\/strong><\/li>\r\n <li class=\"p-6 bg-black\/40 rounded-xl text-base text-gray-200 mt-4 border border-gray-600\">\r\n <strong class=\"text-gold text-lg\">TIP:<\/strong> \ucea1\uc290\uc744 \uc5f4\uc5b4 \uac00\ub8e8\ub97c \uad6c\uac15(\ud600 \ubc11)\uc5d0 \uba38\uae08\uc73c\uba74 \ub354\uc6b1 \ube60\ub978 \ud6a8\uacfc\ub97c \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4.\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-2 bg-emerald-900\/20 border border-emerald-500\/50 p-10 rounded-2xl\">\r\n <h3 class=\"text-3xl font-bold text-emerald-300 mb-6\">\uadfc\ubcf8 \uce58\uc720 (\ub370\uc77c\ub9ac)<\/h3>\r\n <ul class=\"space-y-6 text-gray-100 text-xl\">\r\n <li>\u2022 <strong>\uacf5\ubcf5<\/strong> \uc12d\ucde8 \uad8c\uc7a5<\/li>\r\n <li>\u2022 <span class=\"text-3xl font-bold text-white\">\uc544\uce68 2\uc54c + \uc800\ub141 2\uc54c<\/span><\/li>\r\n <li class=\"text-base text-emerald-200 mt-4 font-bold\">* \ud3c9\uc18c\ubcf4\ub2e4 \ubb3c \uc12d\ucde8\ub7c9\uc744 1.5\ubc30 \ub298\ub824\uc8fc\uc138\uc694.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <div class=\"h-full flex flex-col items-center justify-center text-center\">\r\n <div class=\"anim-entry w-40 h-40 mb-8 relative\">\r\n <div class=\"absolute inset-0 bg-gold-glow animate-pulse rounded-full\"><\/div>\r\n <i data-lucide=\"flower-2\" class=\"w-full h-full text-gold relative z-10\"><\/i>\r\n <\/div>\r\n <h1 class=\"anim-entry anim-delay-1 text-7xl font-bold mb-6 text-gold-gradient serif-font\">Completing Human Health<\/h1>\r\n <p class=\"anim-entry anim-delay-2 text-3xl text-gray-100 mb-12 max-w-4xl\">\r\n \uc99d\uc0c1 \uad00\ub9ac\ub97c \ub118\uc5b4\uc120 <strong>\uc644\uc804\ud55c \ud68c\ubcf5<\/strong>,<br>\r\n HCBIOPHARM\uc774 \uadf8 \uc5ec\uc815\uc744 \ud568\uaed8\ud569\ub2c8\ub2e4.\r\n <\/p>\r\n <div class=\"anim-entry anim-delay-3 flex gap-8 text-gray-400 text-lg\">\r\n <span>\u00a9 2025 HCBIOPHARM. All Rights Reserved.<\/span>\r\n <span>Silicon Valley, USA<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"absolute bottom-8 right-8 flex gap-4 z-50\">\r\n <button onclick=\"prevSlide()\" class=\"group p-4 rounded-full border-2 border-gray-600 hover:border-amber-500 hover:bg-amber-500\/20 transition-all\">\r\n <i data-lucide=\"chevron-left\" class=\"w-8 h-8 text-gray-300 group-hover:text-amber-400\"><\/i>\r\n <\/button>\r\n <button onclick=\"nextSlide()\" class=\"group p-4 rounded-full bg-amber-600 hover:bg-amber-500 shadow-lg hover:shadow-amber-500\/50 transition-all\">\r\n <i data-lucide=\"chevron-right\" class=\"w-8 h-8 text-white\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <div class=\"absolute bottom-8 left-8 font-mono text-amber-500 font-bold text-2xl\">\r\n <span id=\"current-slide\">01<\/span> \/ <span id=\"total-slides\">25<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <script>\r\n lucide.createIcons();\r\n\r\n let currentSlide = 0;\r\n const slides = document.querySelectorAll('.slide');\r\n const progressBar = document.getElementById('progress-bar');\r\n const currentSlideEl = document.getElementById('current-slide');\r\n const totalSlidesEl = document.getElementById('total-slides');\r\n \r\n totalSlidesEl.innerText = slides.length;\r\n\r\n function updateSlide() {\r\n slides.forEach((slide, index) => {\r\n slide.classList.remove('active');\r\n if (index === currentSlide) slide.classList.add('active');\r\n });\r\n \r\n \/\/ Progress Bar Update\r\n const progress = ((currentSlide + 1) \/ slides.length) * 100;\r\n progressBar.style.width = `${progress}%`;\r\n \r\n \/\/ Slide Number Update\r\n currentSlideEl.innerText = String(currentSlide + 1).padStart(2, '0');\r\n }\r\n\r\n function nextSlide() {\r\n if (currentSlide < slides.length - 1) {\r\n currentSlide++;\r\n updateSlide();\r\n }\r\n }\r\n\r\n function prevSlide() {\r\n if (currentSlide > 0) {\r\n currentSlide--;\r\n updateSlide();\r\n }\r\n }\r\n\r\n function startPresentation() {\r\n const overlay = document.getElementById('start-overlay');\r\n const container = document.getElementById('presentation-container');\r\n \r\n overlay.style.opacity = '0';\r\n setTimeout(() => {\r\n overlay.style.display = 'none';\r\n container.style.display = 'block';\r\n \r\n \/\/ Fullscreen Trigger\r\n if (document.documentElement.requestFullscreen) document.documentElement.requestFullscreen();\r\n else if (document.documentElement.webkitRequestFullscreen) document.documentElement.webkitRequestFullscreen();\r\n \r\n lucide.createIcons();\r\n }, 500);\r\n }\r\n\r\n \/\/ Keyboard Controls\r\n document.addEventListener('keydown', (e) => {\r\n if (document.getElementById('presentation-container').style.display === 'block') {\r\n if (e.key === 'ArrowRight' || e.key === 'Space' || e.key === 'Enter') nextSlide();\r\n if (e.key === 'ArrowLeft') prevSlide();\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n```\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>HCBIOPHARM RENIVO Strategic Presentation (Full 25 Slides) RENIVO Strategy HCBIOPHARM Full Strategic Plan (25 Slides) \ud504\ub808\uc820\ud14c\uc774\uc158 \uc2dc\uc791 Bio-Tech Solution The Finest Gift From Nature \ube44\uc5fc, \uc54c\ub808\ub974\uae30, \ucc9c\uc2dd\uc758 \uadfc\ubcf8\uc801 \ud574\uacb0. \ub3d9\uc591\uc758\ud559\uacfc \ud604\ub300\uacfc\ud559\uc774 \uc735\ud569\ub41c \uc0dd\uc57d \uc194\ub8e8\uc158. \u00a9 2025 HCBIOPHARM | Silicon Valley, USA Table of Contents 01 Company HC\ubc14\uc774\uc624\ud31c \uc18c\uac1c \ubc0f\uae00\ub85c\ubc8c \ub124\ud2b8\uc6cc\ud06c 02 Portfolio 14\uc885\uc758 \uc138\uacc4 \ucd5c\ucd08\uc0dd\uc57d […]<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"wf_page_folders":[],"class_list":["post-3935","page","type-page","status-publish","format-standard","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hcbiopharm.net\/ko_kr\/wp-json\/wp\/v2\/pages\/3935","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hcbiopharm.net\/ko_kr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hcbiopharm.net\/ko_kr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hcbiopharm.net\/ko_kr\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/hcbiopharm.net\/ko_kr\/wp-json\/wp\/v2\/comments?post=3935"}],"version-history":[{"count":26,"href":"https:\/\/hcbiopharm.net\/ko_kr\/wp-json\/wp\/v2\/pages\/3935\/revisions"}],"predecessor-version":[{"id":3964,"href":"https:\/\/hcbiopharm.net\/ko_kr\/wp-json\/wp\/v2\/pages\/3935\/revisions\/3964"}],"wp:attachment":[{"href":"https:\/\/hcbiopharm.net\/ko_kr\/wp-json\/wp\/v2\/media?parent=3935"}],"wp:term":[{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/hcbiopharm.net\/ko_kr\/wp-json\/wp\/v2\/wf_page_folders?post=3935"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\r\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n HCBIOPHARM RENIVO Strategic Presentation (Full 25 Slides)<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Pretendard:wght@300;400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n \/* --- Base & Typography --- *\/\r\n body {\r\n font-family: 'Pretendard', sans-serif;\r\n background-color: #020f0a; \/* Ultra Dark Green\/Black *\/\r\n margin: 0; overflow: hidden;\r\n display: flex; justify-content: center; align-items: center; height: 100vh;\r\n color: #ffffff;\r\n }\r\n .serif-font { font-family: 'Playfair Display', serif; }\r\n\r\n \/* --- Container --- *\/\r\n #presentation-container {\r\n width: 100%; max-width: 1600px; aspect-ratio: 16 \/ 9;\r\n \/* Deep Radial Gradient for immersion *\/\r\n background: radial-gradient(circle at 20% 50%, #064e3b 0%, #022c22 45%, #000000 100%);\r\n position: relative; box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.9);\r\n overflow: hidden; display: none;\r\n }\r\n\r\n \/* --- Gold Accents & Gradients --- *\/\r\n .text-gold { color: #fbbf24; }\r\n .text-gold-gradient {\r\n background: linear-gradient(135deg, #fef3c7 0%, #f59e0b 50%, #b45309 100%);\r\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\r\n background-size: 200% auto; animation: shine 5s linear infinite;\r\n }\r\n .border-gold { border-color: rgba(245, 158, 11, 0.5); }\r\n .bg-gold-glow {\r\n background: radial-gradient(circle, rgba(245, 158, 11, 0.15) 0%, rgba(0,0,0,0) 70%);\r\n }\r\n\r\n \/* --- UI Elements --- *\/\r\n .glass-panel {\r\n background: rgba(255, 255, 255, 0.03);\r\n backdrop-filter: blur(16px);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-top: 1px solid rgba(251, 191, 36, 0.3);\r\n box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.6);\r\n border-radius: 20px;\r\n }\r\n \r\n .feature-card {\r\n background: linear-gradient(180deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 100%);\r\n border: 1px solid rgba(255,255,255,0.1);\r\n transition: all 0.3s ease;\r\n }\r\n .feature-card:hover {\r\n border-color: #f59e0b;\r\n transform: translateY(-5px);\r\n background: linear-gradient(180deg, rgba(245,158,11,0.1) 0%, rgba(0,0,0,0) 100%);\r\n }\r\n\r\n \/* --- Animations --- *\/\r\n @keyframes shine { to { background-position: 200% center; } }\r\n @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }\r\n @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\r\n @keyframes growBar { from { height: 0; } to { height: var(--h); } }\r\n @keyframes widthGrow { from { width: 0; } to { width: var(--w); } }\r\n\r\n .animate-float { animation: float 6s ease-in-out infinite; }\r\n \r\n \/* Active Slide Animations *\/\r\n .slide.active .anim-entry { animation: fadeInUp 0.8s ease-out forwards; opacity: 0; }\r\n .slide.active .anim-delay-1 { animation-delay: 0.1s; }\r\n .slide.active .anim-delay-2 { animation-delay: 0.2s; }\r\n .slide.active .anim-delay-3 { animation-delay: 0.3s; }\r\n .slide.active .anim-delay-4 { animation-delay: 0.4s; }\r\n .slide.active .bar-animate { animation: growBar 1.5s cubic-bezier(0.22, 1, 0.36, 1) forwards; }\r\n .slide.active .width-animate { animation: widthGrow 1.5s cubic-bezier(0.22, 1, 0.36, 1) forwards; }\r\n\r\n \/* --- Layout --- *\/\r\n .slide {\r\n position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n opacity: 0; transform: scale(1.02); filter: blur(5px);\r\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n pointer-events: none; display: flex; flex-direction: column;\r\n padding: 3rem 5rem; box-sizing: border-box;\r\n }\r\n .slide.active { opacity: 1; transform: scale(1); filter: blur(0); pointer-events: all; z-index: 10; }\r\n \r\n \/* --- Navigation --- *\/\r\n .progress-bar {\r\n position: absolute; bottom: 0; left: 0; height: 4px;\r\n background: linear-gradient(90deg, #b45309, #fcd34d, #b45309); width: 0%; transition: width 0.4s; z-index: 100;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div id=\"start-overlay\" class=\"fixed inset-0 bg-[#020f0a] z-[9999] flex flex-col justify-center items-center transition-opacity duration-500\">\r\n <div class=\"text-center\">\r\n <h1 class=\"text-7xl font-bold mb-6 text-white tracking-tight serif-font\">\r\n <span class=\"text-gold-gradient\">RENIVO<\/span> Strategy\r\n <\/h1>\r\n <p class=\"text-gray-300 mb-10 text-xl font-light\">HCBIOPHARM Full Strategic Plan (25 Slides)<\/p>\r\n <button onclick=\"startPresentation()\" class=\"group relative px-12 py-5 bg-transparent border border-amber-500 text-amber-400 font-bold rounded-full overflow-hidden transition-all hover:text-white hover:border-amber-400 cursor-pointer shadow-[0_0_20px_rgba(245,158,11,0.3)]\">\r\n <div class=\"absolute inset-0 w-0 bg-amber-600 transition-all duration-300 ease-out group-hover:w-full\"><\/div>\r\n <span class=\"relative flex items-center gap-3 text-lg\">\r\n <i data-lucide=\"play-circle\" class=\"w-6 h-6\"><\/i> \ud504\ub808\uc820\ud14c\uc774\uc158 \uc2dc\uc791\r\n <\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"presentation-container\">\r\n \r\n \r\n <div class=\"bg-gold-glow w-[900px] h-[900px] absolute -top-1\/2 -right-1\/4 rounded-full animate-float opacity-30 pointer-events-none\"><\/div>\r\n <div class=\"progress-bar\" id=\"progress-bar\"><\/div>\r\n\r\n \r\n\r\n \r\n <div class=\"slide active\">\r\n <div class=\"h-full flex flex-col justify-center relative z-10 pl-10\">\r\n <div class=\"anim-entry mb-8\">\r\n <span class=\"inline-block py-1 px-3 border border-amber-500 rounded-full text-amber-400 text-sm font-bold tracking-widest uppercase\">Bio-Tech Solution<\/span>\r\n <\/div>\r\n <h1 class=\"anim-entry anim-delay-1 text-8xl font-black mb-6 leading-tight serif-font text-white\">\r\n The Finest Gift<br>\r\n <span class=\"text-gold-gradient\">From Nature<\/span>\r\n <\/h1>\r\n <p class=\"anim-entry anim-delay-2 text-2xl text-gray-200 font-light max-w-2xl leading-relaxed mt-4\">\r\n \ube44\uc5fc, \uc54c\ub808\ub974\uae30, \ucc9c\uc2dd\uc758 \uadfc\ubcf8\uc801 \ud574\uacb0.<br>\r\n \ub3d9\uc591\uc758\ud559\uacfc \ud604\ub300\uacfc\ud559\uc774 \uc735\ud569\ub41c \uc0dd\uc57d \uc194\ub8e8\uc158.\r\n <\/p>\r\n <div class=\"anim-entry anim-delay-3 mt-12 flex gap-4 text-sm text-gray-400\">\r\n <span>\u00a9 2025 HCBIOPHARM<\/span> | <span>Silicon Valley, USA<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-12 text-white border-b border-gray-700 pb-4 inline-block\">Table of Contents<\/h2>\r\n <div class=\"grid grid-cols-4 gap-6 h-3\/5\">\r\n <div class=\"anim-entry anim-delay-1 feature-card p-8 rounded-2xl flex flex-col justify-between\">\r\n <span class=\"text-6xl font-black text-gray-800\">01<\/span>\r\n <div>\r\n <h3 class=\"text-xl font-bold text-amber-400 mb-2\">Company<\/h3>\r\n <p class=\"text-sm text-gray-400\">HC\ubc14\uc774\uc624\ud31c \uc18c\uac1c \ubc0f<br>\uae00\ub85c\ubc8c \ub124\ud2b8\uc6cc\ud06c<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-2 feature-card p-8 rounded-2xl flex flex-col justify-between\">\r\n <span class=\"text-6xl font-black text-gray-800\">02<\/span>\r\n <div>\r\n <h3 class=\"text-xl font-bold text-amber-400 mb-2\">Portfolio<\/h3>\r\n <p class=\"text-sm text-gray-400\">14\uc885\uc758 \uc138\uacc4 \ucd5c\ucd08<br>\uc0dd\uc57d \uc81c\ud488\uad70<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-3 feature-card p-8 rounded-2xl flex flex-col justify-between\">\r\n <span class=\"text-6xl font-black text-gray-800\">03<\/span>\r\n <div>\r\n <h3 class=\"text-xl font-bold text-amber-400 mb-2\">Problem<\/h3>\r\n <p class=\"text-sm text-gray-400\">\ud638\ud761\uae30 \uc9c8\ud658\uc758 \uc704\uae30<br>\uae30\uc874 \uce58\ub8cc\uc758 \ud55c\uacc4<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-4 feature-card p-8 rounded-2xl flex flex-col justify-between\">\r\n <span class=\"text-6xl font-black text-gray-800\">04<\/span>\r\n <div>\r\n <h3 class=\"text-xl font-bold text-amber-400 mb-2\">Solution<\/h3>\r\n <p class=\"text-sm text-gray-400\">RENIVO \uae30\uc220\ub825 \ubc0f<br>\uc784\uc0c1 \uac80\uc99d \ub370\uc774\ud130<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <div class=\"flex items-center gap-4 mb-8\">\r\n <i data-lucide=\"globe\" class=\"text-amber-500 w-8 h-8\"><\/i>\r\n <h2 class=\"text-4xl font-bold text-white\">Who is HCBIOPHARM?<\/h2>\r\n <\/div>\r\n <div class=\"flex gap-12 h-3\/5\">\r\n <div class=\"w-1\/3 anim-entry glass-panel p-10 flex flex-col justify-center\">\r\n <h3 class=\"text-3xl font-bold text-gold-gradient mb-4 serif-font\">Silicon Valley Base<\/h3>\r\n <p class=\"text-gray-300 leading-relaxed text-lg\">\r\n \ubbf8\uad6d \uc2e4\ub9ac\ucf58\ubc38\ub9ac\uc5d0 \uae30\ubc18\uc744 \ub454<br>\r\n \uc0dd\uc57d \ud1b5\ud569 \uc194\ub8e8\uc158 \uac1c\ubc1c \ubcf8\uc0ac.<br>\r\n <strong>\"\uadfc\ubcf8 \ud68c\ubcf5\"<\/strong>\uc744 \ubaa9\ud45c\ub85c \ud569\ub2c8\ub2e4.\r\n <\/p>\r\n <\/div>\r\n <div class=\"w-2\/3 grid grid-cols-2 gap-6\">\r\n <div class=\"anim-entry anim-delay-1 glass-panel p-8 flex flex-col justify-center text-center\">\r\n <span class=\"text-6xl font-black text-white mb-2\">25<span class=\"text-3xl text-amber-500\">+<\/span><\/span>\r\n <p class=\"text-gray-400 uppercase tracking-widest\">Years of Research<\/p>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-2 glass-panel p-8 flex flex-col justify-center text-center\">\r\n <span class=\"text-6xl font-black text-white mb-2\">14<span class=\"text-3xl text-amber-500\">+<\/span><\/span>\r\n <p class=\"text-gray-400 uppercase tracking-widest\">Global Patents<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-12 text-white\">Global Network Expansion<\/h2>\r\n <div class=\"relative h-3\/5 w-full\">\r\n \r\n <div class=\"absolute inset-0 bg-[url('https:\/\/upload.wikimedia.org\/wikipedia\/commons\/8\/80\/World_map_-_low_resolution.svg')] bg-contain bg-no-repeat bg-center opacity-20 invert\"><\/div>\r\n \r\n \r\n <div class=\"absolute top-1\/3 left-1\/4 anim-entry anim-delay-1 flex flex-col items-center\">\r\n <i data-lucide=\"map-pin\" class=\"text-amber-500 w-8 h-8 fill-amber-500 animate-bounce\"><\/i>\r\n <span class=\"text-white font-bold bg-black\/50 px-2 rounded mt-2\">USA (HQ)<\/span>\r\n <\/div>\r\n <div class=\"absolute top-1\/3 right-1\/4 anim-entry anim-delay-2 flex flex-col items-center\">\r\n <i data-lucide=\"map-pin\" class=\"text-emerald-500 w-6 h-6 fill-emerald-500\"><\/i>\r\n <span class=\"text-white font-bold bg-black\/50 px-2 rounded mt-2\">Korea<\/span>\r\n <\/div>\r\n <div class=\"absolute top-[40%] right-[28%] anim-entry anim-delay-3 flex flex-col items-center\">\r\n <i data-lucide=\"map-pin\" class=\"text-emerald-500 w-6 h-6 fill-emerald-500\"><\/i>\r\n <span class=\"text-white font-bold bg-black\/50 px-2 rounded mt-2\">Vietnam<\/span>\r\n <\/div>\r\n <div class=\"absolute top-[45%] right-[26%] anim-entry anim-delay-4 flex flex-col items-center\">\r\n <i data-lucide=\"map-pin\" class=\"text-emerald-500 w-6 h-6 fill-emerald-500\"><\/i>\r\n <span class=\"text-white font-bold bg-black\/50 px-2 rounded mt-2\">Singapore<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n\r\n \r\n <div class=\"slide\">\r\n <div class=\"text-center h-full flex flex-col justify-center items-center\">\r\n <h2 class=\"anim-entry text-5xl font-bold mb-6 text-white\">Total Health Solution<\/h2>\r\n <p class=\"anim-entry anim-delay-1 text-2xl text-gray-300 max-w-3xl leading-relaxed mb-12\">\r\n \"\uc9c8\ubcd1 \uadf9\ubcf5\uc744 \ub118\uc5b4 \uc778\ub958 \uac74\uac15\uc758 \uc644\uc131\uc73c\ub85c\"<br>\r\n <span class=\"text-gold-gradient\">\ub300\ubd80\ubd84\uc758 \uc8fc\uc694 \uc9c8\ud658\uc744 \ucee4\ubc84<\/span>\ud558\ub294 \uc0dd\uc57d \ud3ec\ud2b8\ud3f4\ub9ac\uc624\r\n <\/p>\r\n <div class=\"anim-entry anim-delay-2 grid grid-cols-4 gap-4 w-full px-20 text-gray-400 text-sm border-t border-gray-700 pt-8\">\r\n <span>\ub9cc\uc131 \ud1f4\ud589\uc131<\/span>\r\n <span>\uc2ec\ud608\uad00\/\uc21c\ud658\uacc4<\/span>\r\n <span>\uba74\uc5ed\/\uc5fc\uc99d<\/span>\r\n <span>\ub3c5\uc131\/\ud574\ub3c5<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-4 text-white\">1. \ub9cc\uc131 \ud1f4\ud589\uc131 \uc9c8\ud658 \uc194\ub8e8\uc158<\/h2>\r\n <div class=\"grid grid-cols-2 gap-8 h-3\/5\">\r\n <div class=\"anim-entry anim-delay-1 glass-panel p-8\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <div class=\"p-3 bg-blue-900\/50 rounded-lg\"><i data-lucide=\"activity\" class=\"text-blue-400 w-8 h-8\"><\/i><\/div>\r\n <h3 class=\"text-2xl font-bold text-white\">\uc2e0\uc7a5 & \uad00\uc808<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-300\">\r\n <li>\u2022 <strong class=\"text-amber-400\">\ub124\ud504\ub9ac\ucf00\uc5b4<\/strong> (\uc2e0\uc7a5 \uae30\ub2a5)<\/li>\r\n <li>\u2022 <strong class=\"text-white\">\uc544\ud0a4\ubcf8<\/strong> (\uace8\ub2e4\uacf5\uc99d \ubc0f \uad00\uc808)<\/li>\r\n <li>\u2022 <strong class=\"text-white\">\uc720\ub9ac\ucf54\uc820<\/strong> (\ud1b5\ud48d)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-2 glass-panel p-8\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <div class=\"p-3 bg-purple-900\/50 rounded-lg\"><i data-lucide=\"brain-circuit\" class=\"text-purple-400 w-8 h-8\"><\/i><\/div>\r\n <h3 class=\"text-2xl font-bold text-white\">\ub178\uc778\uc131 \uc9c8\ud658<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-300\">\r\n <li>\u2022 <strong class=\"text-white\">\uba54\ubaa8\ub77c<\/strong> (\uce58\ub9e4 \uc608\ubc29)<\/li>\r\n <li>\u2022 <strong class=\"text-white\">\ud504\ub85c\uc2a4\ud0c0\uc820<\/strong> (\uc804\ub9bd\uc120)<\/li>\r\n <li>\u2022 <strong class=\"text-white\">\uc720\ub9ac\uc2a4\ud540<\/strong> (\uc694\uc2e4\uae08)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-4 text-white\">2. \uc2ec\ud608\uad00 \ubc0f \uc21c\ud658\uacc4 \uc194\ub8e8\uc158<\/h2>\r\n <div class=\"flex gap-12 h-3\/5 items-center\">\r\n <div class=\"w-1\/2 anim-entry anim-delay-1\">\r\n <div class=\"p-4 border-l-4 border-red-500 pl-6 mb-8\">\r\n <h3 class=\"text-3xl font-bold text-red-400 mb-2\">\uc0dd\uba85 \uc9c1\uacb0 \uc9c8\ud658<\/h3>\r\n <p class=\"text-gray-300\">\ub1cc\uc878\uc911, \uc2ec\ud608\uad00 \uc9c8\ud658 \uc0ac\ub9dd\ub960\uc758 \uadf9\uc801\uc778 \uac10\uc18c<\/p>\r\n <\/div>\r\n <ul class=\"space-y-4 text-xl text-white\">\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"check-circle\" class=\"text-red-500\"><\/i> \ud39c\ud0c0\ubc1c\ub780\uc2a4 (\uc2ec\ud608\uad00)<\/li>\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"check-circle\" class=\"text-red-500\"><\/i> \ube0c\ub808\uc544\uc820 (\ub1cc\uc878\uc911\/\ud608\uc804)<\/li>\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"check-circle\" class=\"text-red-500\"><\/i> \uce74\ub514\uc624\uc878 (\uc21c\ud658\uacc4)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"w-1\/2 anim-entry anim-delay-2 flex justify-center\">\r\n <i data-lucide=\"heart-pulse\" class=\"w-64 h-64 text-red-500\/20 animate-pulse\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-8 text-white\">3. \uba74\uc5ed, \uc5fc\uc99d, \ud574\ub3c5 \uc194\ub8e8\uc158<\/h2>\r\n <div class=\"grid grid-cols-3 gap-6 h-3\/5\">\r\n \r\n <div class=\"anim-entry anim-delay-1 glass-panel p-6 border-2 border-amber-500 relative overflow-hidden group\">\r\n <div class=\"absolute inset-0 bg-amber-500\/10\"><\/div>\r\n <h3 class=\"text-2xl font-bold text-amber-400 mb-4\">\ud638\ud761\uae30\/\uc54c\ub808\ub974\uae30<\/h3>\r\n <ul class=\"space-y-2 text-white text-lg\">\r\n <li class=\"font-bold text-2xl flex items-center gap-2\"><i data-lucide=\"star\" class=\"fill-amber-400 text-amber-400 w-5 h-5\"><\/i> RENIVO<\/li>\r\n <li class=\"text-sm text-gray-300 mt-2\">\ube44\uc5fc, \ucc9c\uc2dd, \uc54c\ub808\ub974\uae30<br>\ud1b5\ud569 \uac1c\uc120\uc81c<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <div class=\"anim-entry anim-delay-2 glass-panel p-6\">\r\n <h3 class=\"text-2xl font-bold text-emerald-400 mb-4\">\ud574\ub3c5 (Detox)<\/h3>\r\n <ul class=\"space-y-2 text-gray-300\">\r\n <li>\u2022 \ub514\ud1a1\uc2a4 (Detox)<\/li>\r\n <li>\u2022 \uc911\uae08\uc18d \ubc30\ucd9c<\/li>\r\n <li>\u2022 \ud658\uacbd \ub3c5\uc18c \uc81c\uac70<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"anim-entry anim-delay-3 glass-panel p-6\">\r\n <h3 class=\"text-2xl font-bold text-blue-400 mb-4\">\uba74\uc5ed\/\uac10\uc5fc<\/h3>\r\n <ul class=\"space-y-2 text-gray-300\">\r\n <li>\u2022 \uc774\ubba4\ub2c8\uc2a4 (\uba74\uc5ed)<\/li>\r\n <li>\u2022 \uc54c\ub9ac\ubca1\uc2a4 (\ud56d\uc0dd\uc81c)<\/li>\r\n <li>\u2022 \uc778\uc290\ub9ac\uc820 (\ub2f9\ub1e8)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-2 text-white\">The Silent Epidemic<\/h2>\r\n <p class=\"anim-entry text-gray-300 mb-12 text-xl\">\ud604\ub300\uc778\uc758 \ud638\ud761\uae30\uac00 \uc704\ud5d8\ud569\ub2c8\ub2e4.<\/p>\r\n <div class=\"flex justify-between items-center glass-panel p-12 anim-entry anim-delay-1\">\r\n <div>\r\n <p class=\"text-gray-400 mb-2\">\uad6d\ub0b4 \ube44\uc5fc \ud658\uc790 \uc218<\/p>\r\n <div class=\"flex items-baseline gap-2\">\r\n <span class=\"text-9xl font-black text-white leading-none\">750<\/span>\r\n <span class=\"text-4xl font-bold text-amber-500\">\ub9cc \uba85<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"text-right border-l border-gray-600 pl-12\">\r\n <div class=\"text-6xl font-bold text-white mb-2\">20%<\/div>\r\n <p class=\"text-xl text-gray-300\">\uad6d\ubbfc 5\uba85 \uc911 1\uba85<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-6 text-white\">\ud3ed\ubc1c\uc801\uc778 \ud658\uc790 \uc99d\uac00\uc728 (1998-2017)<\/h2>\r\n <div class=\"flex h-[450px] items-end justify-center gap-24 glass-panel p-8 anim-entry anim-delay-1\">\r\n \r\n <div class=\"w-48 flex flex-col items-center\">\r\n <span class=\"text-5xl font-black text-red-500 mb-4\">+305%<\/span>\r\n <div class=\"w-32 bg-gradient-to-t from-red-900 to-red-600 relative h-[350px] rounded-t-lg\">\r\n <div style=\"--h: 100%;\" class=\"absolute bottom-0 w-full bg-white\/20 bar-animate\"><\/div>\r\n <\/div>\r\n <span class=\"mt-4 font-bold text-xl text-white\">\ucc9c\uc2dd \ud658\uc790<\/span>\r\n <\/div>\r\n \r\n <div class=\"w-48 flex flex-col items-center\">\r\n <span class=\"text-5xl font-black text-amber-400 mb-4\">+209%<\/span>\r\n <div class=\"w-32 bg-gradient-to-t from-amber-900 to-amber-500 relative h-[240px] rounded-t-lg\">\r\n <div style=\"--h: 100%;\" class=\"absolute bottom-0 w-full bg-white\/20 bar-animate\"><\/div>\r\n <\/div>\r\n <span class=\"mt-4 font-bold text-xl text-white\">\ube44\uc5fc\/\ucd95\ub18d\uc99d<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-center mt-6 text-gray-500 text-sm\">* \ucd9c\ucc98: NIH \ubc0f \uc11c\uc6b8\uc544\uc0b0\ubcd1\uc6d0 \ud1b5\uacc4 \uc790\ub8cc<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-12 text-white\">\uc8fc\uc694 \uc6d0\uc778 (Causes)<\/h2>\r\n <div class=\"grid grid-cols-3 gap-8\">\r\n <div class=\"anim-entry anim-delay-1 glass-panel p-8 text-center hover:bg-white\/5 transition-colors\">\r\n <i data-lucide=\"haze\" class=\"w-16 h-16 text-gray-300 mb-6 mx-auto\"><\/i>\r\n <h3 class=\"text-2xl font-bold text-white mb-2\">\ubbf8\uc138\uba3c\uc9c0<\/h3>\r\n <p class=\"text-gray-400\">\ud638\ud761\uae30 \uc810\ub9c9 \uc9c1\uc811 \uc790\uadf9<\/p>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-2 glass-panel p-8 text-center hover:bg-white\/5 transition-colors\">\r\n <i data-lucide=\"factory\" class=\"w-16 h-16 text-gray-300 mb-6 mx-auto\"><\/i>\r\n <h3 class=\"text-2xl font-bold text-white mb-2\">\ub300\uae30\uc624\uc5fc<\/h3>\r\n <p class=\"text-gray-400\">\uc911\uae08\uc18d\uc73c\ub85c \uc778\ud55c \uba74\uc5ed \uad50\ub780<\/p>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-3 glass-panel p-8 text-center hover:bg-white\/5 transition-colors\">\r\n <i data-lucide=\"home\" class=\"w-16 h-16 text-gray-300 mb-6 mx-auto\"><\/i>\r\n <h3 class=\"text-2xl font-bold text-white mb-2\">\uc2e4\ub0b4 \uc0dd\ud65c<\/h3>\r\n <p class=\"text-gray-400\">\ud658\uae30 \ubd80\uc871 \ubc0f \uc54c\ub808\ub974\uac90 \ub178\ucd9c<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-12 text-white\">\uae30\uc874 \uce58\ub8cc\uc758 \uad6c\uc870\uc801 \ud55c\uacc4<\/h2>\r\n <div class=\"grid grid-cols-2 gap-12 h-3\/5\">\r\n <div class=\"anim-entry anim-delay-1 bg-red-900\/10 border border-red-500\/30 p-8 rounded-xl\">\r\n <h3 class=\"text-2xl font-bold text-red-400 mb-4\">\uc57d\ubb3c \uce58\ub8cc\uc758 \ubd80\uc791\uc6a9<\/h3>\r\n <ul class=\"space-y-4 text-xl text-gray-300\">\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"alert-triangle\" class=\"text-red-500\"><\/i> \ud56d\ud788\uc2a4\ud0c0\ubbfc\uc81c \uc7a5\uae30 \ubcf5\uc6a9<\/li>\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"alert-triangle\" class=\"text-red-500\"><\/i> \ub0b4\uc131 \ubc1c\uc0dd \ubc0f \ud6a8\uacfc \uac10\uc18c<\/li>\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"alert-triangle\" class=\"text-red-500\"><\/i> \uc878\uc74c, \uc785\ub9c8\ub984, \uac04 \uc190\uc0c1 \uc6b0\ub824<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-2 bg-gray-800\/30 border border-gray-600 p-8 rounded-xl\">\r\n <h3 class=\"text-2xl font-bold text-gray-300 mb-4\">\uc218\uc220 \ubc0f \uba74\uc5ed \uc694\ubc95<\/h3>\r\n <ul class=\"space-y-4 text-xl text-gray-400\">\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"x\" class=\"text-gray-500\"><\/i> \uadfc\ubcf8\uc801 \uba74\uc5ed \uccb4\uacc4 \ubbf8\uac1c\uc120<\/li>\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"x\" class=\"text-gray-500\"><\/i> \ub192\uc740 \uc7ac\ubc1c \uac00\ub2a5\uc131<\/li>\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"x\" class=\"text-gray-500\"><\/i> \uc804\uc2e0 \uc54c\ub808\ub974\uae30 \ubc18\uc751 \uc704\ud5d8<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n\r\n \r\n <div class=\"slide\">\r\n <div class=\"h-full flex flex-col items-center justify-center text-center\">\r\n <h2 class=\"anim-entry text-5xl font-bold mb-12 text-white\">\uce58\ub8cc\uc758 \ud328\ub7ec\ub2e4\uc784\uc744 \ubc14\uafb8\ub2e4<\/h2>\r\n <div class=\"flex items-center gap-8 w-full justify-center\">\r\n <div class=\"anim-entry anim-delay-1 w-1\/3 p-8 border border-gray-600 rounded-xl opacity-50\">\r\n <h3 class=\"text-2xl font-bold text-gray-400 mb-2\">\uae30\uc874 \uce58\ub8cc<\/h3>\r\n <p class=\"text-xl text-gray-400\">\uc99d\uc0c1 \uc5b5\uc81c (\ub300\uc99d \uc694\ubc95)<\/p>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-2\">\r\n <i data-lucide=\"arrow-right\" class=\"w-12 h-12 text-amber-500\"><\/i>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-3 w-1\/3 p-8 border-2 border-amber-500 bg-amber-900\/20 rounded-xl shadow-[0_0_30px_rgba(245,158,11,0.2)]\">\r\n <h3 class=\"text-2xl font-bold text-amber-400 mb-2\">RENIVO \uc194\ub8e8\uc158<\/h3>\r\n <p class=\"text-xl text-white font-bold\"><span class=\"text-gold-gradient\">\uc2dc\uc2a4\ud15c \ub9ac\uc14b<\/span> (System Reset)<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <div class=\"flex h-full items-center\">\r\n <div class=\"w-1\/2 anim-entry pl-10\">\r\n <div class=\"inline-block px-4 py-2 border border-amber-500 rounded-full text-amber-400 text-sm font-bold mb-6\">PREMIUM HERBAL SOLUTION<\/div>\r\n <h2 class=\"text-7xl font-black mb-6 text-white\">RENIVO\u2122<\/h2>\r\n <p class=\"text-3xl text-gray-200 mb-8 leading-relaxed font-light\">\r\n \uc138\uacc4 \ucd5c\ucd08 \uc0dd\uc57d \uae30\ubc18<br>\r\n \ube44\uc5fc\/\ucc9c\uc2dd \ud1b5\ud569 \uac1c\uc120\uc81c\r\n <\/p>\r\n <ul class=\"space-y-3 text-xl text-gray-300\">\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"text-emerald-500\"><\/i> Nasal Health Support<\/li>\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"text-emerald-500\"><\/i> Easy Breathing<\/li>\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"text-emerald-500\"><\/i> Immune System Balance<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"w-1\/2 flex justify-center anim-entry anim-delay-2\">\r\n \r\n <div class=\"w-72 h-[450px] bg-gradient-to-b from-[#064e3b] to-black rounded-t-full rounded-b-[3rem] border border-amber-500\/50 relative shadow-[0_0_60px_rgba(245,158,11,0.2)] flex flex-col items-center justify-center\">\r\n <div class=\"absolute inset-0 bg-white\/5 backdrop-blur-sm rounded-[inherit]\"><\/div>\r\n <h3 class=\"relative z-10 text-5xl font-black text-amber-400 tracking-widest serif-font\">RENIVO<\/h3>\r\n <div class=\"w-12 h-[2px] bg-white my-6 relative z-10\"><\/div>\r\n <p class=\"relative z-10 text-xs tracking-[0.3em] text-white font-bold\">HCBIOPHARM<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-12 text-center text-white\">4-Step Action Mechanism<\/h2>\r\n <div class=\"flex justify-between items-center relative px-12 mt-12\">\r\n <div class=\"absolute top-1\/2 left-0 w-full h-[3px] bg-gray-700 -z-10\">\r\n <div class=\"h-full bg-amber-500 width-animate\" style=\"--w: 100%;\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"anim-entry anim-delay-1 bg-[#022c22] p-6 rounded-full border-4 border-amber-500 w-48 h-48 flex flex-col items-center justify-center text-center shadow-[0_0_30px_rgba(245,158,11,0.4)]\">\r\n <span class=\"text-3xl font-bold text-amber-400\">01<\/span>\r\n <span class=\"font-bold mt-2 text-xl text-white\">\ud574\ub3c5<\/span>\r\n <span class=\"text-sm text-gray-400\">Detox<\/span>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-2 bg-[#022c22] p-6 rounded-full border-2 border-gray-500 w-40 h-40 flex flex-col items-center justify-center text-center\">\r\n <span class=\"text-2xl font-bold text-gray-400\">02<\/span>\r\n <span class=\"font-bold mt-2 text-lg text-white\">\uba74\uc5ed \uade0\ud615<\/span>\r\n <span class=\"text-sm text-gray-500\">Immunity<\/span>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-3 bg-[#022c22] p-6 rounded-full border-2 border-gray-500 w-40 h-40 flex flex-col items-center justify-center text-center\">\r\n <span class=\"text-2xl font-bold text-gray-400\">03<\/span>\r\n <span class=\"font-bold mt-2 text-lg text-white\">\uc810\ub9c9 \ubcf4\ud638<\/span>\r\n <span class=\"text-sm text-gray-500\">Protection<\/span>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-4 bg-[#022c22] p-6 rounded-full border-2 border-gray-500 w-40 h-40 flex flex-col items-center justify-center text-center\">\r\n <span class=\"text-2xl font-bold text-gray-400\">04<\/span>\r\n <span class=\"font-bold mt-2 text-lg text-white\">\uadfc\ubcf8 \uce58\uc720<\/span>\r\n <span class=\"text-sm text-gray-500\">Recovery<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <span class=\"px-3 py-1 bg-amber-500 text-black font-bold rounded\">Step 1<\/span>\r\n <h2 class=\"text-4xl font-bold text-white\">\uac15\ub825\ud55c \ud574\ub3c5 \uc791\uc6a9 (Detoxification)<\/h2>\r\n <\/div>\r\n <div class=\"flex gap-12 items-center h-3\/5\">\r\n <div class=\"w-1\/2 anim-entry\">\r\n <h3 class=\"text-3xl font-bold text-amber-400 mb-6\">\"\uc6d0\uc778\uc744 \ucc28\ub2e8\ud569\ub2c8\ub2e4\"<\/h3>\r\n <p class=\"text-xl text-gray-300 leading-relaxed\">\r\n \uc0dd\uc57d \uc131\ubd84\uc758 \uac15\ub825\ud55c \ud574\ub3c5 \uc791\uc6a9\uc73c\ub85c<br>\r\n \uba74\uc5ed \uacfc\ubbfc\ubc18\uc751\uc744 \uc77c\uc73c\ud0a4\ub294 <strong class=\"text-white border-b border-amber-500\">\uc54c\ub808\ub974\uac90\uc744 \ucc28\ub2e8<\/strong>\ud558\uace0,<br>\r\n \uccb4\ub0b4 \ub3c5\uc18c\ub97c \ubc30\ucd9c\ud558\uc5ec \uc2dc\uc2a4\ud15c\uc744 \uc815\ud654\ud569\ub2c8\ub2e4.\r\n <\/p>\r\n <\/div>\r\n <div class=\"w-1\/2 anim-entry anim-delay-1 flex justify-center\">\r\n <i data-lucide=\"shield-off\" class=\"w-64 h-64 text-gray-600\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <div class=\"mb-8 anim-entry\">\r\n <span class=\"text-amber-400 font-bold tracking-widest text-sm mb-2 block\">CLINICAL DATA<\/span>\r\n <h2 class=\"text-4xl font-bold text-white\">\uc0b0\ud654 \uc2a4\ud2b8\ub808\uc2a4(MDA) \ud574\ub3c5 \uac80\uc99d<\/h2>\r\n <p class=\"text-gray-400 mt-2\">\ud761\uc5f0 4\uc2dc\uac04 \ud6c4 \uccb4\ub0b4 MDA \ub18d\ub3c4 \ubcc0\ud654 \ube44\uad50 (PDF p16)<\/p>\r\n <\/div>\r\n \r\n <div class=\"flex items-end h-[400px] gap-24 px-12 pb-8 glass-panel anim-entry anim-delay-1\">\r\n \r\n <div class=\"w-1\/2 flex flex-col items-center\">\r\n <div class=\"mb-4 text-center\">\r\n <span class=\"text-5xl font-black text-red-500\">+59%<\/span>\r\n <p class=\"text-red-300 font-bold text-xl mt-2\">\uc99d\uac00 (\uc545\ud654)<\/p>\r\n <\/div>\r\n <div class=\"w-40 bg-red-900\/40 border border-red-500\/50 rounded-t-lg relative h-full w-full max-w-[200px]\">\r\n <div style=\"--h: 80%;\" class=\"absolute bottom-0 w-full bg-gradient-to-t from-red-900 to-red-600 bar-animate\"><\/div>\r\n <\/div>\r\n <p class=\"mt-4 text-2xl font-bold text-white\">\ub300\uc870\uad70 (Control)<\/p>\r\n <p class=\"text-gray-400 mt-1\">\uc0b0\ud654\uc2a4\ud2b8\ub808\uc2a4 \uae09\uc99d<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"w-1\/2 flex flex-col items-center\">\r\n <div class=\"mb-4 text-center\">\r\n <span class=\"text-5xl font-black text-emerald-400\">-33%<\/span>\r\n <p class=\"text-emerald-300 font-bold text-xl mt-2\">\uac10\uc18c (\uac1c\uc120)<\/p>\r\n <\/div>\r\n <div class=\"w-40 bg-emerald-900\/40 border border-emerald-500\/50 rounded-t-lg relative h-full w-full max-w-[200px]\">\r\n <div style=\"--h: 30%;\" class=\"absolute bottom-0 w-full bg-gradient-to-t from-emerald-900 to-emerald-500 bar-animate\"><\/div>\r\n <\/div>\r\n <p class=\"mt-4 text-2xl font-bold text-emerald-300\">\ub808\ub2c8\ubcf4 \uc12d\ucde8\uad70 (Detox)<\/p>\r\n <p class=\"text-gray-400 mt-1\">\uc0b0\ud654\uc2a4\ud2b8\ub808\uc2a4 \uc720\uc758\ubbf8\ud55c \uac10\uc18c<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <span class=\"px-3 py-1 bg-gray-700 text-white font-bold rounded\">Step 2<\/span>\r\n <h2 class=\"text-4xl font-bold text-white\">\uba74\uc5ed \uade0\ud615 (Immunity)<\/h2>\r\n <\/div>\r\n <div class=\"grid grid-cols-2 gap-12 h-3\/5\">\r\n <div class=\"anim-entry anim-delay-1 flex flex-col justify-center\">\r\n <h3 class=\"text-3xl font-bold text-white mb-4\">\uacfc\ubbfc \ubc18\uc751 \uc9c4\uc815<\/h3>\r\n <p class=\"text-gray-200 text-xl leading-relaxed mb-8\">\r\n \ud56d\uc0b0\ud654 \uc0dd\uc57d \uc131\ubd84\uacfc \uc544\uc5f0\uc774 \uacb0\ud569\ud558\uc5ec<br>\r\n \ube44\uac15 \uc810\ub9c9\uc758 \uba74\uc5ed \uae30\ub2a5\uc744 \uac15\ud654\ud558\uace0,<br>\r\n <span class=\"text-amber-400 font-bold\">\ub9cc\uc131 \uc5fc\uc99d\uc744 \ud6a8\uacfc\uc801\uc73c\ub85c \uc81c\uac70<\/span>\ud569\ub2c8\ub2e4.\r\n <\/p>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-2 flex items-center justify-center\">\r\n <i data-lucide=\"scale\" class=\"w-48 h-48 text-emerald-400\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <span class=\"px-3 py-1 bg-gray-700 text-white font-bold rounded\">Step 3<\/span>\r\n <h2 class=\"text-4xl font-bold text-white\">\ube44\uac15 \uc810\ub9c9 \ubcf4\ud638 (Protection)<\/h2>\r\n <\/div>\r\n <div class=\"glass-panel p-10 h-3\/5 flex flex-row items-center gap-12 anim-entry\">\r\n <div class=\"w-1\/3 flex justify-center\">\r\n <i data-lucide=\"droplets\" class=\"w-40 h-40 text-blue-400 animate-float drop-shadow-[0_0_20px_rgba(96,165,250,0.6)]\"><\/i>\r\n <\/div>\r\n <div class=\"w-2\/3\">\r\n <h3 class=\"text-3xl font-bold mb-6 text-white\">\"\uac74\uc870\ud568\uc774 \uac00\uc7a5 \ud070 \uc801\uc785\ub2c8\ub2e4\"<\/h3>\r\n <p class=\"text-xl text-gray-200 leading-relaxed\">\r\n \ube44\uac15 \uc810\ub9c9\uc744 \ucd09\ucd09\ud558\uac8c \uc720\uc9c0(Moisturizing)\ud558\uc5ec<br>\r\n \ubc14\uc774\ub7ec\uc2a4\uc640 \ubbf8\uc138\uba3c\uc9c0\uac00 \uce68\ud22c\ud558\uc9c0 \ubabb\ud558\ub3c4\ub85d<br>\r\n <span class=\"text-blue-300 font-bold text-2xl\">\uac15\ub825\ud55c \ubc29\uc5b4\ub9c9\uc744 \ud615\uc131<\/span>\ud569\ub2c8\ub2e4.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-8 text-white\">Renivo 4\ub300 \ud575\uc2ec \ud2b9\uc9d5<\/h2>\r\n <div class=\"grid grid-cols-2 gap-6 h-3\/5\">\r\n <div class=\"anim-entry anim-delay-1 glass-panel p-6 flex gap-4 items-start hover:bg-white\/5 transition-colors\">\r\n <span class=\"text-5xl font-bold text-gray-600\">01<\/span>\r\n <div>\r\n <h3 class=\"text-2xl font-bold text-amber-400 mb-2\">\ucc28\ubcc4\ud654\ub41c \uae30\uc220\ub825<\/h3>\r\n <p class=\"text-gray-300\">\ub3d9\uc591\uc758\ud559 + \ud604\ub300\uacfc\ud559 25\ub144 \uc5f0\uad6c.<br>\ub3c5\ubcf4\uc801\uc778 \ud574\ub3c5\/\uba74\uc5ed\/\uc57d\ub9ac \uc791\uc6a9.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-2 glass-panel p-6 flex gap-4 items-start hover:bg-white\/5 transition-colors\">\r\n <span class=\"text-5xl font-bold text-gray-600\">02<\/span>\r\n <div>\r\n <h3 class=\"text-2xl font-bold text-amber-400 mb-2\">\ud504\ub9ac\ubbf8\uc5c4 \uc0dd\uc57d<\/h3>\r\n <p class=\"text-gray-300\">\uce61, \uacc4\ud53c, \ubaa8\ub780 \ub4f1 \ud575\uc2ec \uc0dd\uc57d \uc5c4\uc120.<br>\uc544\uc5f0 \ud568\uc720\ub85c \uba74\uc5ed \uae30\ub2a5 \uadf9\ub300\ud654.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-3 glass-panel p-6 flex gap-4 items-start hover:bg-white\/5 transition-colors\">\r\n <span class=\"text-5xl font-bold text-gray-600\">03<\/span>\r\n <div>\r\n <h3 class=\"text-2xl font-bold text-amber-400 mb-2\">\uc815\ubc00 \ubc1c\ud6a8 \uacf5\ubc95<\/h3>\r\n <p class=\"text-gray-300\">HC\ubc14\uc774\uc624\ud31c\ub9cc\uc758 \uace0\uc720 \ubc1c\ud6a8 \uae30\uc220.<br>\uccb4\ub0b4 \ud761\uc218\uc728\uacfc \ud6a8\ub2a5 \uadf9\ub300\ud654.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-4 glass-panel p-6 flex gap-4 items-start hover:bg-white\/5 transition-colors\">\r\n <span class=\"text-5xl font-bold text-gray-600\">04<\/span>\r\n <div>\r\n <h3 class=\"text-2xl font-bold text-amber-400 mb-2\">\uc644\ubcbd\ud55c \uc548\uc804\uc131<\/h3>\r\n <p class=\"text-gray-300\">\ubbf8\uc0dd\ubb3c\/\uc911\uae08\uc18d\/\uac04\ub3c5\uc131 \ud14c\uc2a4\ud2b8 \uc644\ub8cc.<br>\ubd80\uc791\uc6a9 \uc5c6\ub294 \uc548\uc804\ud55c \uc131\ubd84.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-12 text-white\">8\uac00\uc9c0 \ud575\uc2ec \uc0dd\uc57d + \uc544\uc5f0<\/h2>\r\n <div class=\"grid grid-cols-4 gap-6\">\r\n \r\n <div class=\"anim-entry feature-card p-6 text-center rounded-2xl\"><span class=\"text-4xl block mb-4\">\ud83c\udf3f<\/span><span class=\"text-xl font-bold text-white\">\uce61 (Kudzu)<\/span><\/div>\r\n <div class=\"anim-entry feature-card p-6 text-center rounded-2xl\"><span class=\"text-4xl block mb-4\">\ud83e\udeb5<\/span><span class=\"text-xl font-bold text-white\">\uacc4\ud53c<\/span><\/div>\r\n <div class=\"anim-entry feature-card p-6 text-center rounded-2xl\"><span class=\"text-4xl block mb-4\">\ud83c\udf3a<\/span><span class=\"text-xl font-bold text-white\">\ubaa8\ub780<\/span><\/div>\r\n <div class=\"anim-entry feature-card p-6 text-center rounded-2xl\"><span class=\"text-4xl block mb-4\">\ud83c\udf52<\/span><span class=\"text-xl font-bold text-white\">\ub300\ucd94<\/span><\/div>\r\n <div class=\"anim-entry feature-card p-6 text-center rounded-2xl\"><span class=\"text-4xl block mb-4\">\ud83c\udf31<\/span><span class=\"text-xl font-bold text-white\">\ucc9c\uad81<\/span><\/div>\r\n <div class=\"anim-entry feature-card p-6 text-center rounded-2xl\"><span class=\"text-4xl block mb-4\">\ud83c\udf6c<\/span><span class=\"text-xl font-bold text-white\">\uac10\ucd08<\/span><\/div>\r\n <div class=\"anim-entry feature-card p-6 text-center rounded-2xl\"><span class=\"text-4xl block mb-4\">\ud83e\udeda<\/span><span class=\"text-xl font-bold text-white\">\uc0dd\uac15<\/span><\/div>\r\n <div class=\"anim-entry feature-card p-6 text-center rounded-2xl border-emerald-500 bg-emerald-900\/20\"><span class=\"text-4xl block mb-4\">\u2697\ufe0f<\/span><span class=\"text-xl font-bold text-emerald-400\">\uc544\uc5f0 (Zinc)<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-12 text-white\">\ud0c0\ud611 \uc5c6\ub294 \uc548\uc804\uc131 (Safety)<\/h2>\r\n <div class=\"flex justify-center gap-12\">\r\n <div class=\"anim-entry anim-delay-1 w-72 h-72 border border-gray-600 rounded-full flex flex-col items-center justify-center bg-black\/30\">\r\n <i data-lucide=\"microscope\" class=\"w-12 h-12 text-gray-400 mb-4\"><\/i>\r\n <h3 class=\"text-2xl font-bold text-gray-200\">\ubbf8\uc0dd\ubb3c \ud14c\uc2a4\ud2b8<\/h3>\r\n <span class=\"text-emerald-400 font-bold mt-2 text-2xl\">\uc801\ud569 (Pass)<\/span>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-2 w-72 h-72 border-4 border-amber-500 rounded-full flex flex-col items-center justify-center shadow-[0_0_40px_rgba(245,158,11,0.3)] bg-black\/30\">\r\n <i data-lucide=\"check-circle-2\" class=\"w-16 h-16 text-amber-500 mb-4\"><\/i>\r\n <h3 class=\"text-2xl font-bold text-white\">\uc911\uae08\uc18d \ud14c\uc2a4\ud2b8<\/h3>\r\n <span class=\"text-emerald-400 font-bold mt-2 text-2xl\">\uc801\ud569 (Pass)<\/span>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-3 w-72 h-72 border border-gray-600 rounded-full flex flex-col items-center justify-center bg-black\/30\">\r\n <i data-lucide=\"activity\" class=\"w-12 h-12 text-gray-400 mb-4\"><\/i>\r\n <h3 class=\"text-2xl font-bold text-gray-200\">\uac04\ub3c5\uc131 \uc5ec\ubd80<\/h3>\r\n <span class=\"text-emerald-400 font-bold mt-2 text-2xl\">\uc548\uc804 (Safe)<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-8 text-white\">\uace0\uac1d \uccb4\ud5d8 \ud6c4\uae30<\/h2>\r\n <div class=\"anim-entry anim-delay-1 glass-panel p-16 relative border-amber-500\/30\">\r\n <i data-lucide=\"quote\" class=\"absolute top-10 left-10 text-amber-500 w-20 h-20 opacity-40\"><\/i>\r\n <p class=\"text-3xl leading-relaxed italic text-gray-100 text-center px-12 serif-font\">\r\n \"\uc591\uc57d\ucc98\ub7fc \uc810\ub9c9\uc744 \uc5b5\uc9c0\ub85c \ub9d0\ub9ac\ub294 \ub290\ub08c\uc774 \uc544\ub2c8\uc5c8\uc2b5\ub2c8\ub2e4.<br>\r\n <span class=\"text-gold font-bold\">\uc810\ub9c9\uc740 \ucd09\ucd09\ud558\uac8c \uc720\uc9c0\ub418\uba74\uc11c \uc5fc\uc99d\ub9cc \uac00\ub77c\uc549\ub294 \ub290\ub08c<\/span>,<br>\r\n \ube44\ub85c\uc18c \uc228\uc26c\uae30\uac00 \ud3b8\uc548\ud574\uc84c\uc2b5\ub2c8\ub2e4.\"\r\n <\/p>\r\n <div class=\"mt-12 text-center border-t border-gray-600 pt-8 inline-block w-full\">\r\n <span class=\"font-bold text-amber-400 text-2xl\">\ud669xx \uace0\uac1d\ub2d8<\/span>\r\n <span class=\"text-lg text-gray-300 block mt-2\">\ub9cc\uc131 \ube44\uc5fc \ubc0f \uc778\ud6c4\ud1b5 \uac1c\uc120 \uc0ac\ub840<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-8 text-white\">\ud6a8\uacfc\uc801\uc778 \uc12d\ucde8 \uac00\uc774\ub4dc<\/h2>\r\n <div class=\"grid grid-cols-2 gap-12 h-3\/5\">\r\n <div class=\"anim-entry anim-delay-1 bg-red-900\/20 border border-red-500\/50 p-10 rounded-2xl\">\r\n <h3 class=\"text-3xl font-bold text-red-300 mb-6\">\uae09\uc131 \uc99d\uc0c1 \uc2dc<\/h3>\r\n <ul class=\"space-y-6 text-gray-100 text-xl\">\r\n <li>\u2022 \uc99d\uc0c1\uc774 \uc788\uc744 \ub54c\ub9c8\ub2e4 <strong>2\ucea1\uc290<\/strong><\/li>\r\n <li class=\"p-6 bg-black\/40 rounded-xl text-base text-gray-200 mt-4 border border-gray-600\">\r\n <strong class=\"text-gold text-lg\">TIP:<\/strong> \ucea1\uc290\uc744 \uc5f4\uc5b4 \uac00\ub8e8\ub97c \uad6c\uac15(\ud600 \ubc11)\uc5d0 \uba38\uae08\uc73c\uba74 \ub354\uc6b1 \ube60\ub978 \ud6a8\uacfc\ub97c \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4.\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"anim-entry anim-delay-2 bg-emerald-900\/20 border border-emerald-500\/50 p-10 rounded-2xl\">\r\n <h3 class=\"text-3xl font-bold text-emerald-300 mb-6\">\uadfc\ubcf8 \uce58\uc720 (\ub370\uc77c\ub9ac)<\/h3>\r\n <ul class=\"space-y-6 text-gray-100 text-xl\">\r\n <li>\u2022 <strong>\uacf5\ubcf5<\/strong> \uc12d\ucde8 \uad8c\uc7a5<\/li>\r\n <li>\u2022 <span class=\"text-3xl font-bold text-white\">\uc544\uce68 2\uc54c + \uc800\ub141 2\uc54c<\/span><\/li>\r\n <li class=\"text-base text-emerald-200 mt-4 font-bold\">* \ud3c9\uc18c\ubcf4\ub2e4 \ubb3c \uc12d\ucde8\ub7c9\uc744 1.5\ubc30 \ub298\ub824\uc8fc\uc138\uc694.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <div class=\"h-full flex flex-col items-center justify-center text-center\">\r\n <div class=\"anim-entry w-40 h-40 mb-8 relative\">\r\n <div class=\"absolute inset-0 bg-gold-glow animate-pulse rounded-full\"><\/div>\r\n <i data-lucide=\"flower-2\" class=\"w-full h-full text-gold relative z-10\"><\/i>\r\n <\/div>\r\n <h1 class=\"anim-entry anim-delay-1 text-7xl font-bold mb-6 text-gold-gradient serif-font\">Completing Human Health<\/h1>\r\n <p class=\"anim-entry anim-delay-2 text-3xl text-gray-100 mb-12 max-w-4xl\">\r\n \uc99d\uc0c1 \uad00\ub9ac\ub97c \ub118\uc5b4\uc120 <strong>\uc644\uc804\ud55c \ud68c\ubcf5<\/strong>,<br>\r\n HCBIOPHARM\uc774 \uadf8 \uc5ec\uc815\uc744 \ud568\uaed8\ud569\ub2c8\ub2e4.\r\n <\/p>\r\n <div class=\"anim-entry anim-delay-3 flex gap-8 text-gray-400 text-lg\">\r\n <span>\u00a9 2025 HCBIOPHARM. All Rights Reserved.<\/span>\r\n <span>Silicon Valley, USA<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"absolute bottom-8 right-8 flex gap-4 z-50\">\r\n <button onclick=\"prevSlide()\" class=\"group p-4 rounded-full border-2 border-gray-600 hover:border-amber-500 hover:bg-amber-500\/20 transition-all\">\r\n <i data-lucide=\"chevron-left\" class=\"w-8 h-8 text-gray-300 group-hover:text-amber-400\"><\/i>\r\n <\/button>\r\n <button onclick=\"nextSlide()\" class=\"group p-4 rounded-full bg-amber-600 hover:bg-amber-500 shadow-lg hover:shadow-amber-500\/50 transition-all\">\r\n <i data-lucide=\"chevron-right\" class=\"w-8 h-8 text-white\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <div class=\"absolute bottom-8 left-8 font-mono text-amber-500 font-bold text-2xl\">\r\n <span id=\"current-slide\">01<\/span> \/ <span id=\"total-slides\">25<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <script>\r\n lucide.createIcons();\r\n\r\n let currentSlide = 0;\r\n const slides = document.querySelectorAll('.slide');\r\n const progressBar = document.getElementById('progress-bar');\r\n const currentSlideEl = document.getElementById('current-slide');\r\n const totalSlidesEl = document.getElementById('total-slides');\r\n \r\n totalSlidesEl.innerText = slides.length;\r\n\r\n function updateSlide() {\r\n slides.forEach((slide, index) => {\r\n slide.classList.remove('active');\r\n if (index === currentSlide) slide.classList.add('active');\r\n });\r\n \r\n \/\/ Progress Bar Update\r\n const progress = ((currentSlide + 1) \/ slides.length) * 100;\r\n progressBar.style.width = `${progress}%`;\r\n \r\n \/\/ Slide Number Update\r\n currentSlideEl.innerText = String(currentSlide + 1).padStart(2, '0');\r\n }\r\n\r\n function nextSlide() {\r\n if (currentSlide < slides.length - 1) {\r\n currentSlide++;\r\n updateSlide();\r\n }\r\n }\r\n\r\n function prevSlide() {\r\n if (currentSlide > 0) {\r\n currentSlide--;\r\n updateSlide();\r\n }\r\n }\r\n\r\n function startPresentation() {\r\n const overlay = document.getElementById('start-overlay');\r\n const container = document.getElementById('presentation-container');\r\n \r\n overlay.style.opacity = '0';\r\n setTimeout(() => {\r\n overlay.style.display = 'none';\r\n container.style.display = 'block';\r\n \r\n \/\/ Fullscreen Trigger\r\n if (document.documentElement.requestFullscreen) document.documentElement.requestFullscreen();\r\n else if (document.documentElement.webkitRequestFullscreen) document.documentElement.webkitRequestFullscreen();\r\n \r\n lucide.createIcons();\r\n }, 500);\r\n }\r\n\r\n \/\/ Keyboard Controls\r\n document.addEventListener('keydown', (e) => {\r\n if (document.getElementById('presentation-container').style.display === 'block') {\r\n if (e.key === 'ArrowRight' || e.key === 'Space' || e.key === 'Enter') nextSlide();\r\n if (e.key === 'ArrowLeft') prevSlide();\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n```\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>HCBIOPHARM RENIVO Strategic Presentation (Full 25 Slides) RENIVO Strategy HCBIOPHARM Full Strategic Plan (25 Slides) \ud504\ub808\uc820\ud14c\uc774\uc158 \uc2dc\uc791 Bio-Tech Solution The Finest Gift From Nature \ube44\uc5fc, \uc54c\ub808\ub974\uae30, \ucc9c\uc2dd\uc758 \uadfc\ubcf8\uc801 \ud574\uacb0. \ub3d9\uc591\uc758\ud559\uacfc \ud604\ub300\uacfc\ud559\uc774 \uc735\ud569\ub41c \uc0dd\uc57d \uc194\ub8e8\uc158. \u00a9 2025 HCBIOPHARM | Silicon Valley, USA Table of Contents 01 Company HC\ubc14\uc774\uc624\ud31c \uc18c\uac1c \ubc0f\uae00\ub85c\ubc8c \ub124\ud2b8\uc6cc\ud06c 02 Portfolio 14\uc885\uc758 \uc138\uacc4 \ucd5c\ucd08\uc0dd\uc57d […]<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"wf_page_folders":[],"class_list":["post-3935","page","type-page","status-publish","format-standard","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hcbiopharm.net\/ko_kr\/wp-json\/wp\/v2\/pages\/3935","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hcbiopharm.net\/ko_kr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hcbiopharm.net\/ko_kr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hcbiopharm.net\/ko_kr\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/hcbiopharm.net\/ko_kr\/wp-json\/wp\/v2\/comments?post=3935"}],"version-history":[{"count":26,"href":"https:\/\/hcbiopharm.net\/ko_kr\/wp-json\/wp\/v2\/pages\/3935\/revisions"}],"predecessor-version":[{"id":3964,"href":"https:\/\/hcbiopharm.net\/ko_kr\/wp-json\/wp\/v2\/pages\/3935\/revisions\/3964"}],"wp:attachment":[{"href":"https:\/\/hcbiopharm.net\/ko_kr\/wp-json\/wp\/v2\/media?parent=3935"}],"wp:term":[{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/hcbiopharm.net\/ko_kr\/wp-json\/wp\/v2\/wf_page_folders?post=3935"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}