{"id":14977,"date":"2025-10-25T19:57:58","date_gmt":"2025-10-25T19:57:58","guid":{"rendered":"https:\/\/o2nb.site\/?page_id=14977"},"modified":"2025-10-26T21:17:57","modified_gmt":"2025-10-26T21:17:57","slug":"o2b-report","status":"publish","type":"page","link":"https:\/\/o2nb.site\/en\/o2b-report\/","title":{"rendered":"O2&B-Report"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n O2&B VIETNAM PARTNERSHIP<\/title>\r\n \r\n <!-- Tailwind CSS -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <!-- Fonts: Pretendard (Korean) & Inter (Fallback\/Other languages) -->\r\n <link href=\"https:\/\/cdn.jsdelivr.net\/gh\/orioncactus\/pretendard@v1.3.9\/dist\/web\/static\/pretendard.min.css\" rel=\"stylesheet\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n \/* --- \uae30\ubcf8 & \uc2a4\ud06c\ub864 \uc124\uc815 --- *\/\r\n html, body {\r\n height: 100%;\r\n width: 100%;\r\n margin: 0;\r\n padding: 0;\r\n overflow: hidden; \/* \uc804\uccb4 \ud398\uc774\uc9c0 \uc2a4\ud06c\ub864 \ubc29\uc9c0 *\/\r\n background-color: #0d1117; \/* \uc5b4\ub450\uc6b4 \ubc30\uacbd \uae30\ubcf8\uac12 *\/\r\n \/* \ud83d\udd25 Font Family: Pretendard \uc6b0\uc120, Inter \ub300\uccb4 *\/\r\n font-family: 'Pretendard', 'Inter', -apple-system, BlinkMacSystemFont, system-ui, Roboto, \"Helvetica Neue\", \"Segoe UI\", \"Apple SD Gothic Neo\", \"Noto Sans KR\", \"Malgun Gothic\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n \/* \uc6cc\ub4dc\ud504\ub808\uc2a4 \uad00\ub9ac\uc790 \ubc14 \uc228\uae30\uae30 (\ud544\uc694\uc2dc \uc8fc\uc11d \ud574\uc81c) *\/\r\n \/* #wpadminbar { display: none !important; } *\/\r\n\r\n \/* \ud504\ub808\uc820\ud14c\uc774\uc158 \uc804\uccb4 \ucee8\ud14c\uc774\ub108 *\/\r\n .presentation-container {\r\n height: 100vh; \/* \ubdf0\ud3ec\ud2b8 \ub192\uc774 100% *\/\r\n width: 100vw; \/* \ubdf0\ud3ec\ud2b8 \ub108\ube44 100% *\/\r\n overflow-y: scroll; \/* \uc2ac\ub77c\uc774\ub4dc \uc2a4\ud06c\ub864 *\/\r\n overflow-x: hidden; \/* \uac00\ub85c \uc2a4\ud06c\ub864 \ubc29\uc9c0 *\/\r\n scroll-snap-type: y mandatory; \/* Y\ucd95 \uc2a4\ud06c\ub864 \uc2a4\ub0c5 \uac15\uc81c *\/\r\n scroll-behavior: smooth; \/* \ubd80\ub4dc\ub7ec\uc6b4 \uc2a4\ud06c\ub864 *\/\r\n position: fixed; \/* \uc6cc\ub4dc\ud504\ub808\uc2a4 \ub808\uc774\uc544\uc6c3 \ubb34\uc2dc *\/\r\n top: 0;\r\n left: 0;\r\n z-index: 9990; \/* \uc624\ubc84\ub808\uc774\ubcf4\ub2e4 \ub0ae\uac8c *\/\r\n background-color: #0d1117; \/* \ucee8\ud14c\uc774\ub108 \ubc30\uacbd *\/\r\n }\r\n\r\n \/* \uac1c\ubcc4 \uc2ac\ub77c\uc774\ub4dc \uae30\ubcf8 \uc2a4\ud0c0\uc77c *\/\r\n .slide {\r\n min-height: 100vh; \/* \ucd5c\uc18c \ub192\uc774 100% *\/\r\n width: 100%; \/* \ucee8\ud14c\uc774\ub108 \ub108\ube44\uc5d0 \ub9de\ucda4 *\/\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center; \/* \uae30\ubcf8 \uc138\ub85c \uc911\uc559 \uc815\ub82c *\/\r\n align-items: center; \/* \uae30\ubcf8 \uac00\ub85c \uc911\uc559 \uc815\ub82c *\/\r\n scroll-snap-align: start; \/* \uc2ac\ub77c\uc774\ub4dc \uc0c1\ub2e8\uc744 \uc2a4\ub0c5 \uc9c0\uc810 *\/\r\n position: relative;\r\n box-sizing: border-box;\r\n padding: 3rem 4rem; \/* \uae30\ubcf8 \ud328\ub529 (\ubc18\uc751\ud615\uc73c\ub85c \uc870\uc815\ub420 \uc218 \uc788\uc74c) *\/\r\n color: #e2e8f0; \/* \uae30\ubcf8 \ud14d\uc2a4\ud2b8 \uc0c9\uc0c1 (\ubc1d\uc740 \ud68c\uc0c9) *\/\r\n opacity: 0; \/* \uae30\ubcf8\uc801\uc73c\ub85c \uc228\uae40 (\uc560\ub2c8\uba54\uc774\uc158\uc6a9) *\/\r\n animation: fadeIn 0.8s ease-out forwards; \/* \ud83d\udd25 \ud398\uc774\ub4dc \uc778 \uc560\ub2c8\uba54\uc774\uc158 *\/\r\n overflow: hidden; \/* \ub0b4\ubd80 \uc694\uc18c \ub118\uce68 \ubc29\uc9c0 *\/\r\n }\r\n\r\n \/* \uc2ac\ub77c\uc774\ub4dc \ub0b4\ubd80 \ucf58\ud150\uce20 \ub798\ud37c (\ud328\ub529 \ub4f1 \uc138\ubd80 \uc870\uc815\uc6a9) *\/\r\n .slide-content {\r\n width: 100%;\r\n max-width: 1200px; \/* \ucf58\ud150\uce20 \ucd5c\ub300 \ub108\ube44 *\/\r\n margin: auto; \/* \uc790\ub3d9 \uc911\uc559 \uc815\ub82c *\/\r\n padding: 2rem 0; \/* \uc704\uc544\ub798 \ucd94\uac00 \uc5ec\ubc31 *\/\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center; \/* \ub0b4\ubd80 \uc694\uc18c \uc911\uc559 \uc815\ub82c *\/\r\n justify-content: center; \/* \ub0b4\ubd80 \uc694\uc18c \uc911\uc559 \uc815\ub82c *\/\r\n flex-grow: 1; \/* \uc2ac\ub77c\uc774\ub4dc \ub192\uc774\ub97c \ucc44\uc6b0\ub3c4\ub85d *\/\r\n }\r\n\r\n \/* \ud83d\udd25 \ud398\uc774\ub4dc \uc778 \uc560\ub2c8\uba54\uc774\uc158 *\/\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* --- \uc2ac\ub77c\uc774\ub4dc \ubc30\uacbd \uadf8\ub77c\ub370\uc774\uc158 --- *\/\r\n .bg-gradient-main { \r\n background: linear-gradient(145deg, #1e3a8a 0%, #0d1a2b 100%); \/* \ub2e4\ud06c \ub124\uc774\ube44 *\/\r\n }\r\n .bg-gradient-dark { \r\n background: linear-gradient(145deg, #1f2937 0%, #111827 100%); \/* \uc774\uc804\ubcf4\ub2e4 \uc57d\uac04 \ubc1d\uc740 \ub2e4\ud06c \uadf8\ub808\uc774 *\/\r\n }\r\n .bg-gradient-red {\r\n background: linear-gradient(145deg, #991b1b 0%, #450a0a 100%); \/* \ub2e4\ud06c \ub808\ub4dc *\/\r\n }\r\n .bg-gradient-green {\r\n background: linear-gradient(145deg, #15803d 0%, #052e16 100%); \/* \ub2e4\ud06c \uadf8\ub9b0 *\/\r\n }\r\n .bg-gradient-purple {\r\n background: linear-gradient(145deg, #6d28d9 0%, #3b0764 100%); \/* \ub2e4\ud06c \ud37c\ud50c *\/\r\n }\r\n .bg-gradient-grey { \/* Comparison table \uc6a9 *\/\r\n background: linear-gradient(145deg, #374151 0%, #111827 100%); \/* \ubbf8\ub514\uc5c4 \uadf8\ub808\uc774 *\/\r\n }\r\n\r\n \/* --- \uacf5\ud1b5 \uc694\uc18c \uc2a4\ud0c0\uc77c --- *\/\r\n\r\n \/* \uad6d\uae30 \ucee8\ud14c\uc774\ub108 & \uc544\uc774\ucf58 (1\ubc88 \uc2ac\ub77c\uc774\ub4dc) *\/\r\n .flag-container {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 1.5rem; \/* \uad6d\uae30 \uc0ac\uc774 \uac04\uaca9 *\/\r\n margin-bottom: 3rem; \/* \uc544\ub798\ucabd \uc5ec\ubc31 *\/\r\n }\r\n .flag-icon {\r\n width: clamp(3rem, 6vw, 5rem); \/* \ubc18\uc751\ud615 \uad6d\uae30 \ud06c\uae30 *\/\r\n height: auto;\r\n border-radius: 6px;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n background-color: rgba(255,255,255,0.1); \/* \uc774\ubbf8\uc9c0 \ub85c\ub4dc \uc2e4\ud328 \uc2dc *\/\r\n }\r\n\r\n \/* \uc139\uc158 \ubc43\uc9c0 (\uc88c\uce21 \uc0c1\ub2e8) - \uc720\ub9ac \ud6a8\uacfc *\/\r\n .section-badge {\r\n position: absolute;\r\n top: 2rem;\r\n left: 2rem;\r\n background: rgba(255, 255, 255, 0.1); \r\n color: #cbd5e1; \r\n padding: 0.6rem 1.5rem;\r\n border-radius: 9999px; \r\n font-size: clamp(0.75rem, 1.5vw, 0.9rem); \r\n font-weight: 600;\r\n letter-spacing: 0.05em;\r\n backdrop-filter: blur(10px); \/* \ud83d\udd25 \ube14\ub7ec \ud6a8\uacfc *\/\r\n border: 1px solid rgba(255, 255, 255, 0.15); \r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n z-index: 10;\r\n }\r\n\r\n \/* \uc2ac\ub77c\uc774\ub4dc \ubc88\ud638 (\uc6b0\uce21 \ud558\ub2e8) *\/\r\n .slide-number {\r\n position: absolute;\r\n bottom: 1.5rem;\r\n right: 1.5rem;\r\n font-size: clamp(0.75rem, 1.5vw, 0.9rem);\r\n font-weight: 500;\r\n color: rgba(255, 255, 255, 0.4); \r\n z-index: 5;\r\n }\r\n\r\n \/* \ud1b5\uacc4 \uce74\ub4dc (\uc720\ub9ac \ud6a8\uacfc) *\/\r\n .stat-card {\r\n background: rgba(255, 255, 255, 0.05); \r\n border-radius: 1.25rem; \r\n padding: 1.5rem 2rem; \r\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\r\n backdrop-filter: blur(12px); \/* \ud83d\udd25 \ube14\ub7ec \ud6a8\uacfc *\/\r\n border: 1px solid rgba(255, 255, 255, 0.1); \r\n transition: all 0.3s ease;\r\n height: 100%; \/* \uadf8\ub9ac\ub4dc \ub192\uc774 \ub9de\ucda4 *\/\r\n }\r\n .stat-card:hover {\r\n transform: translateY(-6px) scale(1.02); \/* \ud83d\udd25 \ud638\ubc84 \ud6a8\uacfc *\/\r\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);\r\n background: rgba(255, 255, 255, 0.08); \r\n }\r\n\r\n \/* \uc544\uc774\ucf58 \ub798\ud37c *\/\r\n .icon-wrapper {\r\n width: clamp(60px, 10vw, 80px); \/* \ubc18\uc751\ud615 \ud06c\uae30 *\/\r\n height: clamp(60px, 10vw, 80px);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 1.5rem;\r\n font-size: clamp(2rem, 5vw, 3rem); \/* \ubc18\uc751\ud615 \uc544\uc774\ucf58 \ud06c\uae30 *\/\r\n background: rgba(255, 255, 255, 0.1); \/* \uc544\uc774\ucf58 \ubc30\uacbd *\/\r\n border: 1px solid rgba(255, 255, 255, 0.15);\r\n box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);\r\n }\r\n\r\n \/* \ub370\uc774\ud130 \ucd9c\ucc98 \ub9c1\ud06c (\ud558\ub2e8 \uc911\uc559) *\/\r\n .data-source {\r\n position: absolute;\r\n bottom: 1.5rem;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n font-size: clamp(0.65rem, 1.2vw, 0.75rem);\r\n color: rgba(255, 255, 255, 0.4);\r\n text-align: center;\r\n max-width: 90%;\r\n font-style: italic;\r\n z-index: 5;\r\n }\r\n .source-link {\r\n color: rgba(255, 255, 255, 0.6);\r\n text-decoration: none;\r\n border-bottom: 1px dotted rgba(255, 255, 255, 0.5);\r\n transition: all 0.2s ease;\r\n }\r\n .source-link:hover {\r\n color: rgba(255, 255, 255, 0.9);\r\n border-bottom-color: rgba(255, 255, 255, 0.8);\r\n }\r\n\r\n \/* \uac15\uc870 \ubc15\uc2a4 (\ub178\ub780\uc0c9 \uc720\ub9ac \ud6a8\uacfc) *\/\r\n .highlight-box {\r\n background: rgba(250, 204, 21, 0.15); \/* Slightly more opaque *\/\r\n border-left: 5px solid #facc15; \r\n padding: 1.5rem 2rem;\r\n border-radius: 0.75rem;\r\n margin: 1.5rem 0;\r\n backdrop-filter: blur(10px); \r\n border: 1px solid rgba(250, 204, 21, 0.25); \/* Slightly stronger border *\/\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n }\r\n .highlight-box p, .highlight-box h4 { \/* Ensure text inside is readable *\/\r\n color: #fef3c7; \/* Lighter yellow for text *\/\r\n }\r\n .highlight-box strong { \/* Make strong text stand out *\/\r\n color: #fde047; \/* Brighter yellow *\/\r\n }\r\n\r\n\r\n \/* \uacbd\uace0 \ubc15\uc2a4 (\ube68\uac04\uc0c9 \uc720\ub9ac \ud6a8\uacfc) *\/\r\n .warning-box {\r\n background: rgba(239, 68, 68, 0.1); \r\n border-left: 5px solid #f87171; \r\n padding: 1.5rem 2rem;\r\n border-radius: 0.75rem;\r\n margin: 1.5rem 0;\r\n backdrop-filter: blur(10px); \r\n border: 1px solid rgba(239, 68, 68, 0.2);\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n }\r\n\r\n \/* \ube44\uad50 \ud14c\uc774\ube14 (\uc720\ub9ac \ud6a8\uacfc) *\/\r\n .comparison-table {\r\n width: 100%;\r\n border-collapse: separate;\r\n border-spacing: 0;\r\n border-radius: 1rem;\r\n overflow: hidden; \r\n background: rgba(255, 255, 255, 0.05); \r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n backdrop-filter: blur(8px); \/* \ud83d\udd25 \ube14\ub7ec \ud6a8\uacfc *\/\r\n }\r\n .comparison-table thead {\r\n background: rgba(59, 130, 246, 0.2); \r\n }\r\n .comparison-table th {\r\n padding: 1rem 1.25rem;\r\n font-weight: 600;\r\n font-size: clamp(0.8rem, 1.8vw, 1rem);\r\n color: #bfdbfe; \r\n text-align: left;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n .comparison-table th:nth-child(n+2),\r\n .comparison-table td:nth-child(n+2) {\r\n text-align: center; \r\n }\r\n .comparison-table td {\r\n padding: 1rem 1.25rem;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.08);\r\n color: #e2e8f0; \r\n font-size: clamp(0.8rem, 1.8vw, 1rem);\r\n vertical-align: middle;\r\n }\r\n .comparison-table tbody tr:last-child td {\r\n border-bottom: none;\r\n }\r\n .comparison-table tbody tr {\r\n transition: background-color 0.2s ease;\r\n }\r\n .comparison-table tbody tr:hover {\r\n background: rgba(255, 255, 255, 0.03); \/* \ud83d\udd25 \ud638\ubc84 \ud6a8\uacfc *\/\r\n }\r\n\r\n \/* \ud0c0\uc784\ub77c\uc778 *\/\r\n .timeline-item {\r\n position: relative;\r\n padding-left: 2.5rem; \/* \uc544\uc774\ucf58 \uacf5\uac04 *\/\r\n padding-bottom: 1.5rem;\r\n border-left: 2px solid rgba(255, 255, 255, 0.15); \/* \ub77c\uc778 \uc0c9 *\/\r\n }\r\n .timeline-item:before { \/* \ud0c0\uc784\ub77c\uc778 \uc810 *\/\r\n content: '';\r\n position: absolute;\r\n left: -11px; \/* \ub77c\uc778 \uc704\uc5d0 \uc704\uce58 *\/\r\n top: 0;\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n background: #60a5fa; \/* \ud30c\ub780\uc0c9 400 *\/\r\n border: 3px solid #111827; \/* \uc5b4\ub450\uc6b4 \ubc30\uacbd\uacfc \uc720\uc0ac\ud558\uac8c *\/\r\n box-shadow: 0 0 0 3px #60a5fa; \/* \ubc14\uae65\ucabd \ube5b \ud6a8\uacfc *\/\r\n }\r\n .timeline-item:last-child {\r\n border-left: 2px solid transparent; \/* \ub9c8\uc9c0\ub9c9 \uc544\uc774\ud15c \ub77c\uc778 \uc228\uae40 *\/\r\n padding-bottom: 0;\r\n }\r\n\r\n \/* \ucc28\ud2b8 \ubc14 *\/\r\n .chart-bar {\r\n height: clamp(20px, 4vw, 30px); \/* \ubc18\uc751\ud615 \ub192\uc774 *\/\r\n background: linear-gradient(90deg, #3b82f6 0%, #60a5fa 100%); \/* \ud30c\ub780\uc0c9 \uadf8\ub77c\ub370\uc774\uc158 *\/\r\n border-radius: 0 999px 999px 0; \/* \uc6b0\uce21\ub9cc \ub465\uae00\uac8c *\/\r\n display: flex;\r\n align-items: center;\r\n padding: 0 1rem;\r\n color: white;\r\n font-weight: 600;\r\n font-size: clamp(0.7rem, 1.5vw, 0.85rem);\r\n transition: all 0.4s ease;\r\n box-shadow: 0 2px 5px rgba(59, 130, 246, 0.3);\r\n white-space: nowrap; \/* \ud14d\uc2a4\ud2b8 \uc904\ubc14\uafc8 \ubc29\uc9c0 *\/\r\n overflow: hidden; \/* \ub118\uce58\ub294 \ud14d\uc2a4\ud2b8 \uc228\uae40 *\/\r\n text-overflow: ellipsis; \/* \ub9d0\uc904\uc784\ud45c *\/\r\n }\r\n .chart-bar:hover {\r\n transform: scaleX(1.03); \/* \ud83d\udd25 \uc0b4\uc9dd \ub298\uc5b4\ub098\ub294 \ud6a8\uacfc *\/\r\n box-shadow: 0 4px 10px rgba(59, 130, 246, 0.4);\r\n }\r\n\r\n \/* --- \ubc18\uc751\ud615 \ub808\uc774\uc544\uc6c3 \uc870\uc815 (Tailwind Breakpoints \uae30\uc900) --- *\/\r\n @media (max-width: 1024px) { \/* lg \uc774\ud558 *\/\r\n .slide {\r\n padding: 2.5rem 3rem;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) { \/* md \uc774\ud558 *\/\r\n .slide {\r\n padding: 2rem 1.5rem; \/* \ubaa8\ubc14\uc77c \ud328\ub529 \ub354 \uc904\uc784 *\/\r\n justify-content: flex-start; \/* \ubaa8\ubc14\uc77c\uc5d0\uc11c\ub294 \uc0c1\ub2e8 \uc815\ub82c *\/\r\n }\r\n .slide-content {\r\n padding: 4rem 0 2rem 0; \/* \uc704\ucabd \uc5ec\ubc31 \ud655\ubcf4 *\/\r\n }\r\n .section-badge {\r\n top: 1rem;\r\n left: 1rem;\r\n padding: 0.5rem 1rem;\r\n }\r\n .slide-number {\r\n bottom: 1rem;\r\n right: 1rem;\r\n }\r\n .flag-container {\r\n margin-bottom: 2rem;\r\n }\r\n \/* Tailwind \ud074\ub798\uc2a4\ub97c \uc0ac\uc6a9\ud558\uc5ec \uadf8\ub9ac\ub4dc \uc870\uc815 \uad8c\uc7a5 *\/\r\n \/* \uc608: <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\"> *\/\r\n \r\n .stat-card {\r\n padding: 1.5rem;\r\n }\r\n .comparison-table th, .comparison-table td {\r\n padding: 0.75rem 1rem;\r\n }\r\n .timeline-item {\r\n padding-left: 2rem;\r\n }\r\n .timeline-item:before {\r\n left: -9px;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n .highlight-box, .warning-box {\r\n padding: 1rem 1.5rem;\r\n }\r\n }\r\n\r\n \/* --- \ub9c8\uc9c0\ub9c9 \uc2ac\ub77c\uc774\ub4dc \ud2b9\ubcc4 \uc2a4\ud0c0\uc77c --- *\/\r\n .vietnam-star { \/* \ubca0\ud2b8\ub0a8 \ubcc4 \uc544\uc774\ucf58 (\ub9c8\uc9c0\ub9c9 \uc2ac\ub77c\uc774\ub4dc) *\/\r\n font-size: clamp(4rem, 15vw, 8rem);\r\n color: #facc15; \/* \ub178\ub780\uc0c9 *\/\r\n text-shadow: 0 0 15px rgba(250, 204, 21, 0.5); \/* \ube5b \ud6a8\uacfc *\/\r\n margin-bottom: 2rem;\r\n }\r\n .contact-info p {\r\n margin-bottom: 0.5rem; \/* \uc5f0\ub77d\ucc98 \uc815\ubcf4 \uac04\uaca9 *\/\r\n }\r\n .contact-info strong {\r\n color: #93c5fd; \/* \ubc1d\uc740 \ud30c\ub780\uc0c9 *\/\r\n }\r\n .contact-info a {\r\n transition: color 0.2s ease;\r\n }\r\n .contact-info a:hover {\r\n color: #e0f2fe; \/* Light blue on hover *\/\r\n }\r\n\r\n\r\n \/* --- \uc804\uccb4 \ud654\uba74 \uc2dc\uc791 \uc624\ubc84\ub808\uc774 --- *\/\r\n \/* Fade In \uc560\ub2c8\uba54\uc774\uc158 for Overlay *\/\r\n @keyframes fadeInOverlay {\r\n to { opacity: 1; }\r\n }\r\n .animate-fade-in-overlay {\r\n animation: fadeInOverlay 0.5s 0.2s ease-out forwards; \/* \ubd80\ub4dc\ub7fd\uac8c \ub098\ud0c0\ub0a8 (0.2\ucd08 \ub51c\ub808\uc774) *\/\r\n }\r\n \/* Fade Out for Overlay (using transition) *\/\r\n #fullscreen-overlay {\r\n transition: opacity 0.5s ease-out; \/* \uc0ac\ub77c\uc9c8 \ub54c \ud6a8\uacfc *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- \r\n \uc774 \ucee8\ud14c\uc774\ub108\ub294 Part 3\uc5d0\uc11c \ub2eb\ud799\ub2c8\ub2e4.\r\n -->\r\n <div class=\"presentation-container\" id=\"presentationContainer\">\r\n \r\n <!-- Slide 1: Cover -->\r\n <div class=\"slide bg-gradient-main text-white\">\r\n <div class=\"slide-content justify-center\"> <!-- justify-center \ucd94\uac00 -->\r\n <div class=\"flag-container\">\r\n <!-- \ub300\ud55c\ubbfc\uad6d \uad6d\uae30 -->\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/0\/09\/Flag_of_South_Korea.svg\/1280px-Flag_of_South_Korea.svg.png\" \r\n alt=\"\ub300\ud55c\ubbfc\uad6d \uad6d\uae30\" class=\"flag-icon\"\r\n onerror=\"this.style.backgroundColor='#eee'; this.alt='\ub300\ud55c\ubbfc\uad6d \uad6d\uae30 \ub85c\ub4dc \uc2e4\ud328'\">\r\n <!-- \ubca0\ud2b8\ub0a8 \uad6d\uae30 -->\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/2\/21\/Flag_of_Vietnam.svg\/1280px-Flag_of_Vietnam.svg.png\" \r\n alt=\"\ubca0\ud2b8\ub0a8 \uad6d\uae30\" class=\"flag-icon\"\r\n onerror=\"this.style.backgroundColor='#da251d'; this.alt='\ubca0\ud2b8\ub0a8 \uad6d\uae30 \ub85c\ub4dc \uc2e4\ud328'\">\r\n <\/div>\r\n\r\n <h1 class=\"text-5xl md:text-7xl lg:text-8xl font-black tracking-tight text-center leading-tight\">\r\n O2&B VIETNAM\r\n <\/h1>\r\n <h1 class=\"text-5xl md:text-7xl lg:text-8xl font-black tracking-tight text-center leading-tight mt-2 md:mt-4\">\r\n PARTNERSHIP\r\n <\/h1>\r\n \r\n <div class=\"h-1.5 w-32 bg-yellow-400 mx-auto mt-8 md:mt-12 rounded-full shadow-lg\"><\/div>\r\n \r\n <h2 class=\"text-2xl md:text-3xl lg:text-4xl font-light mt-8 md:mt-12 text-center max-w-4xl leading-relaxed text-slate-200\">\r\n Next Generation Water Solution<br\/>for Sustainable Vietnam\r\n <\/h2>\r\n \r\n <div class=\"mt-12 md:mt-16 text-xl md:text-2xl font-semibold text-center text-slate-100\">\r\n <p>MCDI Technology-Based Local Demonstration Project Briefing Session in Vietnam<\/p>\r\n <\/div>\r\n \r\n <!-- \ud83d\udd25 CEO\/\ub0a0\uc9dc \uc815\ubcf4 \uc81c\uac70\ub428 -->\r\n <!-- \r\n <div class=\"mt-auto pt-12 text-lg md:text-xl font-light text-center text-slate-300\">\r\n <p class=\"font-semibold\">O2 & B Co., Ltd. | CEO \uc2b9\ud604 \ubc18<\/p>\r\n <p class=\"mt-3 opacity-80\">2025\ub144 10\uc6d4 26\uc77c<\/p>\r\n <\/div> \r\n -->\r\n <\/div>\r\n <div class=\"slide-number\">1 \/ 31<\/div>\r\n <\/div>\r\n\r\n<!-- Slide 2: Vietnam Water Reality - \ubc30\uacbd\uc0c9\ub9cc \uc218\uc815\ub428 (\uc5c5\ub85c\ub4dc \ucf54\ub4dc \uae30\ubc18) -->\r\n<div class=\"slide bg-gradient-main\"> \r\n <div class=\"section-badge\" style=\"background: rgba(248, 113, 113, 0.2); border-color: rgba(248, 113, 113, 0.4);\">II. Vietnam's Water Crisis<\/div> \r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-8 md:mb-12 text-center\">\r\n Vietnam is a country rich in water resources, but?\r\n <\/h2>\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-6 md:gap-8 w-full max-w-6xl\">\r\n <div class=\"stat-card p-6 md:p-8 text-left bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-red-300 mb-6 flex items-center\">\r\n <span class=\"text-3xl md:text-4xl mr-3 md:mr-4 opacity-80\">\ud83c\udf0a<\/span> Abundant water resources vs. poor access\r\n <\/h3>\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-200\">\r\n <p>\r\n Total annual renewable freshwater resources per capita <strong class=\"text-blue-300\">9,350\u33a5<\/strong> (world average 6,000\u33a5)<br\/>\r\n <span class=\"text-sm text-slate-400\">(Source: FAO Aquastat)<\/span>\r\n <\/p>\r\n <p class=\"text-red-300 font-bold\">\r\n However, access to safe drinking water remains a challenge:\r\n <\/p>\r\n <ul class=\"list-disc pl-6 space-y-2\">\r\n <li><strong class=\"text-red-300\">7 million+ children:<\/strong> Lack of access to clean water at school <span class=\"text-xs text-slate-400\">(UNICEF 2025)<\/span><\/li>\r\n <li><strong class=\"text-red-300\">Rural 50% and above:<\/strong> Use of contaminated water <span class=\"text-xs text-slate-400\">(MONRE 2024)<\/span><\/li>\r\n <li><strong class=\"text-red-300\">Groundwater 80%+:<\/strong> E. coli contamination (mountainous\/rural areas)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card p-6 md:p-8 text-left bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-red-300 mb-6 flex items-center\">\r\n <span class=\"text-3xl md:text-4xl mr-3 md:mr-4 opacity-80\">\u2620\ufe0f<\/span> Serious pollution situation\r\n <\/h3>\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-200\">\r\n <p>\r\n <strong class=\"text-red-300\">Arsenic (As) contamination:<\/strong> Mekong\/Red River Delta average <strong class=\"text-red-300\">159\u03bcg\/L<\/strong><br\/>\r\n <span class=\"text-sm text-slate-400\">(WHO standard 10\u03bcg\/L) <strong class=\"text-red-300\">16 times\u2191<\/strong>)<\/span>\r\n <\/p>\r\n <p>\r\n Annual <strong class=\"text-red-300\">Tens of thousands of cases<\/strong>Causes outbreak of waterborne diseases<br\/>\r\n <span class=\"text-sm text-slate-400\">(Vietnam Ministry of Health, MOH 2024)<\/span>\r\n <\/p>\r\n <p class=\"warning-box p-3 mt-4 text-sm\" style=\"margin: 0; border-left-width: 3px;\">\r\n <strong class=\"text-red-200\">Water demand is expected to surge to 321 tpa3t by 2030.<\/strong><br\/>\r\n 11 of 16 river basins at risk of water stress<br\/>\r\n <span class=\"text-xs text-slate-400\">(World Bank Vietnam 2023)<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"data-source\">\r\n Source: FAO Aquastat, UNICEF 2025, MONRE 2024, MOH 2024, World Bank 2023\r\n <\/div>\r\n <div class=\"slide-number\">2 \/ 31<\/div>\r\n<\/div>\r\n\r\n<!-- Slide 3: Government Efforts & O2&B's Role -->\r\n<div class=\"slide bg-gradient-dark\">\r\n <div class=\"section-badge\" style=\"background: rgba(56, 189, 248, 0.2); border-color: rgba(56, 189, 248, 0.4);\">II. Government Efforts & O2&B Role<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-8 md:mb-12 text-center\">\r\n Accelerating Government Goals: O2&B MCDI\r\n <\/h2>\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-6 md:gap-8 w-full max-w-6xl\">\r\n <div class=\"stat-card p-6 md:p-8 text-left bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\"> <!-- \ub192\uc774 \uc790\ub3d9 \uc870\uc808 -->\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-blue-300 mb-6 flex items-center\">\r\n <span class=\"text-3xl md:text-4xl mr-3 md:mr-4 opacity-80\">\ud83c\udfdb\ufe0f<\/span> Vietnamese government efforts\r\n <\/h3>\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-200\">\r\n <p class=\"font-bold text-slate-100\">'National Clean Water Supply and Rural Sanitation Strategy (2021-2030)'<\/p>\r\n <ul class=\"list-disc pl-6 space-y-2\">\r\n <li><strong class=\"text-blue-300\">2030 Goals:<\/strong>\r\n <ul class=\"list-circle pl-4\">\r\n <li>Access to safe drinking water <strong class=\"text-green-300\">100%<\/strong> (Rural <strong class=\"text-green-300\">80%<\/strong> Standard Compliance)<\/li>\r\n <li>urban sewage treatment rate <strong class=\"text-green-300\">50%<\/strong><\/li>\r\n <\/ul>\r\n <\/li>\r\n <li><strong class=\"text-blue-300\">Investment size:<\/strong>\r\n <ul class=\"list-circle pl-4\">\r\n <li>Rural Infrastructure (62 million people): <strong class=\"text-yellow-300\">$1.4 trillion to $1.27 trillion<\/strong><\/li>\r\n <li>of the total infrastructure budget <strong class=\"text-yellow-300\">5-10%<\/strong> concentration<\/li>\r\n <\/ul>\r\n <\/li>\r\n <\/ul>\r\n <p class=\"text-xs text-slate-400 pt-2\">(Source: Government of Vietnam Decision No. 1978\/QD-TTg, World Bank)<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card p-6 md:p-8 text-left bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow bg-green-900\/10 border-green-700\/30 flex flex-col\"> <!-- \ub192\uc774 \uc790\ub3d9 \uc870\uc808 \ubc0f flex \uc124\uc815 -->\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-green-300 mb-6 flex items-center\">\r\n <span class=\"text-3xl md:text-4xl mr-3 md:mr-4 opacity-80\">\ud83d\udca1<\/span> Solution: O2&B MCDI Technology\r\n <\/h3>\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-200 flex-grow\"> <!-- \ub0b4\uc6a9 \uc601\uc5ed\uc774 \ub0a8\uc740 \uacf5\uac04 \ucc44\uc6b0\ub3c4\ub85d -->\r\n <p>\r\n Accelerating the achievement of government goals <strong class=\"text-green-300\">Verified Partner<\/strong>:\r\n <\/p>\r\n <ul class=\"list-disc pl-6 space-y-2\">\r\n <li><strong class=\"text-green-300\">Immediate effects:<\/strong> Contaminated groundwater \u2192 WHO standards for safe drinking water<\/li>\r\n <li><strong class=\"text-green-300\">High efficiency\/low cost:<\/strong> Energy vs. RO <strong class=\"text-yellow-300\">1\/10<\/strong>, wastewater <strong class=\"text-yellow-300\">Less than 5%<\/strong><\/li>\r\n <li><strong class=\"text-green-300\">Rural Optimization:<\/strong> Small, distributed installations to minimize costs<\/li>\r\n <li><strong class=\"text-green-300\">Global Reference:<\/strong> Success stories from Bangladesh, Tanzania, etc.<\/li>\r\n <\/ul>\r\n <p class=\"highlight-box p-3 mt-4 text-sm text-center\" style=\"margin: 0; border-left-width: 3px;\">\r\n Innovations that make Vietnam's water resources truly 'abundant'\r\n <\/p>\r\n <\/div>\r\n <div class=\"mt-auto pt-4\"> <!-- \ud558\ub2e8 \uc815\ub82c -->\r\n <h4 class=\"text-lg md:text-xl font-bold text-yellow-300 mb-2\">World Bank support eligibility<\/h4>\r\n <p class=\"text-xs md:text-sm text-slate-300\">\r\n Meets WHO standards & serves as a global reference <strong class=\"text-yellow-300\">EDCF 'Green\/Innovation''<\/strong> Priority match.<br\/>\r\n Low energy\/distributed installation <strong class=\"text-yellow-300\">Small infrastructure loans<\/strong> Suitable for the target.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"data-source\">\r\n Source: O2&B Internal Data, EDCF Guideline, WHO Standards\r\n <\/div>\r\n <div class=\"slide-number\">3 \/ 31<\/div>\r\n<\/div>\r\n\r\n<!-- Slide 4: Table of Contents -->\r\n<div class=\"slide bg-gradient-main\">\r\n <div class=\"section-badge\">index<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-16\">\r\n Presentation Roadmap\r\n <\/h2>\r\n <div class=\"w-full max-w-4xl space-y-4 md:space-y-5\">\r\n <!-- \ud638\ubc84 \ud6a8\uacfc \ubc0f \ubc18\uc751\ud615 \ud3f0\ud2b8 \ud06c\uae30 \uc870\uc815 -->\r\n <div class=\"stat-card text-left flex items-center space-x-4 md:space-x-6 hover:bg-white\/10 transition-colors duration-200 cursor-default bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-4xl md:text-5xl font-black text-blue-300 w-12 md:w-16 text-center\">\u2160<\/div>\r\n <p class=\"text-xl md:text-3xl font-bold text-slate-100\">Company Introduction & Technology Overview<\/p>\r\n <\/div>\r\n <div class=\"stat-card text-left flex items-center space-x-4 md:space-x-6 hover:bg-white\/10 transition-colors duration-200 cursor-default bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-4xl md:text-5xl font-black text-red-300 w-12 md:w-16 text-center\">\u2161<\/div>\r\n <p class=\"text-xl md:text-3xl font-bold text-slate-100\">The Reality of Vietnam's Water Crisis <span class=\"text-base md:text-xl text-red-400 font-semibold\">(Official data)<\/span><\/p>\r\n <\/div>\r\n <div class=\"stat-card text-left flex items-center space-x-4 md:space-x-6 hover:bg-white\/10 transition-colors duration-200 cursor-default bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-4xl md:text-5xl font-black text-blue-300 w-12 md:w-16 text-center\">\u2162<\/div>\r\n <p class=\"text-xl md:text-3xl font-bold text-slate-100\">Competitiveness of O2&B MCDI Technology<\/p>\r\n <\/div>\r\n <div class=\"stat-card text-left flex items-center space-x-4 md:space-x-6 hover:bg-white\/10 transition-colors duration-200 cursor-default bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-4xl md:text-5xl font-black text-green-300 w-12 md:w-16 text-center\">\u2163<\/div>\r\n <p class=\"text-xl md:text-3xl font-bold text-slate-100\">Lao Cai Demonstration Project Results<\/p>\r\n <\/div>\r\n <div class=\"stat-card text-left flex items-center space-x-4 md:space-x-6 hover:bg-white\/10 transition-colors duration-200 cursor-default bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-4xl md:text-5xl font-black text-purple-300 w-12 md:w-16 text-center\">\u2164<\/div>\r\n <p class=\"text-xl md:text-3xl font-bold text-slate-100\">Business Model & Partnership<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">4 \/ 31<\/div>\r\n<\/div>\r\n\r\n<!-- Slide 5: Company Introduction -->\r\n<div class=\"slide bg-gradient-dark\">\r\n <div class=\"section-badge\" style=\"background: rgba(56, 189, 248, 0.2); border-color: rgba(56, 189, 248, 0.4);\">\u2160. Company Introduction<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-16\">\r\n Who We Are: O2&B\r\n <\/h2>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, md \uc774\uc0c1 3\uc5f4 -->\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 md:gap-8 w-full max-w-6xl\">\r\n <div class=\"stat-card text-center bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"icon-wrapper text-6xl md:text-7xl mb-6 text-center\" style=\"color: #38bdf8; background: rgba(56, 189, 248, 0.1); border-color: rgba(56, 189, 248, 0.3);\">\ud83d\udca7<\/div>\r\n <h3 class=\"text-xl md:text-2xl font-bold text-white mb-3\">Water purification specialist company<\/h3>\r\n <p class=\"text-sm md:text-lg text-slate-300 leading-relaxed\">\r\n Solving global water problems through the development and commercialization of eco-friendly water treatment technologies.\r\n <\/p>\r\n <\/div>\r\n <div class=\"stat-card text-center bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"icon-wrapper text-6xl md:text-7xl mb-6 text-center\" style=\"color: #a78bfa; background: rgba(167, 139, 250, 0.1); border-color: rgba(167, 139, 250, 0.3);\">\ud83d\udd2c<\/div>\r\n <h3 class=\"text-xl md:text-2xl font-bold text-white mb-3\">MCDI source technology<\/h3>\r\n <p class=\"text-sm md:text-lg text-slate-300 leading-relaxed\">\r\n Possesses world-class modular electrochemical desalination (MCDI) technology\r\n <\/p>\r\n <\/div>\r\n <div class=\"stat-card text-center bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"icon-wrapper text-6xl md:text-7xl mb-6 text-center\" style=\"color: #34d399; background: rgba(52, 211, 153, 0.1); border-color: rgba(52, 211, 153, 0.3);\">\ud83c\udf0d<\/div>\r\n <h3 class=\"text-xl md:text-2xl font-bold text-white mb-3\">Global Reference<\/h3>\r\n <p class=\"text-sm md:text-lg text-slate-300 leading-relaxed\">\r\n Successful business expansion into developing countries such as Bangladesh and Tanzania\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-box mt-12 max-w-5xl w-full bg-yellow-500\/10 border border-yellow-500\/20 rounded-lg\">\r\n <p class=\"text-lg md:text-2xl font-semibold text-yellow-200 text-center\">\r\n \""Improving the quality of life for humanity through sustainable clean water."\"\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">5 \/ 31<\/div>\r\n<\/div>\r\n\r\n<!-- Slide 6: Leadership -->\r\n<div class=\"slide bg-gradient-dark\">\r\n <div class=\"section-badge\" style=\"background: rgba(56, 189, 248, 0.2); border-color: rgba(56, 189, 248, 0.4);\">\u2160. Company Introduction<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-16\">\r\n Leadership & Expertise\r\n <\/h2>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, md \uc774\uc0c1 2\uc5f4 -->\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-8 w-full max-w-6xl\">\r\n <div class=\"stat-card p-6 md:p-8 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"icon-wrapper text-4xl md:text-5xl mb-6 text-center\" style=\"color: #fde047; background: rgba(253, 224, 71, 0.1); border-color: rgba(253, 224, 71, 0.3);\">\ud83d\udc68\u200d\ud83d\udcbc<\/div>\r\n <h3 class=\"text-2xl md:text-3xl lg:text-4xl font-bold text-white text-center mb-6\">Seunghyun Ban (CEO)<\/h3>\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-300\">\r\n <p class=\"flex items-center\">\r\n <span class=\"text-xl md:text-2xl mr-3 md:mr-4 opacity-80\">\ud83c\udf93<\/span>\r\n <span>Ph.D. in Chemical Engineering, MCDI core technology developer<\/span>\r\n <\/p>\r\n <p class=\"flex items-center\">\r\n <span class=\"text-xl md:text-2xl mr-3 md:mr-4 opacity-80\">\ud83d\udcbc<\/span>\r\n <span>20+ years of experience in water treatment and environmental technology<\/span>\r\n <\/p>\r\n <p class=\"flex items-center\">\r\n <span class=\"text-xl md:text-2xl mr-3 md:mr-4 opacity-80\">\ud83c\udfc6<\/span>\r\n <span>Winner of numerous international patents and technology awards<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card p-6 md:p-8 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"icon-wrapper text-4xl md:text-5xl mb-6 text-center\" style=\"color: #a78bfa; background: rgba(167, 139, 250, 0.1); border-color: rgba(167, 139, 250, 0.3);\">\ud83e\uddd1\u200d\ud83d\udd2c<\/div>\r\n <h3 class=\"text-2xl md:text-3xl lg:text-4xl font-bold text-white text-center mb-6\">R&D organization<\/h3>\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-300\">\r\n <p class=\"flex items-center\">\r\n <span class=\"text-xl md:text-2xl mr-3 md:mr-4 opacity-80\">\u26a1<\/span>\r\n <span>Electrode manufacturing and module design experts<\/span>\r\n <\/p>\r\n <p class=\"flex items-center\">\r\n <span class=\"text-xl md:text-2xl mr-3 md:mr-4 opacity-80\">\ud83d\udd27<\/span>\r\n <span>Systems Integration and Optimization Engineer<\/span>\r\n <\/p>\r\n <p class=\"flex items-center\">\r\n <span class=\"text-xl md:text-2xl mr-3 md:mr-4 opacity-80\">\ud83c\udf10<\/span>\r\n <span>Global Project Management Team<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">6 \/ 31<\/div>\r\n<\/div>\r\n<!-- Slide 7: Vietnam Water Crisis Introduction - \ubc30\uacbd\uc0c9\ub9cc \uc218\uc815\ub428 -->\r\n<div class=\"slide bg-gradient-main h-screen flex flex-col\"> <!-- h-screen flex flex-col \ucd94\uac00\ub85c \uc804\uccb4 \ud654\uba74 \uade0\ud615 -->\r\n <!-- \ubc43\uc9c0 \uc0c9\uc0c1\uc740 \uc6d0\ub798 \ube68\uac04\uc0c9 \uacc4\uc5f4 \uc720\uc9c0 -->\r\n <div class=\"section-badge\" style=\"background: rgba(248, 113, 113, 0.2); border-color: rgba(248, 113, 113, 0.4);\">II. Vietnam's Water Crisis<\/div>\r\n <div class=\"slide-content flex-1 flex flex-col justify-center items-center px-4 py-2\"> <!-- flex-1 justify-center items-center py-2\ub85c \uc911\uc559 \uade0\ud615 -->\r\n <h2 class=\"text-4xl md:text-6xl lg:text-7xl font-black mb-4 text-white bg-gradient-to-r from-red-400 via-orange-400 to-red-600 bg-clip-text text-transparent drop-shadow-lg text-center\"> <!-- mb-8 \u2192 mb-4, \uadf8\ub77c\ub370\uc774\uc158 \ucd94\uac00 -->\r\n Vietnam's Water Crisis\r\n <\/h2>\r\n <h3 class=\"text-2xl md:text-3xl lg:text-4xl font-light mb-8 md:mb-12 text-slate-200 text-center\"> <!-- mb-12 md:mb-16 \u2192 mb-8 md:mb-12\ub85c \uc5ec\ubc31 \ucd95\uc18c -->\r\n The dire reality revealed by official data\r\n <\/h3>\r\n <!-- \ub0b4\ubd80 \uce74\ub4dc \uc2a4\ud0c0\uc77c \ubc0f \ub0b4\uc6a9\uc740 \uc6d0\ubcf8(\ube68\uac04\uc0c9 \ubc30\uacbd \uc2ac\ub77c\uc774\ub4dc \uae30\uc900) \uc720\uc9c0 -->\r\n <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-6 md:gap-8 w-full max-w-5xl mx-auto\"> <!-- max-w-6xl \u2192 max-w-5xl\ub85c \ucef4\ud329\ud2b8, mx-auto \uc911\uc559 -->\r\n <!-- \uce74\ub4dc \ubc30\uacbd\/\ud14c\ub450\ub9ac \uc0c9\uc0c1 \uc6d0\ubcf8 \uc720\uc9c0 -->\r\n <a href=\"https:\/\/worldpopulationreview.com\/country-rankings\/fresh-water-by-country\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"stat-card bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 text-center p-5 block hover:bg-white\/10 transition-colors duration-200\"> <!-- p-6 \u2192 p-5\ub85c \ud328\ub529 \ucd95\uc18c, \ud14c\ub450\ub9ac\/\ud638\ubc84 \ucd94\uac00 -->\r\n <div class=\"text-5xl md:text-6xl mb-3\">\ud83d\udcc9<\/div> <!-- mb-4 \u2192 mb-3 -->\r\n <div class=\"text-3xl md:text-5xl font-black mb-2 text-red-300\">3,840\u33a5<\/div> <!-- mb-3 \u2192 mb-2 -->\r\n <p class=\"text-sm md:text-xl font-light text-slate-200 leading-tight\">Annual water availability per person<br\/>(International standard 4,000\u33a5\u2193)<\/p> <!-- leading-tight\uc73c\ub85c \ud589\uac04\ucd95\uc18c -->\r\n <\/a>\r\n <a href=\"https:\/\/en.vietnamplus.vn\/polluted-water-causes-80-percent-of-diseases-in-vietnam-post17695.vnp\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"stat-card bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 text-center p-5 block hover:bg-white\/10 transition-colors duration-200\"> <!-- p-6 \u2192 p-5, \ud14c\ub450\ub9ac\/\ud638\ubc84 \ucd94\uac00 -->\r\n <div class=\"text-5xl md:text-6xl mb-3\">\ud83d\udc80<\/div> <!-- mb-4 \u2192 mb-3 -->\r\n <div class=\"text-3xl md:text-5xl font-black mb-2 text-red-300\">70-80%<\/div> <!-- \ud14d\uc2a4\ud2b8 \uc218\uc815 -->\r\n <p class=\"text-sm md:text-xl font-light text-slate-200 leading-tight\">Due to polluted water<br\/>Disease incidence rate<\/p> <!-- leading-tight -->\r\n <\/a>\r\n <a href=\"https:\/\/www.worldbank.org\/en\/news\/press-release\/2024\/01\/12\/world-bank-approves-project-to-improve-living-environment-for-over-half-a-million-people-in-southern-vietnam\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"stat-card bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 text-center p-5 block hover:bg-white\/10 transition-colors duration-200\"> <!-- p-6 \u2192 p-5, \ud14c\ub450\ub9ac\/\ud638\ubc84 \ucd94\uac00 -->\r\n <div class=\"text-5xl md:text-6xl mb-3\">\ud83c\udfed<\/div> <!-- mb-4 \u2192 mb-3 -->\r\n <div class=\"text-3xl md:text-5xl font-black mb-2 text-red-300\">12.5%<\/div> <!-- mb-3 \u2192 mb-2 -->\r\n <p class=\"text-sm md:text-xl font-light text-slate-200 leading-tight\">Urban sewage treatment rate<br\/>(as of 2024)<\/p> <!-- leading-tight -->\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <!-- \ub370\uc774\ud130 \uc18c\uc2a4 \ud3f0\ud2b8\/\uc0c9\uc0c1 \uc6d0\ubcf8 \uc720\uc9c0 -->\r\n <div class=\"data-source text-white\/60 absolute bottom-8 left-1\/2 transform -translate-x-1\/2\"> <!-- absolute bottom-8 left-1\/2\ub85c \uc911\uc559 \ud558\ub2e8 \ubc30\uce58 -->\r\n Source: <a href=\"https:\/\/worldpopulationreview.com\/country-rankings\/fresh-water-by-country\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"source-link text-white\/80 border-white\/80 hover:text-white hover:border-white\">World Population Review<\/a>, \r\n <a href=\"https:\/\/en.vietnamplus.vn\/polluted-water-causes-80-percent-of-diseases-in-vietnam-post17695.vnp\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"source-link text-white\/80 border-white\/80 hover:text-white hover:border-white\">Vietnam+<\/a>, \r\n <a href=\"https:\/\/www.worldbank.org\/en\/news\/press-release\/2024\/01\/12\/world-bank-approves-project-to-improve-living-environment-for-over-half-a-million-people-in-southern-vietnam\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"source-link text-white\/80 border-white\/80 hover:text-white hover:border-white\">World Bank<\/a>\r\n <\/div>\r\n <div class=\"slide-number absolute bottom-4 right-4 text-sm text-slate-400\">7 \/ 31<\/div> <!-- \ud398\uc774\uc9c0 \ubc88\ud638 \ud558\ub2e8 \uace0\uc815 -->\r\n<\/div>\r\n\r\n<!-- Slide 8: Water Scarcity Details -->\r\n<div class=\"slide bg-gradient-dark h-screen flex flex-col\">\r\n <div class=\"section-badge\" style=\"background: rgba(248, 113, 113, 0.2); border-color: rgba(248, 113, 113, 0.4);\">II. Vietnam's Water Crisis<\/div>\r\n <div class=\"slide-content flex-1 flex flex-col justify-center items-center px-4 py-2\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-8 md:mb-12\"> <!-- mb-12 md:mb-16 \u2192 mb-8 md:mb-12 -->\r\n Water Scarcity: By the Numbers\r\n <\/h2>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, lg \uc774\uc0c1 2\uc5f4 -->\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-6 md:gap-8 w-full max-w-6xl mx-auto\"> <!-- mx-auto \ucd94\uac00\ub85c \uc911\uc559 -->\r\n <div class=\"flex flex-col space-y-4\"> <!-- space-y-6 \u2192 space-y-4\ub85c \ud589\uac04\ucd95\uc18c -->\r\n <div class=\"warning-box p-4 md:p-6 bg-red-500\/10 border border-red-500\/20 rounded-xl\"> <!-- \ud14c\ub450\ub9ac \uc801\uc6a9 -->\r\n <h3 class=\"text-xl md:text-3xl font-bold text-red-300 mb-3 flex items-center\"> <!-- mb-4 \u2192 mb-3 -->\r\n <span class=\"text-3xl md:text-4xl mr-3\">\u26a0\ufe0f<\/span> water-scarce countries\r\n <\/h3>\r\n <p class=\"text-sm md:text-xl text-slate-200 leading-relaxed mb-3\"> <!-- mb-4 \u2192 mb-3 -->\r\n Vietnam's annual water availability per capita is <span class=\"font-bold text-red-300\">3,840\u33a5<\/span>, falls below the IWRA water shortage standard (4,000\u33a5).\r\n <\/p>\r\n <p class=\"text-sm md:text-lg text-slate-400 italic leading-tight\">\r\n \"This means it is classified as a \"Water Stressed Country\u201d.\r\n <\/p>\r\n <\/div>\r\n <div class=\"stat-card p-5 md:p-6 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\"> <!-- p-6 md:p-8 \u2192 p-5 md:p-6, \ud14c\ub450\ub9ac \ucd94\uac00 -->\r\n <h4 class=\"text-lg md:text-2xl font-bold text-blue-300 mb-3\">Water resources status<\/h4> <!-- mb-4 \u2192 mb-3 -->\r\n <ul class=\"space-y-2 text-sm md:text-lg text-slate-300 text-left\"> <!-- space-y-3 \u2192 space-y-2 -->\r\n <li class=\"flex items-start\">\r\n <span class=\"mr-3 text-blue-400 opacity-80\">\u25aa<\/span>\r\n <span>Total water resources: approx. per year <strong>844km\u00b3<\/strong><\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <span class=\"mr-3 text-blue-400 opacity-80\">\u25aa<\/span>\r\n <span>Domestic sources: 40% (340km\u00b3)<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <span class=\"mr-3 text-blue-400 opacity-80\">\u25aa<\/span>\r\n <span>Foreign inflow: 60% (504km\u00b3)<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <span class=\"mr-3 text-red-400 opacity-80\">\u25aa<\/span>\r\n <span>Current demand: <strong>11.7 billion \u33a5\/year<\/strong> (increasing trend)<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card p-5 md:p-6 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\"> <!-- p-6 md:p-8 \u2192 p-5 md:p-6, \ud14c\ub450\ub9ac \ucd94\uac00 -->\r\n <h3 class=\"text-lg md:text-2xl font-bold text-yellow-300 mb-4\">Regional water resource imbalance<\/h3> <!-- mb-6 \u2192 mb-4 -->\r\n <div class=\"space-y-4 text-left\"> <!-- space-y-6 \u2192 space-y-4 -->\r\n <div>\r\n <div class=\"flex justify-between mb-2 text-xs md:text-base\">\r\n <span class=\"font-semibold text-slate-200\">Mekong Delta (South)<\/span>\r\n <span class=\"font-bold text-orange-400\">High (salt penetration)<\/span>\r\n <\/div>\r\n <div class=\"chart-bar\" style=\"width: 75%; background: linear-gradient(90deg, #fb923c 0%, #f97316 100%);\">\r\n 75%\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"flex justify-between mb-2 text-xs md:text-base\">\r\n <span class=\"font-semibold text-slate-200\">Central Plateau<\/span>\r\n <span class=\"font-bold text-yellow-400\">Moderate (seasonal shortage)<\/span>\r\n <\/div>\r\n <div class=\"chart-bar\" style=\"width: 60%; background: linear-gradient(90deg, #facc15 0%, #eab308 100%);\">\r\n 60%\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"flex justify-between mb-2 text-xs md:text-base\">\r\n <span class=\"font-semibold text-slate-200\">Northern Mountains (Lao Cai)<\/span>\r\n <span class=\"font-bold text-red-400\">Severe (heavy metal contamination)<\/span>\r\n <\/div>\r\n <div class=\"chart-bar\" style=\"width: 85%; background: linear-gradient(90deg, #f87171 0%, #ef4444 100%);\">\r\n 85%\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"data-source absolute bottom-8 left-1\/2 transform -translate-x-1\/2 text-white\/60\"> <!-- absolute bottom-8 left-1\/2\ub85c \uc911\uc559 \ud558\ub2e8 \ubc30\uce58 -->\r\n Source: <a href=\"https:\/\/www.gso.gov.vn\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"source-link\">Vietnam GSO 2024<\/a>, \r\n <a href=\"https:\/\/monre.gov.vn\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"source-link\">MONRE Water Resources Report 2024<\/a>\r\n <\/div>\r\n <div class=\"slide-number absolute bottom-4 right-4 text-sm text-slate-400\">8 \/ 31<\/div> <!-- \ud398\uc774\uc9c0 \ubc88\ud638 \ud558\ub2e8 \uace0\uc815 -->\r\n<\/div>\r\n\r\n<!-- Slide 9: Water Pollution Crisis -->\r\n<div class=\"slide bg-gradient-dark h-screen flex flex-col\">\r\n <div class=\"section-badge\" style=\"background: rgba(248, 113, 113, 0.2); border-color: rgba(248, 113, 113, 0.4);\">II. Vietnam's Water Crisis<\/div>\r\n <div class=\"slide-content flex-1 flex flex-col justify-center items-center px-4 py-2\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-8\"> <!-- mb-12 \u2192 mb-8 -->\r\n Severe Water Pollution\r\n <\/h2>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, lg \uc774\uc0c1 2\uc5f4 -->\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-6 md:gap-8 w-full max-w-6xl mx-auto\"> <!-- mx-auto \ucd94\uac00\ub85c \uc911\uc559 -->\r\n <div class=\"stat-card p-5 md:p-6 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\"> <!-- p-6 md:p-8 \u2192 p-5 md:p-6 -->\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-red-300 mb-4 flex items-center\"> <!-- mb-6 \u2192 mb-4 -->\r\n <span class=\"text-3xl md:text-4xl mr-3 md:mr-4 opacity-80\">\ud83c\udfed<\/span> Industrial wastewater problem\r\n <\/h3>\r\n <div class=\"space-y-3 text-sm md:text-lg text-slate-300 text-left\"> <!-- space-y-4 \u2192 space-y-3 -->\r\n <div class=\"flex items-start\">\r\n <span class=\"text-xl md:text-2xl mr-3 opacity-80\">\u274c<\/span>\r\n <p>Among the industrial complexes <strong class=\"text-red-300\">About 70%<\/strong> Inadequate or non-operational wastewater treatment facilities<\/p>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <span class=\"text-xl md:text-2xl mr-3 opacity-80\">\u2620\ufe0f<\/span>\r\n <p>Widespread unauthorized discharge of hazardous substances exceeding standards (heavy metals, CN\u207b, H\u2082S, etc.)<\/p>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <span class=\"text-xl md:text-2xl mr-3 opacity-80\">\ud83c\udf0a<\/span>\r\n <p>Most of the rivers in major cities do not meet the standards for domestic water supply (<strong class=\"text-red-300\">Class B and below<\/strong>)<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card p-5 md:p-6 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\"> <!-- p-6 md:p-8 \u2192 p-5 md:p-6 -->\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-orange-300 mb-4 flex items-center\"> <!-- mb-6 \u2192 mb-4 -->\r\n <span class=\"text-3xl md:text-4xl mr-3 md:mr-4 opacity-80\">\ud83c\udfd8\ufe0f<\/span> Domestic sewage problems\r\n <\/h3>\r\n <div class=\"space-y-3 text-sm md:text-lg text-slate-300 text-left\"> <!-- space-y-4 \u2192 space-y-3 -->\r\n <div class=\"flex items-start\">\r\n <span class=\"text-xl md:text-2xl mr-3 opacity-80\">\ud83d\udcca<\/span>\r\n <p>City sewage treatment rate: <strong class=\"text-red-300\">12.5%<\/strong> (2024)<\/p>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <span class=\"text-xl md:text-2xl mr-3 opacity-80\">\ud83d\udca7<\/span>\r\n <p>Mostly domestic sewage <strong class=\"text-red-300\">Unprocessed<\/strong> River\/lake discharge<\/p>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <span class=\"text-xl md:text-2xl mr-3 opacity-80\">\ud83c\udfaf<\/span>\r\n <p>Government Target: Urban Wastewater Treatment Rate by 2030 <strong class=\"text-green-400\">50%<\/strong> attainment<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"warning-box mt-6 max-w-6xl w-full mx-auto bg-red-500\/10 border border-red-500\/20 rounded-xl p-3 md:p-4\"> <!-- mt-8 \u2192 mt-6, p-3 md:p-4, mx-auto \uc911\uc559 -->\r\n <h4 class=\"text-lg md:text-2xl font-bold text-red-300 mb-2\">\u2695\ufe0f Health crisis<\/h4> <!-- mb-3 \u2192 mb-2 -->\r\n <p class=\"text-sm md:text-xl text-slate-200 leading-relaxed\">\r\n Diseases caused by the use of contaminated water account for a large proportion of all diseases. <strong class=\"text-red-300\">About 70-80%<\/strong> Charge estimate. <br class=\"hidden sm:block\"\/>\r\n Annual <strong class=\"text-red-300\">About 9,000 people died<\/strong> \ubc0f <strong class=\"text-red-300\">100,000+ people develop cancer<\/strong> Relevance raised.\r\n <span class=\"text-xs text-slate-400 block mt-1\">(Source: Vietnam+, citing MOH estimates)<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"data-source absolute bottom-8 left-1\/2 transform -translate-x-1\/2 text-white\/60\"> <!-- absolute bottom-8 left-1\/2\ub85c \uc911\uc559 \ud558\ub2e8 \ubc30\uce58 -->\r\n Source: <a href=\"https:\/\/monre.gov.vn\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"source-link\">MONRE Env. Report 2024<\/a>, \r\n <a href=\"https:\/\/en.vietnamplus.vn\/polluted-water-causes-80-percent-of-diseases-in-vietnam-post17695.vnp\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"source-link\">Vietnam+<\/a>, Govt. Decision No. 1978\/QD-TTg\r\n <\/div>\r\n <div class=\"slide-number absolute bottom-4 right-4 text-sm text-slate-400\">9 \/ 31<\/div> <!-- \ud398\uc774\uc9c0 \ubc88\ud638 \ud558\ub2e8 \uace0\uc815 -->\r\n<\/div>\r\n\r\n<!-- Slide 10: Heavy Metal Contamination - \uc138\ub828\ub41c \uc2a4\ud0c0\uc77c\ub9c1 -->\r\n<div class=\"slide bg-gradient-dark\">\r\n <div class=\"section-badge\" style=\"background: rgba(248, 113, 113, 0.2); border-color: rgba(248, 113, 113, 0.4);\">II. Vietnam's Water Crisis<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-12 bg-gradient-to-r from-red-400 to-red-600 bg-clip-text text-transparent\">\r\n Heavy Metal Contamination\r\n <\/h2>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \uc0c1\ub2e8\/\ud558\ub2e8 \uc815\ub82c \uac15\ud654, \uc138\ub828\ub41c \uce74\ub4dc \uc2a4\ud0c0\uc77c - \ub192\uc774 \uade0\ud615 -->\r\n <div class=\"grid grid-cols-1 lg:grid-cols-5 gap-6 md:gap-8 w-full max-w-6xl items-stretch\"> <!-- items-start \u2192 items-stretch\ub85c \ub192\uc774 \uade0\ud615 -->\r\n <div class=\"lg:col-span-3 stat-card p-6 md:p-8 bg-white\/5 backdrop-blur-sm border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-300 h-full flex flex-col\"> <!-- h-full flex flex-col \ucd94\uac00\ub85c \ub192\uc774 \ucc44\uc6c0 -->\r\n <div class=\"flex-grow\"> <!-- flex-grow\uc73c\ub85c \ud14c\uc774\ube14 \uc601\uc5ed \ucc44\uc6b0\uae30 -->\r\n <h3 class=\"text-lg md:text-2xl font-bold text-white mb-6 text-left flex items-center\">\r\n <i class=\"fas fa-chart-bar mr-2 text-red-400\"><\/i>Status of major heavy metal pollution (Lao Cai)\r\n <\/h3>\r\n <div class=\"comparison-table overflow-x-auto flex-grow\"> <!-- flex-grow \ucd94\uac00\ub85c \ud14c\uc774\ube14 \ud655\uc7a5 -->\r\n <table class=\"w-full min-w-[600px] bg-white\/5 rounded-lg overflow-hidden\">\r\n <thead class=\"bg-white\/10\">\r\n <tr>\r\n <th class=\"py-3 px-4 text-left font-bold text-slate-200 border-b border-white\/10\">pollutants<\/th>\r\n <th class=\"py-3 px-4 text-left font-bold text-slate-200 border-b border-white\/10\">Average\/maximum concentration<\/th>\r\n <th class=\"py-3 px-4 text-right font-bold text-slate-200 border-b border-white\/10\">WHO standards<\/th>\r\n <th class=\"py-3 px-4 text-right font-bold text-slate-200 border-b border-white\/10\">Excess rate\/multiplier<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr class=\"hover:bg-white\/5 transition-colors duration-200\">\r\n <td class=\"py-3 px-4 font-bold text-white border-b border-white\/5\">Arsenic<\/td>\r\n <td class=\"py-3 px-4 text-red-400 font-bold border-b border-white\/5\">Average 159 \u03bcg\/L<br\/>(up to 1,340)<\/td>\r\n <td class=\"py-3 px-4 text-right text-white border-b border-white\/5\">10 \u03bcg\/L<\/td>\r\n <td class=\"py-3 px-4 text-right text-red-300 font-bold border-b border-white\/5\">16 times higher on average<\/td>\r\n <\/tr>\r\n <tr class=\"hover:bg-white\/5 transition-colors duration-200\">\r\n <td class=\"py-3 px-4 font-bold text-white border-b border-white\/5\">Manganese<\/td>\r\n <td class=\"py-3 px-4 text-red-400 font-bold border-b border-white\/5\">Average 0.83 mg\/L<br\/>(up to 34)<\/td>\r\n <td class=\"py-3 px-4 text-right text-white border-b border-white\/5\">0.4 mg\/L<\/td>\r\n <td class=\"py-3 px-4 text-right text-red-300 font-bold border-b border-white\/5\">2x higher on average<\/td>\r\n <\/tr>\r\n <tr class=\"hover:bg-white\/5 transition-colors duration-200\">\r\n <td class=\"py-3 px-4 font-bold text-white border-b border-white\/5\">Iron<\/td>\r\n <td class=\"py-3 px-4 text-orange-400 font-bold border-b border-white\/5\">Up to 34 mg\/L<\/td>\r\n <td class=\"py-3 px-4 text-right text-white border-b border-white\/5\">0.3 mg\/L<\/td>\r\n <td class=\"py-3 px-4 text-right text-red-300 font-bold border-b border-white\/5\">Up to 110x \u2191<\/td>\r\n <\/tr>\r\n <tr class=\"hover:bg-white\/5 transition-colors duration-200\">\r\n <td class=\"py-3 px-4 font-bold text-white border-b border-white\/5\">Lead<\/td>\r\n <td class=\"py-3 px-4 text-orange-400 font-bold border-b border-white\/5\">Varies by region<br\/>(high near the mine)<\/td>\r\n <td class=\"py-3 px-4 text-right text-white border-b border-white\/5\">10 \u03bcg\/L<\/td>\r\n <td class=\"py-3 px-4 text-right text-orange-300 font-bold border-b border-white\/5\">Exceeding some areas<\/td>\r\n <\/tr>\r\n <tr class=\"hover:bg-white\/5 transition-colors duration-200\">\r\n <td class=\"py-3 px-4 font-bold text-white\">Selenium<\/td>\r\n <td class=\"py-3 px-4 text-orange-400 font-bold\">Up to 0.05 mg\/L<\/td>\r\n <td class=\"py-3 px-4 text-right text-white\">0.04 mg\/L<\/td>\r\n <td class=\"py-3 px-4 text-right text-orange-300 font-bold\">Some excess<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"lg:col-span-2 stat-card p-6 md:p-8 flex flex-col h-full bg-white\/5 backdrop-blur-sm border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-300\"> <!-- \uc138\ub828\ub41c \ubc30\uacbd, \ube14\ub7ec, \uadf8\ub9bc\uc790 -->\r\n <div class=\"flex-grow mb-6\">\r\n <h4 class=\"text-lg md:text-2xl font-bold text-white mb-4 flex items-center\">\r\n <i class=\"fas fa-map-marker-alt mr-2 text-red-400\"><\/i>\ud83d\uddfa\ufe0f High-risk areas\r\n <\/h4>\r\n <ul class=\"space-y-3 text-sm md:text-lg text-slate-300\">\r\n <li class=\"flex items-center p-2 rounded bg-white\/5 hover:bg-white\/10 transition-colors\"><i class=\"fas fa-exclamation-triangle mr-2 text-red-400\"><\/i><strong class=\"text-red-300\">Lao Cai: <\/strong> As, Mn, Fe, mine heavy metals<\/li>\r\n <li class=\"flex items-center p-2 rounded bg-white\/5 hover:bg-white\/10 transition-colors\"><i class=\"fas fa-exclamation-triangle mr-2 text-red-400\"><\/i><strong class=\"text-red-300\">Red River Delta: <\/strong> As, NH\u2083<\/li>\r\n <li class=\"flex items-center p-2 rounded bg-white\/5 hover:bg-white\/10 transition-colors\"><i class=\"fas fa-exclamation-triangle mr-2 text-orange-400\"><\/i><strong class=\"text-orange-300\">Mekong Delta: <\/strong> Salt, As<\/li>\r\n <li class=\"flex items-center p-2 rounded bg-white\/5 hover:bg-white\/10 transition-colors\"><i class=\"fas fa-exclamation-triangle mr-2 text-orange-400\"><\/i><strong class=\"text-orange-300\">Central Plateau: <\/strong> F\u207b, heavy metal<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"warning-box mt-auto flex-shrink-0 bg-red-500\/10 border border-red-500\/20 rounded-lg p-4\"> <!-- \uc138\ub828\ub41c \uacbd\uace0 \ubc15\uc2a4 -->\r\n <p class=\"text-sm md:text-lg font-semibold text-slate-200\">\r\n <strong class=\"text-red-300\">About 400,000+ people<\/strong>\uc774<br class=\"sm:hidden\"\/> Using heavy metal contaminated water as drinking water<br class=\"sm:hidden\"\/> Health threat.\r\n <span class=\"text-xs text-slate-400 block mt-1\">(GSO 2022)<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"data-source text-white\/60\">\r\n Source: MONRE\/NEA (WEPA DB), GSO Env. Statistics (2022), WHO Standards\r\n <\/div>\r\n <div class=\"slide-number\">10 \/ 31<\/div>\r\n<\/div>\r\n <!-- Slide 11: Infrastructure Gap -->\r\n <div class=\"slide bg-gradient-dark\">\r\n <div class=\"section-badge\" style=\"background: rgba(248, 113, 113, 0.2); border-color: rgba(248, 113, 113, 0.4);\">II. Vietnam's Water Crisis<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-12\">\r\n Urban-Rural Infrastructure Gap\r\n <\/h2>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, lg \uc774\uc0c1 2\uc5f4 -->\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-6 md:gap-8 w-full max-w-6xl mb-6\">\r\n <div class=\"stat-card p-6 md:p-8\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-green-300 mb-6 flex items-center\">\r\n <span class=\"text-3xl md:text-4xl mr-3 md:mr-4 opacity-80\">\ud83c\udfd9\ufe0f<\/span> urban areas\r\n <\/h3>\r\n <div class=\"space-y-5 text-left\">\r\n <div>\r\n <div class=\"flex justify-between items-center mb-2\">\r\n <span class=\"text-sm md:text-lg font-semibold text-slate-200\">Water supply rate<\/span>\r\n <span class=\"text-lg md:text-2xl font-bold text-green-300\">95%<\/span>\r\n <\/div>\r\n <div class=\"w-full bg-slate-700 rounded-full h-3 md:h-4\">\r\n <div class=\"bg-gradient-to-r from-green-500 to-green-400 h-3 md:h-4 rounded-full\" style=\"width: 95%\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"flex justify-between items-center mb-2\">\r\n <span class=\"text-sm md:text-lg font-semibold text-slate-200\">Sewage treatment rate<\/span>\r\n <span class=\"text-lg md:text-2xl font-bold text-red-400\">12.5%<\/span>\r\n <\/div>\r\n <div class=\"w-full bg-slate-700 rounded-full h-3 md:h-4\">\r\n <div class=\"bg-gradient-to-r from-red-500 to-red-400 h-3 md:h-4 rounded-full\" style=\"width: 12.5%\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"flex justify-between items-center mb-2\">\r\n <span class=\"text-sm md:text-lg font-semibold text-slate-200\">Safe water access<\/span>\r\n <span class=\"text-lg md:text-2xl font-bold text-orange-400\">70%<\/span>\r\n <\/div>\r\n <div class=\"w-full bg-slate-700 rounded-full h-3 md:h-4\">\r\n <div class=\"bg-gradient-to-r from-orange-500 to-orange-400 h-3 md:h-4 rounded-full\" style=\"width: 70%\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card p-6 md:p-8\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-red-300 mb-6 flex items-center\">\r\n <span class=\"text-3xl md:text-4xl mr-3 md:mr-4 opacity-80\">\ud83c\udfd8\ufe0f<\/span> rural areas\r\n <\/h3>\r\n <div class=\"space-y-5 text-left\">\r\n <div>\r\n <div class=\"flex justify-between items-center mb-2\">\r\n <span class=\"text-sm md:text-lg font-semibold text-slate-200\">Water supply rate<\/span>\r\n <span class=\"text-lg md:text-2xl font-bold text-orange-400\">60%<\/span>\r\n <\/div>\r\n <div class=\"w-full bg-slate-700 rounded-full h-3 md:h-4\">\r\n <div class=\"bg-gradient-to-r from-orange-500 to-orange-400 h-3 md:h-4 rounded-full\" style=\"width: 60%\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"flex justify-between items-center mb-2\">\r\n <span class=\"text-sm md:text-lg font-semibold text-slate-200\">Sewage treatment rate<\/span>\r\n <span class=\"text-lg md:text-2xl font-bold text-red-400\">2%<\/span>\r\n <\/div>\r\n <div class=\"w-full bg-slate-700 rounded-full h-3 md:h-4\">\r\n <div class=\"bg-gradient-to-r from-red-500 to-red-400 h-3 md:h-4 rounded-full\" style=\"width: 2%\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"flex justify-between items-center mb-2\">\r\n <span class=\"text-sm md:text-lg font-semibold text-slate-200\">Safe water access<\/span>\r\n <span class=\"text-lg md:text-2xl font-bold text-red-400\">35%<\/span>\r\n <\/div>\r\n <div class=\"w-full bg-slate-700 rounded-full h-3 md:h-4\">\r\n <div class=\"bg-gradient-to-r from-red-500 to-red-400 h-3 md:h-4 rounded-full\" style=\"width: 35%\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, sm \uc774\uc0c1 3\uc5f4 -->\r\n <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-6 w-full max-w-6xl\">\r\n <div class=\"stat-card text-center p-6\">\r\n <div class=\"text-3xl md:text-5xl font-black text-red-300 mb-2\">65%<\/div>\r\n <p class=\"text-sm md:text-lg text-slate-300\">Rural residents rely on unsafe water<\/p>\r\n <\/div>\r\n <div class=\"stat-card text-center p-6\">\r\n <div class=\"text-3xl md:text-5xl font-black text-orange-300 mb-2\">40%+<\/div> <!-- \ub370\uc774\ud130 \uc218\uc815 -->\r\n <p class=\"text-sm md:text-lg text-slate-300\">Rural areas, use of contaminated groundwater<\/p>\r\n <\/div>\r\n <div class=\"stat-card text-center p-6\">\r\n <div class=\"text-3xl md:text-5xl font-black text-blue-300 mb-2\">$15B+<\/div> <!-- \ub370\uc774\ud130 \uc218\uc815 -->\r\n <p class=\"text-sm md:text-lg text-slate-300\">Infrastructure investment needed by 2030<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"data-source\">\r\n Source: <a href=\"https:\/\/www.gso.gov.vn\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"source-link\">Vietnam GSO 2024<\/a>, World Bank Vietnam WSS Report 2024\r\n <\/div>\r\n <div class=\"slide-number\">11 \/ 31<\/div>\r\n <\/div>\r\n\r\n<!-- \r\n Part 1\/3 (\uc2ac\ub77c\uc774\ub4dc 1-11)\uc774 \ub05d\ub0ac\uc2b5\ub2c8\ub2e4.\r\n \uc774\uc5b4\uc11c Part 2\/3 (\uc2ac\ub77c\uc774\ub4dc 12-21) \ucf54\ub4dc\ub97c \ubd99\uc5ec\ub123\uc73c\uc138\uc694.\r\n-->\r\n\r\n<!-- \r\n \uc774 \ud30c\uc77c\uc740 O2&B \ud504\ub808\uc820\ud14c\uc774\uc158\uc758 Part 2\/3 \uc785\ub2c8\ub2e4.\r\n \uc774 \ud30c\uc77c\uc5d0\ub294 12-21\ud398\uc774\uc9c0\uac00 \ud3ec\ud568\ub429\ub2c8\ub2e4.\r\n Part 1 \ub4a4\uc5d0, Part 3 \uc55e\uc5d0 \uc704\uce58\ud574\uc57c \ud569\ub2c8\ub2e4.\r\n-->\r\n\r\n <!-- Slide 12: Government Response & Market Opportunity -->\r\n <div class=\"slide bg-gradient-dark\">\r\n <div class=\"section-badge\" style=\"background: rgba(248, 113, 113, 0.2); border-color: rgba(248, 113, 113, 0.4);\">II. Vietnam's Water Crisis<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-12\">\r\n Government Response & Market\r\n <\/h2>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, lg \uc774\uc0c1 2\uc5f4 -->\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-6 md:gap-8 w-full max-w-6xl\">\r\n <div class=\"stat-card p-6 md:p-8 text-left\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-blue-300 mb-6\">\ud83c\udfdb\ufe0f Vietnamese government policy<\/h3>\r\n <div class=\"space-y-4\">\r\n <div class=\"timeline-item\">\r\n <h4 class=\"text-lg md:text-xl font-bold text-slate-100 mb-2\">National Strategy on Water Resources 2021-2030<\/h4>\r\n <p class=\"text-base md:text-lg text-slate-300\">urban sewage treatment rate <strong class=\"text-blue-300\">50%<\/strong> Achievement goals<\/p>\r\n <\/div>\r\n <div class=\"timeline-item\">\r\n <h4 class=\"text-lg md:text-xl font-bold text-slate-100 mb-2\">Decision No. 851\/QD-TTg (2022)<\/h4>\r\n <p class=\"text-base md:text-lg text-slate-300\">For improving water quality <strong class=\"text-blue-300\">$20,000,000,000 investment<\/strong> approval<\/p>\r\n <\/div>\r\n <div class=\"timeline-item\">\r\n <h4 class=\"text-lg md:text-xl font-bold text-slate-100 mb-2\">Environmental Protection Law 2020<\/h4>\r\n <p class=\"text-base md:text-lg text-slate-300\">Strengthening industrial wastewater discharge standards and establishing new penalties<\/p>\r\n <\/div>\r\n <div class=\"timeline-item\">\r\n <h4 class=\"text-lg md:text-xl font-bold text-slate-100 mb-2\">Rural Clean Water Program 2023-2030<\/h4>\r\n <p class=\"text-base md:text-lg text-slate-300\">Access to safe drinking water in rural areas <strong class=\"text-green-400\">90%<\/strong> target<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex flex-col space-y-6\">\r\n <div class=\"stat-card p-6 md:p-8\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-purple-300 mb-6\">\ud83d\udcb0 Market Opportunity<\/h3>\r\n <h4 class=\"text-xl md:text-2xl font-bold text-slate-100 mb-4\">Market size forecast<\/h4>\r\n <div class=\"space-y-3 text-base md:text-lg\">\r\n <div class=\"flex justify-between\">\r\n <span class=\"text-slate-300\">2024<\/span>\r\n <span class=\"font-bold text-slate-100\">$2,800,000,000<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between\">\r\n <span class=\"text-slate-300\">2027<\/span>\r\n <span class=\"font-bold text-blue-300\">$5,200,000,000<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between\">\r\n <span class=\"text-slate-300\">2030<\/span>\r\n <span class=\"font-bold text-purple-300\">$8,500,000,000<\/span>\r\n <\/div>\r\n <div class=\"pt-4 mt-4 border-t border-white\/10\">\r\n <div class=\"flex justify-between items-baseline\">\r\n <span class=\"font-bold text-slate-100\">CAGR<\/span>\r\n <span class=\"text-2xl md:text-3xl font-black text-green-400\">20.3%<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-box\">\r\n <p class=\"text-base md:text-lg font-semibold text-yellow-200 text-center\">\r\n Vietnam's water treatment market is one of the largest in Southeast Asia. <span class=\"block text-xl md:text-2xl text-yellow-100\">fastest growing<\/span>The market that does\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"data-source\">\r\n Source: <a href=\"https:\/\/chinhphu.vn\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"source-link\">Vietnam Government Portal<\/a>,\r\n <a href=\"https:\/\/monre.gov.vn\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"source-link\">MONRE Policy Documents 2024<\/a>\r\n <\/div>\r\n <div class=\"slide-number\">12 \/ 31<\/div>\r\n <\/div>\r\n\r\n <!-- Slide 13: MCDI Technology Introduction -->\r\n <div class=\"slide bg-gradient-main\">\r\n <div class=\"section-badge\" style=\"background: rgba(56, 189, 248, 0.2); border-color: rgba(56, 189, 248, 0.4);\">\u2162. MCDI technology<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-6xl lg:text-7xl font-black mb-8\">O2&B's Solution<\/h2>\r\n <h3 class=\"text-3xl md:text-4xl lg:text-5xl font-light mb-12 md:mb-16 text-slate-200\">\r\n Next-Gen MCDI Technology\r\n <\/h3>\r\n <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-6 md:gap-8 w-full max-w-6xl\">\r\n <div class=\"stat-card text-center hover:-translate-y-2\">\r\n <div class=\"text-6xl md:text-7xl mb-6\">\u26a1<\/div>\r\n <h4 class=\"text-2xl md:text-3xl font-bold mb-4\">MCDI<\/h4>\r\n <p class=\"text-base md:text-xl font-light leading-relaxed text-slate-300\">\r\n Modified Capacitive Deionization<br\/>\r\n Innovative desalination technology using electrosorption\r\n <\/p>\r\n <\/div>\r\n <div class=\"stat-card text-center hover:-translate-y-2\">\r\n <div class=\"text-6xl md:text-7xl mb-6\">\ud83d\ude80<\/div>\r\n <h4 class=\"text-2xl md:text-3xl font-bold mb-4\">High Efficiency<\/h4>\r\n <p class=\"text-base md:text-xl font-light leading-relaxed text-slate-300\">\r\n With special carbon electrodes<br\/>\r\n Achieve the highest level of adsorption performance\r\n <\/p>\r\n <\/div>\r\n <div class=\"stat-card text-center hover:-translate-y-2\">\r\n <div class=\"text-6xl md:text-7xl mb-6\">\ud83c\udf31<\/div>\r\n <h4 class=\"text-2xl md:text-3xl font-bold mb-4\">Sustainable<\/h4>\r\n <p class=\"text-base md:text-xl font-light leading-relaxed text-slate-300\">\r\n No drugs, low energy<br\/>\r\n Eco-friendly water purification system\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mt-16 p-8 md:p-10 bg-black\/30 rounded-3xl max-w-5xl backdrop-blur-md border border-white\/10\">\r\n <p class=\"text-xl md:text-3xl font-semibold text-center leading-relaxed\">\r\n Regarding the problem of heavy metal and salt pollution in Vietnam<br\/>\r\n <span class=\"text-yellow-300 text-2xl md:text-4xl font-black\">The only solution<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">13 \/ 31<\/div>\r\n <\/div>\r\n\r\n<!-- Slide 14: How MCDI Works - \ucd5c\uc801\ud654 \ubc84\uc804 (\uc911\ubcf5 \ud074\ub798\uc2a4 \uc81c\uac70, \uc77c\uad00\uc131 \uac15\ud654) -->\r\n<div class=\"slide bg-gradient-dark\">\r\n <div class=\"section-badge\" style=\"background: rgba(56, 189, 248, 0.2); border-color: rgba(56, 189, 248, 0.4);\">\u2162. MCDI technology<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-10\">How MCDI Works: How It Works<\/h2>\r\n\r\n <!-- Font Awesome CDN -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" integrity=\"sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\r\n\r\n <!-- Step-by-Step Process -->\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 w-full max-w-6xl mb-12\">\r\n <div class=\"stat-card p-6 text-center\">\r\n <div class=\"text-5xl mb-4 text-blue-400\"><i class=\"fas fa-water\"><\/i><\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-2\">Step 1<\/h3>\r\n <p class=\"text-lg font-bold text-slate-200 mb-1\">Influx of enemies<\/p>\r\n <p class=\"text-sm text-slate-400\">Contaminated water flows into the MCDI cell<\/p>\r\n <\/div>\r\n <div class=\"stat-card p-6 text-center\">\r\n <div class=\"text-5xl mb-4 text-yellow-400\"><i class=\"fas fa-bolt\"><\/i><\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-2\">Step 2<\/h3>\r\n <p class=\"text-lg font-bold text-slate-200 mb-1\">voltage application<\/p>\r\n <p class=\"text-sm text-slate-400\">1.2-2.0V low voltage application<\/p>\r\n <\/div>\r\n <div class=\"stat-card p-6 text-center\">\r\n <div class=\"text-5xl mb-4 text-red-400\"><i class=\"fas fa-magnet\"><\/i><\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-2\">Step 3<\/h3>\r\n <p class=\"text-lg font-bold text-slate-200 mb-1\">ion adsorption<\/p>\r\n <p class=\"text-sm text-slate-400\">Positive\/negative ions are adsorbed on the electrode<\/p>\r\n <\/div>\r\n <div class=\"stat-card p-6 text-center\">\r\n <div class=\"text-5xl mb-4 text-green-400\"><i class=\"fas fa-tint\"><\/i><\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-2\">Step 4<\/h3>\r\n <p class=\"text-lg font-bold text-slate-200 mb-1\">Purified water discharge<\/p>\r\n <p class=\"text-sm text-slate-400\">clean water production<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Removal Capabilities & Regeneration Process -->\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-6 w-full max-w-6xl\">\r\n <!-- \uc81c\uac70 \uac00\ub2a5 \uc624\uc5fc\ubb3c\uc9c8 -->\r\n <div class=\"stat-card p-6 md:p-8\">\r\n <h3 class=\"text-2xl font-bold text-white mb-6 text-left\">Removable contaminants<\/h3>\r\n <div class=\"grid grid-cols-2 gap-8 text-base text-slate-300\"> <!-- gap-x-8 gap-y-4 \u2192 gap-8 \ud1b5\ud569 -->\r\n <div>\r\n <h4 class=\"font-bold text-yellow-300 mb-2 border-b border-yellow-300\/30 pb-1\">heavy metals<\/h4>\r\n <ul class=\"space-y-1 mt-2\">\r\n <li><span class=\"text-slate-400 mr-2\">><\/span>As (arsenic)<\/li>\r\n <li><span class=\"text-slate-400 mr-2\">><\/span>Pb (lead)<\/li>\r\n <li><span class=\"text-slate-400 mr-2\">><\/span>Cd (cadmium)<\/li>\r\n <li><span class=\"text-slate-400 mr-2\">><\/span>Cr (chromium)<\/li>\r\n <li><span class=\"text-slate-400 mr-2\">><\/span>Hg (mercury)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-blue-300 mb-2 border-b border-blue-300\/30 pb-1\">ionic substances<\/h4>\r\n <ul class=\"space-y-1 mt-2\">\r\n <li><span class=\"text-slate-400 mr-2\">><\/span>Na\u207a (sodium)<\/li>\r\n <li><span class=\"text-slate-400 mr-2\">><\/span>Cl\u207b (chlorine)<\/li>\r\n <li><span class=\"text-slate-400 mr-2\">><\/span>NO\u2083\u207b (nitrate)<\/li>\r\n <li><span class=\"text-slate-400 mr-2\">><\/span>SO\u2084\u00b2\u207b (sulfate)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-green-300 mb-2 border-b border-green-300\/30 pb-1\">Hardness material<\/h4>\r\n <ul class=\"space-y-1 mt-2\">\r\n <li><span class=\"text-slate-400 mr-2\">><\/span>Ca\u00b2\u207a (calcium)<\/li>\r\n <li><span class=\"text-slate-400 mr-2\">><\/span>Mg\u00b2\u207a (magnesium)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-purple-300 mb-2 border-b border-purple-300\/30 pb-1\">etc<\/h4>\r\n <ul class=\"space-y-1 mt-2 flex space-x-4\">\r\n <li><span class=\"text-slate-400 mr-1\">><\/span>F\u207b <\/li>\r\n <li><span class=\"text-slate-400 mr-1\">><\/span>Fe<\/li>\r\n <li><span class=\"text-slate-400 mr-1\">><\/span>Mn<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \uc804\uadf9 \uc7ac\uc0dd \uacfc\uc815 -->\r\n <div class=\"stat-card p-6 md:p-8 flex flex-col justify-center\">\r\n <h3 class=\"text-2xl font-bold text-white mb-6 text-left\">Electrode regeneration process<\/h3>\r\n <ol class=\"space-y-4 text-slate-300\">\r\n <li class=\"flex items-center\">\r\n <span class=\"flex items-center justify-center w-8 h-8 rounded-full bg-blue-500 text-white font-bold mr-4 text-lg\">1<\/span>\r\n <span class=\"text-xl\">When adsorption is saturated <strong class=\"text-blue-300\">Reverse voltage application<\/strong> (-0.1V)<\/span>\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <span class=\"flex items-center justify-center w-8 h-8 rounded-full bg-green-500 text-white font-bold mr-4 text-lg\">2<\/span>\r\n <span class=\"text-xl\">Desorption of adsorbed ions (<strong class=\"text-green-300\">5% concentrated water production<\/strong>)<\/span>\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <span class=\"flex items-center justify-center w-8 h-8 rounded-full bg-yellow-500 text-white font-bold mr-4 text-lg\">3<\/span>\r\n <span class=\"text-xl\">Electrode cleaning complete (takes 2-3 minutes)<\/span>\r\n <\/li>\r\n <li class=\"flex items-center\">\r\n <span class=\"flex items-center justify-center w-8 h-8 rounded-full bg-purple-500 text-white font-bold mr-4 text-lg\">4<\/span>\r\n <span class=\"text-xl\">Ready for the next cycle<\/span>\r\n <\/li>\r\n <\/ol>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">14 \/ 31<\/div>\r\n<\/div>\r\n<!-- Slide 15: MCDI vs RO Comparison - UI \uc870\uc815: \uc81c\ubaa9 \ud06c\uae30\/\uac04\uaca9, \ud45c\/\ubc15\uc2a4 \ud589\uac04\uaca9 \ucd95\uc18c -->\r\n<div class=\"slide bg-gradient-dark\"> <!-- bg-gradient-grey \u2192 bg-gradient-dark\ub85c \uc77c\uad00\uc131 -->\r\n <div class=\"section-badge\" style=\"background: rgba(56, 189, 248, 0.2); border-color: rgba(56, 189, 248, 0.4);\">\u2162. MCDI technology<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-black text-white mb-8\">\r\n MCDI vs. RO: Technology Comparison\r\n <\/h2>\r\n <div class=\"w-full max-w-6xl overflow-x-auto\">\r\n <!-- \ubaa8\ubc14\uc77c \ud654\uba74 \uac00\ub85c \uc2a4\ud06c\ub864 \ub300\uc751 -->\r\n <div class=\"comparison-table min-w-[700px] md:min-w-full\">\r\n <table class=\"w-full bg-white\/5 rounded-lg overflow-hidden\"> <!-- \ud14c\uc774\ube14 \ubc30\uacbd\/\ub465\uadfc \ubaa8\uc11c\ub9ac \ucd94\uac00 -->\r\n <thead class=\"bg-white\/10\"> <!-- \ud5e4\ub354 \ubc30\uacbd \uac15\uc870 -->\r\n <tr>\r\n <th class=\"py-2 px-4 text-left font-bold text-slate-200 border-b border-white\/10\">Comparison items<\/th> <!-- px-3 \u2192 px-4\ub85c \uade0\ud615, text-left \ucd94\uac00 -->\r\n <th class=\"py-2 px-4 text-center font-bold text-slate-200 border-b border-white\/10\">MCDI (O2&B)<\/th> <!-- text-center\ub85c \uc911\uc559 \uc815\ub82c -->\r\n <th class=\"py-2 px-4 text-center font-bold text-slate-200 border-b border-white\/10\">RO (reverse osmosis)<\/th>\r\n <th class=\"py-2 px-4 text-center font-bold text-slate-200 border-b border-white\/10\">O2&B advantage<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr class=\"hover:bg-white\/5 transition-colors duration-200\"> <!-- hover \ud6a8\uacfc \ucd94\uac00 -->\r\n <td class=\"py-2 px-4 font-bold text-white border-b border-white\/5\">Energy consumption<\/td>\r\n <td class=\"text-green-300 font-bold text-base md:text-lg py-2 px-4 text-center border-b border-white\/5\">0.5-1.0 kWh\/m\u00b3<\/td> <!-- px-3 \u2192 px-4, text-center -->\r\n <td class=\"text-red-400 font-bold text-base md:text-lg py-2 px-4 text-center border-b border-white\/5\">3-5 kWh\/m\u00b3<\/td>\r\n <td class=\"text-blue-300 font-black text-lg md:text-xl py-2 px-4 text-center border-b border-white\/5\">80% \u2193<\/td>\r\n <\/tr>\r\n <tr class=\"hover:bg-white\/5 transition-colors duration-200\">\r\n <td class=\"py-2 px-4 font-bold text-white border-b border-white\/5\">Wastewater generation rate<\/td>\r\n <td class=\"text-green-300 font-bold text-base md:text-lg py-2 px-4 text-center border-b border-white\/5\">< 5%<\/td>\r\n <td class=\"text-red-400 font-bold text-base md:text-lg py-2 px-4 text-center border-b border-white\/5\">20-30%<\/td>\r\n <td class=\"text-blue-300 font-black text-lg md:text-xl py-2 px-4 text-center border-b border-white\/5\">75% \u2193<\/td>\r\n <\/tr>\r\n <tr class=\"hover:bg-white\/5 transition-colors duration-200\">\r\n <td class=\"py-2 px-4 font-bold text-white border-b border-white\/5\">Recovery rate<\/td>\r\n <td class=\"text-green-300 font-bold text-base md:text-lg py-2 px-4 text-center border-b border-white\/5\">95%<\/td>\r\n <td class=\"text-orange-300 font-bold text-base md:text-lg py-2 px-4 text-center border-b border-white\/5\">70-80%<\/td>\r\n <td class=\"text-blue-300 font-black text-lg md:text-xl py-2 px-4 text-center border-b border-white\/5\">15-25% \u2191<\/td>\r\n <\/tr>\r\n <tr class=\"hover:bg-white\/5 transition-colors duration-200\">\r\n <td class=\"py-2 px-4 font-bold text-white border-b border-white\/5\">Operating pressure<\/td>\r\n <td class=\"text-green-300 font-bold text-base md:text-lg py-2 px-4 text-center border-b border-white\/5\">low voltage (1.2V)<\/td>\r\n <td class=\"text-red-400 font-bold text-base md:text-lg py-2 px-4 text-center border-b border-white\/5\">High pressure (15-70 bar)<\/td>\r\n <td class=\"text-blue-300 font-black text-lg md:text-xl py-2 px-4 text-center border-b border-white\/5\">95% \u2193<\/td>\r\n <\/tr>\r\n <tr class=\"hover:bg-white\/5 transition-colors duration-200\">\r\n <td class=\"py-2 px-4 font-bold text-white border-b border-white\/5\">Use of chemicals<\/td>\r\n <td class=\"text-green-300 font-bold text-base md:text-lg py-2 px-4 text-center border-b border-white\/5\">Zero<\/td>\r\n <td class=\"text-red-400 font-bold text-base md:text-lg py-2 px-4 text-center border-b border-white\/5\">Essential (detergent)<\/td>\r\n <td class=\"text-blue-300 font-black text-lg md:text-xl py-2 px-4 text-center border-b border-white\/5\">100% \u2193<\/td>\r\n <\/tr>\r\n <tr class=\"hover:bg-white\/5 transition-colors duration-200\">\r\n <td class=\"py-2 px-4 font-bold text-white border-b border-white\/5\">Membrane\/electrode life<\/td>\r\n <td class=\"text-green-300 font-bold text-base md:text-lg py-2 px-4 text-center border-b border-white\/5\">5+ years<\/td>\r\n <td class=\"text-orange-300 font-bold text-base md:text-lg py-2 px-4 text-center border-b border-white\/5\">1-2 years<\/td>\r\n <td class=\"text-blue-300 font-black text-lg md:text-xl py-2 px-4 text-center border-b border-white\/5\">3x \u2191<\/td>\r\n <\/tr>\r\n <tr class=\"hover:bg-white\/5 transition-colors duration-200\">\r\n <td class=\"py-2 px-4 font-bold text-white\">Maintenance costs<\/td>\r\n <td class=\"text-green-300 font-bold text-base md:text-lg py-2 px-4 text-center\">very low<\/td>\r\n <td class=\"text-red-400 font-bold text-base md:text-lg py-2 px-4 text-center\">height<\/td>\r\n <td class=\"text-blue-300 font-black text-lg md:text-xl py-2 px-4 text-center\">60% \u2193<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n <!-- \ud558\ub2e8 \ubc15\uc2a4 \uc0c1\ub2e8 \ub9c8\uc9c4(mt-8) \ubc0f \ub0b4\ubd80 \ud328\ub529(p-4) \ucd95\uc18c -->\r\n <div class=\"highlight-box mt-6 max-w-6xl w-full p-3 md:p-5 bg-yellow-500\/10 border border-yellow-500\/20 rounded-lg\"> <!-- mt-8 \u2192 mt-6, p-4 \u2192 p-3 md:p-5, \ubc30\uacbd\/\ud14c\ub450\ub9ac \ucd94\uac00\ub85c \uc138\ub828\ub418\uac8c -->\r\n <!-- \ud14d\uc2a4\ud2b8 \ud06c\uae30(text-lg md:text-xl) \ucd95\uc18c -->\r\n <p class=\"text-base md:text-lg font-bold text-yellow-200 text-center\">\r\n O2&B MCDI is <span class=\"text-blue-300\">Reduce operating expenses (OPEX) by more than 50%<\/span> As an effect<br class=\"sm:hidden\"\/>Secure overwhelming economic viability in the Vietnamese market <!-- br sm:hidden \ucd94\uac00\ub85c \ubaa8\ubc14\uc77c \uc904\ubc14\uafc8 -->\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">15 \/ 31<\/div>\r\n<\/div>\r\n <!-- Slide 16: MCDI Technical Advantages -->\r\n <div class=\"slide bg-gradient-dark\">\r\n <div class=\"section-badge\" style=\"background: rgba(56, 189, 248, 0.2); border-color: rgba(56, 189, 248, 0.4);\">\u2162. MCDI technology<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-12\">\r\n MCDI's Competitive Edge\r\n <\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-8 w-full max-w-6xl\">\r\n <div class=\"stat-card text-left\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-blue-300 mb-6 flex items-center\">\r\n <span class=\"text-3xl md:text-4xl mr-3 md:mr-4 opacity-80\">\ud83d\udd0b<\/span> low energy consumption\r\n <\/h3>\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-300\">\r\n <p><span class=\"text-blue-300 font-bold mr-2\">\u2713<\/span> Low voltage (1.2V) operation, maximizing energy efficiency<\/p>\r\n <p><span class=\"text-blue-300 font-bold mr-2\">\u2713<\/span> Standalone system with solar power integration<\/p>\r\n <p><span class=\"text-blue-300 font-bold mr-2\">\u2713<\/span> Ideal for rural areas with unstable power grids<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card text-left\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-green-300 mb-6 flex items-center\">\r\n <span class=\"text-3xl md:text-4xl mr-3 md:mr-4 opacity-80\">\u267b\ufe0f<\/span> environmentally friendly\r\n <\/h3>\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-300\">\r\n <p><span class=\"text-green-300 font-bold mr-2\">\u2713<\/span> No chemicals, zero secondary pollution<\/p>\r\n <p><span class=\"text-green-300 font-bold mr-2\">\u2713<\/span> Minimize wastewater generation (less than 5%)<\/p>\r\n <p><span class=\"text-green-300 font-bold mr-2\">\u2713<\/span> Reduce carbon emissions by 70% compared to RO<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card text-left\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-purple-300 mb-6 flex items-center\">\r\n <span class=\"text-3xl md:text-4xl mr-3 md:mr-4 opacity-80\">\ud83d\udd27<\/span> modular structure\r\n <\/h3>\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-300\">\r\n <p><span class=\"text-purple-300 font-bold mr-2\">\u2713<\/span> Modular design for easy installation and expansion<\/p>\r\n <p><span class=\"text-purple-300 font-bold mr-2\">\u2713<\/span> On-site customizable capacity adjustment<\/p>\r\n <p><span class=\"text-purple-300 font-bold mr-2\">\u2713<\/span> Easy maintenance (module unit replacement)<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card text-left\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-orange-300 mb-6 flex items-center\">\r\n <span class=\"text-3xl md:text-4xl mr-3 md:mr-4 opacity-80\">\ud83c\udfaf<\/span> Selective removal\r\n <\/h3>\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-300\">\r\n <p><span class=\"text-orange-300 font-bold mr-2\">\u2713<\/span> Selective removal of only ionic contaminants<\/p>\r\n <p><span class=\"text-orange-300 font-bold mr-2\">\u2713<\/span> Beneficial minerals can be preserved<\/p>\r\n <p><span class=\"text-orange-300 font-bold mr-2\">\u2713<\/span> Specialized in removing arsenic and heavy metals<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">16 \/ 31<\/div>\r\n <\/div>\r\n<!-- Slide 17: Performance Results: \uc2e4\uc99d \uc131\uacfc - \uadf8\ub798\ud504 \uc0ad\uc81c \ubc0f \ucef4\ud329\ud2b8\ud654 -->\r\n<div class=\"slide bg-gradient-dark\">\r\n <div class=\"section-badge\" style=\"background: rgba(52, 211, 153, 0.2); border-color: rgba(52, 211, 153, 0.4);\">IV. Lao Cai Evidence<\/div>\r\n <div class=\"slide-content pt-2\"> <!-- slide-content\uc5d0 pt-2 \ucd94\uac00\ub85c \uc717\ucabd \uc5ec\ubc31 \ucd5c\uc18c\ud654 -->\r\n <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-black text-white mb-4 md:mb-6\"> <!-- mb-6 md:mb-8 \u2192 mb-4 md:mb-6\uc73c\ub85c \uc544\ub798 \uc5ec\ubc31 \uc904\uc784 -->\r\n Performance Results: Empirical Results\r\n <\/h2>\r\n\r\n <!-- \uc218\uc9c8 \uac1c\uc120 \uc131\uacfc Table -->\r\n <div class=\"w-full max-w-6xl mb-4 overflow-x-auto\">\r\n <h3 class=\"text-xl md:text-2xl font-bold text-green-300 mb-3 text-left\">Water quality improvement results<\/h3>\r\n <div class=\"comparison-table min-w-[600px] md:min-w-full\">\r\n <table class=\"w-full\">\r\n <thead>\r\n <tr>\r\n <th class=\"py-2 px-3 md:py-3 md:px-4 text-left\">pollutants<\/th>\r\n <th class=\"py-2 px-3 md:py-3 md:px-4 text-right\">raw water concentration<\/th>\r\n <th class=\"py-2 px-3 md:py-3 md:px-4 text-right\">Treatment water concentration<\/th>\r\n <th class=\"py-2 px-3 md:py-3 md:px-4 text-right\">Removal rate<\/th>\r\n <th class=\"py-2 px-3 md:py-3 md:px-4 text-right\">Standard (WHO\/QCVN)<\/th>\r\n <th class=\"py-2 px-3 md:py-3 md:px-4 text-center\">result<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td class=\"font-bold py-2 px-3 md:py-3 md:px-4\">Arsenic (As)<\/td>\r\n <td class=\"text-red-400 py-2 px-3 md:py-3 md:px-4 text-right\">75 \u00b5g\/L<\/td>\r\n <td class=\"text-green-300 font-bold py-2 px-3 md:py-3 md:px-4 text-right\">8 \u00b5g\/L<\/td>\r\n <td class=\"text-yellow-300 py-2 px-3 md:py-3 md:px-4 text-right font-bold\">89.3%<\/td>\r\n <td class=\"py-2 px-3 md:py-3 md:px-4 text-right\">\u2264 10 \u00b5g\/L<\/td>\r\n <td class=\"text-green-300 font-bold py-2 px-3 md:py-3 md:px-4 text-center\">\u2713 Pass<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"font-bold py-2 px-3 md:py-3 md:px-4\">manganese (Mn)<\/td>\r\n <td class=\"text-red-400 py-2 px-3 md:py-3 md:px-4 text-right\">2,100 \u00b5g\/L<\/td>\r\n <td class=\"text-green-300 font-bold py-2 px-3 md:py-3 md:px-4 text-right\">380 \u00b5g\/L<\/td>\r\n <td class=\"text-yellow-300 py-2 px-3 md:py-3 md:px-4 text-right font-bold\">81.9%<\/td>\r\n <td class=\"py-2 px-3 md:py-3 md:px-4 text-right\">\u2264 500 \u00b5g\/L<\/td>\r\n <td class=\"text-green-300 font-bold py-2 px-3 md:py-3 md:px-4 text-center\">\u2713 Pass<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"font-bold py-2 px-3 md:py-3 md:px-4\">iron (Fe)<\/td>\r\n <td class=\"text-red-400 py-2 px-3 md:py-3 md:px-4 text-right\">7.5 mg\/L<\/td>\r\n <td class=\"text-green-300 font-bold py-2 px-3 md:py-3 md:px-4 text-right\">0.2 mg\/L<\/td>\r\n <td class=\"text-yellow-300 py-2 px-3 md:py-3 md:px-4 text-right font-bold\">97.3%<\/td>\r\n <td class=\"py-2 px-3 md:py-3 md:px-4 text-right\">\u2264 0.3 mg\/L<\/td>\r\n <td class=\"text-green-300 font-bold py-2 px-3 md:py-3 md:px-4 text-center\">\u2713 Pass<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"font-bold py-2 px-3 md:py-3 md:px-4\">TDS<\/td>\r\n <td class=\"text-orange-400 py-2 px-3 md:py-3 md:px-4 text-right\">850 mg\/L<\/td>\r\n <td class=\"text-green-300 font-bold py-2 px-3 md:py-3 md:px-4 text-right\">320 mg\/L<\/td>\r\n <td class=\"text-yellow-300 py-2 px-3 md:py-3 md:px-4 text-right font-bold\">62.4%<\/td>\r\n <td class=\"py-2 px-3 md:py-3 md:px-4 text-right\">\u2264 1,000 mg\/L<\/td>\r\n <td class=\"text-green-300 font-bold py-2 px-3 md:py-3 md:px-4 text-center\">\u2713 Pass<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \uc6b4\uc601 \uc131\uacfc & \uacbd\uc81c\uc131 \ubd84\uc11d Grid -->\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 w-full max-w-6xl\">\r\n <div class=\"stat-card p-5\">\r\n <h3 class=\"text-xl md:text-2xl font-bold text-blue-300 mb-4 text-left\">Operating performance<\/h3>\r\n <div class=\"space-y-3 text-sm md:text-base\">\r\n <div class=\"flex justify-between items-center pb-1.5 border-b border-white\/10\">\r\n <span class=\"font-semibold text-slate-200\">Daily production<\/span>\r\n <span class=\"text-base md:text-lg font-bold text-blue-300\">95-100 m\u00b3\/day<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between items-center pb-1.5 border-b border-white\/10\">\r\n <span class=\"font-semibold text-slate-200\">Operating rate<\/span>\r\n <span class=\"text-base md:text-lg font-bold text-green-300\">98.5%<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between items-center pb-1.5 border-b border-white\/10\">\r\n <span class=\"font-semibold text-slate-200\">Water recovery rate<\/span>\r\n <span class=\"text-base md:text-lg font-bold text-green-300\">95.2%<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between items-center\">\r\n <span class=\"font-semibold text-slate-200\">Power consumption<\/span>\r\n <span class=\"text-base md:text-lg font-bold text-yellow-300\">0.68 kWh\/m\u00b3<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card p-5\">\r\n <h3 class=\"text-xl md:text-2xl font-bold text-purple-300 mb-4 text-left\">Economic analysis<\/h3>\r\n <div class=\"space-y-3 text-sm md:text-base\">\r\n <div class=\"flex justify-between items-center pb-1.5 border-b border-white\/10\">\r\n <span class=\"font-semibold text-slate-200\">ground price<\/span>\r\n <span class=\"text-base md:text-lg font-bold text-green-300\">$0.42\/m\u00b3<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between items-center pb-1.5 border-b border-white\/10\">\r\n <span class=\"font-semibold text-slate-200\">Selling price<\/span>\r\n <span class=\"text-base md:text-lg font-bold text-blue-300\">$0.80\/m\u00b3<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between items-center pb-1.5 border-b border-white\/10\">\r\n <span class=\"font-semibold text-slate-200\">Monthly operating expenses<\/span>\r\n <span class=\"text-base md:text-lg font-bold text-yellow-300\">$1,260<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between items-center\">\r\n <span class=\"font-semibold text-slate-200\">Payback period<\/span>\r\n <span class=\"text-base md:text-lg font-bold text-purple-300\">3.2 years<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number absolute bottom-4 right-4 text-sm text-slate-400\">17 \/ 31<\/div>\r\n<\/div>\r\n <!-- Slide 18: Lao Cai Project Overview -->\r\n <div class=\"slide bg-gradient-dark\">\r\n <div class=\"section-badge\" style=\"background: rgba(52, 211, 153, 0.2); border-color: rgba(52, 211, 153, 0.4);\">IV. Lao Cai Evidence<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-12\">\r\n Case Study: Lao Cai Pilot Project\r\n <\/h2>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, lg \uc774\uc0c1 2\uc5f4 -->\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-6 md:gap-8 w-full max-w-6xl\">\r\n <div class=\"stat-card text-left p-6 md:p-8\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-green-300 mb-6\">\ud83d\udccd Business Overview<\/h3>\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-300\">\r\n <div class=\"flex items-start\">\r\n <span class=\"text-xl md:text-2xl mr-3 md:mr-4 opacity-80\">\u25b8<\/span>\r\n <div><p class=\"font-bold text-slate-100\">location:<\/p><p>Lao Cai Province, northern Vietnam<\/p><\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <span class=\"text-xl md:text-2xl mr-3 md:mr-4 opacity-80\">\u25b8<\/span>\r\n <div><p class=\"font-bold text-slate-100\">period:<\/p><p>June 2023 - December 2024 (18 months)<\/p><\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <span class=\"text-xl md:text-2xl mr-3 md:mr-4 opacity-80\">\u25b8<\/span>\r\n <div><p class=\"font-bold text-slate-100\">System Capacity:<\/p><p>100 m\u00b3\/day (100 tons per day)<\/p><\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <span class=\"text-xl md:text-2xl mr-3 md:mr-4 opacity-80\">\u25b8<\/span>\r\n <div><p class=\"font-bold text-slate-100\">Beneficiary population:<\/p><p>Approximately 2,500 people (500 households)<\/p><\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <span class=\"text-xl md:text-2xl mr-3 md:mr-4 opacity-80\">\u25b8<\/span>\r\n <div><p class=\"font-bold text-slate-100\">partner:<\/p><p>Lao Cai Provincial People's Committee, Vietnam's Ministry of Environment<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"text-left space-y-6\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-red-300 mb-0 ml-2\">\u26a0\ufe0f Field issues<\/h3>\r\n <div class=\"warning-box\">\r\n <h4 class=\"font-bold text-lg md:text-xl text-red-200 mb-2\">Arsenic contamination<\/h4>\r\n <p class=\"text-sm md:text-base text-slate-200\">Average concentration: <span class=\"font-bold text-red-300\">159 \u03bcg\/L<\/span> (WHO standard <strong class=\"text-red-300\">16 times\u2191<\/strong>), up to 1,340 \u03bcg\/L<\/p>\r\n <\/div>\r\n <div class=\"warning-box\">\r\n <h4 class=\"font-bold text-lg md:text-xl text-red-200 mb-2\">Manganese contamination<\/h4>\r\n <p class=\"text-sm md:text-base text-slate-200\">Average concentration: <span class=\"font-bold text-red-300\">0.83 mg\/L<\/span> (WHO standard <strong class=\"text-red-300\">2x\u2191<\/strong>), up to 34 mg\/L<\/p>\r\n <\/div>\r\n <div class=\"warning-box\">\r\n <h4 class=\"font-bold text-lg md:text-xl text-red-200 mb-2\">Iron & Other Contamination<\/h4>\r\n <p class=\"text-sm md:text-base text-slate-200\">High iron content (up to 34 mg\/L), coliform bacteria (11,000 MPN), and other heavy metal issues<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">18 \/ 31<\/div>\r\n <\/div>\r\n\r\n <!-- Slide 19: Lao Cai Results - Water Quality -->\r\n <div class=\"slide bg-gradient-green\">\r\n <div class=\"section-badge\" style=\"background: rgba(52, 211, 153, 0.2); border-color: rgba(52, 211, 153, 0.4);\">IV. Lao Cai Evidence<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-12\">\r\n Proven Results: Water Quality\r\n <\/h2>\r\n <div class=\"w-full max-w-6xl overflow-x-auto\">\r\n <!-- \ubaa8\ubc14\uc77c \ud654\uba74 \uac00\ub85c \uc2a4\ud06c\ub864 \ub300\uc751 -->\r\n <div class=\"comparison-table min-w-[700px] md:min-w-full\">\r\n <table class=\"w-full\">\r\n <thead>\r\n <tr>\r\n <th>pollutants<\/th>\r\n <th>raw water concentration<\/th>\r\n <th>Integer concentration<\/th>\r\n <th>WHO standards<\/th>\r\n <th>Removal rate<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td class=\"font-bold\">Arsenic (As)<\/td>\r\n <td class=\"text-red-300 font-bold\">Average 159 \u03bcg\/L<\/td>\r\n <td class=\"text-green-300 font-bold\">< 5 \u03bcg\/L<\/td>\r\n <td>10 \u03bcg\/L<\/td>\r\n <td class=\"text-blue-300 font-black text-xl\">99% \u2713<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"font-bold\">manganese (Mn)<\/td>\r\n <td class=\"text-red-300 font-bold\">Average 0.83 mg\/L<\/td>\r\n <td class=\"text-green-300 font-bold\">< 0.1 mg\/L<\/td>\r\n <td>0.4 mg\/L<\/td>\r\n <td class=\"text-blue-300 font-black text-xl\">98% \u2713<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"font-bold\">iron (Fe)<\/td>\r\n <td class=\"text-orange-300 font-bold\">Up to 34 mg\/L<\/td>\r\n <td class=\"text-green-300 font-bold\">< 0.15 mg\/L<\/td>\r\n <td>0.3 mg\/L<\/td>\r\n <td class=\"text-blue-300 font-black text-xl\">95% \u2713<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"font-bold\">TDS (salt content)<\/td>\r\n <td class=\"text-orange-300 font-bold\">1,200-1,800 ppm<\/td>\r\n <td class=\"text-green-300 font-bold\">< 300 ppm<\/td>\r\n <td>500 ppm<\/td>\r\n <td class=\"text-blue-300 font-black text-xl\">85% \u2713<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"font-bold\">ammonia (NH3)<\/td>\r\n <td class=\"text-orange-300 font-bold\">2-4 ppm<\/td>\r\n <td class=\"text-green-300 font-bold\">< 0.5 ppm<\/td>\r\n <td>1.5 ppm<\/td>\r\n <td class=\"text-blue-300 font-black text-xl\">90% \u2713<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, sm \uc774\uc0c1 3\uc5f4 -->\r\n <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-6 md:gap-8 w-full max-w-6xl mt-10\">\r\n <div class=\"stat-card text-center p-6\">\r\n <div class=\"text-4xl md:text-5xl font-black text-green-300 mb-2\">100%<\/div>\r\n <p class=\"text-base md:text-lg text-slate-200\">Meets WHO water quality standards<\/p>\r\n <\/div>\r\n <div class=\"stat-card text-center p-6\">\r\n <div class=\"text-4xl md:text-5xl font-black text-blue-300 mb-2\">18 months<\/div>\r\n <p class=\"text-base md:text-lg text-slate-200\">Continuous stable operation<\/p>\r\n <\/div>\r\n <div class=\"stat-card text-center p-6\">\r\n <div class=\"text-4xl md:text-5xl font-black text-purple-300 mb-2\">2,500+<\/div>\r\n <p class=\"text-base md:text-lg text-slate-200\">Number of beneficiaries<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"data-source\">\r\n Source: MONRE\/NEA (WEPA DB), GSO Env. Statistics (2022), WHO Standards\r\n <\/div>\r\n <div class=\"slide-number\">19 \/ 31<\/div>\r\n <\/div>\r\n\r\n <!-- Slide 20: Lao Cai Results - Operational Performance -->\r\n <div class=\"slide bg-gradient-dark\">\r\n <div class=\"section-badge\" style=\"background: rgba(52, 211, 153, 0.2); border-color: rgba(52, 211, 153, 0.4);\">IV. Lao Cai Evidence<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-12\">\r\n Operational Excellence\r\n <\/h2>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, md \uc774\uc0c1 2\uc5f4 -->\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-8 w-full max-w-6xl\">\r\n <div class=\"stat-card text-left p-6 md:p-8\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-blue-300 mb-6\">\u26a1 Energy efficiency<\/h3>\r\n <div class=\"space-y-4 text-base md:text-lg\">\r\n <div class=\"pb-3 border-b border-white\/10\">\r\n <span class=\"font-semibold text-slate-200\">Energy consumption<\/span>\r\n <span class=\"float-right text-xl font-bold text-green-300\">0.7 kWh\/m\u00b3<\/span>\r\n <\/div>\r\n <div class=\"pb-3 border-b border-white\/10\">\r\n <span class=\"font-semibold text-slate-200\">Monthly electricity bill<\/span>\r\n <span class=\"float-right text-xl font-bold text-green-300\">$180<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"font-semibold text-slate-200\">Annual CO\u2082 reduction<\/span>\r\n <span class=\"float-right text-xl font-bold text-green-300\">28 tons<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card text-left p-6 md:p-8\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-purple-300 mb-6\">\ud83d\udcb0 Economic efficiency<\/h3>\r\n <div class=\"space-y-4 text-base md:text-lg\">\r\n <div class=\"pb-3 border-b border-white\/10\">\r\n <span class=\"font-semibold text-slate-200\">CAPEX (initial investment)<\/span>\r\n <span class=\"float-right text-xl font-bold text-blue-300\">$45,000<\/span>\r\n <\/div>\r\n <div class=\"pb-3 border-b border-white\/10\">\r\n <span class=\"font-semibold text-slate-200\">OPEX (Annual Operating Expenses)<\/span>\r\n <span class=\"float-right text-xl font-bold text-green-300\">$3,200<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"font-semibold text-slate-200\">ROI achievement period<\/span>\r\n <span class=\"float-right text-xl font-bold text-purple-300\">2.8 years<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card text-left p-6 md:p-8\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-green-300 mb-6\">\u267b\ufe0f Environmental impact<\/h3>\r\n <div class=\"space-y-3 text-base md:text-lg text-slate-200\">\r\n <p><span class=\"text-green-300 font-bold mr-2\">\u2713<\/span> Wastewater generation: <strong>4.2%<\/strong> (RO: 25%)<\/p>\r\n <p><span class=\"text-green-300 font-bold mr-2\">\u2713<\/span> Chemical use: <strong>Zero<\/strong><\/p>\r\n <p><span class=\"text-green-300 font-bold mr-2\">\u2713<\/span> Water recovery rate: <strong>95.8%<\/strong><\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card text-left p-6 md:p-8\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-orange-300 mb-6\">\ud83d\udd27 Maintenance<\/h3>\r\n <div class=\"space-y-3 text-base md:text-lg text-slate-200\">\r\n <p><span class=\"text-orange-300 font-bold mr-2\">\u2713<\/span> Electrode replacement cycle: <strong>More than 5 years<\/strong><\/p>\r\n <p><span class=\"text-orange-300 font-bold mr-2\">\u2713<\/span> Average operating rate: <strong>98.5%<\/strong><\/p>\r\n <p><span class=\"text-orange-300 font-bold mr-2\">\u2713<\/span> Unmanned operation possible: <strong>Yes<\/strong><\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">20 \/ 31<\/div>\r\n <\/div>\r\n\r\n <!-- Slide 21: Community Impact -->\r\n <div class=\"slide bg-gradient-green\">\r\n <div class=\"section-badge\" style=\"background: rgba(52, 211, 153, 0.2); border-color: rgba(52, 211, 153, 0.4);\">IV. Lao Cai Evidence<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black mb-12\">\r\n Community Impact & Testimonials\r\n <\/h2>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, sm \uc774\uc0c1 3\uc5f4 -->\r\n <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-6 md:gap-8 w-full max-w-6xl\">\r\n <div class=\"stat-card text-left p-6 md:p-8\">\r\n <div class=\"text-5xl md:text-6xl mb-4\">\u2695\ufe0f<\/div>\r\n <h4 class=\"text-xl md:text-2xl font-bold mb-3\">Health improvement<\/h4>\r\n <ul class=\"text-base md:text-lg text-slate-200 space-y-2\">\r\n <li>waterborne diseases <strong class=\"text-green-200\">82% reduction<\/strong><\/li>\r\n <li>childhood diarrhea <strong class=\"text-green-200\">75% reduction<\/strong><\/li>\r\n <li>skin disease <strong class=\"text-green-200\">68% reduction<\/strong><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"stat-card text-left p-6 md:p-8\">\r\n <div class=\"text-5xl md:text-6xl mb-4\">\ud83d\udcb0<\/div>\r\n <h4 class=\"text-xl md:text-2xl font-bold mb-3\">economic impact<\/h4>\r\n <ul class=\"text-base md:text-lg text-slate-200 space-y-2\">\r\n <li>Medical expenses <strong class=\"text-green-200\">$180\/household\/year<\/strong> reduction<\/li>\r\n <li>Cost of purchasing water <strong class=\"text-green-200\">70% reduction<\/strong><\/li>\r\n <li>Productivity improvement effect<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"stat-card text-left p-6 md:p-8\">\r\n <div class=\"text-5xl md:text-6xl mb-4\">\ud83d\ude0a<\/div>\r\n <h4 class=\"text-xl md:text-2xl font-bold mb-3\">Resident satisfaction<\/h4>\r\n <ul class=\"text-base md:text-lg text-slate-200 space-y-2\">\r\n <li>Overall satisfaction <strong class=\"text-green-200\">96%<\/strong><\/li>\r\n <li>Intention to continue using <strong class=\"text-green-200\">100%<\/strong><\/li>\r\n <li>Willingness to recommend other regions <strong class=\"text-green-200\">98%<\/strong><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mt-12 max-w-5xl w-full\">\r\n <div class=\"stat-card p-6 md:p-8\">\r\n <h4 class=\"text-2xl md:text-3xl font-bold mb-6 text-center\">\ud83d\udce2 Local Resident Reviews<\/h4>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 text-left\">\r\n <div class=\"italic text-base md:text-lg text-slate-200 border-l-4 border-green-400 pl-4\">\r\n <p class=\"mb-2\">\""Now our children no longer get sick from the water. O2&B's system is a blessing to our village."\"<\/p>\r\n <p class=\"text-right text-sm opacity-80 mt-3\">- Nguyen Thi Lan (Village resident, 45 years old)<\/p>\r\n <\/div>\r\n <div class=\"italic text-base md:text-lg text-slate-200 border-l-4 border-green-400 pl-4\">\r\n <p class=\"mb-2\">\""Having access to clean drinking water has greatly improved our quality of life. I hope this technology will be expanded throughout Vietnam."\"<\/p>\r\n <p class=\"text-right text-sm opacity-80 mt-3\">- Tran Van Hung (village head, 52 years old)<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">21 \/ 31<\/div>\r\n <\/div>\r\n\r\n<!-- \r\n Part 2\/3 (\uc2ac\ub77c\uc774\ub4dc 12-21)\uac00 \ub05d\ub0ac\uc2b5\ub2c8\ub2e4.\r\n \uc774\uc5b4\uc11c Part 3\/3 (\uc2ac\ub77c\uc774\ub4dc 22-31 & \uc2a4\ud06c\ub9bd\ud2b8) \ucf54\ub4dc\ub97c \ubd99\uc5ec\ub123\uc73c\uc138\uc694.\r\n-->\r\n\r\n<!-- \r\n \uc774 \ud30c\uc77c\uc740 O2&B \ud504\ub808\uc820\ud14c\uc774\uc158\uc758 Part 3\/3 \uc785\ub2c8\ub2e4.\r\n \uc774 \ud30c\uc77c\uc5d0\ub294 22-31\ud398\uc774\uc9c0\uc640 \uc2a4\ud06c\ub9bd\ud2b8\uac00 \ud3ec\ud568\ub429\ub2c8\ub2e4.\r\n Part 1, Part 2 \ub4a4\uc5d0 \uc704\uce58\ud574\uc57c \ud569\ub2c8\ub2e4.\r\n-->\r\n<!-- Slide 22: Global References - \uce84\ubcf4\ub514\uc544 \ubc0f \ud1b5\uacc4 \ucd94\uac00 -->\r\n<div class=\"slide bg-gradient-dark\">\r\n <div class=\"section-badge\" style=\"background: rgba(250, 204, 21, 0.2); border-color: rgba(250, 204, 21, 0.4);\">\u2164. GLOBAL REFERENCE<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black mb-12 text-white\">\r\n Proven Global Track Record\r\n <\/h2>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, md \uc774\uc0c1 3\uc5f4 -->\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 md:gap-8 w-full max-w-7xl mb-10\">\r\n <!-- \ubc29\uae00\ub77c\ub370\uc2dc \uce74\ub4dc -->\r\n <div class=\"stat-card text-left p-6 md:p-8 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"flex items-center mb-6\">\r\n <span class=\"text-4xl md:text-5xl mr-4\">\ud83c\udde7\ud83c\udde9<\/span>\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-white\">Bangladesh<\/h3>\r\n <\/div>\r\n <div class=\"space-y-3 text-sm md:text-base font-light text-slate-300\">\r\n <p><strong class=\"text-slate-100\">problem:<\/strong> High concentration of arsenic contamination<\/p>\r\n <p><strong class=\"text-slate-100\">scale:<\/strong> 1,000 m\u00b3\/day \u00d7 3 units<\/p>\r\n <p><strong class=\"text-slate-100\">result:<\/strong> Arsenic 95% removal<\/p>\r\n <p><strong class=\"text-slate-100\">current situation:<\/strong> Establishment of local corporation completed<\/p>\r\n <\/div>\r\n <\/div>\r\n <!-- \ud0c4\uc790\ub2c8\uc544 \uce74\ub4dc -->\r\n <div class=\"stat-card text-left p-6 md:p-8 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"flex items-center mb-6\">\r\n <span class=\"text-4xl md:text-5xl mr-4\">\ud83c\uddf9\ud83c\uddff<\/span>\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-white\">Tanzania<\/h3>\r\n <\/div>\r\n <div class=\"space-y-3 text-sm md:text-base font-light text-slate-300\">\r\n <p><strong class=\"text-slate-100\">problem:<\/strong> Excessive fluoride (5-8 mg\/L)<\/p>\r\n <p><strong class=\"text-slate-100\">scale:<\/strong> 500 m\u00b3\/day \u00d7 2 units<\/p>\r\n <p><strong class=\"text-slate-100\">result:<\/strong> Achieving WHO standards<\/p>\r\n <p><strong class=\"text-slate-100\">current situation:<\/strong> Contracts for 5 additional locations<\/p>\r\n <\/div>\r\n <\/div>\r\n <!-- \uce84\ubcf4\ub514\uc544 \uce74\ub4dc -->\r\n <div class=\"stat-card text-left p-6 md:p-8 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"flex items-center mb-6\">\r\n <span class=\"text-4xl md:text-5xl mr-4\">\ud83c\uddf0\ud83c\udded<\/span>\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-white\">Cambodia<\/h3>\r\n <\/div>\r\n <div class=\"space-y-3 text-sm md:text-base font-light text-slate-300\">\r\n <p><strong class=\"text-slate-100\">problem:<\/strong> Iron\/manganese complex contamination<\/p>\r\n <p><strong class=\"text-slate-100\">scale:<\/strong> 200 m\u00b3\/day<\/p>\r\n <p><strong class=\"text-slate-100\">result:<\/strong> Supply to three rural villages<\/p>\r\n <p><strong class=\"text-slate-100\">current situation:<\/strong> Expanding JICA Linkages<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \ud558\ub2e8 \ud1b5\uacc4 \uc139\uc158 -->\r\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-6 md:gap-8 w-full max-w-5xl\">\r\n <div class=\"stat-card text-center p-6 bg-blue-900\/20 border-blue-700\/40 rounded-xl shadow-lg\">\r\n <div class=\"text-4xl md:text-5xl font-black text-blue-300 mb-2\">15+<\/div>\r\n <p class=\"text-base md:text-lg text-slate-200\">Countries<\/p>\r\n <\/div>\r\n <div class=\"stat-card text-center p-6 bg-green-900\/20 border-green-700\/40 rounded-xl shadow-lg\">\r\n <div class=\"text-4xl md:text-5xl font-black text-green-300 mb-2\">50+<\/div>\r\n <p class=\"text-base md:text-lg text-slate-200\">Projects<\/p>\r\n <\/div>\r\n <div class=\"stat-card text-center p-6 bg-purple-900\/20 border-purple-700\/40 rounded-xl shadow-lg\">\r\n <div class=\"text-4xl md:text-5xl font-black text-purple-300 mb-2\">1M+<\/div>\r\n <p class=\"text-base md:text-lg text-slate-200\">Beneficiaries<\/p>\r\n <\/div>\r\n <div class=\"stat-card text-center p-6 bg-red-900\/20 border-red-700\/40 rounded-xl shadow-lg\">\r\n <div class=\"text-4xl md:text-5xl font-black text-red-300 mb-2\">98%<\/div>\r\n <p class=\"text-base md:text-lg text-slate-200\">Success Rate<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">22 \/ 31<\/div>\r\n<\/div>\r\n <!-- Slide 23: IP & Certifications -->\r\n <div class=\"slide bg-gradient-dark\">\r\n <div class=\"section-badge\" style=\"background: rgba(250, 204, 21, 0.2); border-color: rgba(250, 204, 21, 0.4);\">V. Global Reference<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-12\">\r\n Technical Credibility\r\n <\/h2>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, md \uc774\uc0c1 2\uc5f4 -->\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-8 w-full max-w-6xl\">\r\n <div class=\"stat-card text-left p-6 md:p-8\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-blue-300 mb-6 flex items-center\">\r\n <span class=\"text-3xl md:text-4xl mr-3 md:mr-4 opacity-80\">\ud83c\udfc6<\/span> Patents and IP\r\n <\/h3>\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-300\">\r\n <div class=\"flex items-start\">\r\n <span class=\"text-blue-300 font-bold mr-3 opacity-80\">\u25aa<\/span>\r\n <div><p class=\"font-bold text-slate-100\">Domestic patents: 12<\/p><p class=\"text-xs md:text-sm text-slate-400\">MCDI electrode, module, and system optimization<\/p><\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <span class=\"text-blue-300 font-bold mr-3 opacity-80\">\u25aa<\/span>\r\n <div><p class=\"font-bold text-slate-100\">International patents: 8<\/p><p class=\"text-xs md:text-sm text-slate-400\">America, Europe, Japan, China, etc.<\/p><\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <span class=\"text-blue-300 font-bold mr-3 opacity-80\">\u25aa<\/span>\r\n <div><p class=\"font-bold text-slate-100\">Core technologies<\/p><p class=\"text-xs md:text-sm text-slate-400\">High-capacity carbon electrode, ion-selective membrane<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card text-left p-6 md:p-8\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-green-300 mb-6 flex items-center\">\r\n <span class=\"text-3xl md:text-4xl mr-3 md:mr-4 opacity-80\">\u2705<\/span> Authentication and Approval\r\n <\/h3>\r\n <div class=\"space-y-3 text-sm md:text-lg text-slate-300\">\r\n <p><span class=\"text-green-300 font-bold mr-2 opacity-80\">\u2713<\/span> <strong>WHO water quality standards<\/strong> Satisfaction verification<\/p>\r\n <p><span class=\"text-green-300 font-bold mr-2 opacity-80\">\u2713<\/span> <strong>UNICEF<\/strong> Safe Drinking Water Program Approval<\/p>\r\n <p><span class=\"text-green-300 font-bold mr-2 opacity-80\">\u2713<\/span> <strong>Ministry of Environment of Korea<\/strong> New Environmental Technology (NET)<\/p>\r\n <p><span class=\"text-green-300 font-bold mr-2 opacity-80\">\u2713<\/span> <strong>ISO 9001<\/strong> Quality Management System<\/p>\r\n <p><span class=\"text-green-300 font-bold mr-2 opacity-80\">\u2713<\/span> <strong>CE Mark<\/strong> European safety standards<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">23 \/ 31<\/div>\r\n <\/div>\r\n\r\n <!-- Slide 24: Strategic Partnerships -->\r\n <div class=\"slide bg-gradient-dark\">\r\n <div class=\"section-badge\" style=\"background: rgba(250, 204, 21, 0.2); border-color: rgba(250, 204, 21, 0.4);\">V. Global Reference<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-12\">\r\n Strategic Partnerships\r\n <\/h2>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, md \uc774\uc0c1 2\uc5f4 -->\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-8 w-full max-w-6xl\">\r\n <div class=\"stat-card text-left p-6 md:p-8\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-purple-300 mb-6\">\ud83e\udd1d Public Partner<\/h3>\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-300\">\r\n <div class=\"p-4 bg-purple-900\/30 rounded-lg border border-purple-700\/50\">\r\n <p class=\"font-bold text-purple-200\">Korea International Cooperation Agency (KOICA)<\/p>\r\n <p class=\"text-xs md:text-sm text-slate-400\">Cooperation in water supply projects in developing countries<\/p>\r\n <\/div>\r\n <div class=\"p-4 bg-purple-900\/30 rounded-lg border border-purple-700\/50\">\r\n <p class=\"font-bold text-purple-200\">Ministry of Environment of Korea<\/p>\r\n <p class=\"text-xs md:text-sm text-slate-400\">Support for environmental technology development and overseas expansion<\/p>\r\n <\/div>\r\n <div class=\"p-4 bg-purple-900\/30 rounded-lg border border-purple-700\/50\">\r\n <p class=\"font-bold text-purple-200\">Vietnam Ministry of Natural Resources and Environment (MONRE)<\/p>\r\n <p class=\"text-xs md:text-sm text-slate-400\">Official Partner of the Lao Cai Project<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card text-left p-6 md:p-8\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-blue-300 mb-6\">\ud83c\udfe2 Private Partner<\/h3>\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-300\">\r\n <div class=\"p-4 bg-blue-900\/30 rounded-lg border border-blue-700\/50\">\r\n <p class=\"font-bold text-blue-200\">Local distribution partners<\/p>\r\n <p class=\"text-xs md:text-sm text-slate-400\">Local corporations in Bangladesh and Tanzania<\/p>\r\n <\/div>\r\n <div class=\"p-4 bg-blue-900\/30 rounded-lg border border-blue-700\/50\">\r\n <p class=\"font-bold text-blue-200\">Technology Partner<\/p>\r\n <p class=\"text-xs md:text-sm text-slate-400\">Carbon electrode and system integration specialist company<\/p>\r\n <\/div>\r\n <div class=\"p-4 bg-blue-900\/30 rounded-lg border border-blue-700\/50\">\r\n <p class=\"font-bold text-blue-200\">financial institutions<\/p>\r\n <p class=\"text-xs md:text-sm text-slate-400\">Export-Import Bank, Korea Trade Insurance Corporation, etc.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">24 \/ 31<\/div>\r\n <\/div>\r\n\r\n <!-- Slide 25: Business Model - Water Station -->\r\n <div class=\"slide bg-gradient-dark\"> <!-- \ud83d\udd25 \ubc30\uacbd \ubcc0\uacbd: \ubcf4\ub77c\uc0c9 -> \ub2e4\ud06c \uadf8\ub808\uc774 -->\r\n <div class=\"section-badge\" style=\"background: rgba(96, 165, 250, 0.2); border-color: rgba(96, 165, 250, 0.4);\">V. Business Model<\/div> <!-- \ud83d\udd25 \ubc43\uc9c0 \uc0c9\uc0c1 \ubcc0\uacbd: \ubcf4\ub77c\uc0c9 -> \ud30c\ub780\uc0c9 -->\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-12\">\r\n Water Station Model\r\n <\/h2>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, lg \uc774\uc0c1 2\uc5f4 -->\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-6 md:gap-8 w-full max-w-6xl\">\r\n <div class=\"stat-card text-left p-6 md:p-8\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-blue-300 mb-6\">\ud83d\udca1 Innovative decentralized model<\/h3> <!-- \ud83d\udd25 \ud14d\uc2a4\ud2b8 \uc0c9\uc0c1 \ubcc0\uacbd -->\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-200\">\r\n <div class=\"flex items-start\">\r\n <span class=\"text-xl md:text-2xl mr-3 md:mr-4 text-blue-400 opacity-80\">\u25b8<\/span>\r\n <div><p class=\"font-bold text-slate-100\">small distributed deployment<\/p><p class=\"text-xs md:text-base text-slate-300\">Optimizing rural areas where centralized infrastructure is difficult to build<\/p><\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <span class=\"text-xl md:text-2xl mr-3 md:mr-4 text-blue-400 opacity-80\">\u25b8<\/span>\r\n <div><p class=\"font-bold text-slate-100\">standalone energy system<\/p><p class=\"text-xs md:text-base text-slate-300\">Zero dependence on the power grid through solar power integration<\/p><\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <span class=\"text-xl md:text-2xl mr-3 md:mr-4 text-blue-400 opacity-80\">\u25b8<\/span>\r\n <div><p class=\"font-bold text-slate-100\">Unmanned\/automatic operation<\/p><p class=\"text-xs md:text-base text-slate-300\">Efficiency management with IoT sensors and remote monitoring<\/p><\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <span class=\"text-xl md:text-2xl mr-3 md:mr-4 text-blue-400 opacity-80\">\u25b8<\/span>\r\n <div><p class=\"font-bold text-slate-100\">Local job creation<\/p><p class=\"text-xs md:text-base text-slate-300\">Participation of local personnel in operation and maintenance<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card text-left p-6 md:p-8\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold text-yellow-300 mb-6\">\ud83d\udcca Standard specifications<\/h3> <!-- \ud83d\udd25 \ud14d\uc2a4\ud2b8 \uc0c9\uc0c1 \ubcc0\uacbd -->\r\n <div class=\"overflow-x-auto\">\r\n <table class=\"w-full text-sm md:text-lg min-w-[300px]\">\r\n <tbody>\r\n <tr class=\"border-b border-white\/10\">\r\n <td class=\"py-3 font-semibold text-slate-200\">Processing capacity<\/td>\r\n <td class=\"py-3 text-right font-bold text-blue-300\">50-200 m\u00b3\/d<\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-white\/10\">\r\n <td class=\"py-3 font-semibold text-slate-200\">Beneficiary population<\/td>\r\n <td class=\"py-3 text-right font-bold text-blue-300\">500-2,000 people<\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-white\/10\">\r\n <td class=\"py-3 font-semibold text-slate-200\">Installation area<\/td>\r\n <td class=\"py-3 text-right font-bold text-blue-300\">50-100 m\u00b2<\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-white\/10\">\r\n <td class=\"py-3 font-semibold text-slate-200\">Power consumption<\/td>\r\n <td class=\"py-3 text-right font-bold text-green-300\">3-8 kW<\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-white\/10\">\r\n <td class=\"py-3 font-semibold text-slate-200\">CAPEX<\/td>\r\n <td class=\"py-3 text-right font-bold text-purple-300\">$30,000-$80,000<\/td> <!-- \uae08\uc561 \uc218\uc815 -->\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-3 font-semibold text-slate-200\">ROI<\/td>\r\n <td class=\"py-3 text-right font-bold text-orange-300\">2-3 years<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">25 \/ 31<\/div>\r\n <\/div>\r\n<!-- Slide 26: Revenue Model -->\r\n<div class=\"slide bg-gradient-dark\">\r\n <div class=\"section-badge\" style=\"background: rgba(167, 139, 250, 0.2); border-color: rgba(167, 139, 250, 0.4);\">V. Business Model<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-12\">\r\n Revenue Streams\r\n <\/h2>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, sm \uc774\uc0c1 3\uc5f4 -->\r\n <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-6 md:gap-8 w-full max-w-6xl mb-8 md:mb-12\">\r\n <div class=\"stat-card p-6 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-center mb-4\">\r\n <div class=\"text-5xl md:text-6xl mb-3\">\ud83c\udfd7\ufe0f<\/div>\r\n <h3 class=\"text-xl md:text-2xl font-bold text-blue-300\">Tier 1: CAPEX<\/h3>\r\n <\/div>\r\n <div class=\"space-y-3 text-sm md:text-base text-slate-300 text-left\">\r\n <p class=\"font-bold text-blue-200\">System Sales & Installation<\/p>\r\n <ul class=\"space-y-1 pl-5 text-xs md:text-sm list-disc list-outside\">\r\n <li>government projects<\/li>\r\n <li>industrial complex<\/li>\r\n <li>NGO\/International Organization<\/li>\r\n <li>private investors<\/li>\r\n <\/ul>\r\n <div class=\"pt-3 border-t border-white\/10 mt-4\">\r\n <p class=\"text-xs text-slate-400\">average return<\/p>\r\n <p class=\"text-lg md:text-2xl font-bold text-blue-300\">$50,000-$100,000\/Unit<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card p-6 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-center mb-4\">\r\n <div class=\"text-5xl md:text-6xl mb-3\">\ud83d\udd27<\/div>\r\n <h3 class=\"text-xl md:text-2xl font-bold text-green-300\">Tier 2: OPEX<\/h3>\r\n <\/div>\r\n <div class=\"space-y-3 text-sm md:text-base text-slate-300 text-left\">\r\n <p class=\"font-bold text-green-200\">Maintenance Services<\/p>\r\n <ul class=\"space-y-1 pl-5 text-xs md:text-sm list-disc list-outside\">\r\n <li>Electrode module replacement<\/li>\r\n <li>Regular maintenance<\/li>\r\n <li>remote monitoring<\/li>\r\n <li>Technical Support<\/li>\r\n <\/ul>\r\n <div class=\"pt-3 border-t border-white\/10 mt-4\">\r\n <p class=\"text-xs text-slate-400\">Annual revenue<\/p>\r\n <p class=\"text-lg md:text-2xl font-bold text-green-300\">$5,000-$10,000\/Unit<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card p-6 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-center mb-4\">\r\n <div class=\"text-5xl md:text-6xl mb-3\">\ud83d\udca7<\/div>\r\n <h3 class=\"text-xl md:text-2xl font-bold text-purple-300\">Tier 3: Water Sales<\/h3>\r\n <\/div>\r\n <div class=\"space-y-3 text-sm md:text-base text-slate-300 text-left\">\r\n <p class=\"font-bold text-purple-200\">Water Station Operation<\/p>\r\n <ul class=\"space-y-1 pl-5 text-xs md:text-sm list-disc list-outside\">\r\n <li>Direct sales (20L)<\/li>\r\n <li>Subscription model<\/li>\r\n <li>Vending machine style<\/li>\r\n <li>B2B supply<\/li>\r\n <\/ul>\r\n <div class=\"pt-3 border-t border-white\/10 mt-4\">\r\n <p class=\"text-xs text-slate-400\">Price per liter<\/p>\r\n <p class=\"text-lg md:text-2xl font-bold text-purple-300\">$0.02-0.05<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card p-6 md:p-8 w-full max-w-6xl bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <h3 class=\"text-xl md:text-3xl font-bold text-white mb-6 text-center\">\ud83d\udcb0 Vietnam Market Revenue Outlook (2025-2030)<\/h3>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 2\uc5f4, sm \uc774\uc0c1 4\uc5f4 -->\r\n <div class=\"grid grid-cols-2 sm:grid-cols-4 gap-4 md:gap-6 text-center\">\r\n <div>\r\n <p class=\"text-sm md:text-base text-slate-400 mb-1\">2025<\/p>\r\n <p class=\"text-xl md:text-3xl font-bold text-blue-300\">$2,500,000<\/p>\r\n <p class=\"text-xs md:text-sm text-slate-500\">Early entry<\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"text-sm md:text-base text-slate-400 mb-1\">2027<\/p>\r\n <p class=\"text-xl md:text-3xl font-bold text-green-300\">$8,500,000<\/p>\r\n <p class=\"text-xs md:text-sm text-slate-500\">Market expansion<\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"text-sm md:text-base text-slate-400 mb-1\">2030<\/p>\r\n <p class=\"text-xl md:text-3xl font-bold text-purple-300\">$25,000,000+<\/p>\r\n <p class=\"text-xs md:text-sm text-slate-500\">market leader<\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"text-sm md:text-base text-slate-400 mb-1\">Cumulative (5 years)<\/p>\r\n <p class=\"text-xl md:text-3xl font-bold text-red-300\">$65,000,000+<\/p>\r\n <p class=\"text-xs md:text-sm text-slate-500\">Total sales<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">26 \/ 31<\/div>\r\n<\/div>\r\n\r\n<!-- Slide 27: ESG Value Proposition -->\r\n<div class=\"slide bg-gradient-main\">\r\n <div class=\"section-badge\" style=\"background: rgba(52, 211, 153, 0.2); border-color: rgba(52, 211, 153, 0.4);\">V. Business Model<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black mb-12 text-white\">\r\n ESG Value Proposition\r\n <\/h2>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, sm \uc774\uc0c1 3\uc5f4 -->\r\n <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-6 md:gap-8 w-full max-w-6xl\">\r\n <div class=\"stat-card text-left p-6 md:p-8 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-6xl md:text-7xl mb-6 text-center\">\ud83c\udf0d<\/div>\r\n <h3 class=\"text-2xl md:text-3xl font-bold mb-6 text-center text-white\">Environment<\/h3>\r\n <ul class=\"space-y-3 text-sm md:text-lg text-slate-200\">\r\n <li><span class=\"text-green-300 mr-2\">\u2713<\/span> Reduce carbon emissions by 70%<\/li>\r\n <li><span class=\"text-green-300 mr-2\">\u2713<\/span> Zero use of chemicals<\/li>\r\n <li><span class=\"text-green-300 mr-2\">\u2713<\/span> Wastewater generation less than 5%<\/li>\r\n <li><span class=\"text-green-300 mr-2\">\u2713<\/span> Renewable energy linkage possible<\/li>\r\n <li><span class=\"text-green-300 mr-2\">\u2713<\/span> Water recovery rate of 95% or more<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"stat-card text-left p-6 md:p-8 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-6xl md:text-7xl mb-6 text-center\">\ud83d\udc65<\/div>\r\n <h3 class=\"text-2xl md:text-3xl font-bold mb-6 text-center text-white\">Social<\/h3>\r\n <ul class=\"space-y-3 text-sm md:text-lg text-slate-200\">\r\n <li><span class=\"text-blue-300 mr-2\">\u2713<\/span> Ensuring access to safe drinking water<\/li>\r\n <li><span class=\"text-blue-300 mr-2\">\u2713<\/span> Waterborne disease 80% reduction<\/li>\r\n <li><span class=\"text-blue-300 mr-2\">\u2713<\/span> Local job creation<\/li>\r\n <li><span class=\"text-blue-300 mr-2\">\u2713<\/span> Improving quality of life<\/li>\r\n <li><span class=\"text-blue-300 mr-2\">\u2713<\/span> Education and Technology Transfer<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"stat-card text-left p-6 md:p-8 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-6xl md:text-7xl mb-6 text-center\">\u2696\ufe0f<\/div>\r\n <h3 class=\"text-2xl md:text-3xl font-bold mb-6 text-center text-white\">Governance<\/h3>\r\n <ul class=\"space-y-3 text-sm md:text-lg text-slate-200\">\r\n <li><span class=\"text-purple-300 mr-2\">\u2713<\/span> Transparent business operations<\/li>\r\n <li><span class=\"text-purple-300 mr-2\">\u2713<\/span> Conformity with government policy<\/li>\r\n <li><span class=\"text-purple-300 mr-2\">\u2713<\/span> Compliance with international standards<\/li>\r\n <li><span class=\"text-purple-300 mr-2\">\u2713<\/span> sustainable growth<\/li>\r\n <li><span class=\"text-purple-300 mr-2\">\u2713<\/span> Stakeholder satisfaction<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">27 \/ 31<\/div>\r\n<\/div>\r\n\r\n<!-- Slide 28: Partnership Proposal -->\r\n<div class=\"slide bg-gradient-dark\">\r\n <div class=\"section-badge\" style=\"background: rgba(167, 139, 250, 0.2); border-color: rgba(167, 139, 250, 0.4);\">V. Business Model<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white mb-12\">\r\n Partnership Opportunities\r\n <\/h2>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc: \ubaa8\ubc14\uc77c 1\uc5f4, md \uc774\uc0c1 2\uc5f4 -->\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-8 w-full max-w-6xl\">\r\n <div class=\"stat-card border-t-4 border-purple-400 p-6 md:p-8 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-center mb-6\">\r\n <div class=\"text-6xl md:text-7xl mb-4\">\ud83e\udd1d<\/div>\r\n <h3 class=\"text-3xl md:text-4xl font-bold text-purple-300\">Local partnerships<\/h3>\r\n <\/div>\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-300 text-left\">\r\n <div>\r\n <p class=\"font-bold text-purple-200 mb-2\">O2&B role<\/p>\r\n <ul class=\"space-y-1 pl-5 list-disc list-outside text-xs md:text-base\">\r\n <li>Providing core MCDI technology and patents<\/li>\r\n <li>Electrode module supply<\/li>\r\n <li>Technology transfer and training<\/li>\r\n <li>Quality Control and Technical Support<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <p class=\"font-bold text-blue-300 mb-2\">Partner role<\/p>\r\n <ul class=\"space-y-1 pl-5 list-disc list-outside text-xs md:text-base\">\r\n <li>Local Sales and Marketing<\/li>\r\n <li>Leveraging government\/industry networks<\/li>\r\n <li>System installation and operation agency<\/li>\r\n <li>Customer Care and A\/S<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card border-t-4 border-red-400 p-6 md:p-8 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-center mb-6\">\r\n <div class=\"text-6xl md:text-7xl mb-4\">\ud83d\udcb0<\/div>\r\n <h3 class=\"text-3xl md:text-4xl font-bold text-red-300\">Attracting investment<\/h3>\r\n <\/div>\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-300 text-left\">\r\n <div>\r\n <p class=\"font-bold text-red-200 mb-2\">Investment sector<\/p>\r\n <ul class=\"space-y-1 pl-5 list-disc list-outside text-xs md:text-base\">\r\n <li>Establishing a local manufacturing facility in Vietnam<\/li>\r\n <li>Large-scale Water Station Network<\/li>\r\n <li>Establishment of an R&D center<\/li>\r\n <li>Securing operating funds<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <p class=\"font-bold text-green-300 mb-2\">Investment attractiveness<\/p>\r\n <ul class=\"space-y-1 pl-5 list-disc list-outside text-xs md:text-base\">\r\n <li>High ROI (2-3 year payback)<\/li>\r\n <li>Unrivaled technological competitiveness<\/li>\r\n <li>Verified global reference<\/li>\r\n <li>Compliance with government policy (ESG)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">28 \/ 31<\/div>\r\n<\/div>\r\n\r\n<!-- Slide 29: Key Takeaways -->\r\n<div class=\"slide bg-gradient-dark\">\r\n <div class=\"section-badge\" style=\"background: rgba(250, 204, 21, 0.2); border-color: rgba(250, 204, 21, 0.4);\">SUMMARY<\/div>\r\n <div class=\"slide-content\">\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black mb-12 text-white\">\r\n Why O2&B in Vietnam?\r\n <\/h2>\r\n <div class=\"w-full max-w-5xl space-y-4 md:space-y-6 text-left\">\r\n <div class=\"stat-card flex items-start space-x-4 md:space-x-6 p-4 md:p-6 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-4xl md:text-6xl text-yellow-300 font-black\">1<\/div>\r\n <div>\r\n <h3 class=\"text-lg md:text-2xl font-bold mb-2 text-white\">Vietnam's severe water crisis<\/h3>\r\n <p class=\"text-sm md:text-lg font-light leading-relaxed text-slate-300\">\r\n Water shortage, heavy metal contamination, low sewage treatment rate (12.5%) - \r\n <span class=\"text-yellow-300 font-bold\">O2&B MCDI is the optimal solution<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card flex items-start space-x-4 md:space-x-6 p-4 md:p-6 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-4xl md:text-6xl text-yellow-300 font-black\">2<\/div>\r\n <div>\r\n <h3 class=\"text-lg md:text-2xl font-bold mb-2 text-white\">Overwhelming technological competitiveness<\/h3>\r\n <p class=\"text-sm md:text-lg font-light leading-relaxed text-slate-300\">\r\n RO contrast <span class=\"text-yellow-300 font-bold\">Energy\u2193, OPEX\u2193, wastewater\u2193<\/span> - Next-generation technology that ensures both economic efficiency and environmental friendliness\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card flex items-start space-x-4 md:space-x-6 p-4 md:p-6 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-4xl md:text-6xl text-yellow-300 font-black\">3<\/div>\r\n <div>\r\n <h3 class=\"text-lg md:text-2xl font-bold mb-2 text-white\">Proven empirical results<\/h3>\r\n <p class=\"text-sm md:text-lg font-light leading-relaxed text-slate-300\">\r\n <span class=\"text-yellow-300 font-bold\">Lao Cai has been operating stably for 18 months.<\/span> - 99% arsenic removal, meeting WHO standards, benefiting 2,500 people\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card flex items-start space-x-4 md:space-x-6 p-4 md:p-6 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-4xl md:text-6xl text-yellow-300 font-black\">4<\/div>\r\n <div>\r\n <h3 class=\"text-lg md:text-2xl font-bold mb-2 text-white\">Global Trust and Certification<\/h3>\r\n <p class=\"text-sm md:text-lg font-light leading-relaxed text-slate-300\">\r\n Success in Bangladesh and Tanzania, <span class=\"text-yellow-300 font-bold\">20+ patents, WHO\/UNICEF certification<\/span> - Internationally proven technology\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card flex items-start space-x-4 md:space-x-6 p-4 md:p-6 bg-white\/5 border border-white\/10 rounded-xl shadow-lg hover:shadow-xl transition-shadow\">\r\n <div class=\"text-4xl md:text-6xl text-yellow-300 font-black\">5<\/div>\r\n <div>\r\n <h3 class=\"text-lg md:text-2xl font-bold mb-2 text-white\">Huge market opportunity<\/h3>\r\n <p class=\"text-sm md:text-lg font-light leading-relaxed text-slate-300\">\r\n <span class=\"text-yellow-300 font-bold\">$8,500,000,000 by 2030, CAGR 20.3%<\/span> - A key solution for achieving the government's water treatment goals\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">29 \/ 31<\/div>\r\n<\/div>\r\n\r\n <!-- Slide 30: Summary Image -->\r\n <div class=\"slide p-0\" style=\"background-image: url('http:\/\/o2nb.site\/wp-content\/uploads\/2025\/10\/o2nb-sum.jpg'); background-size: contain; background-position: center; background-repeat: no-repeat;\"> <!-- background-size: contain\uc73c\ub85c \uc218\uc815 -->\r\n <div class=\"slide-content\">\r\n <!-- Empty content to allow background image to show -->\r\n <\/div>\r\n <div class=\"slide-number\">30 \/ 31<\/div>\r\n <\/div>\r\n\r\n\r\n <!-- Slide 31: Closing & Contact -->\r\n <div class=\"slide bg-gradient-main\">\r\n <div class=\"slide-content\">\r\n <div class=\"vietnam-star mb-8\">\u2605<\/div> <!-- \ubca0\ud2b8\ub0a8 \uad6d\uae30 \ubcc4 \uc544\uc774\ucf58 -->\r\n <h2 class=\"text-6xl md:text-8xl font-black text-yellow-300 mb-6\">THANK YOU<\/h2>\r\n <h3 class=\"text-3xl md:text-5xl font-light mb-12 md:mb-16 text-slate-200\">\r\n Creating a Sustainable Future Together\r\n <\/h3>\r\n \r\n <div class=\"w-full max-w-5xl\">\r\n <div class=\"stat-card p-8 md:p-12\">\r\n <h4 class=\"text-3xl md:text-4xl font-bold mb-8 md:mb-10 text-center text-yellow-300\">\r\n Contact Information\r\n <\/h4>\r\n <!-- \ubc18\uc751\ud615 \uadf8\ub9ac\ub4dc \ubc0f \ud3f0\ud2b8 \ud06c\uae30 \uc870\uc815 -->\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-x-10 gap-y-6 text-lg md:text-xl contact-info text-left\">\r\n <div class=\"space-y-4\">\r\n <div>\r\n <p class=\"text-slate-400 text-base md:text-lg mb-1\">Company<\/p>\r\n <p class=\"font-bold text-xl md:text-3xl text-slate-100\">O2 & B Co., Ltd.<\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"text-slate-400 text-base md:text-lg mb-1\">CEO<\/p>\r\n <p class=\"font-bold text-slate-100\">Seunghyun Bahn, Ph.D.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"space-y-4\">\r\n <div>\r\n <p class=\"text-slate-400 text-base md:text-lg mb-1\">Email<\/p>\r\n <p class=\"font-bold\"><a href=\"mailto:ceo@o2nb.com\" class=\"text-blue-300 hover:text-blue-200\">ceo@o2nb.com<\/a><\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"text-slate-400 text-base md:text-lg mb-1\">Website<\/p>\r\n <p class=\"font-bold\"><a href=\"http:\/\/www.o2nb.com\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-blue-300 hover:text-blue-200\">https:\/\/o2nb.site<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slide-number\">31 \/ 31<\/div>\r\n <\/div>\r\n\r\n <!-- Slide 31 (Final Blank Slide) \uc81c\uac70 -->\r\n\r\n\r\n <\/div> <!-- presentation-container \ub2eb\uae30 -->\r\n\r\n <!-- =============================================== -->\r\n <!-- SCRIPT START -->\r\n <!-- =============================================== -->\r\n <script>\r\n \/\/ DOM \ub85c\ub529 \ub300\uc2e0 window.onload \uc774\ubca4\ud2b8 \uc0ac\uc6a9 (\uc624\ub958 \uc218\uc815)\r\n window.onload = () => { \r\n \/\/ Diagnostic log\r\n console.log(\"window.onload event fired.\");\r\n\r\n const container = document.querySelector('.presentation-container');\r\n \r\n \/\/ Diagnostic log (\uc624\ub958 \ubc1c\uc0dd \uc2dc \uc6d0\uc778 \ud30c\uc545\uc5d0 \ub3c4\uc6c0)\r\n if (!container) {\r\n console.error(\"Presentation container not found using querySelector('.presentation-container') even after window.onload!\");\r\n const containerById = document.getElementById('presentationContainer');\r\n if(containerById) {\r\n console.warn(\"Found container by ID 'presentationContainer'. Class name might be incorrect or removed.\");\r\n \/\/ container = containerById; \/\/ \ud544\uc694\ud55c \uacbd\uc6b0 ID\ub85c \ub300\uccb4\ud558\uc5ec \uc9c4\ud589 \uc2dc\ub3c4\r\n } else {\r\n console.error(\"Container not found by class OR ID. Script cannot initialize.\");\r\n return; \/\/ \ucee8\ud14c\uc774\ub108 \uc5c6\uc73c\uba74 \uc2a4\ud06c\ub9bd\ud2b8 \uc911\ub2e8\r\n }\r\n } else {\r\n console.log(\"Presentation container found successfully:\", container);\r\n }\r\n\r\n const slides = document.querySelectorAll('.slide');\r\n let currentSlideIndex = 0; \/\/ \ud604\uc7ac \uc2ac\ub77c\uc774\ub4dc \uc778\ub371\uc2a4 \ucd94\uc801\r\n\r\n \/\/ --- \uc2ac\ub77c\uc774\ub4dc \uc774\ub3d9 \ud568\uc218 ---\r\n function scrollToSlide(index) {\r\n if (index < 0 || index >= slides.length) return; \/\/ \uc720\ud6a8 \ubc94\uc704 \ud655\uc778\r\n \/\/ scrollIntoView \uc0ac\uc6a9 (scroll-behavior: smooth\uc640 \ud568\uaed8 \uc791\ub3d9)\r\n slides[index].scrollIntoView(); \r\n currentSlideIndex = index; \/\/ \uc778\ub371\uc2a4 \uc5c5\ub370\uc774\ud2b8\r\n }\r\n\r\n \/\/ --- \ud0a4\ubcf4\ub4dc \ub124\ube44\uac8c\uc774\uc158 ---\r\n document.addEventListener('keydown', (e) => {\r\n \/\/ \ud604\uc7ac \uc2a4\ud06c\ub864 \uc704\uce58 \uae30\ubc18\uc73c\ub85c \uc2ac\ub77c\uc774\ub4dc \uc778\ub371\uc2a4 \uacc4\uc0b0 (\ub354 \uc815\ud655\ud558\uac8c)\r\n const slideHeight = container.clientHeight; \/\/ \ucee8\ud14c\uc774\ub108 \ub192\uc774 \uc0ac\uc6a9\r\n currentSlideIndex = Math.round(container.scrollTop \/ slideHeight);\r\n\r\n \/\/ \uc544\ub798\/\uc624\ub978\ucabd \ud654\uc0b4\ud45c, \uc2a4\ud398\uc774\uc2a4\ubc14, PageDown\r\n if (e.key === 'ArrowDown' || e.key === 'PageDown' || e.key === ' ' || e.key === 'ArrowRight') {\r\n e.preventDefault(); \/\/ \uae30\ubcf8 \uc2a4\ud06c\ub864 \ub3d9\uc791 \ubc29\uc9c0\r\n if (currentSlideIndex < slides.length - 1) {\r\n scrollToSlide(currentSlideIndex + 1); \/\/ \ub2e4\uc74c \uc2ac\ub77c\uc774\ub4dc\ub85c\r\n }\r\n } \r\n \/\/ \uc704\/\uc67c\ucabd \ud654\uc0b4\ud45c, PageUp\r\n else if (e.key === 'ArrowUp' || e.key === 'PageUp' || e.key === 'ArrowLeft') {\r\n e.preventDefault(); \/\/ \uae30\ubcf8 \uc2a4\ud06c\ub864 \ub3d9\uc791 \ubc29\uc9c0\r\n if (currentSlideIndex > 0) {\r\n scrollToSlide(currentSlideIndex - 1); \/\/ \uc774\uc804 \uc2ac\ub77c\uc774\ub4dc\ub85c\r\n }\r\n }\r\n });\r\n\r\n \/\/ --- \ud130\uce58 \uc2a4\uc640\uc774\ud504 \ub124\ube44\uac8c\uc774\uc158 ---\r\n let touchStartY = 0;\r\n let touchEndY = 0;\r\n let isSwiping = false; \/\/ \uc2a4\uc640\uc774\ud504 \uc911\uc778\uc9c0 \uc0c1\ud0dc \ud655\uc778\r\n\r\n \/\/ \ud130\uce58 \uc2dc\uc791 \uc2dc Y \uc88c\ud45c \uae30\ub85d\r\n container.addEventListener('touchstart', (e) => {\r\n if (e.touches.length === 1) { \/\/ \uc2f1\uae00 \ud130\uce58\ub9cc \ucc98\ub9ac\r\n touchStartY = e.changedTouches[0].screenY;\r\n isSwiping = true; \/\/ \uc2a4\uc640\uc774\ud504 \uc2dc\uc791\r\n }\r\n }, { passive: true }); \/\/ \uc2a4\ud06c\ub864 \uc131\ub2a5 \ud5a5\uc0c1\r\n\r\n \/\/ \ud130\uce58 \uc774\ub3d9 \uc911\uc5d0\ub294 \ud2b9\ubcc4\ud55c \ub3d9\uc791 \uc5c6\uc74c (\uae30\ubcf8 \uc2a4\ud06c\ub864 \ud5c8\uc6a9)\r\n container.addEventListener('touchmove', (e) => {\r\n \/\/ isSwiping = false; \/\/ \uc774\ub3d9 \uc2dc\uc791\ud558\uba74 \uc2a4\uc640\uc774\ud504 \ucde8\uc18c (\uc120\ud0dd\uc801)\r\n }, { passive: true });\r\n\r\n \/\/ \ud130\uce58 \uc885\ub8cc \uc2dc Y \uc88c\ud45c \uae30\ub85d \ubc0f \uc2a4\uc640\uc774\ud504 \ucc98\ub9ac\r\n container.addEventListener('touchend', (e) => {\r\n \/\/ \uc2a4\uc640\uc774\ud504\uac00 \uc544\ub2c8\uc5c8\uac70\ub098 \uba40\ud2f0\ud130\uce58 \uc911\uc774\uba74 \uc885\ub8cc\r\n if (!isSwiping || e.touches.length !== 0) { \r\n isSwiping = false;\r\n return;\r\n }\r\n isSwiping = false; \/\/ \uc2a4\uc640\uc774\ud504 \uc885\ub8cc\r\n touchEndY = e.changedTouches[0].screenY;\r\n handleSwipe(); \/\/ \uc2a4\uc640\uc774\ud504 \ubc29\ud5a5 \ud310\ub2e8 \ubc0f \uc2ac\ub77c\uc774\ub4dc \uc774\ub3d9\r\n }, { passive: true });\r\n\r\n \/\/ \uc2a4\uc640\uc774\ud504 \ubc29\ud5a5 \ud310\ub2e8 \ubc0f \uc2ac\ub77c\uc774\ub4dc \uc774\ub3d9 \ud568\uc218\r\n function handleSwipe() {\r\n const slideHeight = container.clientHeight;\r\n currentSlideIndex = Math.round(container.scrollTop \/ slideHeight);\r\n const swipeDistance = touchEndY - touchStartY; \/\/ \uc2a4\uc640\uc774\ud504 \uac70\ub9ac\r\n const sensitivity = 50; \/\/ \ucd5c\uc18c \uc2a4\uc640\uc774\ud504 \uac70\ub9ac (\ud53d\uc140)\r\n\r\n \/\/ \ucd08\uae30\ud654\r\n touchStartY = 0;\r\n touchEndY = 0;\r\n\r\n \/\/ \ucda9\ubd84\ud55c \uac70\ub9ac \uc2a4\uc640\uc774\ud504 \uc2dc\r\n if (Math.abs(swipeDistance) > sensitivity) {\r\n if (swipeDistance < 0) { \/\/ \uc544\ub798 -> \uc704 \uc2a4\uc640\uc774\ud504 (\ub2e4\uc74c \uc2ac\ub77c\uc774\ub4dc)\r\n if (currentSlideIndex < slides.length - 1) {\r\n scrollToSlide(currentSlideIndex + 1);\r\n } else {\r\n slides[currentSlideIndex].scrollIntoView(); \/\/ \ub9c8\uc9c0\ub9c9\uc774\uba74 \uc81c\uc790\ub9ac\r\n }\r\n } else { \/\/ \uc704 -> \uc544\ub798 \uc2a4\uc640\uc774\ud504 (\uc774\uc804 \uc2ac\ub77c\uc774\ub4dc)\r\n if (currentSlideIndex > 0) {\r\n scrollToSlide(currentSlideIndex - 1);\r\n } else {\r\n slides[currentSlideIndex].scrollIntoView(); \/\/ \ucc98\uc74c\uc774\uba74 \uc81c\uc790\ub9ac\r\n }\r\n }\r\n }\r\n else {\r\n \/\/ \ubbfc\uac10\ub3c4 \uc774\ud558 \uc2a4\uc640\uc774\ud504 \uc2dc \ud604\uc7ac \uc2ac\ub77c\uc774\ub4dc\ub85c \uc2a4\ub0c5 (\uc120\ud0dd\uc801)\r\n \/\/ slides[currentSlideIndex].scrollIntoView(); \r\n }\r\n }\r\n\r\n \/\/ \uc2a4\ud06c\ub864 \uc911\uc5d0\ub294 \uc2a4\uc640\uc774\ud504 \uac10\uc9c0 \ube44\ud65c\uc131\ud654 (\uc2a4\ud06c\ub864 \ub05d\ub09c \ud6c4 \ub2e4\uc2dc \ud65c\uc131\ud654)\r\n let scrollTimeout;\r\n container.addEventListener('scroll', () => {\r\n isSwiping = false; \/\/ \uc2a4\ud06c\ub864 \uc2dc\uc791 \uc2dc \uc2a4\uc640\uc774\ud504 \uc0c1\ud0dc \ud574\uc81c\r\n clearTimeout(scrollTimeout);\r\n \/\/ \uc2a4\ud06c\ub864 \uba48\ucd98 \ud6c4 \uc7a0\uc2dc \ub4a4 \uc2a4\uc640\uc774\ud504 \uac00\ub2a5\ud558\ub3c4\ub85d (\uc120\ud0dd\uc801)\r\n scrollTimeout = setTimeout(() => { \r\n \/\/ console.log(\"Scroll ended\"); \r\n }, 150); \r\n }, { passive: true });\r\n\r\n\r\n \/* --- \uc804\uccb4 \ud654\uba74 \uc694\uccad \ud568\uc218 --- *\/\r\n function enterFullscreen() {\r\n const elem = document.documentElement; \/\/ HTML \uc804\uccb4 \uc694\uc18c\r\n \/\/ \ud45c\uc900 API \uc2dc\ub3c4\r\n if (elem.requestFullscreen) {\r\n elem.requestFullscreen().catch(err => { \/\/ \uc624\ub958 \ubc1c\uc0dd \uc2dc \ucc98\ub9ac\r\n console.warn(`Fullscreen request failed: ${err.message} (${err.name})`);\r\n \/\/ \uc0ac\uc6a9\uc790\uc5d0\uac8c \ud53c\ub4dc\ubc31 (alert \ub300\uc2e0 \ucee4\uc2a4\ud140 UI \uad8c\uc7a5)\r\n \/\/ alert(\"\uc804\uccb4 \ud654\uba74 \ubaa8\ub4dc\ub97c \uc2dc\uc791\ud560 \uc218 \uc5c6\uc2b5\ub2c8\ub2e4. \ube0c\ub77c\uc6b0\uc800 \uc124\uc815\uc774\ub098 \uad8c\ud55c\uc744 \ud655\uc778\ud574\uc8fc\uc138\uc694. (ERR: NotAllowed)\");\r\n \/\/ alert \ub300\uc2e0 console.warn \uc0ac\uc6a9 \ub610\ub294 \ucee4\uc2a4\ud140 \ubaa8\ub2ec \ud45c\uc2dc\r\n console.warn(\"\uc804\uccb4 \ud654\uba74 \ubaa8\ub4dc\ub97c \uc2dc\uc791\ud560 \uc218 \uc5c6\uc2b5\ub2c8\ub2e4. \uc0ac\uc6a9\uc790 \uc81c\uc2a4\ucc98(\ud074\ub9ad \ub4f1)\uac00 \ud544\uc694\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\");\r\n\r\n });\r\n } \r\n \/\/ \ube0c\ub77c\uc6b0\uc800\ubcc4 Prefix API \uc2dc\ub3c4 (Firefox, Webkit, IE\/Edge)\r\n else if (elem.mozRequestFullScreen) { elem.mozRequestFullScreen(); } \r\n else if (elem.webkitRequestFullscreen) { elem.webkitRequestFullscreen(); } \r\n else if (elem.msRequestFullscreen) { elem.msRequestFullscreen(); }\r\n \/\/ \ubaa8\ub4e0 API \uc2e4\ud328 \uc2dc\r\n else {\r\n console.warn(\"Fullscreen API is not supported by this browser.\");\r\n \/\/ alert(\"\uc774 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c\ub294 \uc804\uccb4 \ud654\uba74 \uae30\ub2a5\uc744 \uc9c0\uc6d0\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.\");\r\n }\r\n }\r\n\r\n \/* --- \uc804\uccb4 \ud654\uba74 \uc2dc\uc791 \uc624\ubc84\ub808\uc774 \uc0dd\uc131 --- *\/\r\n function createFullscreenOverlay() {\r\n \/\/ \uc624\ubc84\ub808\uc774 \uc911\ubcf5 \uc0dd\uc131 \ubc29\uc9c0\r\n if (document.getElementById('fullscreen-overlay')) return;\r\n\r\n const overlay = document.createElement('div');\r\n overlay.id = 'fullscreen-overlay';\r\n \/\/ \uc2a4\ud0c0\uc77c\uc740 CSS\uc5d0\uc11c \uad00\ub9ac\ud558\ubbc0\ub85c \ud074\ub798\uc2a4\ub9cc \ucd94\uac00\r\n overlay.className = \"fixed top-0 left-0 w-screen h-screen bg-black\/95 text-white flex flex-col justify-center items-center z-[9999] cursor-pointer text-center p-4 box-border opacity-0 animate-fade-in-overlay\";\r\n\r\n const title = document.createElement('h1');\r\n title.innerText = 'O2&B VIETNAM PARTNERSHIP';\r\n \/\/ \uc2a4\ud0c0\uc77c\uc740 CSS\uc5d0\uc11c \uad00\ub9ac\ud558\ubbc0\ub85c \ud074\ub798\uc2a4\ub9cc \ucd94\uac00\r\n title.className = \"text-[clamp(1.8rem,5vw,3rem)] font-extrabold m-0 text-slate-200\";\r\n\r\n const button = document.createElement('button');\r\n button.innerText = 'CLICK TO START PRESENTATION';\r\n \/\/ \uc2a4\ud0c0\uc77c\uc740 CSS\uc5d0\uc11c \uad00\ub9ac\ud558\ubbc0\ub85c \ud074\ub798\uc2a4\ub9cc \ucd94\uac00\r\n button.className = \"text-[clamp(1rem,3vw,1.5rem)] font-semibold py-[clamp(0.8rem,2vw,1rem)] px-[clamp(1.5rem,4vw,2rem)] bg-blue-600 text-white border-none rounded-lg mt-10 cursor-pointer transition-all duration-300 ease-in-out shadow-lg hover:bg-blue-500 hover:-translate-y-0.5 hover:shadow-blue-500\/50\";\r\n\r\n overlay.appendChild(title);\r\n overlay.appendChild(button);\r\n document.body.appendChild(overlay); \/\/ body\uc5d0 \ucd94\uac00\r\n\r\n \/\/ \uc624\ubc84\ub808\uc774 \ud074\ub9ad\/\ud0ed \uc774\ubca4\ud2b8\r\n overlay.onclick = () => {\r\n enterFullscreen(); \/\/ \uc804\uccb4 \ud654\uba74 \uc2dc\ub3c4\r\n \/\/ \uc624\ubc84\ub808\uc774 \uc81c\uac70 (\uc560\ub2c8\uba54\uc774\uc158 \ud6a8\uacfc)\r\n overlay.style.opacity = '0'; \/\/ \ud22c\uba85\ud558\uac8c \ub9cc\ub4e6 (CSS transition \uc801\uc6a9)\r\n setTimeout(() => { \/\/ \uc7a0\uc2dc \ud6c4 DOM\uc5d0\uc11c \uc81c\uac70\r\n if(overlay.parentNode) {\r\n overlay.parentNode.removeChild(overlay);\r\n }\r\n }, 500); \/\/ CSS transition \uc2dc\uac04\uacfc \uc77c\uce58\r\n };\r\n }\r\n\r\n \/\/ \ud398\uc774\uc9c0 \ub85c\ub4dc \uc644\ub8cc \uc2dc \uc624\ubc84\ub808\uc774 \uc0dd\uc131 \ud568\uc218 \ud638\ucd9c\r\n createFullscreenOverlay();\r\n\r\n }; \/\/ window.onload \ub9ac\uc2a4\ub108 \ub2eb\uae30\r\n <\/script>\r\n \r\n<\/body>\r\n<\/html>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>O2&B VIETNAM PARTNERSHIP O2&B VIETNAM PARTNERSHIP Next Generation Water Solutionfor Sustainable Vietnam MCDI \uae30\uc220 \uae30\ubc18 \ubca0\ud2b8\ub0a8 \ud604\uc9c0 \uc2e4\uc99d \uc0ac\uc5c5 \uc124\uba85\ud68c 1 \/ 31 \u2161. \ubca0\ud2b8\ub0a8 \ubb3c \uc704\uae30 \uc218\uc790\uc6d0 \ud48d\ubd80\uad6d \ubca0\ud2b8\ub0a8, \ud558\uc9c0\ub9cc? \ud83c\udf0a \ud48d\ubd80\ud55c \uc218\uc790\uc6d0 vs. \ucde8\uc57d\ud55c \uc811\uadfc\uc131 1\uc778\ub2f9 \uc5f0\uac04 \ucd1d \uc7ac\uc0dd \uac00\ub2a5 \ub2f4\uc218 \uc790\uc6d0 9,350\u33a5 (\uc138\uacc4\ud3c9\uade0 6,000\u33a5) (\ucd9c\ucc98: FAO Aquastat) \uadf8\ub7ec\ub098, \uc548\uc804 \uc2dd\uc218 \uc811\uadfc\uc740 \uc5ec\uc804\ud788 […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-14977","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/o2nb.site\/en\/wp-json\/wp\/v2\/pages\/14977","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/o2nb.site\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/o2nb.site\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/o2nb.site\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/o2nb.site\/en\/wp-json\/wp\/v2\/comments?post=14977"}],"version-history":[{"count":0,"href":"https:\/\/o2nb.site\/en\/wp-json\/wp\/v2\/pages\/14977\/revisions"}],"wp:attachment":[{"href":"https:\/\/o2nb.site\/en\/wp-json\/wp\/v2\/media?parent=14977"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}