{"id":14889,"date":"2025-10-25T14:56:18","date_gmt":"2025-10-25T14:56:18","guid":{"rendered":"https:\/\/o2nb.site\/?page_id=14889"},"modified":"2025-10-30T22:38:11","modified_gmt":"2025-10-30T22:38:11","slug":"capa","status":"publish","type":"page","link":"https:\/\/o2nb.site\/ko_kr\/capa\/","title":{"rendered":"O2&B \uc0ac\uc5c5\uc5ed\ub7c9 \ubc0f \uc2e4\uc801"},"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 O2&B \uc0ac\uc5c5 \uc5ed\ub7c9 \ud1b5\ud569 \ubd84\uc11d - \ub2e4\ud06c \ud14c\ub9c8<\/title>\r\n <!-- Tailwind CSS -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <!-- Fonts: Pretendard & Inter -->\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 <!-- Font Awesome for Icons -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" xintegrity=\"sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\r\n\r\n <style>\r\n \/* --- \ub2e4\ud06c \ud14c\ub9c8 \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 background-color: #0d1117; \/* \uc5b4\ub450\uc6b4 \ubc30\uacbd *\/\r\n color: #e2e8f0; \/* \uae30\ubcf8 \ubc1d\uc740 \ud14d\uc2a4\ud2b8 *\/\r\n font-family: 'Pretendard', 'Inter', sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n \/* --- \ub2e4\ud06c \ud14c\ub9c8 \uc0c9\uc0c1 \ubcc0\uc218 --- *\/\r\n :root {\r\n --dark-bg: #0d1117;\r\n --card-bg: rgba(255, 255, 255, 0.05);\r\n --card-border: rgba(255, 255, 255, 0.1);\r\n --text-primary: #e2e8f0; \/* Slate 200 *\/\r\n --text-secondary: #94a3b8; \/* Slate 400 *\/\r\n --accent-blue: #60a5fa; \/* Blue 400 *\/\r\n --accent-green: #34d399; \/* Emerald 400 *\/\r\n --accent-yellow: #facc15; \/* Yellow 400 *\/\r\n --accent-red: #f87171; \/* Red 400 *\/\r\n --accent-purple: #c084fc; \/* Purple 400 *\/\r\n }\r\n\r\n \/* --- \ud5e4\ub354 \uc139\uc158 (\ub2e4\ud06c \ud14c\ub9c8) --- *\/\r\n .header-section {\r\n background: linear-gradient(145deg, #1e3a8a 0%, #0d1a2b 100%); \/* \ub2e4\ud06c \ub124\uc774\ube44 \uadf8\ub77c\ub370\uc774\uc158 *\/\r\n padding: 4rem 1rem 3rem;\r\n text-align: center;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n .header-title {\r\n font-size: clamp(2.5rem, 6vw, 3.5rem);\r\n color: #f1f5f9; \/* Slate 100 *\/\r\n font-weight: 900;\r\n text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\r\n }\r\n .header-subtitle {\r\n font-size: clamp(1.2rem, 3vw, 1.6rem);\r\n color: var(--accent-blue); \/* \ubc1d\uc740 \ud30c\ub780\uc0c9 *\/\r\n font-weight: 600;\r\n margin-top: 1rem;\r\n max-width: 800px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n \/* --- \uc139\uc158 \uc81c\ubaa9 (\ub2e4\ud06c \ud14c\ub9c8) --- *\/\r\n .section-title {\r\n color: #cbd5e1; \/* Slate 300 *\/\r\n border-bottom: 3px solid var(--accent-blue);\r\n padding-bottom: 0.8rem;\r\n margin-bottom: 2.5rem;\r\n font-size: clamp(1.8rem, 4vw, 2.25rem);\r\n font-weight: 800;\r\n text-align: left;\r\n }\r\n\r\n \/* --- \uce74\ub4dc (\uc720\ub9ac \ud6a8\uacfc - \ub2e4\ud06c \ud14c\ub9c8) --- *\/\r\n .card {\r\n background: var(--card-bg);\r\n border-radius: 1.25rem;\r\n padding: 1.5rem; \/* \ubaa8\ubc14\uc77c \ud328\ub529 *\/\r\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\r\n backdrop-filter: blur(12px);\r\n border: 1px solid var(--card-border);\r\n margin-bottom: 3rem;\r\n transition: all 0.3s ease;\r\n }\r\n @media (min-width: 768px) {\r\n .card { padding: 2rem; } \/* \ub370\uc2a4\ud06c\ud0d1 \ud328\ub529 *\/\r\n }\r\n .card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);\r\n background: rgba(255, 255, 255, 0.07);\r\n }\r\n\r\n \/* --- \ud558\uc704 \ud5e4\ub354 \ubc0f \uac15\uc870 \ubc14 (\ub2e4\ud06c \ud14c\ub9c8) --- *\/\r\n .sub-header {\r\n font-size: clamp(1.5rem, 3.5vw, 1.8rem);\r\n font-weight: 700;\r\n color: #d1d5db; \/* Gray 300 *\/\r\n margin-bottom: 1.5rem;\r\n }\r\n .highlight-bar {\r\n border-left: 5px solid var(--accent-blue);\r\n padding-left: 1rem;\r\n margin-left: -1rem; \/* \ub370\uc2a4\ud06c\ud0d1\uc6a9 *\/\r\n }\r\n @media (max-width: 768px) {\r\n .highlight-bar { margin-left: 0; } \/* \ubaa8\ubc14\uc77c *\/\r\n }\r\n\r\n \/* --- MCDI \uc6d0\ub9ac \uc2dc\uac01\ud654 (\ub2e4\ud06c \ud14c\ub9c8) --- *\/\r\n .mcdi-flow {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 1.5rem;\r\n text-align: center;\r\n }\r\n .mcdi-step {\r\n background: rgba(255, 255, 255, 0.03);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n border-radius: 1rem;\r\n padding: 1rem;\r\n transition: all 0.3s ease;\r\n color: var(--text-primary);\r\n }\r\n .mcdi-step:hover {\r\n border-color: var(--accent-blue);\r\n box-shadow: 0 0 15px rgba(96, 165, 250, 0.2);\r\n background: rgba(96, 165, 250, 0.1);\r\n }\r\n .mcdi-title {\r\n font-weight: 700;\r\n font-size: 1.2rem;\r\n color: var(--accent-blue);\r\n margin-bottom: 0.75rem;\r\n }\r\n .mcdi-icon {\r\n font-size: 2.5rem;\r\n margin-bottom: 1rem;\r\n opacity: 0.8;\r\n }\r\n .mcdi-step p {\r\n font-size: 0.85rem;\r\n color: #cbd5e1;\r\n line-height: 1.4;\r\n }\r\n .mcdi-step span { color: #e2e8f0; }\r\n\r\n \/* --- \ud14c\uc774\ube14 \uc2a4\ud0c0\uc77c (\ub2e4\ud06c \ud14c\ub9c8) --- *\/\r\n .dark-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.03);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n .dark-table th, .dark-table td {\r\n text-align: center;\r\n font-size: clamp(0.8rem, 1.5vw, 0.9rem);\r\n padding: 0.75rem 1rem;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.08);\r\n color: #e2e8f0;\r\n vertical-align: middle;\r\n }\r\n .dark-table th {\r\n background: rgba(96, 165, 250, 0.15);\r\n color: #dbeafe;\r\n font-weight: 600;\r\n border-bottom: 1px solid rgba(96, 165, 250, 0.3);\r\n }\r\n .dark-table tbody tr:last-child td {\r\n border-bottom: none;\r\n }\r\n .dark-table tbody tr:hover {\r\n background: rgba(255, 255, 255, 0.05);\r\n }\r\n .dark-table td:first-child, .dark-table th:first-child {\r\n text-align: left;\r\n font-weight: 500;\r\n }\r\n .dark-table .mcdi-row { \/* MCDI \ud589 \uac15\uc870 *\/\r\n background-color: rgba(52, 211, 153, 0.1) !important;\r\n font-weight: 600;\r\n color: #a7f3d0;\r\n }\r\n .dark-table .saving-percent {\r\n font-size: clamp(0.9rem, 1.8vw, 1rem);\r\n font-weight: 700;\r\n }\r\n .dark-table .saving-percent.positive { color: var(--accent-green); }\r\n .dark-table .saving-percent.negative { color: var(--accent-red); }\r\n \r\n .dark-table .patent-title { \/* \ud2b9\ud5c8\uba85 \uc2a4\ud0c0\uc77c *\/\r\n color: #cbd5e1; \/* Slate 300 *\/\r\n font-weight: 600;\r\n }\r\n .dark-table .award-title { \/* \uc218\uc0c1\uba85 \uc2a4\ud0c0\uc77c *\/\r\n color: var(--accent-blue);\r\n font-weight: 700;\r\n }\r\n\r\n \/* --- \ud6a8\uc728 \ube44\uad50 \ubc15\uc2a4 (\ub2e4\ud06c \ud14c\ub9c8) --- *\/\r\n .efficiency-box {\r\n background-color: rgba(255, 255, 255, 0.03);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 10px;\r\n padding: 1.5rem;\r\n text-align: center;\r\n color: #cbd5e1;\r\n }\r\n .efficiency-box p:first-child {\r\n font-size: 1rem;\r\n font-weight: 600;\r\n color: #e2e8f0;\r\n }\r\n .efficiency-value {\r\n font-size: clamp(2.5rem, 5vw, 3rem);\r\n font-weight: 800;\r\n margin: 0.5rem 0;\r\n }\r\n .efficiency-note {\r\n font-size: 0.85rem;\r\n font-weight: 500;\r\n color: #94a3b8;\r\n }\r\n .efficiency-box.mcdi .efficiency-value { color: var(--accent-green); }\r\n .efficiency-box.cdi .efficiency-value { color: var(--accent-red); }\r\n\r\n \/* --- \uc81c\ud488 \uc1fc\ucf00\uc774\uc2a4 (\ub2e4\ud06c \ud14c\ub9c8) --- *\/\r\n .product-showcase {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 2rem;\r\n padding: 1.5rem;\r\n background-color: rgba(255, 255, 255, 0.03);\r\n border-radius: 1rem;\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n }\r\n @media (min-width: 768px) {\r\n .product-showcase {\r\n flex-direction: row;\r\n justify-content: space-around;\r\n padding: 2rem;\r\n }\r\n }\r\n .product-list {\r\n list-style: none;\r\n padding: 0;\r\n text-align: left;\r\n width: 100%;\r\n max-width: 300px;\r\n }\r\n .product-list li {\r\n padding: 0.6rem 0;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n font-weight: 500;\r\n color: #cbd5e1;\r\n font-size: 0.95rem;\r\n }\r\n .product-list li:last-child { border-bottom: none; }\r\n .product-list span { \/* \uccb4\ud06c \uc544\uc774\ucf58 *\/\r\n color: var(--accent-green);\r\n margin-right: 0.5rem;\r\n }\r\n .product-price-box {\r\n padding: 1.5rem;\r\n background-color: rgba(0, 0, 0, 0.2);\r\n border-radius: 1rem;\r\n display: inline-block;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n width: 100%;\r\n max-width: 300px;\r\n }\r\n @media (min-width: 768px) {\r\n .product-price-box { width: auto; }\r\n }\r\n .product-price {\r\n font-size: clamp(2rem, 5vw, 2.5rem);\r\n font-weight: 800;\r\n color: var(--accent-yellow);\r\n }\r\n .product-name {\r\n font-size: clamp(1rem, 3vw, 1.1rem);\r\n font-weight: 600;\r\n margin-top: 0.5rem;\r\n color: #d1d5db;\r\n max-width: 250px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n .product-tags span {\r\n padding: 0.3rem 0.8rem;\r\n border-radius: 9999px;\r\n font-weight: 600;\r\n font-size: 0.75rem;\r\n color: #0d1117;\r\n }\r\n .bg-tag-green { background-color: var(--accent-green); }\r\n .bg-tag-blue { background-color: var(--accent-blue); }\r\n\r\n \/* --- \uc778\uc99d\uc11c \uadf8\ub9ac\ub4dc (\ub2e4\ud06c \ud14c\ub9c8) --- *\/\r\n .cert-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\r\n gap: 1.5rem; \/* \uac04\uaca9 \uc870\uc815 *\/\r\n padding: 1rem 0;\r\n }\r\n .cert-item {\r\n background-color: var(--card-bg); \/* \uc720\ub9ac \ud6a8\uacfc *\/\r\n border: 1px solid var(--card-border);\r\n border-radius: 0.75rem;\r\n padding: 1rem;\r\n text-align: center;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n }\r\n .cert-item:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);\r\n background-color: rgba(255, 255, 255, 0.07);\r\n }\r\n .cert-icon {\r\n font-size: 2rem;\r\n margin-bottom: 0.75rem; \/* \uac04\uaca9 \uc870\uc815 *\/\r\n line-height: 1; \/* \uc544\uc774\ucf58\uc774 \uc704\ub85c \ub728\ub294 \ud604\uc0c1 \ubc29\uc9c0 *\/\r\n }\r\n .cert-name-main {\r\n font-size: 0.95rem;\r\n font-weight: 700;\r\n color: #e2e8f0; \/* \ubc1d\uc740 \ud14d\uc2a4\ud2b8 *\/\r\n line-height: 1.3;\r\n }\r\n .cert-detail-sub {\r\n font-size: 0.8rem;\r\n color: #94a3b8; \/* \uc5f0\ud55c \ud14d\uc2a4\ud2b8 *\/\r\n margin-top: 0.2rem;\r\n }\r\n \/* \uc778\uc99d\uc11c \uc544\uc774\ud15c \ud558\ub2e8 \ud14c\ub450\ub9ac \uc0c9\uc0c1 -> \uc0c1\ub2e8 \ud14c\ub450\ub9ac \uc0c9\uc0c1\uc73c\ub85c \ubcc0\uacbd *\/\r\n .cert-item.border-red { border-top: 4px solid var(--accent-red); }\r\n .cert-item.border-yellow { border-top: 4px solid var(--accent-yellow); }\r\n .cert-item.border-green { border-top: 4px solid var(--accent-green); }\r\n .cert-item.border-gray { border-top: 4px solid #9ca3af; }\r\n .cert-item.border-blue { border-top: 4px solid var(--accent-blue); }\r\n .cert-item.border-teal { border-top: 4px solid #2dd4bf; }\r\n .cert-item.border-purple { border-top: 4px solid var(--accent-purple); }\r\n .cert-item.border-yellow-dark { border-top: 4px solid #d97706; }\r\n .cert-item.border-sky { border-top: 4px solid #38bdf8; }\r\n .cert-item.border-teal-dark { border-top: 4px solid #0d9488; }\r\n .cert-item.border-emerald { border-top: 4px solid #059669; }\r\n .cert-item.border-lime { border-top: 4px solid #65a30d; }\r\n\r\n\r\n \/* --- \ubaa8\ub2ec \uc2a4\ud0c0\uc77c (\ub2e4\ud06c \ud14c\ub9c8) --- *\/\r\n .modal {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, 0.85); \/* \uc5b4\ub450\uc6b4 \uc624\ubc84\ub808\uc774 *\/\r\n display: none;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 1000;\r\n backdrop-filter: blur(8px); \/* \ubc30\uacbd \ube14\ub7ec *\/\r\n }\r\n .modal-content {\r\n background-color: #1f2937; \/* \uce74\ub4dc\ubcf4\ub2e4 \uc5b4\ub450\uc6b4 \ubc30\uacbd *\/\r\n border: 1px solid var(--card-border);\r\n border-radius: 1rem;\r\n overflow: hidden;\r\n max-width: 90%;\r\n max-height: 90%;\r\n display: flex;\r\n flex-direction: column;\r\n box-shadow: 0 10px 50px rgba(0, 0, 0, 0.5);\r\n }\r\n .modal-header {\r\n padding: 1rem 1.5rem;\r\n background-color: rgba(255, 255, 255, 0.05); \/* \ud5e4\ub354 \ubc30\uacbd *\/\r\n color: var(--text-primary);\r\n font-weight: 600; \/* 700 -> 600 *\/\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n border-bottom: 1px solid var(--card-border);\r\n }\r\n .modal-body {\r\n padding: 1.5rem;\r\n overflow-y: auto;\r\n flex-grow: 1;\r\n text-align: center;\r\n }\r\n .modal-image {\r\n max-width: 100%;\r\n height: auto;\r\n border-radius: 0.5rem;\r\n background-color: #374151; \/* \uc774\ubbf8\uc9c0 \ub85c\ub529 \uc911 \ubc30\uacbd *\/\r\n }\r\n .modal-body p {\r\n color: var(--text-secondary); \/* \uc5f0\ud55c \ud14d\uc2a4\ud2b8 *\/\r\n }\r\n .close-button {\r\n font-size: 1.8rem; \/* \ud06c\uae30 \ud0a4\uc6c0 *\/\r\n cursor: pointer;\r\n line-height: 1;\r\n padding: 0 0.5rem;\r\n color: var(--text-secondary);\r\n transition: color 0.2s;\r\n }\r\n .close-button:hover {\r\n color: var(--text-primary);\r\n }\r\n\r\n \/* --- \ud478\ud130 (\ub2e4\ud06c \ud14c\ub9c8) --- *\/\r\n footer {\r\n background-color: #111827; \/* \uc5b4\ub450\uc6b4 \ud68c\uc0c9 *\/\r\n margin-top: 4rem;\r\n padding: 1.5rem 0;\r\n border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n color: #9ca3af; \/* Gray 400 *\/\r\n font-size: 0.875rem;\r\n }\r\n\r\n \/* \uc720\ud2f8\ub9ac\ud2f0 *\/\r\n .text-accent-blue { color: var(--accent-blue); }\r\n .text-accent-green { color: var(--accent-green); }\r\n .text-accent-yellow { color: var(--accent-yellow); }\r\n .text-accent-red { color: var(--accent-red); }\r\n .text-accent-purple { color: var(--accent-purple); }\r\n .bg-accent-blue-light { background-color: rgba(96, 165, 250, 0.1); }\r\n .bg-accent-red-light { background-color: rgba(248, 113, 113, 0.1); }\r\n .border-accent-blue { border-color: rgba(96, 165, 250, 0.5); }\r\n .border-accent-red { border-color: rgba(248, 113, 113, 0.5); }\r\n <\/style>\r\n<\/head>\r\n<body class=\"antialiased\">\r\n\r\n <header class=\"header-section\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"header-title\">\r\n O\u2082&B \uc0ac\uc5c5 \uc5ed\ub7c9 \ud1b5\ud569 \ubd84\uc11d\r\n <\/div>\r\n <div class=\"header-subtitle\">\r\n \uae30\uc220 \ud601\uc2e0, \uacf5\uc2e0\ub825, \uadf8\ub9ac\uace0 \uae00\ub85c\ubc8c \ub808\ud37c\ub7f0\uc2a4\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <main class=\"max-w-7xl mx-auto p-4 md:p-8 space-y-12\">\r\n\r\n <!-- Section 1: R&D \ubc0f \uc9c0\uc801 \uc7ac\uc0b0\uad8c -->\r\n <section id=\"ip-and-rd\" class=\"card\">\r\n <h2 class=\"section-title\">I. \uae30\uc220 \ud601\uc2e0\uc758 \uc5ed\uc0ac (R&D \ubc0f \uc9c0\uc801 \uc7ac\uc0b0\uad8c)<\/h2>\r\n <p class=\"text-lg md:text-xl text-slate-300 mb-8 leading-relaxed\">O\u2082&B\ub294 MCDI \uace0\ub3c4 \uc218\ucc98\ub9ac \uae30\uc220\uc744 \ud575\uc2ec\uc73c\ub85c, \uc624\ub79c \uae30\uac04\uc758 \uad6d\uac00 R&D \ucc38\uc5ec\uc640 \ub3c5\uc790\uc801\uc778 \ud2b9\ud5c8 \ud3ec\ud2b8\ud3f4\ub9ac\uc624\ub97c \ud1b5\ud574 \uae30\uc220 \ub9ac\ub354\uc2ed\uc744 \uad6c\ucd95\ud588\uc2b5\ub2c8\ub2e4.<\/p>\r\n\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\r\n <!-- R&D History -->\r\n <div class=\"card bg-black\/10 p-6\"> <!-- \ub0b4\ubd80 \uce74\ub4dc \uc2a4\ud0c0\uc77c -->\r\n <h3 class=\"sub-header highlight-bar\">\uc8fc\uc694 R&D \ud504\ub85c\uc81d\ud2b8 \ucc38\uc5ec \ud604\ud669 (2003\ub144~)<\/h3>\r\n <ul class=\"mt-4 space-y-3 text-sm text-slate-300\">\r\n <li class=\"border-b border-white\/10 pb-2\">\r\n <span class=\"font-bold text-accent-yellow\">2022\ub144~2023\ub144:<\/span> MCDI \uc774\uc628\uc131 \ubb3c\uc9c8 \uc81c\uac70\ub2a5 \uc591\uc0b0 \uc131\ub2a5 \ud3c9\uac00 (\uc0b0\uc5c5\ud1b5\uc0c1\uc790\uc6d0\ubd80)\r\n <\/li>\r\n <li class=\"border-b border-white\/10 pb-2\">\r\n <span class=\"font-bold text-accent-yellow\">2016\ub144~2019\ub144:<\/span> \uc218\ucd9c\uc9d1\uc911\ud615 \uc815\uc218\uc7a5\uce58 \ud328\ud0a4\uc9c0 \uac1c\ubc1c \ubc0f \uc2e4\uc99d\ud654\r\n <\/li>\r\n <li class=\"border-b border-white\/10 pb-2\">\r\n <span class=\"font-bold text-accent-yellow\">2011\ub144~2016\ub144:<\/span> \ub2e4\ubaa9\uc801 \uc18c\uaddc\ubaa8 \uc815\uc218\ucc98\ub9ac \ud328\ud0a4\uc9c0 \uac1c\ubc1c (\uae00\ub85c\ubc8c\ud0d1 \ud658\uacbd\uae30\uc220)\r\n <\/li>\r\n <li class=\"border-b border-white\/10 pb-2\">\r\n <span class=\"font-bold text-accent-yellow\">2003\ub144~2007\ub144:<\/span> \uc624\uc874\/\ud65c\uc131\ud0c4 \uc815\uc218 \uc2dc\uc2a4\ud15c \uc790\ub3d9\ud654 \uac1c\ubc1c (G-7 \ud658\uacbd\uacf5\ud559\uae30\uc220)\r\n <\/li>\r\n <li class=\"pb-2\">\r\n <span class=\"font-bold text-accent-yellow\">\ud575\uc2ec \uae30\uc220:<\/span> MCDI\/CDI \uae30\ubc18 \ubd88\uc18c \uc120\ud0dd\uc801 \ucc98\ub9ac \ubc0f \uc5d0\ub108\uc9c0 \ud68c\uc0dd \uae30\uc220\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <!-- Patents -->\r\n <div class=\"card bg-black\/10 p-6\"> <!-- \ub0b4\ubd80 \uce74\ub4dc \uc2a4\ud0c0\uc77c -->\r\n <h3 class=\"sub-header highlight-bar\">\ud575\uc2ec \ud2b9\ud5c8 \ub4f1\ub85d \ud604\ud669<\/h3>\r\n <div class=\"overflow-x-auto mt-4\">\r\n <table class=\"dark-table min-w-full text-sm\">\r\n <thead>\r\n <tr>\r\n <th class=\"px-3 py-2\">\ud2b9\ud5c8 \ubc88\ud638<\/th>\r\n <th class=\"px-3 py-2\">\ud2b9\ud5c8\uba85<\/th>\r\n <th class=\"px-3 py-2\">\ub4f1\ub85d\uc77c<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr><td>\uc81c10-2437597<\/td><td class=\"patent-title\">\ubd88\uc18c \uc120\ud0dd\uc801 CDI \uc815\uc218\ucc98\ub9ac \uc2dc\uc2a4\ud15c<\/td><td>2022.08<\/td><\/tr>\r\n <tr><td>\uc81c10-2539509<\/td><td class=\"patent-title\">\ucd95\uc804\uc2dd \ud0c8\uc5fc \ubaa8\ub4c8\uc758 \ud0dc\uc591\uad11 \uc5f0\uacc4 \uc804\ub825 \ubcc0\ud658<\/td><td>2023.05<\/td><\/tr>\r\n <tr><td>\uc81c10-1965784<\/td><td class=\"patent-title\">\ud0c8\uc774\uc628\ud654\ubc29\uc2dd\uc744 \uc774\uc6a9\ud55c \uc5f0\uc18d \uc815\uc218\uc2dc\uc2a4\ud15c<\/td><td>2019.03<\/td><\/tr>\r\n <tr><td>TZ\/P19\/000058<\/td><td class=\"patent-title\">SELECTIVE FLUORIDE ADSORPTION<\/td><td>2019.02<\/td><\/tr>\r\n <tr><td>TZ\/P\/19\/000017<\/td><td class=\"patent-title\">SELF-POWER GENERATION UNIT<\/td><td>2019.03<\/td><\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section 2: \uacf5\uc2e0\ub825 \ud655\ubcf4 (\uc778\uc99d\uc11c \ubc0f \uc218\uc0c1 \uc2e4\uc801) - \ud1b5\ud569 \uc139\uc158 -->\r\n <section id=\"certifications-awards\" class=\"card\">\r\n <h2 class=\"text-3xl section-title\">II. \uacf5\uc2e0\ub825 \ud655\ubcf4 (\uc778\uc99d \ubc0f \uc218\uc0c1 \uc1fc\ucf00\uc774\uc2a4)<\/h2>\r\n <p class=\"text-lg md:text-xl text-slate-300 mb-8 leading-relaxed\">\uae30\uc220\ub825\uacfc \uacbd\uc601 \uc2dc\uc2a4\ud15c\uc758 \uc6b0\uc218\uc131\uc744 \uacf5\uacf5 \uae30\uad00 \ubc0f \uad6d\ub0b4\uc678 \uc778\uc99d\uc744 \ud1b5\ud574 \ud655\ubcf4\ud558\uc600\uc2b5\ub2c8\ub2e4. <strong class=\"text-accent-yellow\">(\ud074\ub9ad\ud558\uc5ec \ubb38\uc11c \uc774\ubbf8\uc9c0 \ud655\uc778)<\/strong><\/p>\r\n\r\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8\">\r\n \r\n <!-- \uc88c\uce21: \uc218\uc0c1 \uc2e4\uc801 -->\r\n <div class=\"card bg-black\/10 p-6 lg:col-span-1\"> <!-- \ub0b4\ubd80 \uce74\ub4dc \uc2a4\ud0c0\uc77c -->\r\n <h3 class=\"sub-header highlight-bar\">\ub300\uc678 \uc218\uc0c1 \uc2e4\uc801<\/h3>\r\n <ul class=\"mt-4 space-y-3 text-sm text-slate-300\">\r\n <li class=\"border-b border-white\/10 pb-2\">\r\n <span class=\"award-title\">2024\ub144 ESG \ub300\uc0c1 (\ubb3c\uae30\uc220 \ubd80\ubb38)<\/span><br>\r\n <span class=\"text-slate-400\">\ud55c\uad6dESG\ud559\ud68c\/\uc804\uc790\uc2e0\ubb38<\/span>\r\n <\/li>\r\n <li class=\"border-b border-white\/10 pb-2\">\r\n <span class=\"award-title\">2023\ub144 \uc18c\ubd80\uc7a5 \ubfcc\ub9ac \uc0b0\uc5c5 \ubc1c\uc804 \uc720\uacf5 \ud3ec\uc0c1<\/span><br>\r\n <span class=\"text-slate-400\">\uc0b0\uc5c5\ud1b5\uc0c1\uc790\uc6d0\ubd80 (\uc7a5\uad00 \ud45c\ucc3d)<\/span>\r\n <\/li>\r\n <li class=\"border-b border-white\/10 pb-2\">\r\n <span class=\"award-title\">2025\ub144 IEVE Innovation Awards<\/span><br>\r\n <span class=\"text-slate-400\">\uad6d\uc81ce\ubaa8\ube4c\ub9ac\ud2f0 \uc5d1\uc2a4\ud3ec (\uae30\uc220 \ud601\uc2e0\uc0c1)<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- \uc6b0\uce21: \uc8fc\uc694 \uc778\uc99d\uc11c 12\uac1c \uc2ac\ub77c\uc774\ub4dc \ud615\ud0dc -->\r\n <div class=\"card bg-black\/10 p-6 lg:col-span-2\"> <!-- \ub0b4\ubd80 \uce74\ub4dc \uc2a4\ud0c0\uc77c -->\r\n <h3 class=\"sub-header highlight-bar\">\uc8fc\uc694 \uc0ac\uc5c5\uc5ed\ub7c9 \uc778\uc99d\uc11c (\ucd1d 12\uc885)<\/h3>\r\n <div class=\"cert-grid\">\r\n \r\n <!-- 1. \ud601\uc2e0\uc81c\ud488 \uc9c0\uc815 \uc778\uc99d -->\r\n <div class=\"cert-item border-red\" \r\n onclick=\"showCertificationDetails('\ud601\uc2e0\uc81c\ud488 \uc9c0\uc815 \uc778\uc99d\uc11c', 'https:\/\/placehold.co\/800x600\/EF4444\/FFFFFF?text=\ud601\uc2e0\uc81c\ud488+\uc9c0\uc815+\uc778\uc99d\uc11c')\">\r\n <div class=\"cert-icon\" style=\"color: var(--accent-red);\">\u2b50<\/div>\r\n <div class=\"cert-name-main\">\ud601\uc2e0\uc81c\ud488 \uc9c0\uc815 \uc778\uc99d<\/div>\r\n <div class=\"cert-detail-sub\">\uacf5\uacf5\uc870\ub2ec \uc6b0\uc218\uc81c\ud488 \uc9c0\uc815<\/div>\r\n <\/div>\r\n\r\n <!-- 2. K-MARK \uc131\ub2a5 \uc778\uc99d -->\r\n <div class=\"cert-item border-yellow\"\r\n onclick=\"showCertificationDetails('K-MARK \uc131\ub2a5 \uc778\uc99d\uc11c', 'https:\/\/placehold.co\/800x600\/F59E0B\/FFFFFF?text=K-MARK+\uc131\ub2a5+\uc778\uc99d\uc11c')\">\r\n <div class=\"cert-icon\" style=\"color: var(--accent-yellow);\"><i class=\"fas fa-check-circle\"><\/i><\/div>\r\n <div class=\"cert-name-main\">K-MARK \uc131\ub2a5 \uc778\uc99d<\/div>\r\n <div class=\"cert-detail-sub\">\ucd95\uc804\uc2dd \ud0c8\uc5fc\uc7a5\uce58 \uc131\ub2a5 \uc778\uc99d<\/div>\r\n <\/div>\r\n\r\n <!-- 3. ISO 14001 \uc778\uc99d -->\r\n <div class=\"cert-item border-green\"\r\n onclick=\"showCertificationDetails('ISO 14001 \uc778\uc99d\uc11c', 'https:\/\/placehold.co\/800x600\/10B981\/FFFFFF?text=ISO+14001+\uc778\uc99d\uc11c')\">\r\n <div class=\"cert-icon\" style=\"color: var(--accent-green);\"><i class=\"fas fa-leaf\"><\/i><\/div>\r\n <div class=\"cert-name-main\">ISO 14001 \uc778\uc99d<\/div>\r\n <div class=\"cert-detail-sub\">\ud658\uacbd \uacbd\uc601 \uc2dc\uc2a4\ud15c<\/div>\r\n <\/div>\r\n\r\n <!-- 4. ISO 9001 \uc778\uc99d -->\r\n <div class=\"cert-item border-gray\"\r\n onclick=\"showCertificationDetails('ISO 9001 \uc778\uc99d\uc11c', 'https:\/\/placehold.co\/800x600\/6B7280\/FFFFFF?text=ISO+9001+\uc778\uc99d\uc11c')\">\r\n <div class=\"cert-icon\" style=\"color: #9ca3af;\"><i class=\"fas fa-stamp\"><\/i><\/div>\r\n <div class=\"cert-name-main\">ISO 9001 \uc778\uc99d<\/div>\r\n <div class=\"cert-detail-sub\">\ud488\uc9c8 \uacbd\uc601 \uc2dc\uc2a4\ud15c<\/div>\r\n <\/div>\r\n\r\n <!-- 5. INNO-BIZ \uc778\uc99d -->\r\n <div class=\"cert-item border-blue\"\r\n onclick=\"showCertificationDetails('INNO-BIZ (\uae30\uc220\ud601\uc2e0\ud615) \uc778\uc99d\uc11c', 'https:\/\/placehold.co\/800x600\/3B82F6\/FFFFFF?text=INNO-BIZ+\uc778\uc99d\uc11c')\">\r\n <div class=\"cert-icon\" style=\"color: var(--accent-blue);\"><i class=\"fas fa-lightbulb\"><\/i><\/div>\r\n <div class=\"cert-name-main\">INNO-BIZ \uc778\uc99d<\/div>\r\n <div class=\"cert-detail-sub\">\uae30\uc220 \ud601\uc2e0\ud615 \uc911\uc18c\uae30\uc5c5<\/div>\r\n <\/div>\r\n\r\n <!-- 6. NET \uc2e0\uae30\uc220 \uc778\uc99d -->\r\n <div class=\"cert-item border-teal\"\r\n onclick=\"showCertificationDetails('NET (\uc2e0\uae30\uc220) \uc778\uc99d\uc11c', 'https:\/\/placehold.co\/800x600\/14B8A6\/FFFFFF?text=NET+\uc2e0\uae30\uc220+\uc778\uc99d\uc11c')\">\r\n <div class=\"cert-icon\" style=\"color: #2dd4bf;\"><i class=\"fas fa-certificate\"><\/i><\/div>\r\n <div class=\"cert-name-main\">NET \uc2e0\uae30\uc220 \uc778\uc99d<\/div>\r\n <div class=\"cert-detail-sub\">\uace0\ub3c4 \uc815\uc218\ucc98\ub9ac \uc2e0\uae30\uc220 \uc9c0\uc815<\/div>\r\n <\/div>\r\n\r\n <!-- 7. \ubca4\ucc98\uae30\uc5c5 \ud655\uc778\uc11c -->\r\n <div class=\"cert-item border-purple\"\r\n onclick=\"showCertificationDetails('\ubca4\ucc98\uae30\uc5c5 \ud655\uc778\uc11c', 'https:\/\/placehold.co\/800x600\/8B5CF6\/FFFFFF?text=\ubca4\ucc98\uae30\uc5c5+\ud655\uc778\uc11c')\">\r\n <div class=\"cert-icon\" style=\"color: var(--accent-purple);\"><i class=\"fas fa-rocket\"><\/i><\/div>\r\n <div class=\"cert-name-main\">\ubca4\ucc98\uae30\uc5c5 \ud655\uc778\uc11c<\/div>\r\n <div class=\"cert-detail-sub\">\uae30\uc220\/\uc131\uc7a5 \uc7a0\uc7ac\ub825 \uc6b0\uc218<\/div>\r\n <\/div>\r\n\r\n <!-- 8. \uae30\uc5c5\ubd80\uc124\uc5f0\uad6c\uc18c -->\r\n <div class=\"cert-item border-yellow-dark\"\r\n onclick=\"showCertificationDetails('\uae30\uc5c5\ubd80\uc124\uc5f0\uad6c\uc18c \uc778\uc815\uc11c', 'https:\/\/placehold.co\/800x600\/D97706\/FFFFFF?text=\uae30\uc5c5\ubd80\uc124\uc5f0\uad6c\uc18c+\uc778\uc815\uc11c')\">\r\n <div class=\"cert-icon\" style=\"color: #d97706;\"><i class=\"fas fa-flask\"><\/i><\/div>\r\n <div class=\"cert-name-main\">\uae30\uc5c5\ubd80\uc124\uc5f0\uad6c\uc18c<\/div>\r\n <div class=\"cert-detail-sub\">\uad6d\uac00 \uc778\uc815 R&D \uc13c\ud130<\/div>\r\n <\/div>\r\n\r\n <!-- 9. \uc218\ucd9c \uc720\ub9dd \uc911\uc18c\uae30\uc5c5 -->\r\n <div class=\"cert-item border-sky\"\r\n onclick=\"showCertificationDetails('\uc218\ucd9c \uc720\ub9dd \uc911\uc18c\uae30\uc5c5 \uc9c0\uc815\uc99d', 'https:\/\/placehold.co\/800x600\/0EA5E9\/FFFFFF?text=\uc218\ucd9c+\uc720\ub9dd+\uc911\uc18c\uae30\uc5c5+\uc9c0\uc815\uc99d')\">\r\n <div class=\"cert-icon\" style=\"color: #38bdf8;\"><i class=\"fas fa-globe-americas\"><\/i><\/div>\r\n <div class=\"cert-name-main\">\uc218\ucd9c \uc720\ub9dd \uc911\uc18c\uae30\uc5c5<\/div>\r\n <div class=\"cert-detail-sub\">\uae00\ub85c\ubc8c \uc131\uc7a5 \uac00\ub2a5\uc131<\/div>\r\n <\/div>\r\n\r\n <!-- 10. \uc131\ub2a5\uc778\uc99d (EPC) -->\r\n <div class=\"cert-item border-teal-dark\"\r\n onclick=\"showCertificationDetails('\uc131\ub2a5\uc778\uc99d (EPC)', 'https:\/\/placehold.co\/800x600\/0D9488\/FFFFFF?text=\uc131\ub2a5\uc778\uc99d+(EPC)')\">\r\n <div class=\"cert-icon\" style=\"color: #0d9488;\"><i class=\"fas fa-award\"><\/i><\/div>\r\n <div class=\"cert-name-main\">\uc131\ub2a5\uc778\uc99d (EPC)<\/div>\r\n <div class=\"cert-detail-sub\">\uc6b0\uc218 \uc870\ub2ec \ubb3c\ud488 \uc9c0\uc815<\/div>\r\n <\/div>\r\n \r\n <!-- 11. \ud074\ub9b0 \uc0ac\uc5c5\uc7a5 -->\r\n <div class=\"cert-item border-emerald\"\r\n onclick=\"showCertificationDetails('\ud074\ub9b0 \uc0ac\uc5c5\uc7a5 \uc778\uc815\uc11c', 'https:\/\/placehold.co\/800x600\/059669\/FFFFFF?text=\ud074\ub9b0+\uc0ac\uc5c5\uc7a5+\uc778\uc815\uc11c')\">\r\n <div class=\"cert-icon\" style=\"color: #059669;\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\r\n <div class=\"cert-name-main\">\ud074\ub9b0 \uc0ac\uc5c5\uc7a5<\/div>\r\n <div class=\"cert-detail-sub\">\uc548\uc804 \ubcf4\uac74 \uacbd\uc601<\/div>\r\n <\/div>\r\n\r\n <!-- 12. \ud658\uacbd\uc2e0\uae30\uc220 \uc778\uc99d -->\r\n <div class=\"cert-item border-lime\"\r\n onclick=\"showCertificationDetails('\ud658\uacbd\uc2e0\uae30\uc220 \uc778\uc99d', 'https:\/\/placehold.co\/800x600\/65A30D\/FFFFFF?text=\ud658\uacbd\uc2e0\uae30\uc220+\uc778\uc99d\uc11c')\">\r\n <div class=\"cert-icon\" style=\"color: #65a30d;\"><i class=\"fas fa-recycle\"><\/i><\/div>\r\n <div class=\"cert-name-main\">\ud658\uacbd\uc2e0\uae30\uc220 \uc778\uc99d<\/div>\r\n <div class=\"cert-detail-sub\">\ud658\uacbd\ubd80 \uc2e0\uae30\uc220 \uac80\uc99d<\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section 3: \uc0ac\uc5c5 \uc218\ud589 \uc2e4\uc801 (\ub808\ud37c\ub7f0\uc2a4) -->\r\n <section id=\"performance-reference\" class=\"card\">\r\n <h2 class=\"text-3xl section-title\">III. \uc8fc\uc694 \uc0ac\uc5c5 \uc218\ud589 \uc2e4\uc801 (\uad6d\ub0b4\uc678 \ub808\ud37c\ub7f0\uc2a4)<\/h2>\r\n <p class=\"text-lg md:text-xl text-slate-300 mb-8 leading-relaxed\">ODA \ud611\ub825 \uc0ac\uc5c5\ubd80\ud130 \uc0b0\uc5c5\uc6a9\uc218 \ucc98\ub9ac\uae4c\uc9c0, MCDI \uae30\uc220\uc740 \uae4c\ub2e4\ub85c\uc6b4 \ud658\uacbd\uc5d0\uc11c \uc555\ub3c4\uc801\uc778 \uc131\ub2a5\uacfc \uacbd\uc81c\uc131\uc744 \uc785\uc99d\ud558\uba70 \uae00\ub85c\ubc8c \ub808\ud37c\ub7f0\uc2a4\ub97c \ud655\ubcf4\ud588\uc2b5\ub2c8\ub2e4.<\/p>\r\n\r\n <div class=\"overflow-x-auto mt-4\">\r\n <table class=\"dark-table min-w-full text-sm\">\r\n <thead>\r\n <tr>\r\n <th class=\"px-3 py-2\">\uc0ac\uc5c5\uba85<\/th>\r\n <th class=\"px-3 py-2\">\ubc1c\uc8fc\ucc98 \ubc0f \uc9c0\uc5ed<\/th>\r\n <th class=\"px-3 py-2\">\uc6a9\ub7c9 (m\u00b3\/day)<\/th>\r\n <th class=\"px-3 py-2\">\uae08\uc561 (\ucc9c \ub2ec\ub7ec\/\uc5b5 \uc6d0)<\/th>\r\n <th class=\"px-3 py-2\">\uacc4\uc57d\ub144\uc6d4<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr><td>KOICA IBS \uc0ac\uc5c5 (\ud0c4\uc790\ub2c8\uc544)<\/td><td>KOICA \/ \ud0c4\uc790\ub2c8\uc544 \uc544\ub8e8\uc0e4<\/td><td>2,500<\/td><td class=\"text-accent-green font-bold\">23\uc5b5 \uc6d0<\/td><td>2020.12<\/td><\/tr>\r\n <tr><td>\ubbfc\uad00\ud569\ub3d9 \ubb3c\uc0b0\uc5c5 \uc9c4\ucd9c (\ubc29\uae00\ub77c\ub370\uc2dc)<\/td><td>\ud55c\uad6d\ubb3c\uc0b0\uc5c5\ud611\uc758\ud68c \/ \ubc29\uae00\ub77c\ub370\uc2dc<\/td><td>300<\/td><td class=\"text-accent-green font-bold\">10.9\uc5b5 \uc6d0<\/td><td>2021.11<\/td><\/tr>\r\n <tr><td>\ub9d0\ub808\uc774\uc2dc\uc544 \uc218\ucc98\ub9ac \ud50c\ub79c\ud2b8<\/td><td>\ud658\uacbd\ubd80 \/ \ub9d0\ub808\uc774\uc2dc\uc544<\/td><td>200<\/td><td class=\"text-accent-blue font-bold\">$300,000<\/td><td>2018.03<\/td><\/tr>\r\n <tr><td>\uc138\ub124\uac08 \ub9c8\uc744\uc0c1\uc218\ub3c4 \uc0ac\uc5c5<\/td><td>\ud658\uacbd\uc0b0\uc5c5\uae30\uc220\uc6d0 \/ \uc138\ub124\uac08<\/td><td>200<\/td><td class=\"text-accent-blue font-bold\">$260,000<\/td><td>2017.07<\/td><\/tr>\r\n <tr><td>\uc5d0\ud2f0\uc624\ud53c\uc544 \ub9c8\uc744 \uc0c1\uc218\ub3c4<\/td><td>\ud658\uacbd\uc0b0\uc5c5\uae30\uc220\uc6d0 \/ \uc5d0\ud2f0\uc624\ud53c\uc544<\/td><td>150<\/td><td class=\"text-accent-green font-bold\">3.2\uc5b5 \uc6d0<\/td><td>2020.06<\/td><\/tr>\r\n <tr><td>\ud0c4\uc790\ub2c8\uc544 \uc9c0\ud558\uc218 \ubd88\uc18c \ucc98\ub9ac<\/td><td>\ud0c4\uc790\ub2c8\uc544 \/ \uc544\ub8e8\uc0e4 Uwiro<\/td><td>40<\/td><td class=\"text-accent-blue font-bold\">$130,000<\/td><td>2019.12<\/td><\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/section>\r\n\r\n <\/main>\r\n\r\n <footer class=\"mt-16 py-6\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center text-sm\">\r\n <p>(\uc8fc)\uc624\ud22c\uc5d4\ube44 | O\u2082&B Co., Ltd. | \ucc28\uc138\ub300 ESG \uc218\ucc98\ub9ac \uc194\ub8e8\uc158<\/p>\r\n <\/div>\r\n <\/footer>\r\n \r\n <!-- Certification Modal Structure -->\r\n <div id=\"certification-modal\" class=\"modal\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header\">\r\n <span id=\"modal-title\">\uc778\uc99d\uc11c \uc0c1\uc138 \ubcf4\uae30<\/span>\r\n <span class=\"close-button\" onclick=\"closeCertificationDetails()\">×<\/span>\r\n <\/div>\r\n <div class=\"modal-body\">\r\n <img decoding=\"async\" id=\"modal-image\" class=\"modal-image\" src=\"\" alt=\"\uc778\uc99d\uc11c \uc774\ubbf8\uc9c0\">\r\n <p class=\"mt-4 text-sm\">**\ucc38\uace0:** \uc6d0\ubcf8 \ubb38\uc11c \ub300\uc2e0 \uc778\uc99d \ub0b4\uc6a9 \ud655\uc778\uc744 \uc704\ud55c \ud50c\ub808\uc774\uc2a4\ud640\ub354 \uc774\ubbf8\uc9c0\uc785\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/**\r\n * \ud074\ub9ad\ub41c \uc778\uc99d\uc11c\uc758 \uc0c1\uc138 \uc774\ubbf8\uc9c0\ub97c \ubaa8\ub2ec\ub85c \ubcf4\uc5ec\uc8fc\ub294 \ud568\uc218\r\n * @param {string} name - \uc778\uc99d\uc11c \uc774\ub984\r\n * @param {string} imageURL - \uc778\uc99d\uc11c \uc774\ubbf8\uc9c0 URL (\ud50c\ub808\uc774\uc2a4\ud640\ub354 \uc0ac\uc6a9)\r\n *\/\r\n function showCertificationDetails(name, imageURL) {\r\n const modal = document.getElementById('certification-modal');\r\n const modalTitle = document.getElementById('modal-title');\r\n const modalImage = document.getElementById('modal-image');\r\n \r\n modalTitle.textContent = name;\r\n modalImage.src = imageURL;\r\n \r\n modal.style.display = 'flex';\r\n }\r\n\r\n \/**\r\n * \ubaa8\ub2ec\uc744 \ub2eb\ub294 \ud568\uc218\r\n *\/\r\n function closeCertificationDetails() {\r\n const modal = document.getElementById('certification-modal');\r\n modal.style.display = 'none';\r\n }\r\n\r\n \/\/ \ubaa8\ub2ec \ubc14\uae65 \uc601\uc5ed \ud074\ub9ad \uc2dc \ub2eb\uae30\r\n document.getElementById('certification-modal').addEventListener('click', function(event) {\r\n if (event.target === this) {\r\n closeCertificationDetails();\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>O2&B \uc0ac\uc5c5 \uc5ed\ub7c9 \ud1b5\ud569 \ubd84\uc11d – \ub2e4\ud06c \ud14c\ub9c8 O\u2082&B \uc0ac\uc5c5 \uc5ed\ub7c9 \ud1b5\ud569 \ubd84\uc11d \uae30\uc220 \ud601\uc2e0, \uacf5\uc2e0\ub825, \uadf8\ub9ac\uace0 \uae00\ub85c\ubc8c \ub808\ud37c\ub7f0\uc2a4 I. \uae30\uc220 \ud601\uc2e0\uc758 \uc5ed\uc0ac (R&D \ubc0f \uc9c0\uc801 \uc7ac\uc0b0\uad8c) O\u2082&B\ub294 MCDI \uace0\ub3c4 \uc218\ucc98\ub9ac \uae30\uc220\uc744 \ud575\uc2ec\uc73c\ub85c, \uc624\ub79c \uae30\uac04\uc758 \uad6d\uac00 R&D \ucc38\uc5ec\uc640 \ub3c5\uc790\uc801\uc778 \ud2b9\ud5c8 \ud3ec\ud2b8\ud3f4\ub9ac\uc624\ub97c \ud1b5\ud574 \uae30\uc220 \ub9ac\ub354\uc2ed\uc744 \uad6c\ucd95\ud588\uc2b5\ub2c8\ub2e4. \uc8fc\uc694 R&D \ud504\ub85c\uc81d\ud2b8 \ucc38\uc5ec \ud604\ud669 (2003\ub144~) 2022\ub144~2023\ub144: MCDI \uc774\uc628\uc131 \ubb3c\uc9c8 […]<\/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-14889","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\/14889","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=14889"}],"version-history":[{"count":0,"href":"https:\/\/o2nb.site\/ko_kr\/wp-json\/wp\/v2\/pages\/14889\/revisions"}],"wp:attachment":[{"href":"https:\/\/o2nb.site\/ko_kr\/wp-json\/wp\/v2\/media?parent=14889"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}