{"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\/ko_kr\/o2b-report\/","title":{"rendered":"O2&B-Report"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\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 \uae30\uc220 \uae30\ubc18 \ubca0\ud2b8\ub0a8 \ud604\uc9c0 \uc2e4\uc99d \uc0ac\uc5c5 \uc124\uba85\ud68c<\/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);\">\u2161. \ubca0\ud2b8\ub0a8 \ubb3c \uc704\uae30<\/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 \uc218\uc790\uc6d0 \ud48d\ubd80\uad6d \ubca0\ud2b8\ub0a8, \ud558\uc9c0\ub9cc?\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> \ud48d\ubd80\ud55c \uc218\uc790\uc6d0 vs. \ucde8\uc57d\ud55c \uc811\uadfc\uc131\r\n <\/h3>\r\n <div class=\"space-y-4 text-sm md:text-lg text-slate-200\">\r\n <p>\r\n 1\uc778\ub2f9 \uc5f0\uac04 \ucd1d \uc7ac\uc0dd \uac00\ub2a5 \ub2f4\uc218 \uc790\uc6d0 <strong class=\"text-blue-300\">9,350\u33a5<\/strong> (\uc138\uacc4\ud3c9\uade0 6,000\u33a5)<br\/>\r\n <span class=\"text-sm text-slate-400\">(\ucd9c\ucc98: FAO Aquastat)<\/span>\r\n <\/p>\r\n <p class=\"text-red-300 font-bold\">\r\n \uadf8\ub7ec\ub098, \uc548\uc804 \uc2dd\uc218 \uc811\uadfc\uc740 \uc5ec\uc804\ud788 \uacfc\uc81c:\r\n <\/p>\r\n <ul class=\"list-disc pl-6 space-y-2\">\r\n <li><strong class=\"text-red-300\">700\ub9cc+ \uc544\ub3d9:<\/strong> \ud559\uad50\uc5d0\uc11c \uae68\ub057\ud55c \ubb3c \uc811\uadfc \ubd88\uac00 <span class=\"text-xs text-slate-400\">(UNICEF 2025)<\/span><\/li>\r\n <li><strong class=\"text-red-300\">\ub18d\ucd0c 50% \uc774\uc0c1:<\/strong> \uc624\uc5fc\ub41c \ubb3c \uc0ac\uc6a9 <span class=\"text-xs text-slate-400\">(MONRE 2024)<\/span><\/li>\r\n <li><strong class=\"text-red-300\">\uc9c0\ud558\uc218 80%+:<\/strong> \ub300\uc7a5\uade0 \uc624\uc5fc (\uc0b0\uc545\/\ub18d\ucd0c)<\/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> \uc2ec\uac01\ud55c \uc624\uc5fc \uc2e4\ud0dc\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\">\ube44\uc18c(As) \uc624\uc5fc:<\/strong> \uba54\ucf69\/\ud64d\uac15 \ub378\ud0c0 \ud3c9\uade0 <strong class=\"text-red-300\">159\u03bcg\/L<\/strong><br\/>\r\n <span class=\"text-sm text-slate-400\">(WHO \uae30\uc900 10\u03bcg\/L\uc758 <strong class=\"text-red-300\">16\ubc30\u2191<\/strong>)<\/span>\r\n <\/p>\r\n <p>\r\n \uc5f0\uac04 <strong class=\"text-red-300\">\uc218\ub9cc \uac74<\/strong>\uc758 \uc218\uc778\uc131 \uc9c8\ud658 \ubc1c\uc0dd \ucd08\ub798<br\/>\r\n <span class=\"text-sm text-slate-400\">(\ubca0\ud2b8\ub0a8 \ubcf4\uac74\ubd80, 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\">2030\ub144 \ubb3c \uc218\uc694 32% \uae09\uc99d \uc608\uc0c1<\/strong><br\/>\r\n 16\uac1c \uac15 \uc720\uc5ed \uc911 11\uac1c '\ubb3c \uc2a4\ud2b8\ub808\uc2a4' \uc0c1\ud0dc \uc704\ud5d8<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);\">\u2161. \uc815\ubd80 \ub178\ub825 & O2&B \uc5ed\ud560<\/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 \uc815\ubd80 \ubaa9\ud45c \uac00\uc18d\ud654: 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> \ubca0\ud2b8\ub0a8 \uc815\ubd80\uc758 \ub178\ub825\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\">'\uad6d\uac00 \uccad\uc815\uc218 \uacf5\uae09 \ubc0f \ub18d\ucd0c \uc704\uc0dd \uc804\ub7b5 (2021-2030)'<\/p>\r\n <ul class=\"list-disc pl-6 space-y-2\">\r\n <li><strong class=\"text-blue-300\">2030\ub144 \ubaa9\ud45c:<\/strong>\r\n <ul class=\"list-circle pl-4\">\r\n <li>\uc548\uc804 \uc2dd\uc218 \uc811\uadfc <strong class=\"text-green-300\">100%<\/strong> (\ub18d\ucd0c <strong class=\"text-green-300\">80%<\/strong> \ud45c\uc900 \uc900\uc218)<\/li>\r\n <li>\ub3c4\uc2dc \ud558\uc218\ucc98\ub9ac\uc728 <strong class=\"text-green-300\">50%<\/strong><\/li>\r\n <\/ul>\r\n <\/li>\r\n <li><strong class=\"text-blue-300\">\ud22c\uc790 \uaddc\ubaa8:<\/strong>\r\n <ul class=\"list-circle pl-4\">\r\n <li>\ub18d\ucd0c \uc778\ud504\ub77c(6,200\ub9cc \uba85 \ub300\uc0c1): <strong class=\"text-yellow-300\">$1.3\uc5b5 ~ $2.7\uc5b5 \ub2ec\ub7ec<\/strong><\/li>\r\n <li>\uc804\uccb4 \uc778\ud504\ub77c \uc608\uc0b0\uc758 <strong class=\"text-yellow-300\">5-10%<\/strong> \uc9d1\uc911<\/li>\r\n <\/ul>\r\n <\/li>\r\n <\/ul>\r\n <p class=\"text-xs text-slate-400 pt-2\">(\ucd9c\ucc98: \ubca0\ud2b8\ub0a8 \uc815\ubd80 \uacb0\uc815 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> \ud574\uacb0\ucc45: O2&B MCDI \uae30\uc220\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 \uc815\ubd80 \ubaa9\ud45c \ub2ec\uc131\uc744 \uac00\uc18d\ud654\ud558\ub294 <strong class=\"text-green-300\">\uac80\uc99d\ub41c \ud30c\ud2b8\ub108<\/strong>:\r\n <\/p>\r\n <ul class=\"list-disc pl-6 space-y-2\">\r\n <li><strong class=\"text-green-300\">\uc989\uac01\uc801 \ud6a8\uacfc:<\/strong> \uc624\uc5fc \uc9c0\ud558\uc218 \u2192 WHO \uae30\uc900 \uc548\uc804 \uc2dd\uc218<\/li>\r\n <li><strong class=\"text-green-300\">\uace0\ud6a8\uc728\/\uc800\ube44\uc6a9:<\/strong> RO \ub300\ube44 \uc5d0\ub108\uc9c0 <strong class=\"text-yellow-300\">1\/10<\/strong>, \ud3d0\uc218 <strong class=\"text-yellow-300\">5% \ubbf8\ub9cc<\/strong><\/li>\r\n <li><strong class=\"text-green-300\">\ub18d\ucd0c \ucd5c\uc801\ud654:<\/strong> \uc18c\uaddc\ubaa8 \ubd84\uc0b0 \uc124\uce58, \ube44\uc6a9 \ucd5c\uc18c\ud654<\/li>\r\n <li><strong class=\"text-green-300\">\uae00\ub85c\ubc8c \ub808\ud37c\ub7f0\uc2a4:<\/strong> \ubc29\uae00\ub77c\ub370\uc2dc, \ud0c4\uc790\ub2c8\uc544 \ub4f1 \uc131\uacf5 \uc0ac\ub840<\/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 \ubca0\ud2b8\ub0a8\uc758 \ubb3c \uc790\uc6d0\uc744 \uc9c4\uc9dc '\ud48d\ubd80\ud568'\uc73c\ub85c \ub9cc\ub4dc\ub294 \ud601\uc2e0\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 \uc9c0\uc6d0 \uc801\ud569\uc131<\/h4>\r\n <p class=\"text-xs md:text-sm text-slate-300\">\r\n WHO \uae30\uc900 \ucda9\uc871 & \uae00\ub85c\ubc8c \ub808\ud37c\ub7f0\uc2a4\ub85c <strong class=\"text-yellow-300\">EDCF '\uadf8\ub9b0\/\ud601\uc2e0'<\/strong> \uc6b0\uc120\uc21c\uc704 \ubd80\ud569.<br\/>\r\n \uc800\uc5d0\ub108\uc9c0\/\ubd84\uc0b0 \uc124\uce58\ub85c <strong class=\"text-yellow-300\">\uc18c\uaddc\ubaa8 \uc778\ud504\ub77c \ub300\ucd9c<\/strong> \ub300\uc0c1 \uc801\ud569.\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\">\ubaa9\ucc28<\/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\">\ud68c\uc0ac \uc18c\uac1c & \uae30\uc220 \uac1c\uc694<\/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\">\ubca0\ud2b8\ub0a8 \ubb3c \uc704\uae30\uc758 \ud604\uc2e4 <span class=\"text-base md:text-xl text-red-400 font-semibold\">(\uacf5\uc2dd \ub370\uc774\ud130)<\/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\">O2&B MCDI \uae30\uc220\uc758 \uacbd\uc7c1\ub825<\/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\">\ub77c\uc624\uae4c\uc774 \uc2e4\uc99d \uc0ac\uc5c5 \uc131\uacfc<\/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\">\ube44\uc988\ub2c8\uc2a4 \ubaa8\ub378 & \ud30c\ud2b8\ub108\uc2ed<\/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. \ud68c\uc0ac \uc18c\uac1c<\/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\">\ubb3c \uc815\ud654 \uc804\ubb38 \uae30\uc5c5<\/h3>\r\n <p class=\"text-sm md:text-lg text-slate-300 leading-relaxed\">\r\n \uce5c\ud658\uacbd \uc218\ucc98\ub9ac \uae30\uc220 \uac1c\ubc1c \ubc0f \uc0c1\uc6a9\ud654\ub97c \ud1b5\ud574 \uae00\ub85c\ubc8c \ubb3c \ubb38\uc81c \ud574\uacb0\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 \uc6d0\ucc9c \uae30\uc220<\/h3>\r\n <p class=\"text-sm md:text-lg text-slate-300 leading-relaxed\">\r\n \uc138\uacc4 \ucd5c\uace0 \uc218\uc900\uc758 \ubaa8\ub4c8\ud615 \uc804\uae30\ud0c8\uc5fc(MCDI) \uae30\uc220 \ubcf4\uc720\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\">\uae00\ub85c\ubc8c \ub808\ud37c\ub7f0\uc2a4<\/h3>\r\n <p class=\"text-sm md:text-lg text-slate-300 leading-relaxed\">\r\n \ubc29\uae00\ub77c\ub370\uc2dc, \ud0c4\uc790\ub2c8\uc544 \ub4f1 \uac1c\ub3c4\uad6d\uc5d0 \uc131\uacf5\uc801 \uc0ac\uc5c5 \ud655\uc7a5\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 \"\uc9c0\uc18d \uac00\ub2a5\ud55c \uae68\ub057\ud55c \ubb3c\uc744 \ud1b5\ud574 \uc778\ub958\uc758 \uc0b6\uc758 \uc9c8\uc744 \ud5a5\uc0c1\uc2dc\ud0b5\ub2c8\ub2e4\"\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. \ud68c\uc0ac \uc18c\uac1c<\/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\">\uc2b9\ud604 \ubc18 (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>\ud654\ud559\uacf5\ud559 \ubc15\uc0ac, MCDI \uc6d0\ucc9c \uae30\uc220 \uac1c\ubc1c\uc790<\/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\ub144+ \uc218\ucc98\ub9ac \ubc0f \ud658\uacbd \uae30\uc220 \uacbd\ub825<\/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>\ub2e4\uc218\uc758 \uad6d\uc81c \ud2b9\ud5c8 \ubc0f \uae30\uc220\uc0c1 \uc218\uc0c1<\/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 \uc870\uc9c1<\/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>\uc804\uadf9 \uc81c\uc870 \ubc0f \ubaa8\ub4c8 \uc124\uacc4 \uc804\ubb38\uac00<\/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>\uc2dc\uc2a4\ud15c \ud1b5\ud569 \ubc0f \ucd5c\uc801\ud654 \uc5d4\uc9c0\ub2c8\uc5b4<\/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>\uae00\ub85c\ubc8c \ud504\ub85c\uc81d\ud2b8 \uad00\ub9ac \ud300<\/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);\">\u2161. \ubca0\ud2b8\ub0a8 \ubb3c \uc704\uae30<\/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 \uacf5\uc2dd \ub370\uc774\ud130\ub85c \ubcf4\ub294 \uc2ec\uac01\ud55c \ud604\uc2e4\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\">1\uc778\ub2f9 \uc5f0\uac04 \ubb3c \uac00\uc6a9\ub7c9<br\/>(\uad6d\uc81c \uae30\uc900 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\">\uc624\uc5fc\ub41c \ubb3c\ub85c \uc778\ud55c<br\/>\uc9c8\ubcd1 \ubc1c\uc0dd \ube44\uc728<\/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\">\ub3c4\uc2dc \ud558\uc218\ucc98\ub9ac \ube44\uc728<br\/>(2024\ub144 \uae30\uc900)<\/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);\">\u2161. \ubca0\ud2b8\ub0a8 \ubb3c \uc704\uae30<\/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> \ubb3c \ubd80\uc871 \uad6d\uac00\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 \ubca0\ud2b8\ub0a8\uc758 1\uc778\ub2f9 \uc5f0\uac04 \ubb3c \uac00\uc6a9\ub7c9\uc740 <span class=\"font-bold text-red-300\">3,840\u33a5<\/span>\ub85c, \r\n IWRA \ubb3c \ubd80\uc871 \uae30\uc900(4,000\u33a5)\uc744 \ud558\ud68c\ud569\ub2c8\ub2e4.\r\n <\/p>\r\n <p class=\"text-sm md:text-lg text-slate-400 italic leading-tight\">\r\n \"Water Stressed Country\"\ub85c \ubd84\ub958\ub428\uc744 \uc758\ubbf8\ud569\ub2c8\ub2e4.\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\">\uc218\uc790\uc6d0 \ud604\ud669<\/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>\ucd1d \uc218\uc790\uc6d0\ub7c9: \uc5f0\uac04 \uc57d <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>\uad6d\ub0b4 \ubc1c\uc6d0: 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>\uad6d\uc678 \uc720\uc785: 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>\ud604\uc7ac \uc218\uc694: <strong>117\uc5b5\u33a5\/\ub144<\/strong> (\uc99d\uac00 \ucd94\uc138)<\/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\">\uc9c0\uc5ed\ubcc4 \uc218\uc790\uc6d0 \ubd88\uade0\ud615<\/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\">\uba54\ucf69 \ub378\ud0c0 (\ub0a8\ubd80)<\/span>\r\n <span class=\"font-bold text-orange-400\">\ub192\uc74c (\uc5fc\ubd84 \uce68\ud22c)<\/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\">\uc911\ubd80 \uace0\uc6d0<\/span>\r\n <span class=\"font-bold text-yellow-400\">\uc911\uac04 (\uacc4\uc808\uc801 \ubd80\uc871)<\/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\">\ubd81\ubd80 \uc0b0\uc545 (Lao Cai)<\/span>\r\n <span class=\"font-bold text-red-400\">\uc2ec\uac01 (\uc911\uae08\uc18d \uc624\uc5fc)<\/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);\">\u2161. \ubca0\ud2b8\ub0a8 \ubb3c \uc704\uae30<\/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> \uc0b0\uc5c5 \ud3d0\uc218 \ubb38\uc81c\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>\uc0b0\uc5c5\ub2e8\uc9c0 \uc911 <strong class=\"text-red-300\">\uc57d 70%<\/strong> \ud3d0\uc218\ucc98\ub9ac \uc2dc\uc124 \ubbf8\ube44 \ub610\ub294 \ubbf8\uac00\ub3d9<\/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>\uae30\uc900\uce58 \ucd08\uacfc \uc720\ud574\ubb3c\uc9c8(\uc911\uae08\uc18d, CN\u207b, H\u2082S \ub4f1) \ubb34\ub2e8 \ubc29\ub958 \ub9cc\uc5f0<\/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>\uc8fc\uc694 \ub3c4\uc2dc \ud558\ucc9c \ub300\ubd80\ubd84 \uc0dd\ud65c\uc6a9\uc218 \uae30\uc900 \ubbf8\ub2ec (<strong class=\"text-red-300\">Class B \uc774\ud558<\/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> \uc0dd\ud65c \ud558\uc218 \ubb38\uc81c\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>\ub3c4\uc2dc \ud558\uc218\ucc98\ub9ac\uc728: <strong class=\"text-red-300\">12.5%<\/strong> (2024\ub144)<\/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>\ub300\ubd80\ubd84 \uc0dd\ud65c\ud558\uc218 <strong class=\"text-red-300\">\ubb34\ucc98\ub9ac<\/strong> \ud558\ucc9c\/\ud638\uc218 \ubc29\ub958<\/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>\uc815\ubd80 \ubaa9\ud45c: 2030\ub144 \ub3c4\uc2dc \ud558\uc218\ucc98\ub9ac\uc728 <strong class=\"text-green-400\">50%<\/strong> \ub2ec\uc131<\/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 \ubcf4\uac74 \uc704\uae30<\/h4> <!-- mb-3 \u2192 mb-2 -->\r\n <p class=\"text-sm md:text-xl text-slate-200 leading-relaxed\">\r\n \uc624\uc5fc\ub41c \ubb3c \uc0ac\uc6a9\uc73c\ub85c \uc778\ud55c \uc9c8\ubcd1\uc774 \uc804\uccb4 \uc9c8\ubcd1\uc758 <strong class=\"text-red-300\">\uc57d 70-80%<\/strong> \ucc28\uc9c0 \ucd94\uc815. <br class=\"hidden sm:block\"\/>\r\n \uc5f0\uac04 <strong class=\"text-red-300\">\uc57d 9,000\uba85 \uc0ac\ub9dd<\/strong> \ubc0f <strong class=\"text-red-300\">10\ub9cc \uba85+ \uc554 \ubc1c\ubcd1<\/strong> \uad00\ub828\uc131 \uc81c\uae30\ub428.\r\n <span class=\"text-xs text-slate-400 block mt-1\">(Source: Vietnam+, MOH \ucd94\uc815\uce58 \uc778\uc6a9)<\/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);\">\u2161. \ubca0\ud2b8\ub0a8 \ubb3c \uc704\uae30<\/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>\uc8fc\uc694 \uc911\uae08\uc18d \uc624\uc5fc \ud604\ud669 (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\">\uc624\uc5fc\ubb3c\uc9c8<\/th>\r\n <th class=\"py-3 px-4 text-left font-bold text-slate-200 border-b border-white\/10\">\ud3c9\uade0\/\ucd5c\ub300 \ub18d\ub3c4<\/th>\r\n <th class=\"py-3 px-4 text-right font-bold text-slate-200 border-b border-white\/10\">WHO \uae30\uc900<\/th>\r\n <th class=\"py-3 px-4 text-right font-bold text-slate-200 border-b border-white\/10\">\ucd08\uacfc\uc728\/\ubc30\uc218<\/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\">\ube44\uc18c (Arsenic)<\/td>\r\n <td class=\"py-3 px-4 text-red-400 font-bold border-b border-white\/5\">\ud3c9\uade0 159 \u03bcg\/L<br\/>(\ucd5c\ub300 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\">\ud3c9\uade0 16\ubc30 \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\">\ub9dd\uac04 (Manganese)<\/td>\r\n <td class=\"py-3 px-4 text-red-400 font-bold border-b border-white\/5\">\ud3c9\uade0 0.83 mg\/L<br\/>(\ucd5c\ub300 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\">\ud3c9\uade0 2\ubc30 \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\">\ucca0 (Iron)<\/td>\r\n <td class=\"py-3 px-4 text-orange-400 font-bold border-b border-white\/5\">\ucd5c\ub300 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\">\ucd5c\ub300 110\ubc30 \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\">\ub0a9 (Lead)<\/td>\r\n <td class=\"py-3 px-4 text-orange-400 font-bold border-b border-white\/5\">\uc9c0\uc5ed\ubcc4 \uc0c1\uc774<br\/>(\uad11\uc0b0 \uc778\uadfc \ub192\uc74c)<\/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\">\uc77c\ubd80 \uc9c0\uc5ed \ucd08\uacfc<\/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\">\uc140\ub808\ub284 (Selenium)<\/td>\r\n <td class=\"py-3 px-4 text-orange-400 font-bold\">\ucd5c\ub300 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\">\uc77c\ubd80 \ucd08\uacfc<\/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 \uace0\uc704\ud5d8 \uc9c0\uc5ed\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, \uad11\uc0b0 \uc911\uae08\uc18d<\/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\">\ud64d\uac15 \ub378\ud0c0: <\/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\">\uba54\ucf69 \ub378\ud0c0: <\/strong> \uc5fc\ubd84, 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\">\uc911\ubd80 \uace0\uc6d0: <\/strong> F\u207b, \uc911\uae08\uc18d<\/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\">\uc57d 40\ub9cc\uba85+<\/strong>\uc774<br class=\"sm:hidden\"\/> \uc911\uae08\uc18d \uc624\uc5fc\ub41c \ubb3c\uc744 \uc2dd\uc218\ub85c \uc0ac\uc6a9\ud558\uba70<br class=\"sm:hidden\"\/> \uac74\uac15 \uc704\ud611.\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);\">\u2161. \ubca0\ud2b8\ub0a8 \ubb3c \uc704\uae30<\/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> \ub3c4\uc2dc \uc9c0\uc5ed\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\">\uc0c1\uc218\ub3c4 \ubcf4\uae09\ub960<\/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\">\ud558\uc218\ucc98\ub9ac\uc728<\/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\">\uc548\uc804\ud55c \ubb3c \uc811\uadfc\uc131<\/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> \ub18d\ucd0c \uc9c0\uc5ed\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\">\uc0c1\uc218\ub3c4 \ubcf4\uae09\ub960<\/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\">\ud558\uc218\ucc98\ub9ac\uc728<\/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\">\uc548\uc804\ud55c \ubb3c \uc811\uadfc\uc131<\/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\">\ub18d\ucd0c \uc8fc\ubbfc, \uc548\uc804\ud558\uc9c0 \uc54a\uc740 \ubb3c \uc758\uc874<\/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\">\ub18d\ucd0c \uc9c0\uc5ed, \uc624\uc5fc\ub41c \uc9c0\ud558\uc218 \uc0ac\uc6a9<\/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\">2030\ub144\uae4c\uc9c0 \ud544\uc694\ud55c \uc778\ud504\ub77c \ud22c\uc790\uc561<\/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>, \r\n 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);\">\u2161. \ubca0\ud2b8\ub0a8 \ubb3c \uc704\uae30<\/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 \ubca0\ud2b8\ub0a8 \uc815\ubd80 \uc815\ucc45<\/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\">\ub3c4\uc2dc \ud558\uc218\ucc98\ub9ac\uc728 <strong class=\"text-blue-300\">50%<\/strong> \ub2ec\uc131 \ubaa9\ud45c<\/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\">\uc218\uc9c8 \uac1c\uc120\uc744 \uc704\ud55c <strong class=\"text-blue-300\">$20,000,000,000 \ud22c\uc790<\/strong> \uc2b9\uc778<\/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\">\uc0b0\uc5c5 \ud3d0\uc218 \ubc30\ucd9c \uae30\uc900 \uac15\ud654 \ubc0f \ucc98\ubc8c \uaddc\uc815 \uc2e0\uc124<\/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\">\ub18d\ucd0c \uc548\uc804 \uc2dd\uc218 \uc811\uadfc\uc131 <strong class=\"text-green-400\">90%<\/strong> \ubaa9\ud45c<\/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 \uc2dc\uc7a5 \uae30\ud68c<\/h3>\r\n <h4 class=\"text-xl md:text-2xl font-bold text-slate-100 mb-4\">\uc2dc\uc7a5 \uaddc\ubaa8 \uc804\ub9dd<\/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\ub144<\/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\ub144<\/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\ub144<\/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 \ubca0\ud2b8\ub0a8 \uc218\ucc98\ub9ac \uc2dc\uc7a5\uc740 \ub3d9\ub0a8\uc544\uc2dc\uc544\uc5d0\uc11c <span class=\"block text-xl md:text-2xl text-yellow-100\">\uac00\uc7a5 \ube60\ub974\uac8c \uc131\uc7a5<\/span>\ud558\ub294 \uc2dc\uc7a5\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 \uae30\uc220<\/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 \uc804\uae30\ud761\ucc29 \ubc29\uc2dd\uc758 \ud601\uc2e0\uc801 \ud0c8\uc5fc \uae30\uc220\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 \ud2b9\uc218 \uce74\ubcf8 \uc804\uadf9\uc73c\ub85c<br\/>\r\n \ucd5c\uace0 \uc218\uc900\uc758 \ud761\ucc29 \uc131\ub2a5 \uad6c\ud604\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 \ubb34\uc57d\ud488, \uc800\uc5d0\ub108\uc9c0<br\/>\r\n \uce5c\ud658\uacbd \uc815\uc218 \uc2dc\uc2a4\ud15c\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 \ubca0\ud2b8\ub0a8\uc758 \uc911\uae08\uc18d \ubc0f \uc5fc\ubd84 \uc624\uc5fc \ubb38\uc81c\uc5d0 \ub300\ud55c<br\/>\r\n <span class=\"text-yellow-300 text-2xl md:text-4xl font-black\">\uc720\uc77c\ubb34\uc774\ud55c \ud574\uacb0\ucc45<\/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 \uae30\uc220<\/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: \uc791\ub3d9 \uc6d0\ub9ac<\/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\">\uc6d0\uc218 \uc720\uc785<\/p>\r\n <p class=\"text-sm text-slate-400\">\uc624\uc5fc\ub41c \ubb3c\uc774 MCDI \uc140\ub85c \uc720\uc785<\/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\">\uc804\uc555 \uc778\uac00<\/p>\r\n <p class=\"text-sm text-slate-400\">1.2-2.0V \uc800\uc804\uc555 \uc778\uac00<\/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\">\uc774\uc628 \ud761\ucc29<\/p>\r\n <p class=\"text-sm text-slate-400\">\uc591\/\uc74c\uc774\uc628\uc774 \uc804\uadf9\uc5d0 \ud761\ucc29<\/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\">\uc815\uc218 \ubc30\ucd9c<\/p>\r\n <p class=\"text-sm text-slate-400\">\uae68\ub057\ud55c \ubb3c \uc0dd\uc131<\/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\">\uc81c\uac70 \uac00\ub2a5 \uc624\uc5fc\ubb3c\uc9c8<\/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\">\uc911\uae08\uc18d<\/h4>\r\n <ul class=\"space-y-1 mt-2\">\r\n <li><span class=\"text-slate-400 mr-2\">><\/span>As (\ube44\uc18c)<\/li>\r\n <li><span class=\"text-slate-400 mr-2\">><\/span>Pb (\ub0a9)<\/li>\r\n <li><span class=\"text-slate-400 mr-2\">><\/span>Cd (\uce74\ub4dc\ubbb4)<\/li>\r\n <li><span class=\"text-slate-400 mr-2\">><\/span>Cr (\ud06c\ub86c)<\/li>\r\n <li><span class=\"text-slate-400 mr-2\">><\/span>Hg (\uc218\uc740)<\/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\">\uc774\uc628\uc131 \ubb3c\uc9c8<\/h4>\r\n <ul class=\"space-y-1 mt-2\">\r\n <li><span class=\"text-slate-400 mr-2\">><\/span>Na\u207a (\ub098\ud2b8\ub968)<\/li>\r\n <li><span class=\"text-slate-400 mr-2\">><\/span>Cl\u207b (\uc5fc\uc18c)<\/li>\r\n <li><span class=\"text-slate-400 mr-2\">><\/span>NO\u2083\u207b (\uc9c8\uc0b0\uc5fc)<\/li>\r\n <li><span class=\"text-slate-400 mr-2\">><\/span>SO\u2084\u00b2\u207b (\ud669\uc0b0\uc5fc)<\/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\">\uacbd\ub3c4 \ubb3c\uc9c8<\/h4>\r\n <ul class=\"space-y-1 mt-2\">\r\n <li><span class=\"text-slate-400 mr-2\">><\/span>Ca\u00b2\u207a (\uce7c\uc298)<\/li>\r\n <li><span class=\"text-slate-400 mr-2\">><\/span>Mg\u00b2\u207a (\ub9c8\uadf8\ub124\uc298)<\/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\">\uae30\ud0c0<\/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\">\uc804\uadf9 \uc7ac\uc0dd \uacfc\uc815<\/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\">\ud761\ucc29 \ud3ec\ud654 \uc2dc <strong class=\"text-blue-300\">\uc5ed\uc804\uc555 \uc778\uac00<\/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\">\ud761\ucc29\ub41c \uc774\uc628 \ud0c8\ucc29 (<strong class=\"text-green-300\">5% \ub18d\ucd95\uc218 \uc0dd\uc131<\/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\">\uc804\uadf9 \uc138\uc815 \uc644\ub8cc (2-3\ubd84 \uc18c\uc694)<\/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\">\ub2e4\uc74c \uc0ac\uc774\ud074 \uc900\ube44 \uc644\ub8cc<\/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 \uae30\uc220<\/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\">\ube44\uad50 \ud56d\ubaa9<\/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 (\uc5ed\uc0bc\ud22c\uc555)<\/th>\r\n <th class=\"py-2 px-4 text-center font-bold text-slate-200 border-b border-white\/10\">O2&B \uc6b0\uc704<\/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\">\uc5d0\ub108\uc9c0 \uc18c\ube44<\/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\">\ud3d0\uc218 \ubc1c\uc0dd\ub960<\/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\">\ud68c\uc218\uc728<\/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\">\uc6b4\uc601\uc555\ub825<\/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\">\uc800\uc555 (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\">\uace0\uc555 (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\">\ud654\ud559\uc57d\ud488 \uc0ac\uc6a9<\/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\">\ud544\uc218 (\uc138\uc815\uc81c)<\/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\">\ub9c9\/\uc804\uadf9 \uc218\uba85<\/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+ \ub144<\/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 \ub144<\/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\">3\ubc30 \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\">\uc720\uc9c0\ubcf4\uc218 \ube44\uc6a9<\/td>\r\n <td class=\"text-green-300 font-bold text-base md:text-lg py-2 px-4 text-center\">\ub9e4\uc6b0 \ub0ae\uc74c<\/td>\r\n <td class=\"text-red-400 font-bold text-base md:text-lg py-2 px-4 text-center\">\ub192\uc74c<\/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\ub294 <span class=\"text-blue-300\">\uc6b4\uc601\ube44(OPEX) 50% \uc774\uc0c1 \uc808\uac10<\/span> \ud6a8\uacfc\ub85c<br class=\"sm:hidden\"\/>\ubca0\ud2b8\ub0a8 \uc2dc\uc7a5\uc5d0\uc11c \uc555\ub3c4\uc801 \uacbd\uc81c\uc131 \ud655\ubcf4 <!-- 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 \uae30\uc220<\/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> \uc800\uc5d0\ub108\uc9c0 \uc18c\ube44\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> \uc800\uc804\uc555(1.2V) \uad6c\ub3d9, \uc5d0\ub108\uc9c0 \ud6a8\uc728 \uadf9\ub300\ud654<\/p>\r\n <p><span class=\"text-blue-300 font-bold mr-2\">\u2713<\/span> \ud0dc\uc591\uad11 \uc5f0\ub3d9 \uac00\ub2a5\ud55c \ub3c5\ub9bd\ud615 \uc2dc\uc2a4\ud15c<\/p>\r\n <p><span class=\"text-blue-300 font-bold mr-2\">\u2713<\/span> \uc804\ub825\ub9dd \ubd88\uc548\uc815\ud55c \ub18d\ucd0c \uc9c0\uc5ed \ucd5c\uc801<\/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> \ud658\uacbd \uce5c\ud654\uc801\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> \ud654\ud559\uc57d\ud488 \ubb34\uc0ac\uc6a9, 2\ucc28 \uc624\uc5fc Zero<\/p>\r\n <p><span class=\"text-green-300 font-bold mr-2\">\u2713<\/span> \ud3d0\uc218 \ubc1c\uc0dd \ucd5c\uc18c\ud654 (5% \ubbf8\ub9cc)<\/p>\r\n <p><span class=\"text-green-300 font-bold mr-2\">\u2713<\/span> \ud0c4\uc18c \ubc30\ucd9c\ub7c9 RO \ub300\ube44 70% \uc808\uac10<\/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> \ubaa8\ub4c8\ud615 \uad6c\uc870\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> \uc124\uce58 \ubc0f \ud655\uc7a5\uc774 \uc6a9\uc774\ud55c \ubaa8\ub4c8 \uc124\uacc4<\/p>\r\n <p><span class=\"text-purple-300 font-bold mr-2\">\u2713<\/span> \ud604\uc7a5 \ub9de\ucda4\ud615 \uc6a9\ub7c9 \uc870\uc808 \uac00\ub2a5<\/p>\r\n <p><span class=\"text-purple-300 font-bold mr-2\">\u2713<\/span> \uc720\uc9c0\ubcf4\uc218 \uac04\ud3b8 (\ubaa8\ub4c8 \ub2e8\uc704 \uad50\uccb4)<\/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> \uc120\ud0dd\uc801 \uc81c\uac70\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> \uc774\uc628\uc131 \uc624\uc5fc\ubb3c\uc9c8\ub9cc \uc120\ud0dd\uc801 \uc81c\uac70<\/p>\r\n <p><span class=\"text-orange-300 font-bold mr-2\">\u2713<\/span> \uc720\uc775\ud55c \ubbf8\ub124\ub784\uc740 \ubcf4\uc874 \uac00\ub2a5<\/p>\r\n <p><span class=\"text-orange-300 font-bold mr-2\">\u2713<\/span> \ube44\uc18c, \uc911\uae08\uc18d \uc81c\uac70\uc5d0 \ud2b9\ud654<\/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);\">\u2163. \ub77c\uc624\uae4c\uc774 \uc2e4\uc99d<\/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: \uc2e4\uc99d \uc131\uacfc\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\">\uc218\uc9c8 \uac1c\uc120 \uc131\uacfc<\/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\">\uc624\uc5fc\ubb3c\uc9c8<\/th>\r\n <th class=\"py-2 px-3 md:py-3 md:px-4 text-right\">\uc6d0\uc218 \ub18d\ub3c4<\/th>\r\n <th class=\"py-2 px-3 md:py-3 md:px-4 text-right\">\ucc98\ub9ac\uc218 \ub18d\ub3c4<\/th>\r\n <th class=\"py-2 px-3 md:py-3 md:px-4 text-right\">\uc81c\uac70\uc728<\/th>\r\n <th class=\"py-2 px-3 md:py-3 md:px-4 text-right\">\uae30\uc900 (WHO\/QCVN)<\/th>\r\n <th class=\"py-2 px-3 md:py-3 md:px-4 text-center\">\uacb0\uacfc<\/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\">\ube44\uc18c (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 \ud569\uaca9<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"font-bold py-2 px-3 md:py-3 md:px-4\">\ub9dd\uac04 (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 \ud569\uaca9<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"font-bold py-2 px-3 md:py-3 md:px-4\">\ucca0 (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 \ud569\uaca9<\/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 \ud569\uaca9<\/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\">\uc6b4\uc601 \uc131\uacfc<\/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\">\uc77c\uc77c \uc0dd\uc0b0\ub7c9<\/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\">\uac00\ub3d9\ub960<\/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\">\ubb3c \ud68c\uc218\uc728<\/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\">\uc804\ub825 \uc18c\ube44<\/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\">\uacbd\uc81c\uc131 \ubd84\uc11d<\/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\">\uc0dd\uc0b0 \uc6d0\uac00<\/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\">\ud310\ub9e4 \uac00\uaca9<\/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\">\uc6d4 \uc6b4\uc601\ube44<\/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\">\ud22c\uc790 \ud68c\uc218 \uae30\uac04<\/span>\r\n <span class=\"text-base md:text-lg font-bold text-purple-300\">3.2\ub144<\/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);\">\u2163. \ub77c\uc624\uae4c\uc774 \uc2e4\uc99d<\/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 \uc0ac\uc5c5 \uac1c\uc694<\/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\">\uc704\uce58:<\/p><p>\ubca0\ud2b8\ub0a8 \ubd81\ubd80 \ub77c\uc624\uae4c\uc774\uc131<\/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\">\uae30\uac04:<\/p><p>2023.06 ~ 2024.12 (18\uac1c\uc6d4)<\/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\">\uc2dc\uc2a4\ud15c \uc6a9\ub7c9:<\/p><p>100 m\u00b3\/day (\uc77c 100\ud1a4)<\/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\">\uc218\ud61c \uc778\uad6c:<\/p><p>\uc57d 2,500\uba85 (500 \uac00\uad6c)<\/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\">\ud30c\ud2b8\ub108:<\/p><p>\ub77c\uc624\uae4c\uc774\uc131 \uc778\ubbfc\uc704, \ubca0\ud2b8\ub0a8 \ud658\uacbd\ubd80<\/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 \ud604\uc7a5 \ubb38\uc81c\uc810<\/h3>\r\n <div class=\"warning-box\">\r\n <h4 class=\"font-bold text-lg md:text-xl text-red-200 mb-2\">\ube44\uc18c(Arsenic) \uc624\uc5fc<\/h4>\r\n <p class=\"text-sm md:text-base text-slate-200\">\ud3c9\uade0 \ub18d\ub3c4: <span class=\"font-bold text-red-300\">159 \u03bcg\/L<\/span> (WHO \uae30\uc900 <strong class=\"text-red-300\">16\ubc30\u2191<\/strong>), \ucd5c\ub300 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\">\ub9dd\uac04(Manganese) \uc624\uc5fc<\/h4>\r\n <p class=\"text-sm md:text-base text-slate-200\">\ud3c9\uade0 \ub18d\ub3c4: <span class=\"font-bold text-red-300\">0.83 mg\/L<\/span> (WHO \uae30\uc900 <strong class=\"text-red-300\">2\ubc30\u2191<\/strong>), \ucd5c\ub300 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\">\ucca0(Iron) & \uae30\ud0c0 \uc624\uc5fc<\/h4>\r\n <p class=\"text-sm md:text-base text-slate-200\">\ub192\uc740 \ucca0 \ud568\ub7c9(\ucd5c\ub300 34 mg\/L), \ub300\uc7a5\uade0\uad70(11,000 MPN), \uae30\ud0c0 \uc911\uae08\uc18d \ubb38\uc81c<\/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);\">\u2163. \ub77c\uc624\uae4c\uc774 \uc2e4\uc99d<\/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>\uc624\uc5fc\ubb3c\uc9c8<\/th>\r\n <th>\uc6d0\uc218 \ub18d\ub3c4<\/th>\r\n <th>\uc815\uc218 \ub18d\ub3c4<\/th>\r\n <th>WHO \uae30\uc900<\/th>\r\n <th>\uc81c\uac70\uc728<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td class=\"font-bold\">\ube44\uc18c (As)<\/td>\r\n <td class=\"text-red-300 font-bold\">\ud3c9\uade0 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\">\ub9dd\uac04 (Mn)<\/td>\r\n <td class=\"text-red-300 font-bold\">\ud3c9\uade0 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\">\ucca0 (Fe)<\/td>\r\n <td class=\"text-orange-300 font-bold\">\ucd5c\ub300 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 (\uc5fc\ubd84)<\/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\">\uc554\ubaa8\ub2c8\uc544 (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\">WHO \uc218\uc9c8 \uae30\uc900 \ucda9\uc871<\/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\uac1c\uc6d4<\/div>\r\n <p class=\"text-base md:text-lg text-slate-200\">\uc5f0\uc18d \uc548\uc815 \uc6b4\uc601<\/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\">\uc218\ud61c \uc8fc\ubbfc \uc218<\/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);\">\u2163. \ub77c\uc624\uae4c\uc774 \uc2e4\uc99d<\/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 \uc5d0\ub108\uc9c0 \ud6a8\uc728<\/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\">\uc5d0\ub108\uc9c0 \uc18c\ube44<\/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\">\uc6d4\uac04 \uc804\uae30\uc694\uae08<\/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\">\uc5f0\uac04 CO\u2082 \uc808\uac10<\/span>\r\n <span class=\"float-right text-xl font-bold text-green-300\">28 \ud1a4<\/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 \uacbd\uc81c\uc131<\/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 (\ucd08\uae30 \ud22c\uc790)<\/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 (\uc5f0\uac04 \uc6b4\uc601\ube44)<\/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 \ub2ec\uc131 \uae30\uac04<\/span>\r\n <span class=\"float-right text-xl font-bold text-purple-300\">2.8\ub144<\/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 \ud658\uacbd \uc601\ud5a5<\/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> \ud3d0\uc218 \ubc1c\uc0dd: <strong>4.2%<\/strong> (RO: 25%)<\/p>\r\n <p><span class=\"text-green-300 font-bold mr-2\">\u2713<\/span> \ud654\ud559\uc57d\ud488 \uc0ac\uc6a9: <strong>Zero<\/strong><\/p>\r\n <p><span class=\"text-green-300 font-bold mr-2\">\u2713<\/span> \ubb3c \ud68c\uc218\uc728: <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 \uc720\uc9c0\ubcf4\uc218<\/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> \uc804\uadf9 \uad50\uccb4 \uc8fc\uae30: <strong>5\ub144 \uc774\uc0c1<\/strong><\/p>\r\n <p><span class=\"text-orange-300 font-bold mr-2\">\u2713<\/span> \ud3c9\uade0 \uac00\ub3d9\ub960: <strong>98.5%<\/strong><\/p>\r\n <p><span class=\"text-orange-300 font-bold mr-2\">\u2713<\/span> \ubb34\uc778 \uc6b4\uc601 \uac00\ub2a5: <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);\">\u2163. \ub77c\uc624\uae4c\uc774 \uc2e4\uc99d<\/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\">\uac74\uac15 \uac1c\uc120<\/h4>\r\n <ul class=\"text-base md:text-lg text-slate-200 space-y-2\">\r\n <li>\uc218\uc778\uc131 \uc9c8\ubcd1 <strong class=\"text-green-200\">82% \uac10\uc18c<\/strong><\/li>\r\n <li>\uc544\ub3d9 \uc124\uc0ac\ubcd1 <strong class=\"text-green-200\">75% \uac10\uc18c<\/strong><\/li>\r\n <li>\ud53c\ubd80\uc9c8\ud658 <strong class=\"text-green-200\">68% \uac10\uc18c<\/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\">\uacbd\uc81c\uc801 \ud6a8\uacfc<\/h4>\r\n <ul class=\"text-base md:text-lg text-slate-200 space-y-2\">\r\n <li>\uc758\ub8cc\ube44 \uc9c0\ucd9c <strong class=\"text-green-200\">$180\/\uac00\uad6c\/\ub144<\/strong> \uc808\uac10<\/li>\r\n <li>\ubb3c \uad6c\uc785 \ube44\uc6a9 <strong class=\"text-green-200\">70% \uac10\uc18c<\/strong><\/li>\r\n <li>\uc0dd\uc0b0\uc131 \ud5a5\uc0c1 \ud6a8\uacfc<\/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\">\uc8fc\ubbfc \ub9cc\uc871\ub3c4<\/h4>\r\n <ul class=\"text-base md:text-lg text-slate-200 space-y-2\">\r\n <li>\uc804\uccb4 \ub9cc\uc871\ub3c4 <strong class=\"text-green-200\">96%<\/strong><\/li>\r\n <li>\uc9c0\uc18d \uc0ac\uc6a9 \uc758\ud5a5 <strong class=\"text-green-200\">100%<\/strong><\/li>\r\n <li>\ud0c0 \uc9c0\uc5ed \ucd94\ucc9c \uc758\ud5a5 <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 \ud604\uc9c0 \uc8fc\ubbfc \ud3c9\uac00<\/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\">\"\uc774\uc81c \ub354 \uc774\uc0c1 \uc544\uc774\ub4e4\uc774 \ubb3c\ub85c \uc778\ud574 \uc544\ud504\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. O2&B\uc758 \uc2dc\uc2a4\ud15c\uc740 \uc6b0\ub9ac \ub9c8\uc744\uc5d0 \ucd95\ubcf5\uc785\ub2c8\ub2e4.\"<\/p>\r\n <p class=\"text-right text-sm opacity-80 mt-3\">- \uc751\uc6b0\uc60c \ud2f0 \ub780 (\ub9c8\uc744 \uc8fc\ubbfc, 45\uc138)<\/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\">\"\uae68\ub057\ud55c \ubb3c\uc744 \ub9c8\uc2e4 \uc218 \uc788\uac8c \ub418\uba74\uc11c \uc0b6\uc758 \uc9c8\uc774 \ud06c\uac8c \ud5a5\uc0c1\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc774 \uae30\uc220\uc774 \ubca0\ud2b8\ub0a8 \uc804\uc5ed\uc5d0 \ubcf4\uae09\ub418\uae38 \ubc14\ub78d\ub2c8\ub2e4.\"<\/p>\r\n <p class=\"text-right text-sm opacity-80 mt-3\">- \uca50 \ubc18 \ud765 (\ub9c8\uc744 \uc774\uc7a5, 52\uc138)<\/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\">\ubc29\uae00\ub77c\ub370\uc2dc<\/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\">\ubb38\uc81c:<\/strong> \uace0\ub18d\ub3c4 \ube44\uc18c \uc624\uc5fc<\/p>\r\n <p><strong class=\"text-slate-100\">\uaddc\ubaa8:<\/strong> 1,000 m\u00b3\/day \u00d7 3\uae30<\/p>\r\n <p><strong class=\"text-slate-100\">\uc131\uacfc:<\/strong> \ube44\uc18c 95% \uc81c\uac70<\/p>\r\n <p><strong class=\"text-slate-100\">\ud604\ud669:<\/strong> \ud604\uc9c0\ubc95\uc778 \uc124\ub9bd \uc644\ub8cc<\/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\">\ud0c4\uc790\ub2c8\uc544<\/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\">\ubb38\uc81c:<\/strong> \ubd88\uc18c \uacfc\ub2e4 (5-8 mg\/L)<\/p>\r\n <p><strong class=\"text-slate-100\">\uaddc\ubaa8:<\/strong> 500 m\u00b3\/day \u00d7 2\uae30<\/p>\r\n <p><strong class=\"text-slate-100\">\uc131\uacfc:<\/strong> WHO \uae30\uc900 \ub2ec\uc131<\/p>\r\n <p><strong class=\"text-slate-100\">\ud604\ud669:<\/strong> \ucd94\uac00 5\uac1c\uc18c \uacc4\uc57d<\/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\">\uce84\ubcf4\ub514\uc544<\/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\">\ubb38\uc81c:<\/strong> \ucca0\/\ub9dd\uac04 \ubcf5\ud569 \uc624\uc5fc<\/p>\r\n <p><strong class=\"text-slate-100\">\uaddc\ubaa8:<\/strong> 200 m\u00b3\/day<\/p>\r\n <p><strong class=\"text-slate-100\">\uc131\uacfc:<\/strong> \ub18d\ucd0c 3\uac1c \ub9c8\uc744 \uacf5\uae09<\/p>\r\n <p><strong class=\"text-slate-100\">\ud604\ud669:<\/strong> JICA \uc5f0\uacc4 \ud655\ub300<\/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);\">\u2164. \uae00\ub85c\ubc8c \ub808\ud37c\ub7f0\uc2a4<\/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> \ud2b9\ud5c8 \ubc0f 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\">\uad6d\ub0b4 \ud2b9\ud5c8: 12\uac74<\/p><p class=\"text-xs md:text-sm text-slate-400\">MCDI \uc804\uadf9, \ubaa8\ub4c8, \uc2dc\uc2a4\ud15c \ucd5c\uc801\ud654<\/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\">\uad6d\uc81c \ud2b9\ud5c8: 8\uac74<\/p><p class=\"text-xs md:text-sm text-slate-400\">\ubbf8\uad6d, \uc720\ub7fd, \uc77c\ubcf8, \uc911\uad6d \ub4f1<\/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\">\ud575\uc2ec \uae30\uc220<\/p><p class=\"text-xs md:text-sm text-slate-400\">\uace0\uc6a9\ub7c9 \uce74\ubcf8 \uc804\uadf9, \uc774\uc628 \uc120\ud0dd\uc131 \ub9c9<\/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> \uc778\uc99d \ubc0f \uc2b9\uc778\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 \uc218\uc9c8 \uae30\uc900<\/strong> \ucda9\uc871 \uac80\uc99d<\/p>\r\n <p><span class=\"text-green-300 font-bold mr-2 opacity-80\">\u2713<\/span> <strong>UNICEF<\/strong> \uc548\uc804 \uc2dd\uc218 \ud504\ub85c\uadf8\ub7a8 \uc2b9\uc778<\/p>\r\n <p><span class=\"text-green-300 font-bold mr-2 opacity-80\">\u2713<\/span> <strong>\ud55c\uad6d \ud658\uacbd\ubd80<\/strong> \ud658\uacbd\uc2e0\uae30\uc220(NET)<\/p>\r\n <p><span class=\"text-green-300 font-bold mr-2 opacity-80\">\u2713<\/span> <strong>ISO 9001<\/strong> \ud488\uc9c8\uacbd\uc601\uc2dc\uc2a4\ud15c<\/p>\r\n <p><span class=\"text-green-300 font-bold mr-2 opacity-80\">\u2713<\/span> <strong>CE \ub9c8\ud06c<\/strong> \uc720\ub7fd \uc548\uc804 \uae30\uc900<\/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);\">\u2164. \uae00\ub85c\ubc8c \ub808\ud37c\ub7f0\uc2a4<\/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 \uacf5\uacf5 \ud30c\ud2b8\ub108<\/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\">\ud55c\uad6d\uad6d\uc81c\ud611\ub825\ub2e8 (KOICA)<\/p>\r\n <p class=\"text-xs md:text-sm text-slate-400\">\uac1c\ub3c4\uad6d \ubb3c \uacf5\uae09 \ud504\ub85c\uc81d\ud2b8 \ud611\ub825<\/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\">\ud55c\uad6d \ud658\uacbd\ubd80<\/p>\r\n <p class=\"text-xs md:text-sm text-slate-400\">\ud658\uacbd \uae30\uc220 \uac1c\ubc1c \ubc0f \ud574\uc678 \uc9c4\ucd9c \uc9c0\uc6d0<\/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\">\ubca0\ud2b8\ub0a8 \ucc9c\uc5f0\uc790\uc6d0\ud658\uacbd\ubd80 (MONRE)<\/p>\r\n <p class=\"text-xs md:text-sm text-slate-400\">\ub77c\uc624\uae4c\uc774 \ud504\ub85c\uc81d\ud2b8 \uacf5\uc2dd \ud611\ub825 \ud30c\ud2b8\ub108<\/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 \ubbfc\uac04 \ud30c\ud2b8\ub108<\/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\">\ud604\uc9c0 \uc720\ud1b5 \ud30c\ud2b8\ub108<\/p>\r\n <p class=\"text-xs md:text-sm text-slate-400\">\ubc29\uae00\ub77c\ub370\uc2dc, \ud0c4\uc790\ub2c8\uc544 \ud604\uc9c0 \ubc95\uc778<\/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\">\uae30\uc220 \ud611\ub825\uc0ac<\/p>\r\n <p class=\"text-xs md:text-sm text-slate-400\">\uce74\ubcf8 \uc804\uadf9, \uc2dc\uc2a4\ud15c \ud1b5\ud569 \uc804\ubb38 \uae30\uc5c5<\/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\">\uae08\uc735 \uae30\uad00<\/p>\r\n <p class=\"text-xs md:text-sm text-slate-400\">\uc218\ucd9c\uc785\uc740\ud589, \ubb34\uc5ed\ubcf4\ud5d8\uacf5\uc0ac \ub4f1<\/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);\">\u2164. \ube44\uc988\ub2c8\uc2a4 \ubaa8\ub378<\/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 \ud601\uc2e0\uc801\uc778 \ubd84\uc0b0\ud615 \ubaa8\ub378<\/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\">\uc18c\uaddc\ubaa8 \ubd84\uc0b0 \ubc30\uce58<\/p><p class=\"text-xs md:text-base text-slate-300\">\uc911\uc559 \uc9d1\uc911\uc2dd \uc778\ud504\ub77c \uad6c\ucd95 \uc5b4\ub824\uc6b4 \ub18d\ucd0c \ucd5c\uc801\ud654<\/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\">\ub3c5\ub9bd\ud615 \uc5d0\ub108\uc9c0 \uc2dc\uc2a4\ud15c<\/p><p class=\"text-xs md:text-base text-slate-300\">\ud0dc\uc591\uad11 \uc5f0\ub3d9\uc73c\ub85c \uc804\ub825\ub9dd \uc758\uc874\ub3c4 Zero \uac00\ub2a5<\/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\">\ubb34\uc778\/\uc790\ub3d9 \uc6b4\uc601<\/p><p class=\"text-xs md:text-base text-slate-300\">IoT \uc13c\uc11c \ubc0f \uc6d0\uaca9 \ubaa8\ub2c8\ud130\ub9c1\uc73c\ub85c \ud6a8\uc728 \uad00\ub9ac<\/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\">\uc9c0\uc5ed \uace0\uc6a9 \ucc3d\ucd9c<\/p><p class=\"text-xs md:text-base text-slate-300\">\ud604\uc9c0 \uc778\ub825\uc758 \uc6b4\uc601 \ubc0f \uc720\uc9c0\ubcf4\uc218 \ucc38\uc5ec<\/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 \ud45c\uc900 \uc0ac\uc591<\/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\">\ucc98\ub9ac \uc6a9\ub7c9<\/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\">\uc218\ud61c \uc778\uad6c<\/td>\r\n <td class=\"py-3 text-right font-bold text-blue-300\">500-2,000\uba85<\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-white\/10\">\r\n <td class=\"py-3 font-semibold text-slate-200\">\uc124\uce58 \uba74\uc801<\/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\">\uc804\ub825 \uc18c\ube44<\/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\ub144<\/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);\">\u2164. \ube44\uc988\ub2c8\uc2a4 \ubaa8\ub378<\/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\">\uc2dc\uc2a4\ud15c \ud310\ub9e4 & \uc124\uce58<\/p>\r\n <ul class=\"space-y-1 pl-5 text-xs md:text-sm list-disc list-outside\">\r\n <li>\uc815\ubd80 \ud504\ub85c\uc81d\ud2b8<\/li>\r\n <li>\uc0b0\uc5c5\ub2e8\uc9c0<\/li>\r\n <li>NGO\/\uad6d\uc81c\uae30\uad6c<\/li>\r\n <li>\ubbfc\uac04 \ud22c\uc790\uc790<\/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\">\ud3c9\uade0 \uc218\uc775<\/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\">\uc720\uc9c0\ubcf4\uc218 \uc11c\ube44\uc2a4<\/p>\r\n <ul class=\"space-y-1 pl-5 text-xs md:text-sm list-disc list-outside\">\r\n <li>\uc804\uadf9 \ubaa8\ub4c8 \uad50\uccb4<\/li>\r\n <li>\uc815\uae30 \uc810\uac80<\/li>\r\n <li>\uc6d0\uaca9 \ubaa8\ub2c8\ud130\ub9c1<\/li>\r\n <li>\uae30\uc220 \uc9c0\uc6d0<\/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\">\uc5f0\uac04 \uc218\uc775<\/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 \uc6b4\uc601<\/p>\r\n <ul class=\"space-y-1 pl-5 text-xs md:text-sm list-disc list-outside\">\r\n <li>\uc9c1\uc811 \ud310\ub9e4 (20L)<\/li>\r\n <li>\uad6c\ub3c5 \ubaa8\ub378<\/li>\r\n <li>\uc790\ud310\uae30 \ubc29\uc2dd<\/li>\r\n <li>B2B \uacf5\uae09<\/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\">\ub9ac\ud130\ub2f9 \uac00\uaca9<\/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 \ubca0\ud2b8\ub0a8 \uc2dc\uc7a5 \uc218\uc775 \uc804\ub9dd (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\">\ucd08\uae30 \uc9c4\uc785<\/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\">\uc2dc\uc7a5 \ud655\ub300<\/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\">\uc2dc\uc7a5 \uc120\ub3c4<\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"text-sm md:text-base text-slate-400 mb-1\">\ub204\uc801 (5\ub144)<\/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\">\ucd1d \ub9e4\ucd9c<\/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);\">\u2164. \ube44\uc988\ub2c8\uc2a4 \ubaa8\ub378<\/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> \ud0c4\uc18c \ubc30\ucd9c 70% \uac10\uc18c<\/li>\r\n <li><span class=\"text-green-300 mr-2\">\u2713<\/span> \ud654\ud559\uc57d\ud488 \uc0ac\uc6a9 Zero<\/li>\r\n <li><span class=\"text-green-300 mr-2\">\u2713<\/span> \ud3d0\uc218 \ubc1c\uc0dd 5% \ubbf8\ub9cc<\/li>\r\n <li><span class=\"text-green-300 mr-2\">\u2713<\/span> \uc7ac\uc0dd\uc5d0\ub108\uc9c0 \uc5f0\ub3d9 \uac00\ub2a5<\/li>\r\n <li><span class=\"text-green-300 mr-2\">\u2713<\/span> \ubb3c \ud68c\uc218\uc728 95% \uc774\uc0c1<\/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> \uc548\uc804\ud55c \uc2dd\uc218 \uc811\uadfc\uc131 \ubcf4\uc7a5<\/li>\r\n <li><span class=\"text-blue-300 mr-2\">\u2713<\/span> \uc218\uc778\uc131 \uc9c8\ubcd1 80% \uac10\uc18c<\/li>\r\n <li><span class=\"text-blue-300 mr-2\">\u2713<\/span> \uc9c0\uc5ed \uace0\uc6a9 \ucc3d\ucd9c<\/li>\r\n <li><span class=\"text-blue-300 mr-2\">\u2713<\/span> \uc0b6\uc758 \uc9c8 \ud5a5\uc0c1<\/li>\r\n <li><span class=\"text-blue-300 mr-2\">\u2713<\/span> \uad50\uc721 \ubc0f \uae30\uc220 \uc774\uc804<\/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> \ud22c\uba85\ud55c \uc0ac\uc5c5 \uc6b4\uc601<\/li>\r\n <li><span class=\"text-purple-300 mr-2\">\u2713<\/span> \uc815\ubd80 \uc815\ucc45 \ubd80\ud569<\/li>\r\n <li><span class=\"text-purple-300 mr-2\">\u2713<\/span> \uad6d\uc81c \uae30\uc900 \uc900\uc218<\/li>\r\n <li><span class=\"text-purple-300 mr-2\">\u2713<\/span> \uc9c0\uc18d \uac00\ub2a5\ud55c \uc131\uc7a5<\/li>\r\n <li><span class=\"text-purple-300 mr-2\">\u2713<\/span> \uc774\ud574\uad00\uacc4\uc790 \ub9cc\uc871<\/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);\">\u2164. \ube44\uc988\ub2c8\uc2a4 \ubaa8\ub378<\/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\">\ud604\uc9c0 \ud30c\ud2b8\ub108\uc2ed<\/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 \uc5ed\ud560<\/p>\r\n <ul class=\"space-y-1 pl-5 list-disc list-outside text-xs md:text-base\">\r\n <li>\ud575\uc2ec MCDI \uae30\uc220 \ubc0f \ud2b9\ud5c8 \uc81c\uacf5<\/li>\r\n <li>\uc804\uadf9 \ubaa8\ub4c8 \uacf5\uae09<\/li>\r\n <li>\uae30\uc220 \uc774\uc804 \ubc0f \uad50\uc721<\/li>\r\n <li>\ud488\uc9c8 \uad00\ub9ac \ubc0f \uae30\uc220 \uc9c0\uc6d0<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <p class=\"font-bold text-blue-300 mb-2\">\ud30c\ud2b8\ub108 \uc5ed\ud560<\/p>\r\n <ul class=\"space-y-1 pl-5 list-disc list-outside text-xs md:text-base\">\r\n <li>\ud604\uc9c0 \uc601\uc5c5 \ubc0f \ub9c8\ucf00\ud305<\/li>\r\n <li>\uc815\ubd80\/\uc0b0\uc5c5\uacc4 \ub124\ud2b8\uc6cc\ud06c \ud65c\uc6a9<\/li>\r\n <li>\uc2dc\uc2a4\ud15c \uc124\uce58 \ubc0f \uc6b4\uc601 \ub300\ud589<\/li>\r\n <li>\uace0\uac1d \uad00\ub9ac \ubc0f 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\">\ud22c\uc790 \uc720\uce58<\/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\">\ud22c\uc790 \ubd84\uc57c<\/p>\r\n <ul class=\"space-y-1 pl-5 list-disc list-outside text-xs md:text-base\">\r\n <li>\ubca0\ud2b8\ub0a8 \ud604\uc9c0 \uc81c\uc870 \uc2dc\uc124 \uad6c\ucd95<\/li>\r\n <li>\ub300\uaddc\ubaa8 Water Station \ub124\ud2b8\uc6cc\ud06c<\/li>\r\n <li>R&D \uc13c\ud130 \uc124\ub9bd<\/li>\r\n <li>\uc6b4\uc601 \uc790\uae08 \ud655\ubcf4<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <p class=\"font-bold text-green-300 mb-2\">\ud22c\uc790 \ub9e4\ub825\ub3c4<\/p>\r\n <ul class=\"space-y-1 pl-5 list-disc list-outside text-xs md:text-base\">\r\n <li>\ub192\uc740 ROI (2-3\ub144 \ud68c\uc218)<\/li>\r\n <li>\ub3c5\ubcf4\uc801 \uae30\uc220 \uacbd\uc7c1\ub825<\/li>\r\n <li>\uac80\uc99d\ub41c \uae00\ub85c\ubc8c \ub808\ud37c\ub7f0\uc2a4<\/li>\r\n <li>\uc815\ubd80 \uc815\ucc45 \ubd80\ud569 (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\">\ubca0\ud2b8\ub0a8\uc758 \uc2ec\uac01\ud55c \ubb3c \uc704\uae30<\/h3>\r\n <p class=\"text-sm md:text-lg font-light leading-relaxed text-slate-300\">\r\n \ubb3c \ubd80\uc871, \uc911\uae08\uc18d \uc624\uc5fc, \ub0ae\uc740 \ud558\uc218\ucc98\ub9ac\uc728(12.5%) - \r\n <span class=\"text-yellow-300 font-bold\">O2&B MCDI\uac00 \ucd5c\uc801 \uc194\ub8e8\uc158<\/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\">\uc555\ub3c4\uc801 \uae30\uc220 \uacbd\uc7c1\ub825<\/h3>\r\n <p class=\"text-sm md:text-lg font-light leading-relaxed text-slate-300\">\r\n RO \ub300\ube44 <span class=\"text-yellow-300 font-bold\">\uc5d0\ub108\uc9c0\u2193, OPEX\u2193, \ud3d0\uc218\u2193<\/span> - \r\n \uacbd\uc81c\uc131\uacfc \ud658\uacbd\uc131\uc744 \ubaa8\ub450 \ud655\ubcf4\ud55c \ucc28\uc138\ub300 \uae30\uc220\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\">\uac80\uc99d\ub41c \uc2e4\uc99d \uc131\uacfc<\/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\">\ub77c\uc624\uae4c\uc774 18\uac1c\uc6d4 \uc548\uc815 \uc6b4\uc601<\/span> - \r\n 99% \ube44\uc18c \uc81c\uac70, WHO \uae30\uc900 \ucda9\uc871, 2,500\uba85 \uc218\ud61c\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\">\uae00\ub85c\ubc8c \uc2e0\ub8b0\uc640 \uc778\uc99d<\/h3>\r\n <p class=\"text-sm md:text-lg font-light leading-relaxed text-slate-300\">\r\n \ubc29\uae00\ub77c\ub370\uc2dc\u00b7\ud0c4\uc790\ub2c8\uc544 \uc131\uacf5, <span class=\"text-yellow-300 font-bold\">20+ \ud2b9\ud5c8, WHO\/UNICEF \uc778\uc99d<\/span> - \r\n \uad6d\uc81c\uc801\uc73c\ub85c \uac80\uc99d\ub41c \uae30\uc220\ub825\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\">\uac70\ub300\ud55c \uc2dc\uc7a5 \uae30\ud68c<\/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\">2030\ub144 $8,500,000,000, CAGR 20.3%<\/span> - \r\n \uc815\ubd80\uc758 \uc218\ucc98\ub9ac \ubaa9\ud45c \ub2ec\uc131\uc744 \uc704\ud55c \ud575\uc2ec \uc194\ub8e8\uc158\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 \ud568\uaed8 \ub9cc\ub4dc\ub294 \uc9c0\uc18d \uac00\ub2a5\ud55c \ubbf8\ub798\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\">\uc2b9\ud604 \ubc18 (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>\n\t\t","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>\n","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\/ko_kr\/wp-json\/wp\/v2\/pages\/14977","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/o2nb.site\/ko_kr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/o2nb.site\/ko_kr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/o2nb.site\/ko_kr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/o2nb.site\/ko_kr\/wp-json\/wp\/v2\/comments?post=14977"}],"version-history":[{"count":0,"href":"https:\/\/o2nb.site\/ko_kr\/wp-json\/wp\/v2\/pages\/14977\/revisions"}],"wp:attachment":[{"href":"https:\/\/o2nb.site\/ko_kr\/wp-json\/wp\/v2\/media?parent=14977"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}