{"id":16,"date":"2024-12-16T13:06:17","date_gmt":"2024-12-16T13:06:17","guid":{"rendered":"https:\/\/emarat.expert-themes.com\/?page_id=16"},"modified":"2025-12-17T09:32:56","modified_gmt":"2025-12-17T09:32:56","slug":"home","status":"publish","type":"page","link":"https:\/\/o2nb.site\/ar\/","title":{"rendered":"\u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0627\u0644\u0623\u0648\u0644\u0649"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"16\" class=\"elementor elementor-16\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9cfdd03 e-con-full e-flex e-con e-parent\" data-id=\"9cfdd03\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06ab9d6 elementor-widget elementor-widget-slider_revolution\" data-id=\"06ab9d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"slider_revolution.default\">\n\t\t\t\t\t\n\t\t<div class=\"wp-block-themepunch-revslider\">\n\t\t\t\t<p class=\"rs-p-wp-fix\"><\/p>\n\t\t\t\t<sr7-module data-alias=\"Main-Slider\" data-id=\"7\" id=\"SR7_7_1\" class=\"rs-ov-hidden\" data-version=\"6.7.40\">\n\t\t\t\t\t<sr7-adjuster><\/sr7-adjuster>\n\t\t\t\t\t<sr7-content>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_7_1-26\" data-key=\"26\">\n\t\t\t\t\t\t\t<sr7-bg id=\"SR7_7_1-26-41\" class=\"sr7-layer\"><noscript><img decoding=\"async\" src=\"http:\/\/o2nb.site\/wp-content\/uploads\/2025\/10\/wq1-1536x864.jpg\" alt=\"\" title=\"wq1\"><\/noscript><\/sr7-bg>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_7_1-26-1\" class=\"sr7-layer\">\u0627\u0644\u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0644\u0641\u064a\u062a\u0646\u0627\u0645 \u0644\u0639\u0627\u0645 2030<br \/>\n<br \/>\n<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_7_1-26-2\" class=\"sr7-layer\">\u0627\u0644\u0645\u0627\u0621 \u064a\u0641\u064a\u0636\u060c,<br>\n\u0644\u0627 \u064a\u0648\u062c\u062f \u0645\u0627\u0621 \u0644\u0644\u0634\u0631\u0628.<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_7_1-26-3\" class=\"sr7-layer\">\u062a\u0633\u062a\u062b\u0645\u0631 \u0627\u0644\u062d\u0643\u0648\u0645\u0629 \u0627\u0644\u0641\u064a\u062a\u0646\u0627\u0645\u064a\u0629 \u0645\u0644\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u062f\u0648\u0644\u0627\u0631\u0627\u062a \u0641\u064a &quot;\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0648\u0637\u0646\u064a\u0629 \u0644\u0625\u0645\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0646\u0638\u064a\u0641\u0629&quot;. <br>\u0648\u0645\u0639 \u0630\u0644\u0643\u060c \u0644\u0627 \u064a\u0645\u0643\u0646 \u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0645\u0644\u0648\u062b\u0629 \u0628\u0627\u0644\u0632\u0631\u0646\u064a\u062e \u0648\u0627\u0644\u0645\u0639\u0627\u062f\u0646 \u0627\u0644\u062b\u0642\u064a\u0644\u0629 \u0628\u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u064a\u0629.<\/sr7-txt>\n\t\t\t\t\t\t\t<a id=\"SR7_7_1-26-4\" class=\"sr7-layer\" href=\"https:\/\/o2nb.site\/ar\/o2b-report\/\" target=\"_blank\" rel=\"noopener\">\u0627\u0637\u0644\u0639 \u0639\u0644\u0649 \u0625\u062c\u0627\u0628\u0629 O2&amp;B<\/a>\n\t\t\t\t\t\t\t<a id=\"SR7_7_1-26-14\" class=\"sr7-layer\" href=\"https:\/\/www.youtube.com\/watch?v=l1qTy8EQ2-g\" target=\"_blank\" rel=\"noopener\"><i class=\"fa-play\"><\/i><\/a>\n\t\t\t\t\t\t\t<a id=\"SR7_7_1-26-19\" class=\"sr7-layer\" href=\"https:\/\/youtu.be\/C4lfO4GVnCk\" target=\"_blank\" rel=\"noopener\"><i class=\"fa-play\"><\/i><\/a>\n\t\t\t\t\t\t\t<a id=\"SR7_7_1-26-23\" class=\"sr7-layer\" href=\"https:\/\/www.youtube.com\/watch?v=-MZNy72CREs\" target=\"_blank\" rel=\"noopener\"><i class=\"fa-play\"><\/i><\/a>\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_7_1-27\" data-key=\"27\">\n\t\t\t\t\t\t\t<sr7-bg id=\"SR7_7_1-27-32\" class=\"sr7-layer\"><noscript><img decoding=\"async\" src=\"http:\/\/o2nb.site\/wp-content\/uploads\/2025\/10\/osl-2.jpg\" alt=\"\" title=\"osl-2\"><\/noscript><\/sr7-bg>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_7_1-27-2\" class=\"sr7-layer\">\u0627\u0646\u062a\u0647\u0649 \u0639\u0635\u0631 \u0627\u0644\u062a\u0646\u0627\u0636\u062d \u0627\u0644\u0639\u0643\u0633\u064a<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_7_1-27-3\" class=\"sr7-layer\">\u062a\u0633\u062a\u062e\u062f\u0645 \u062a\u0642\u0646\u064a\u0629 MCDI \u0645\u0646 O2&amp;B \u0639\u064f\u0634\u0631 \u0637\u0627\u0642\u0629 \u0627\u0644\u062a\u0646\u0627\u0636\u062d \u0627\u0644\u0639\u0643\u0633\u064a \u0648\u062a\u0633\u062a\u0647\u0644\u0643 \u0645\u064a\u0627\u0647 \u0635\u0631\u0641 \u0635\u062d\u064a \u0623\u0642\u0644 \u0645\u0646 5%., <br>\u064a\u0632\u064a\u0644 \u0627\u0644\u0645\u0639\u0627\u062f\u0646 \u0627\u0644\u062b\u0642\u064a\u0644\u0629 \u0628\u062f\u0648\u0646 \u0645\u0648\u0627\u062f \u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 99%.<\/sr7-txt>\n\t\t\t\t\t\t\t<a id=\"SR7_7_1-27-4\" class=\"sr7-layer\" href=\"https:\/\/o2nb.site\/ar\/tech\/\" target=\"_self\">\u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627<\/a>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_7_1-27-28\" class=\"sr7-layer\">\u062a\u062d\u0648\u0644 \u0646\u0645\u0648\u0630\u062c\u064a\n\n<\/sr7-txt>\n\t\t\t\t\t\t\t<a id=\"SR7_7_1-27-31\" class=\"sr7-layer\" href=\"https:\/\/www.youtube.com\/watch?v=l1qTy8EQ2-g\" target=\"_blank\" rel=\"noopener\"><i class=\"fa-play\"><\/i><\/a>\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_7_1-28\" data-key=\"28\">\n\t\t\t\t\t\t\t<sr7-bg id=\"SR7_7_1-28-33\" class=\"sr7-layer\"><noscript><img decoding=\"async\" src=\"http:\/\/o2nb.site\/wp-content\/uploads\/2025\/10\/osl-4.jpg\" alt=\"\" title=\"osl-4\"><\/noscript><\/sr7-bg>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_7_1-28-2\" class=\"sr7-layer\">\u0623\u0643\u062b\u0631 \u0645\u0646 \u0645\u0644\u064a\u0648\u0646 \u0634\u062e\u0635<br>\n \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u063a\u064a\u0631\u062a \u062d\u064a\u0627\u0629 \u0627\u0644\u0646\u0627\u0633<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_7_1-28-3\" class=\"sr7-layer\">\u062d\u0644 \u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u0632\u0631\u0646\u064a\u062e \u0641\u064a \u0628\u0646\u063a\u0644\u0627\u062f\u064a\u0634 \u0648\u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u0641\u0644\u0648\u0631\u0627\u064a\u062f \u0641\u064a \u062a\u0646\u0632\u0627\u0646\u064a\u0627. <br>\u062a\u0645\u062a\u062f \u0645\u0628\u0627\u062f\u0631\u0629 \u0627\u0644\u062a\u0646\u0645\u064a\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u0648\u0633\u0627\u0626\u0637 \u0644\u0634\u0631\u0643\u0629 O2&amp;B \u0645\u0646 \u0622\u0633\u064a\u0627 \u0625\u0644\u0649 \u0623\u0641\u0631\u064a\u0642\u064a\u0627\u060c, <br>\u0623\u062f\u0627\u0621 \u0645\u062b\u0628\u062a \u0641\u064a \u0623\u0643\u062b\u0631 \u0645\u0646 15 \u062f\u0648\u0644\u0629 \u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645.\n\n<\/sr7-txt>\n\t\t\t\t\t\t\t<a id=\"SR7_7_1-28-11\" class=\"sr7-layer\" href=\"https:\/\/www.google.com\/maps\/d\/viewer?mid=1znG8nmtbepoULTXOZ08u2VNH7_XicTI&#038;femb=1&#038;ll=18.477393070658813%2C76.25339799999996&#038;z=2\" target=\"_blank\" rel=\"noopener\">\u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0639\u0627\u0644\u0645\u064a<\/a>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_7_1-28-29\" class=\"sr7-layer\">\u062a\u0623\u062b\u064a\u0631 \u0639\u0627\u0644\u0645\u064a \u0645\u062b\u0628\u062a<\/sr7-txt>\n\t\t\t\t\t\t\t<a id=\"SR7_7_1-28-32\" class=\"sr7-layer\" href=\"https:\/\/www.youtube.com\/watch?v=l1qTy8EQ2-g\" target=\"_blank\" rel=\"noopener\"><i class=\"fa-play\"><\/i><\/a>\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_7_1-43\" data-key=\"43\">\n\t\t\t\t\t\t\t<sr7-bg id=\"SR7_7_1-43-35\" class=\"sr7-layer\"><noscript><img decoding=\"async\" src=\"http:\/\/o2nb.site\/wp-content\/uploads\/2025\/10\/osl-5-1536x864.jpg\" alt=\"\" title=\"osl-5\"><\/noscript><\/sr7-bg>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_7_1-43-2\" class=\"sr7-layer\">'\u0644\u0642\u062f \u0642\u0645\u062a \u0628\u062a\u063a\u064a\u064a\u0631 &quot;\u0627\u0644\u0645\u0627\u0621&quot; \u0644\u0644\u062a\u0648...<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_7_1-43-3\" class=\"sr7-layer\">\u062a\u0645 \u0625\u0637\u0644\u0627\u0642 \u0645\u0634\u0631\u0648\u0639 \u0644\u0627\u0648 \u0643\u0627\u064a \u0627\u0644\u062a\u062c\u0631\u064a\u0628\u064a\u060c \u0648\u0645\u0646 \u0627\u0644\u0645\u062a\u0648\u0642\u0639 \u0623\u0646 \u064a\u0642\u0644\u0644 \u0645\u0646 \u0627\u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0645\u0646\u0642\u0648\u0644\u0629 \u0628\u0627\u0644\u0645\u064a\u0627\u0647 \u0628\u0623\u0643\u062b\u0631 \u0645\u0646 80%.<br> \u064a\u062a\u062c\u0627\u0648\u0632 O2&amp;B \u0645\u062c\u0631\u062f \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0623\u0639\u062f\u0627\u062f \u0627\u0644\u0635\u062d\u064a\u062d\u0629 \u0627\u0644\u0628\u0633\u064a\u0637\u0629\u060c,<br> \u0633\u064a\u0639\u064a\u062f \u0630\u0644\u0643 \u0645\u0633\u062a\u0642\u0628\u0644\u0627\u064b \u0635\u062d\u064a\u0627\u064b \u0644\u0641\u064a\u062a\u0646\u0627\u0645 \u0648\u0627\u0628\u062a\u0633\u0627\u0645\u0627\u062a \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0641\u064a \u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u062c\u0628\u0644\u064a\u0629. <\/sr7-txt>\n\t\t\t\t\t\t\t<a id=\"SR7_7_1-43-4\" class=\"sr7-layer\" href=\"https:\/\/o2nb.site\/ar\/capa\/\" target=\"_blank\" rel=\"noopener\">\u0645\u0634\u0631\u0648\u0639 LAOCAI \u0627\u0644\u062a\u062c\u0631\u064a\u0628\u064a<\/a>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_7_1-43-28\" class=\"sr7-layer\">\u0625\u0646\u0647\u0627 \u0644\u064a\u0633\u062a \u0645\u062c\u0631\u062f \u0645\u0627\u0621. \u0625\u0646\u0647\u0627 \u0627\u0644\u062d\u064a\u0627\u0629.<\/sr7-txt>\n\t\t\t\t\t\t\t<a id=\"SR7_7_1-43-33\" class=\"sr7-layer\" href=\"https:\/\/www.youtube.com\/watch?v=-MZNy72CREs\" target=\"_blank\" rel=\"noopener\"><i class=\"fa-play\"><\/i><\/a>\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_7_1-39\" data-key=\"39\">\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t<\/sr7-content>\n\t\t\t\t\t<image_lists style=\"display:none\">\n\t\t\t\t\t\t<img data-src=\"\/\/o2nb.site\/wp-content\/uploads\/revslider\/Main-Slider\/vector-2.png\" data-libid=\"14543\" data-lib=\"medialibrary\" title=\"vector-2.png\" width=\"0\" height=\"0\" data-dbsrc=\"Ly9vMm5iLnNpdGUvd3AtY29udGVudC91cGxvYWRzL3JldnNsaWRlci9NYWluLVNsaWRlci92ZWN0b3ItMi5wbmc=\"\/>\n\t\t\t\t\t\t<img data-src=\"\/\/o2nb.site\/wp-content\/uploads\/revslider\/Main-Slider\/vector-3.png\" data-libid=\"14544\" data-lib=\"medialibrary\" title=\"vector-3.png\" width=\"0\" height=\"0\" data-dbsrc=\"Ly9vMm5iLnNpdGUvd3AtY29udGVudC91cGxvYWRzL3JldnNsaWRlci9NYWluLVNsaWRlci92ZWN0b3ItMy5wbmc=\"\/>\n\t\t\t\t\t\t<img data-src=\"\/\/o2nb.site\/wp-content\/uploads\/revslider\/Main-Slider\/vector-4.png\" data-libid=\"14545\" data-lib=\"medialibrary\" title=\"vector-4.png\" width=\"0\" height=\"0\" data-dbsrc=\"Ly9vMm5iLnNpdGUvd3AtY29udGVudC91cGxvYWRzL3JldnNsaWRlci9NYWluLVNsaWRlci92ZWN0b3ItNC5wbmc=\"\/>\n\t\t\t\t\t\t<img loading=\"lazy\" data-src=\"\/\/o2nb.site\/wp-content\/uploads\/revslider\/Main-Slider\/icon-4.png\" data-libid=\"14546\" data-lib=\"medialibrary\" title=\"icon-4.png\" width=\"0\" height=\"0\" data-dbsrc=\"Ly9vMm5iLnNpdGUvd3AtY29udGVudC91cGxvYWRzL3JldnNsaWRlci9NYWluLVNsaWRlci9pY29uLTQucG5n\"\/>\n\t\t\t\t\t\t<img loading=\"lazy\" data-src=\"\/\/o2nb.site\/wp-content\/uploads\/revslider\/Main-Slider\/icon-6.png\" data-libid=\"14547\" data-lib=\"medialibrary\" title=\"icon-6.png\" width=\"0\" height=\"0\" data-dbsrc=\"Ly9vMm5iLnNpdGUvd3AtY29udGVudC91cGxvYWRzL3JldnNsaWRlci9NYWluLVNsaWRlci9pY29uLTYucG5n\"\/>\n\t\t\t\t\t\t<img loading=\"lazy\" data-src=\"\/\/o2nb.site\/wp-content\/uploads\/2025\/10\/o2nb-box1-600x429.png\" data-libid=\"15309\" data-lib=\"medialibrary\" title=\"o2nb-box1\" width=\"0\" height=\"0\" data-dbsrc=\"Ly9vMm5iLnNpdGUvd3AtY29udGVudC91cGxvYWRzLzIwMjUvMTAvbzJuYi1ib3gxLTYwMHg0MjkucG5n\"\/>\n\t\t\t\t\t\t<img loading=\"lazy\" data-src=\"\/\/o2nb.site\/wp-content\/uploads\/2025\/10\/wq1-1536x864.jpg\" data-libid=\"15349\" data-lib=\"medialibrary\" title=\"wq1\" width=\"0\" height=\"0\" data-dbsrc=\"Ly9vMm5iLnNpdGUvd3AtY29udGVudC91cGxvYWRzLzIwMjUvMTAvd3ExLTE1MzZ4ODY0LmpwZw==\"\/>\n\t\t\t\t\t\t<img loading=\"lazy\" data-src=\"\/\/o2nb.site\/wp-content\/uploads\/2025\/10\/osl-2.jpg\" data-libid=\"15350\" data-lib=\"medialibrary\" title=\"osl-2\" width=\"0\" height=\"0\" data-dbsrc=\"Ly9vMm5iLnNpdGUvd3AtY29udGVudC91cGxvYWRzLzIwMjUvMTAvb3NsLTIuanBn\"\/>\n\t\t\t\t\t\t<img loading=\"lazy\" data-src=\"\/\/o2nb.site\/wp-content\/uploads\/2025\/10\/osl-4.jpg\" data-libid=\"15351\" data-lib=\"medialibrary\" title=\"osl-4\" width=\"0\" height=\"0\" data-dbsrc=\"Ly9vMm5iLnNpdGUvd3AtY29udGVudC91cGxvYWRzLzIwMjUvMTAvb3NsLTQuanBn\"\/>\n\t\t\t\t\t\t<img loading=\"lazy\" data-src=\"\/\/o2nb.site\/wp-content\/uploads\/2025\/10\/osl-5-1536x864.jpg\" data-libid=\"15352\" data-lib=\"medialibrary\" title=\"osl-5\" width=\"0\" height=\"0\" data-dbsrc=\"Ly9vMm5iLnNpdGUvd3AtY29udGVudC91cGxvYWRzLzIwMjUvMTAvb3NsLTUtMTUzNng4NjQuanBn\"\/>\n\t\t\t\t\t<\/image_lists>\n\t\t\t\t<\/sr7-module>\n\t\t\t\t<script>\n\t\t\t\t\tSR7.PMH ??={}; SR7.PMH[\"SR7_7_1\"] = {cn:100,state:false,fn: function() { if (_tpt!==undefined && _tpt.prepareModuleHeight !== undefined) {  _tpt.prepareModuleHeight({id:\"SR7_7_1\",el:[1000,1000,768,960,720],type:'standard',shdw:'0',gh:[1000,1000,768,960,720],gw:[1320,1320,1024,778,480],vpt:['-100px&#039;,&#039;-100px&#039;,&#039;-100px&#039;,&#039;-100px&#039;,&#039;-100px'],size:{fullWidth:true, fullHeight:false},mh:'0',onh:0,onw:0,bg:{color:'{\"orig\":\"transparent\",\"type\":\"solid\",\"string\":\"transparent\"}'},plType:'0',plColor:'#FFFFFF'});   SR7.PMH[\"SR7_7_1\"].state=true;} else if(SR7.PMH[\"SR7_7_1\"].cn-->0)\tsetTimeout( SR7.PMH[\"SR7_7_1\"].fn,19);}};SR7.PMH[\"SR7_7_1\" ].fn();\n\t\t\t\t<\/script>\n<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a180ee0 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a180ee0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \r\n==============================================\r\nO2&B MCDI \ud504\ub808\uc820\ud14c\uc774\uc158 - \uc6cc\ub4dc\ud504\ub808\uc2a4 \ucd5c\uc885 \ubc84\uc804\r\n==============================================\r\n\r\n\uc124\uce58 \ubc29\ubc95:\r\n1. \uc6cc\ub4dc\ud504\ub808\uc2a4 \ud398\uc774\uc9c0 \ud3b8\uc9d1\uae30 \uc5f4\uae30\r\n2. \"+\" \ubc84\ud2bc \u2192 \"\uc0ac\uc6a9\uc790 \uc815\uc758 HTML\" \ube14\ub85d \ucd94\uac00\r\n3. \uc774 \uc804\uccb4 \ucf54\ub4dc\ub97c \ubcf5\uc0ac\ud558\uc5ec \ubd99\uc5ec\ub123\uae30\r\n4. \uac8c\uc2dc\r\n\r\n\ud2b9\uc9d5:\r\n\u2713 \uc6cc\ub4dc\ud504\ub808\uc2a4 \ud14c\ub9c8\uc640 100% \uaca9\ub9ac\r\n\u2713 \uc2a4\ud06c\ub864 \uc2a4\ub0c5 \ud398\uc774\uc9c0 \uc804\ud658\r\n\u2713 8\uac1c \uc139\uc158 \uc644\ubcbd \uad6c\uc131\r\n\u2713 \ubd88\ud544\uc694\ud55c \uc694\uc18c \uc804\ud600 \uc5c6\uc74c\r\n\u2713 \uae54\ub054\ud55c \ucc28\ud2b8\ub9cc \ud45c\uc2dc\r\n==============================================\r\n-->\r\n\r\n<div id=\"o2b-root\" class=\"o2b-wrapper\">\r\n<style>\r\n\/* ================================================\r\n   \uc6cc\ub4dc\ud504\ub808\uc2a4 \uc644\uc804 \uaca9\ub9ac \uc2a4\ud0c0\uc77c\r\n   ================================================ *\/\r\n\r\n\/* \uba54\uc778 \ub798\ud37c - \ud14c\ub9c8 \uc2a4\ud0c0\uc77c\ub85c\ubd80\ud130 \uc644\uc804 \uaca9\ub9ac *\/\r\n.o2b-wrapper {\r\n    all: initial !important;\r\n    display: block !important;\r\n    width: 100% !important;\r\n    max-width: none !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    box-sizing: border-box !important;\r\n    position: relative !important;\r\n    font-family: 'Pretendard', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;\r\n    background: linear-gradient(135deg, #0d1117 0%, #010409 100%) !important;\r\n    color: #e2e8f0 !important;\r\n    -webkit-font-smoothing: antialiased !important;\r\n    overflow-x: hidden !important;\r\n    min-height: 100vh !important;\r\n}\r\n\r\n\/* \ubaa8\ub4e0 \uc790\uc2dd \uc694\uc18c \ub9ac\uc14b *\/\r\n.o2b-wrapper *,\r\n.o2b-wrapper *::before,\r\n.o2b-wrapper *::after {\r\n    box-sizing: border-box !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n\/* \uc0c9\uc0c1 \ubcc0\uc218 *\/\r\n.o2b-wrapper {\r\n    --primary: #60a5fa;\r\n    --secondary: #34d399;\r\n    --accent: #facc15;\r\n    --danger: #f87171;\r\n    --text: #e2e8f0;\r\n    --text-dim: #94a3b8;\r\n}\r\n\r\n\/* \uc2a4\ud06c\ub864 \ucee8\ud14c\uc774\ub108 *\/\r\n.o2b-scroll {\r\n    width: 100% !important;\r\n    height: 100vh !important;\r\n    overflow-y: auto !important;\r\n    overflow-x: hidden !important;\r\n    scroll-behavior: smooth !important;\r\n    scroll-snap-type: y mandatory !important;\r\n    scrollbar-width: none !important;\r\n    -ms-overflow-style: none !important;\r\n}\r\n\r\n.o2b-scroll::-webkit-scrollbar {\r\n    display: none !important;\r\n}\r\n\r\n\/* \uc139\uc158 *\/\r\n.o2b-sec {\r\n    scroll-snap-align: start !important;\r\n    scroll-snap-stop: always !important;\r\n    height: 100vh !important;\r\n    min-height: 100vh !important;\r\n    width: 100% !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    justify-content: center !important;\r\n    padding: 0 !important;\r\n    opacity: 0 !important;\r\n    transform: translateY(20px) !important;\r\n    transition: opacity 0.8s ease, transform 0.8s ease !important;\r\n}\r\n\r\n.o2b-sec.show {\r\n    opacity: 1 !important;\r\n    transform: translateY(0) !important;\r\n}\r\n\r\n\/* \ucee8\ud14c\uc774\ub108 *\/\r\n.o2b-con {\r\n    max-width: 1400px !important;\r\n    margin: 0 auto !important;\r\n    padding: 0 1rem !important;\r\n    width: 100% !important;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n    .o2b-con {\r\n        padding: 0 2rem !important;\r\n    }\r\n}\r\n\r\n\/* \uadf8\ub9ac\ub4dc *\/\r\n.o2b-grid {\r\n    display: grid !important;\r\n    gap: 1.5rem !important;\r\n    width: 100% !important;\r\n    grid-template-columns: 1fr !important;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n    .o2b-grid-2 {\r\n        grid-template-columns: repeat(2, 1fr) !important;\r\n        gap: 2rem !important;\r\n    }\r\n    .o2b-grid-3 {\r\n        grid-template-columns: repeat(3, 1fr) !important;\r\n    }\r\n    .o2b-grid-4 {\r\n        grid-template-columns: repeat(4, 1fr) !important;\r\n    }\r\n}\r\n\r\n\/* \uce74\ub4dc *\/\r\n.o2b-card {\r\n    background: linear-gradient(135deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02)) !important;\r\n    border-radius: 20px !important;\r\n    padding: 2rem 2rem !important;\r\n    box-shadow: 0 8px 32px rgba(0,0,0,0.3) !important;\r\n    backdrop-filter: blur(20px) !important;\r\n    border: 1px solid rgba(255,255,255,0.1) !important;\r\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;\r\n    position: relative !important;\r\n    overflow: hidden !important;\r\n    height: 100% !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    justify-content: center !important;\r\n}\r\n\r\n.o2b-card::before {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    right: 0 !important;\r\n    height: 3px !important;\r\n    background: linear-gradient(90deg, var(--primary), var(--secondary)) !important;\r\n    transform: scaleX(0) !important;\r\n    transition: transform 0.4s ease !important;\r\n}\r\n\r\n.o2b-card:hover {\r\n    transform: translateY(-6px) scale(1.01) !important;\r\n    box-shadow: 0 20px 60px rgba(96, 165, 250, 0.2) !important;\r\n    border-color: rgba(96, 165, 250, 0.3) !important;\r\n}\r\n\r\n.o2b-card:hover::before {\r\n    transform: scaleX(1) !important;\r\n}\r\n\r\n\/* \ud0c0\uc774\ud3ec\uadf8\ub798\ud53c - \ud504\ub808\uc820\ud14c\uc774\uc158 \ucd5c\uc801\ud654 *\/\r\n.o2b-h1 {\r\n    font-size: clamp(2.25rem, 5vw, 3.5rem) !important;\r\n    font-weight: 900 !important;\r\n    background: linear-gradient(135deg, var(--primary), var(--secondary)) !important;\r\n    -webkit-background-clip: text !important;\r\n    -webkit-text-fill-color: transparent !important;\r\n    background-clip: text !important;\r\n    line-height: 1.2 !important;\r\n    text-align: center !important;\r\n    margin-bottom: 1rem !important;\r\n}\r\n\r\n.o2b-h2 {\r\n    font-size: clamp(1.5rem, 2.5vw, 2rem) !important;\r\n    font-weight: 800 !important;\r\n    color: var(--primary) !important;\r\n    margin-bottom: 1.25rem !important;\r\n    line-height: 1.3 !important;\r\n}\r\n\r\n.o2b-p {\r\n    color: #cbd5e1 !important;\r\n    line-height: 1.7 !important;\r\n    font-size: clamp(1.1rem, 1.8vw, 1.4rem) !important;\r\n}\r\n\r\n.o2b-intro {\r\n    text-align: center !important;\r\n    margin-bottom: 2.5rem !important;\r\n    max-width: 1100px !important;\r\n    margin-left: auto !important;\r\n    margin-right: auto !important;\r\n}\r\n\r\n.o2b-intro .o2b-p {\r\n    margin-top: 1rem !important;\r\n    font-size: clamp(1rem, 1.6vw, 1.3rem) !important;\r\n}\r\n\r\n\/* \ucc28\ud2b8 \ucee8\ud14c\uc774\ub108 *\/\r\n.o2b-chart {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    max-width: 600px !important;\r\n    height: 380px !important;\r\n    margin: 2rem auto !important;\r\n    background: rgba(255, 255, 255, 0.02) !important;\r\n    border-radius: 14px !important;\r\n    padding: 2rem !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.05) !important;\r\n}\r\n\r\n.o2b-chart-sm {\r\n    max-width: 450px !important;\r\n    height: 300px !important;\r\n}\r\n\r\n\/* \uc804\uccb4\ud654\uba74 \ubc84\ud2bc *\/\r\n.o2b-fs-btn {\r\n    position: fixed !important;\r\n    top: 10px !important;\r\n    right: 10px !important;\r\n    z-index: 999999 !important;\r\n    background: rgba(96, 165, 250, 0.15) !important;\r\n    backdrop-filter: blur(10px) !important;\r\n    border: 2px solid rgba(96, 165, 250, 0.3) !important;\r\n    color: var(--primary) !important;\r\n    padding: 10px 20px !important;\r\n    border-radius: 50px !important;\r\n    cursor: pointer !important;\r\n    transition: all 0.3s ease !important;\r\n    font-weight: 600 !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 8px !important;\r\n    font-size: 15px !important;\r\n    font-family: inherit !important;\r\n}\r\n\r\n.o2b-fs-btn:hover {\r\n    background: rgba(96, 165, 250, 0.3) !important;\r\n    transform: translateY(-2px) !important;\r\n}\r\n\r\n\/* \ub124\ube44\uac8c\uc774\uc158 \ub3c4\ud2b8 *\/\r\n.o2b-nav {\r\n    position: fixed !important;\r\n    right: 20px !important;\r\n    top: 50% !important;\r\n    transform: translateY(-50%) !important;\r\n    z-index: 999998 !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 12px !important;\r\n}\r\n\r\n.o2b-dot {\r\n    width: 11px !important;\r\n    height: 11px !important;\r\n    border-radius: 50% !important;\r\n    background: rgba(255, 255, 255, 0.2) !important;\r\n    cursor: pointer !important;\r\n    transition: all 0.3s ease !important;\r\n    position: relative !important;\r\n}\r\n\r\n.o2b-dot:hover {\r\n    background: rgba(96, 165, 250, 0.5) !important;\r\n    transform: scale(1.3) !important;\r\n}\r\n\r\n.o2b-dot.active {\r\n    background: var(--primary) !important;\r\n    width: 13px !important;\r\n    height: 13px !important;\r\n    box-shadow: 0 0 20px rgba(96, 165, 250, 0.6) !important;\r\n}\r\n\r\n.o2b-dot::before {\r\n    content: attr(data-tip) !important;\r\n    position: absolute !important;\r\n    right: 25px !important;\r\n    top: 50% !important;\r\n    transform: translateY(-50%) !important;\r\n    background: rgba(13, 17, 23, 0.95) !important;\r\n    padding: 6px 12px !important;\r\n    border-radius: 6px !important;\r\n    font-size: 12px !important;\r\n    white-space: nowrap !important;\r\n    opacity: 0 !important;\r\n    pointer-events: none !important;\r\n    transition: opacity 0.3s ease !important;\r\n    border: 1px solid rgba(96, 165, 250, 0.2) !important;\r\n}\r\n\r\n.o2b-dot:hover::before {\r\n    opacity: 1 !important;\r\n}\r\n\r\n\/* \uc720\ud2f8\ub9ac\ud2f0 \ud074\ub798\uc2a4 - \ub354 \ud070 \ud14d\uc2a4\ud2b8 *\/\r\n.o2b-text-center { text-align: center !important; }\r\n.o2b-text-red { color: var(--danger) !important; }\r\n.o2b-text-blue { color: var(--primary) !important; }\r\n.o2b-text-green { color: var(--secondary) !important; }\r\n.o2b-text-yellow { color: var(--accent) !important; }\r\n.o2b-text-gray { color: var(--text-dim) !important; }\r\n.o2b-text-xs { font-size: clamp(0.9rem, 1.2vw, 1.1rem) !important; }\r\n.o2b-text-sm { font-size: clamp(1rem, 1.4vw, 1.25rem) !important; }\r\n.o2b-font-bold { font-weight: 700 !important; }\r\n.o2b-mt-2 { margin-top: 0.75rem !important; }\r\n.o2b-mt-3 { margin-top: 1rem !important; }\r\n.o2b-mb-2 { margin-bottom: 0.75rem !important; }\r\n.o2b-mb-3 { margin-bottom: 1rem !important; }\r\n\r\n\/* Stat \uac12 - \ub354 \ud06c\uac8c *\/\r\n.o2b-val {\r\n    font-size: clamp(2.5rem, 5vw, 3.5rem) !important;\r\n    font-weight: 900 !important;\r\n    background: linear-gradient(135deg, var(--primary), var(--secondary)) !important;\r\n    -webkit-background-clip: text !important;\r\n    -webkit-text-fill-color: transparent !important;\r\n    line-height: 1.1 !important;\r\n    margin: 1rem 0 !important;\r\n}\r\n\r\n.o2b-label {\r\n    font-size: clamp(0.95rem, 1.5vw, 1.2rem) !important;\r\n    font-weight: 500 !important;\r\n    color: var(--text-dim) !important;\r\n    margin-top: 0.6rem !important;\r\n}\r\n\r\n\/* \ub9ac\uc2a4\ud2b8 - \ub354 \ud070 \ud14d\uc2a4\ud2b8 *\/\r\n.o2b-list {\r\n    list-style: none !important;\r\n}\r\n\r\n.o2b-list li {\r\n    position: relative !important;\r\n    padding-left: 1.5rem !important;\r\n    margin-bottom: 1rem !important;\r\n    font-size: clamp(1rem, 1.5vw, 1.3rem) !important;\r\n    color: #cbd5e1 !important;\r\n    line-height: 1.6 !important;\r\n}\r\n\r\n.o2b-list li::before {\r\n    content: '\u25b8' !important;\r\n    position: absolute !important;\r\n    left: 0 !important;\r\n    color: var(--primary) !important;\r\n    font-weight: bold !important;\r\n    font-size: 1.2em !important;\r\n}\r\n\r\n\/* \ub2e4\uc774\uc5b4\uadf8\ub7a8 \uc2a4\ud0c0\uc77c - \ub354 \ud070 \ud14d\uc2a4\ud2b8 *\/\r\n.o2b-dg-box {\r\n    background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(59, 130, 246, 0.05)) !important;\r\n    border: 2px solid rgba(59, 130, 246, 0.3) !important;\r\n    color: #bfdbfe !important;\r\n    padding: 1rem 1.5rem !important;\r\n    border-radius: 10px !important;\r\n    font-weight: 600 !important;\r\n    font-size: clamp(1rem, 1.5vw, 1.3rem) !important;\r\n}\r\n\r\n.o2b-dg-proc {\r\n    border: 2px dashed rgba(255, 255, 255, 0.2) !important;\r\n    background: rgba(255, 255, 255, 0.02) !important;\r\n    padding: 1.5rem !important;\r\n}\r\n\r\n.o2b-dg-neg {\r\n    background: linear-gradient(135deg, rgba(239, 68, 68, 0.15), rgba(239, 68, 68, 0.05)) !important;\r\n    border: 2px solid rgba(239, 68, 68, 0.4) !important;\r\n    color: #fecaca !important;\r\n    padding: 0.75rem 1rem !important;\r\n    font-size: clamp(1rem, 1.4vw, 1.2rem) !important;\r\n}\r\n\r\n.o2b-dg-pos {\r\n    background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(59, 130, 246, 0.05)) !important;\r\n    border: 2px solid rgba(59, 130, 246, 0.4) !important;\r\n    color: #bfdbfe !important;\r\n    padding: 0.75rem 1rem !important;\r\n    font-size: clamp(1rem, 1.4vw, 1.2rem) !important;\r\n}\r\n\r\n.o2b-dg-result {\r\n    background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(16, 185, 129, 0.05)) !important;\r\n    border: 2px solid rgba(16, 185, 129, 0.3) !important;\r\n    padding: 1.5rem !important;\r\n}\r\n\r\n.o2b-dg-regen {\r\n    border: 2px dashed rgba(255, 255, 255, 0.2) !important;\r\n    background: rgba(255, 255, 255, 0.03) !important;\r\n    padding: 1.5rem !important;\r\n}\r\n\r\n\/* Flexbox *\/\r\n.o2b-flex { display: flex !important; }\r\n.o2b-flex-col { flex-direction: column !important; }\r\n.o2b-items-center { align-items: center !important; }\r\n.o2b-justify-center { justify-content: center !important; }\r\n.o2b-justify-between { justify-content: space-between !important; }\r\n.o2b-gap-2 { gap: 0.75rem !important; }\r\n.o2b-gap-3 { gap: 1rem !important; }\r\n.o2b-gap-5 { gap: 1.5rem !important; }\r\n.o2b-p-3 { padding: 1rem !important; }\r\n.o2b-p-4 { padding: 1.5rem !important; }\r\n.o2b-p-5 { padding: 2rem !important; }\r\n\r\n\/* \uc2a4\ud06c\ub864 \ud78c\ud2b8 *\/\r\n.o2b-hint {\r\n    position: fixed !important;\r\n    bottom: 25px !important;\r\n    left: 50% !important;\r\n    transform: translateX(-50%) !important;\r\n    z-index: 999997 !important;\r\n    animation: o2b-bounce 2s infinite !important;\r\n    opacity: 0.5 !important;\r\n}\r\n\r\n.o2b-hint.hide {\r\n    opacity: 0 !important;\r\n}\r\n\r\n@keyframes o2b-bounce {\r\n    0%, 20%, 50%, 80%, 100% { transform: translateX(-50%) translateY(0); }\r\n    40% { transform: translateX(-50%) translateY(-10px); }\r\n    60% { transform: translateX(-50%) translateY(-5px); }\r\n}\r\n\r\n\/* \ubc18\uc751\ud615 *\/\r\n@media (max-width: 768px) {\r\n    .o2b-fs-btn {\r\n        top: 8px !important;\r\n        right: 8px !important;\r\n        padding: 8px 14px !important;\r\n        font-size: 13px !important;\r\n    }\r\n    .o2b-nav {\r\n        right: 10px !important;\r\n        gap: 10px !important;\r\n    }\r\n    .o2b-dot {\r\n        width: 9px !important;\r\n        height: 9px !important;\r\n    }\r\n    .o2b-dot.active {\r\n        width: 11px !important;\r\n        height: 11px !important;\r\n    }\r\n    .o2b-sec {\r\n        padding: 0 !important;\r\n    }\r\n    .o2b-chart {\r\n        height: 250px !important;\r\n        padding: 1rem !important;\r\n    }\r\n    .o2b-chart-sm {\r\n        height: 220px !important;\r\n    }\r\n    .o2b-con {\r\n        padding: 0 1rem !important;\r\n    }\r\n    .o2b-card {\r\n        padding: 1.5rem !important;\r\n    }\r\n    .o2b-h1 {\r\n        font-size: clamp(1.75rem, 6vw, 2.5rem) !important;\r\n        margin-bottom: 0.75rem !important;\r\n    }\r\n    .o2b-h2 {\r\n        font-size: clamp(1.25rem, 4vw, 1.6rem) !important;\r\n        margin-bottom: 1rem !important;\r\n    }\r\n    .o2b-p {\r\n        font-size: clamp(0.95rem, 3vw, 1.15rem) !important;\r\n    }\r\n    .o2b-intro {\r\n        margin-bottom: 2rem !important;\r\n    }\r\n    .o2b-val {\r\n        font-size: clamp(2rem, 8vw, 2.8rem) !important;\r\n    }\r\n    .o2b-label {\r\n        font-size: clamp(0.85rem, 3vw, 1rem) !important;\r\n    }\r\n    .o2b-list li {\r\n        font-size: clamp(0.9rem, 3.5vw, 1.1rem) !important;\r\n        margin-bottom: 0.75rem !important;\r\n    }\r\n}\r\n\r\n@media (min-width: 769px) and (max-width: 1024px) {\r\n    .o2b-h1 {\r\n        font-size: clamp(2rem, 4.5vw, 3rem) !important;\r\n    }\r\n    .o2b-h2 {\r\n        font-size: clamp(1.4rem, 2.2vw, 1.8rem) !important;\r\n    }\r\n    .o2b-p {\r\n        font-size: clamp(1.05rem, 1.7vw, 1.3rem) !important;\r\n    }\r\n    .o2b-card {\r\n        padding: 1.75rem !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- External Resources -->\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 rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n\r\n<!-- UI Components -->\r\n<button class=\"o2b-fs-btn\" id=\"fsBtn\">\r\n    <i class=\"fas fa-expand\"><\/i>\r\n    <span>\u0645\u0644\u0621 \u0627\u0644\u0634\u0627\u0634\u0629<\/span>\r\n<\/button>\r\n\r\n<div class=\"o2b-nav\" id=\"nav\">\r\n    <div class=\"o2b-dot\" data-idx=\"0\" data-tip=\"\uae00\ub85c\ubc8c \ubb3c \uc704\uae30\"><\/div>\r\n    <div class=\"o2b-dot\" data-idx=\"1\" data-tip=\"MCDI \uae30\uc220\"><\/div>\r\n    <div class=\"o2b-dot\" data-idx=\"2\" data-tip=\"\uc131\ub2a5 \ube44\uad50 1\"><\/div>\r\n    <div class=\"o2b-dot\" data-idx=\"3\" data-tip=\"\uc131\ub2a5 \ube44\uad50 2\"><\/div>\r\n    <div class=\"o2b-dot\" data-idx=\"4\" data-tip=\"\ub9de\ucda4\ud615 \uc194\ub8e8\uc158\"><\/div>\r\n    <div class=\"o2b-dot\" data-idx=\"5\" data-tip=\"ESG \uacbd\uc601 1\"><\/div>\r\n    <div class=\"o2b-dot\" data-idx=\"6\" data-tip=\"ESG 2 & OASYS\"><\/div>\r\n<\/div>\r\n\r\n<div class=\"o2b-hint\" id=\"hint\">\r\n    <i class=\"fas fa-chevron-down\" style=\"font-size: 22px; color: var(--primary);\"><\/i>\r\n<\/div>\r\n\r\n<!-- Main Content -->\r\n<div class=\"o2b-scroll\" id=\"scroll\">\r\n\r\n<!-- Section 1: Hook -->\r\n<section class=\"o2b-sec\" data-idx=\"0\">\r\n    <div class=\"o2b-con\">\r\n        <div class=\"o2b-intro\">\r\n            <h2 class=\"o2b-h1\">\u0623\u0632\u0645\u0629 \u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u062a\u062f\u0641\u0639 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0625\u0644\u0649 \u0623\u0642\u0635\u0649 \u062d\u062f\u0648\u062f\u0647\u0627.<\/h2>\r\n            <p class=\"o2b-p\">\u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0639\u0627\u0644\u0645\u060c \u064a\u062a\u0632\u0627\u064a\u062f \u0627\u0644\u062a\u0644\u0648\u062b \u0628\u0627\u0644\u0641\u0644\u0648\u0631\u0627\u064a\u062f \u0648\u0627\u0644\u0632\u0631\u0646\u064a\u062e \u0648\u0627\u0644\u0645\u0639\u0627\u062f\u0646 \u0627\u0644\u062b\u0642\u064a\u0644\u0629\u060c \u0648\u062a\u0641\u0634\u0644 \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062a\u0646\u0627\u0636\u062d \u0627\u0644\u0639\u0643\u0633\u064a \u0628\u0633\u0628\u0628 \u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0648\u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0639\u0627\u0644\u064a \u0648\u0635\u0639\u0648\u0628\u0629 \u0627\u0644\u0635\u064a\u0627\u0646\u0629.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"o2b-grid o2b-grid-3\">\r\n            <div class=\"o2b-card\">\r\n                <h3 class=\"o2b-h2 o2b-text-red\">\u0627\u0644\u0645\u0634\u0643\u0644\u0629: \u0642\u064a\u0648\u062f \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062a\u0646\u0627\u0636\u062d \u0627\u0644\u0639\u0643\u0633\u064a<\/h3>\r\n                <p class=\"o2b-p o2b-mt-2\">\u062a\u062a\u0648\u0642\u0641 \u0645\u0639\u062f\u0627\u062a \u0627\u0644\u062a\u0646\u0627\u0636\u062d \u0627\u0644\u0639\u0643\u0633\u064a \u0627\u0644\u062a\u064a \u064a\u062a\u0645 \u062a\u0648\u0631\u064a\u062f\u0647\u0627 \u0645\u0646 \u062e\u0644\u0627\u0644 ODA \u0639\u0646 \u0627\u0644\u0639\u0645\u0644 \u0641\u064a \u063a\u0636\u0648\u0646 6 \u0623\u0634\u0647\u0631 \u0625\u0644\u0649 \u0633\u0646\u0629 \u0648\u0627\u062d\u062f\u0629 \u0628\u0633\u0628\u0628 \u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621 \u0627\u0644\u0645\u0641\u0631\u0637\u0629 \u0648\u0627\u0646\u0633\u062f\u0627\u062f \u0627\u0644\u0645\u0631\u0634\u062d\u0627\u062a \u0627\u0644\u0645\u062a\u0643\u0631\u0631.<\/p>\r\n                <div class=\"o2b-font-bold o2b-text-sm o2b-mt-3 o2b-text-red\">\u063a\u0627\u0646\u0627: \u062a\u0645 \u0625\u064a\u0642\u0627\u0641\u0647\u0627 \u0628\u0639\u062f 6 \u0623\u0634\u0647\u0631<\/div>\r\n                <div class=\"o2b-font-bold o2b-text-sm o2b-text-red\">\u0625\u062b\u064a\u0648\u0628\u064a\u0627: \u062a\u0645 \u062a\u0639\u0644\u064a\u0642\u0647\u0627 \u0628\u0639\u062f \u0639\u0627\u0645 \u0648\u0627\u062d\u062f<\/div>\r\n            <\/div>\r\n            <div class=\"o2b-card\">\r\n                <h3 class=\"o2b-h2 o2b-text-blue\">\u062d\u0627\u0644\u0629 \u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/h3>\r\n                <div class=\"o2b-chart o2b-chart-sm\">\r\n                    <canvas id=\"c1\"><\/canvas>\r\n                <\/div>\r\n                <p class=\"o2b-p o2b-text-xs o2b-text-gray o2b-text-center\">\u062a\u0628\u0644\u063a \u0643\u0645\u064a\u0629 \u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0639\u0630\u0628\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629 2.81 \u062a\u064a\u0631\u0627\u0628\u0627\u064a\u062a\/\u0644\u062a\u0631<\/p>\r\n            <\/div>\r\n            <div class=\"o2b-card\">\r\n                <h3 class=\"o2b-h2 o2b-text-red\">\u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u062a\u0644\u0648\u062b<\/h3>\r\n                <p class=\"o2b-p o2b-mt-2\">\u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u062c\u0648\u0641\u064a\u0629 \u0645\u0644\u0648\u062b\u0629 \u0628\u0645\u0648\u0627\u062f \u0623\u064a\u0648\u0646\u064a\u0629 \u0636\u0627\u0631\u0629 \u0645\u062b\u0644 \u0627\u0644\u0641\u0644\u0648\u0631\u0627\u064a\u062f \u0648\u0627\u0644\u0632\u0631\u0646\u064a\u062e \u0648\u0627\u0644\u062c\u064a\u0631 \u0648\u0627\u0644\u062d\u062f\u064a\u062f\u060c \u0645\u0645\u0627 \u064a\u0633\u0628\u0628 \u0623\u0645\u0631\u0627\u0636\u064b\u0627 \u0645\u062a\u0648\u0637\u0646\u0629 \u0648\u064a\u0642\u0635\u0631 \u0645\u062a\u0648\u0633\u0637 \u0627\u0644\u0639\u0645\u0631 \u0627\u0644\u0645\u062a\u0648\u0642\u0639.<\/p>\r\n                <div class=\"o2b-font-bold o2b-text-sm o2b-mt-3 o2b-text-red\">\u0623\u0641\u0631\u064a\u0642\u064a\u0627: \u062a\u0631\u0643\u064a\u0632\u0627\u062a \u0639\u0627\u0644\u064a\u0629 \u0645\u0646 \u0627\u0644\u0641\u0644\u0648\u0631\u0627\u064a\u062f<\/div>\r\n                <div class=\"o2b-font-bold o2b-text-sm o2b-text-red\">\u062c\u0646\u0648\u0628 \u0634\u0631\u0642 \u0622\u0633\u064a\u0627: \u062a\u0631\u0643\u064a\u0632\u0627\u062a \u0639\u0627\u0644\u064a\u0629 \u0645\u0646 \u0627\u0644\u0632\u0631\u0646\u064a\u062e<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Section 2: Solution -->\r\n<section class=\"o2b-sec\" data-idx=\"1\">\r\n    <div class=\"o2b-con\">\r\n        <div class=\"o2b-intro\">\r\n            <h2 class=\"o2b-h1\">\u062d\u0644\u0648\u0644 \u0627\u0644\u062c\u064a\u0644 \u0627\u0644\u0642\u0627\u062f\u0645: \u062a\u0642\u0646\u064a\u0629 MCDI \u0645\u0646 O\u2082&amp;B<\/h2>\r\n            <p class=\"o2b-p\">\u062a\u064f\u0639\u062f \u062a\u0642\u0646\u064a\u0629 MCDI\u060c \u0627\u0644\u062a\u064a \u062a\u0645\u062a\u0635 \u0627\u0644\u0623\u064a\u0648\u0646\u0627\u062a \u0627\u0644\u0636\u0627\u0631\u0629 \u0641\u0642\u0637 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u0628\u0627\u062f\u0626 \u0627\u0644\u0643\u0647\u0631\u0648\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629\u060c \u062a\u0642\u0646\u064a\u0629 \u0645\u0646\u062e\u0641\u0636\u0629 \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0648\u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0648\u0635\u062f\u064a\u0642\u0629 \u0644\u0644\u0628\u064a\u0626\u0629 \u062a\u062a\u063a\u0644\u0628 \u0639\u0644\u0649 \u0642\u064a\u0648\u062f \u0637\u0631\u0642 \u0627\u0644\u062a\u0646\u0627\u0636\u062d \u0627\u0644\u0639\u0643\u0633\u064a \u0627\u0644\u062d\u0627\u0644\u064a\u0629.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"o2b-grid o2b-grid-2\">\r\n            <div class=\"o2b-card\">\r\n                <h3 class=\"o2b-h2 o2b-text-center o2b-mb-3\">\u0645\u0628\u062f\u0623 \u062a\u0634\u063a\u064a\u0644 MCDI<\/h3>\r\n                <div class=\"o2b-flex o2b-flex-col o2b-gap-2\">\r\n                    <div class=\"o2b-flex o2b-items-center o2b-gap-2\">\r\n                        <span class=\"o2b-dg-box o2b-text-xs\">\u0627\u0644\u0623\u0639\u062f\u0627\u0621 (\u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0627\u0644\u0623\u064a\u0648\u0646\u0627\u062a)<\/span>\r\n                        <span style=\"font-size: 1.5rem; color: rgba(255,255,255,0.4); font-weight: bold;\">\u2192<\/span>\r\n                        <div class=\"o2b-dg-proc o2b-p-3\" style=\"flex: 1; border-radius: 10px;\">\r\n                            <h4 class=\"o2b-text-xs o2b-font-bold o2b-text-center\" style=\"color: #cbd5e1;\">\u0639\u0645\u0644\u064a\u0629 \u062a\u0646\u0642\u064a\u0629 \u0627\u0644\u0645\u064a\u0627\u0647 (\u0627\u0644\u0627\u0645\u062a\u0635\u0627\u0635 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a)<\/h4>\r\n                            <div class=\"o2b-flex o2b-justify-between o2b-items-center\" style=\"margin-top: 0.5rem; padding: 0 0.25rem;\">\r\n                                <div class=\"o2b-dg-neg o2b-text-center\" style=\"padding: 0.25rem; font-size: 0.875rem; border-radius: 5px;\">(-)\u0627\u0644\u0642\u0637\u0628<\/div>\r\n                                <div class=\"o2b-flex o2b-flex-col o2b-items-center\">\r\n                                    <span class=\"o2b-font-bold o2b-text-xs\" style=\"color: #f87171;\">+ (\u0643\u0627\u062a\u064a\u0648\u0646)<\/span>\r\n                                    <span style=\"font-size: 1.25rem; color: rgba(255,255,255,0.4);\">\u2193<\/span>\r\n                                    <span class=\"o2b-font-bold o2b-text-xs\" style=\"color: #93c5fd;\">- (\u0623\u064a\u0648\u0646 \u0633\u0627\u0644\u0628)<\/span>\r\n                                <\/div>\r\n                                <div class=\"o2b-dg-pos o2b-text-center\" style=\"padding: 0.25rem; font-size: 0.875rem; border-radius: 5px;\">\u0627\u0644\u0642\u0637\u0628 (+)<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"o2b-text-center\" style=\"font-size: 2rem; color: rgba(255,255,255,0.4);\">\u2193<\/div>\r\n                    <div class=\"o2b-card o2b-dg-result o2b-text-center o2b-p-3\">\r\n                        <h4 class=\"o2b-h2\" style=\"font-size: 1.125rem; color: #6ee7b7;\">\u0645\u0627\u0621 \u0646\u0642\u064a (\u0645\u0627\u0621 \u0646\u0638\u064a\u0641)<\/h4>\r\n                    <\/div>\r\n                    <div class=\"o2b-text-center\" style=\"font-size: 2rem; color: rgba(255,255,255,0.4);\">\u2193<\/div>\r\n                    <div class=\"o2b-dg-regen o2b-p-3\" style=\"border-radius: 10px;\">\r\n                        <h4 class=\"o2b-text-sm o2b-font-bold o2b-text-center\">\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u062c\u062f\u064a\u062f (\u0627\u0646\u0639\u0643\u0627\u0633 \u0627\u0644\u0642\u0637\u0628 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a)<\/h4>\r\n                        <p class=\"o2b-text-center o2b-text-xs\" style=\"margin-top: 0.25rem;\">\u0627\u0645\u062a\u0632\u0627\u0632 \u0648\u0627\u0646\u0641\u0635\u0627\u0644 \u0627\u0644\u0623\u064a\u0648\u0646\u0627\u062a \u0639\u0646 \u0637\u0631\u064a\u0642 \u0639\u0643\u0633 \u0642\u0637\u0628\u064a\u0629 \u0627\u0644\u0623\u0642\u0637\u0627\u0628 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 (\u0627\u0644\u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0630\u0627\u062a\u064a)<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"o2b-card\">\r\n                <h3 class=\"o2b-h2 o2b-text-center o2b-mb-2\">\u062a\u0648\u0641\u064a\u0631 \u0647\u0627\u0626\u0644 \u0641\u064a \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0645\u0642\u0627\u0631\u0646\u0629\u064b \u0628\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u062a\u0646\u0627\u0636\u062d \u0627\u0644\u0639\u0643\u0633\u064a<\/h3>\r\n                <p class=\"o2b-p o2b-text-center o2b-text-gray o2b-text-xs o2b-mb-2\">(20 \u0637\u0646\/\u064a\u0648\u0645\u060c \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0633\u0646\u0629 \u0648\u0627\u062d\u062f\u0629 \u0645\u0646 \u0627\u0644\u062a\u0634\u063a\u064a\u0644)<\/p>\r\n                <div class=\"o2b-chart\">\r\n                    <canvas id=\"c2\"><\/canvas>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Section 3: Performance 1 -->\r\n<section class=\"o2b-sec\" data-idx=\"2\">\r\n    <div class=\"o2b-con\">\r\n        <div class=\"o2b-intro\">\r\n            <h2 class=\"o2b-h1\">\u0623\u062f\u0627\u0621 \u0645\u062b\u0628\u062a: \u064a\u062a\u062c\u0627\u0648\u0632 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0637\u0631\u0641 \u0627\u0644\u062b\u0627\u0644\u062b \u0648\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0635\u0646\u0627\u0639\u0629 (1\/2)<\/h2>\r\n            <p class=\"o2b-p\">\u064a\u062a\u0641\u0648\u0642 \u0646\u0638\u0627\u0645 MCDI \u0645\u0646 O\u2082&amp;B \u0639\u0644\u0649 \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u0641\u064a \u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629: \u0645\u0639\u062f\u0644 \u0627\u0644\u0625\u0632\u0627\u0644\u0629\u060c \u0648\u0645\u0639\u062f\u0644 \u0627\u0644\u0627\u0633\u062a\u0631\u062f\u0627\u062f\u060c \u0648\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0637\u0627\u0642\u0629.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"o2b-grid o2b-grid-2\">\r\n            <div class=\"o2b-card\">\r\n                <h3 class=\"o2b-h2 o2b-text-center o2b-mb-3\">\u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0623\u0633\u0627\u0633\u064a (\u0645\u0642\u0627\u0628\u0644 RO \u0648 CDI)<\/h3>\r\n                <div class=\"o2b-chart\">\r\n                    <canvas id=\"c3\"><\/canvas>\r\n                <\/div>\r\n                <p class=\"o2b-p o2b-text-center o2b-text-gray o2b-text-xs o2b-mt-2\">\u064a\u062a\u0645\u064a\u0632 MCDI \u0628\u0645\u0639\u062f\u0644\u0627\u062a \u0625\u0632\u0627\u0644\u0629 \u0648\u0627\u0633\u062a\u0631\u062f\u0627\u062f \u0639\u0627\u0644\u064a\u0629.<\/p>\r\n            <\/div>\r\n            <div class=\"o2b-card\">\r\n                <h3 class=\"o2b-h2 o2b-text-center o2b-mb-3\">\u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0627\u0644\u0637\u0627\u0642\u0629 (\u0643\u064a\u0644\u0648\u0648\u0627\u0637 \u0633\u0627\u0639\u0629\/\u0637\u0646)<\/h3>\r\n                <div class=\"o2b-chart\">\r\n                    <canvas id=\"c4\"><\/canvas>\r\n                <\/div>\r\n                <p class=\"o2b-p o2b-text-center o2b-text-gray o2b-text-xs o2b-mt-2\">\u0643\u0641\u0627\u0621\u0629 \u0637\u0627\u0642\u0629 \u0641\u0627\u0626\u0642\u0629\u060c \u062a\u0639\u0627\u062f\u0644 \u062e\u064f\u0645\u0633 \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u062a\u0646\u0627\u0636\u062d \u0627\u0644\u0639\u0643\u0633\u064a.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Section 4: Performance 2 -->\r\n<section class=\"o2b-sec\" data-idx=\"3\">\r\n    <div class=\"o2b-con\">\r\n        <div class=\"o2b-intro\">\r\n            <h2 class=\"o2b-h1\">\u0623\u062f\u0627\u0621 \u0645\u062b\u0628\u062a: \u064a\u062a\u062c\u0627\u0648\u0632 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0637\u0631\u0641 \u0627\u0644\u062b\u0627\u0644\u062b \u0648\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0635\u0646\u0627\u0639\u0629 (2\/2)<\/h2>\r\n            <p class=\"o2b-p\">\u0643\u0645\u0627 \u0623\u0638\u0647\u0631\u062a \u0623\u062f\u0627\u0621\u064b \u0645\u062a\u0645\u064a\u0632\u0627\u064b \u0641\u064a \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0641\u0644\u0648\u0631\u0627\u064a\u062f \u0648\u0645\u0639\u0627\u0644\u062c\u0629 \u0645\u064a\u0627\u0647 \u0627\u0644\u0635\u0631\u0641 \u0627\u0644\u0635\u0646\u0627\u0639\u064a.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"o2b-grid o2b-grid-2\">\r\n            <div class=\"o2b-card\">\r\n                <h3 class=\"o2b-h2 o2b-text-center o2b-mb-3\">\u0645\u0639\u062f\u0644 \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0641\u0644\u0648\u0631 (F) \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u0627\u0644\u0645\u0646\u0627\u0641\u0633\u064a\u0646<\/h3>\r\n                <div class=\"o2b-chart\">\r\n                    <canvas id=\"c5\"><\/canvas>\r\n                <\/div>\r\n                <p class=\"o2b-p o2b-text-center o2b-text-gray o2b-text-xs o2b-mt-2\">\u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0645\u062a\u0641\u0648\u0642 \u0644\u0634\u0631\u0643\u0629 O\u2082&amp;B (95%) \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0623\u062e\u0631\u0649 (31%)<\/p>\r\n            <\/div>\r\n            <div class=\"o2b-card\">\r\n                <h3 class=\"o2b-h2 o2b-text-center o2b-mb-3\">\u0623\u062f\u0627\u0621 \u0645\u0639\u0627\u0644\u062c\u0629 \u0645\u064a\u0627\u0647 \u0627\u0644\u0635\u0631\u0641 \u0627\u0644\u0635\u0646\u0627\u0639\u064a (L*)<\/h3>\r\n                <div class=\"o2b-chart\">\r\n                    <canvas id=\"c6\"><\/canvas>\r\n                <\/div>\r\n                <p class=\"o2b-p o2b-text-center o2b-text-gray o2b-text-xs o2b-mt-2\">\u062d\u062a\u0649 \u0645\u064a\u0627\u0647 \u0627\u0644\u0635\u0631\u0641 \u0627\u0644\u0635\u0646\u0627\u0639\u064a \u0627\u0644\u0635\u0639\u0628\u0629 \u062a\u062a\u0645 \u0645\u0639\u0627\u0644\u062c\u062a\u0647\u0627 \u0628\u0634\u0643\u0644 \u0645\u062b\u0627\u0644\u064a \u0644\u062a\u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Section 5: Applications -->\r\n<section class=\"o2b-sec\" data-idx=\"4\">\r\n    <div class=\"o2b-con\">\r\n        <div class=\"o2b-intro\">\r\n            <h2 class=\"o2b-h1\">\u062d\u0644\u0648\u0644 \u0645\u062e\u0635\u0635\u0629 \u0644\u0643\u0644 \u0642\u0637\u0627\u0639<\/h2>\r\n            <p class=\"o2b-p\">\u0645\u0646 \u0627\u0644\u0645\u062f\u0646 \u0627\u0644\u0630\u0643\u064a\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u0632\u0627\u0631\u0639 \u0627\u0644\u0630\u0643\u064a\u0629 \u0648\u0627\u0644\u0642\u0631\u0649 \u0627\u0644\u0646\u0627\u0626\u064a\u0629\u060c \u062a\u0642\u062f\u0645 O\u2082&amp;B \u0645\u0639\u0627\u0644\u062c\u0629 \u0645\u064a\u0627\u0647 \u0645\u062e\u0635\u0635\u0629.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"o2b-grid o2b-grid-4\">\r\n            <div class=\"o2b-card o2b-text-center\">\r\n                <h3 class=\"o2b-h2 o2b-text-blue\">\u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0630\u0643\u064a\u0629 (COEX)<\/h3>\r\n                <p class=\"o2b-p o2b-text-gray o2b-text-xs o2b-mt-2\">\u0645\u0634\u0631\u0648\u0639 \u062a\u062c\u0631\u064a\u0628\u064a \u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u062a\u062c\u0627\u0631\u0629<\/p>\r\n                <div class=\"o2b-val\" style=\"margin-top: 0.5rem;\">96<span style=\"font-size: 2rem;\">%<\/span><\/div>\r\n                <div class=\"o2b-label\">\u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0635\u0644\u0628\u0629 \u0627\u0644\u0630\u0627\u0626\u0628\u0629<\/div>\r\n                <div class=\"o2b-val\" style=\"margin-top: 0.75rem;\">122<span style=\"font-size: 2rem;\">W<\/span><\/div>\r\n                <div class=\"o2b-label\">\u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0645\u0646\u062e\u0641\u0636 \u0644\u0644\u0637\u0627\u0642\u0629<\/div>\r\n            <\/div>\r\n            <div class=\"o2b-card\">\r\n                <h3 class=\"o2b-h2 o2b-text-blue\">\u0625\u0639\u0627\u062f\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u064a\u0627\u0647 \u0627\u0644\u0635\u0631\u0641 \u0627\u0644\u0635\u062d\u064a<\/h3>\r\n                <p class=\"o2b-p o2b-text-gray o2b-text-xs o2b-mt-2\">\u0627\u0633\u062a\u0631\u0627\u062d\u0629 \u0639\u0644\u0649 \u0627\u0644\u0637\u0631\u064a\u0642 \u0627\u0644\u0633\u0631\u064a\u0639<\/p>\r\n                <p class=\"o2b-p o2b-text-sm\" style=\"margin-top: 0.5rem;\">\u0645\u062c\u0645\u0639 \u0645\u0631\u0627\u0641\u0642 \u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 <strong class=\"o2b-text-green\">\u062d\u0632\u0645\u0629 MCDI \u0633\u0647\u0644\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645<\/strong>\u0636\u0645\u0627\u0646 \u062c\u0648\u062f\u0629 \u0627\u0644\u0645\u064a\u0627\u0647 \u0648\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0633\u062a\u0628\u062f\u0627\u0644 \u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0645\u0639\u0627\u062f \u062a\u062f\u0648\u064a\u0631\u0647\u0627 \u0628\u0640<\/p>\r\n            <\/div>\r\n            <div class=\"o2b-card\">\r\n                <h3 class=\"o2b-h2 o2b-text-blue\">\u0627\u0644\u0645\u0632\u0631\u0639\u0629 \u0627\u0644\u0630\u0643\u064a\u0629<\/h3>\r\n                <p class=\"o2b-p o2b-text-gray o2b-text-xs o2b-mt-2\">\u0645\u0632\u0631\u0639\u0629 \u0645\u064a\u0631\u064a\u0627\u0646\u063a\/\u0625\u064a\u062a\u0634\u0648\u0646 \u0627\u0644\u0630\u0643\u064a\u0629<\/p>\r\n                <p class=\"o2b-p o2b-text-sm\" style=\"margin-top: 0.5rem;\"><strong class=\"o2b-text-green\">\u0627\u0644\u0632\u0631\u0627\u0639\u0629 \u0627\u0644\u0645\u0627\u0626\u064a\u0629<\/strong>\u064a\u0648\u0641\u0631 \u062c\u0648\u062f\u0629 \u0645\u064a\u0627\u0647 \u0645\u062b\u0627\u0644\u064a\u0629 \u0648\u064a\u0644\u0628\u064a \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062a\u0635\u0631\u064a\u0641 \u0644\u062a\u062d\u0642\u064a\u0642 \u0632\u0631\u0627\u0639\u0629 \u0635\u062f\u064a\u0642\u0629 \u0644\u0644\u0628\u064a\u0626\u0629<\/p>\r\n            <\/div>\r\n            <div class=\"o2b-card\">\r\n                <h3 class=\"o2b-h2 o2b-text-blue\">\u0625\u0645\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647 \u0644\u0644\u0642\u0631\u064a\u0629<\/h3>\r\n                <p class=\"o2b-p o2b-text-gray o2b-text-xs o2b-mt-2\">\u062f\u0627\u0646\u064a\u0627\u0646\u063a\u060c \u0648\u0627\u0646\u062f\u0648<\/p>\r\n                <p class=\"o2b-p o2b-text-sm\" style=\"margin-top: 0.5rem;\">\u0641\u064a \u0627\u0644\u0623\u0645\u0627\u0643\u0646 \u0627\u0644\u062a\u064a \u064a\u0635\u0639\u0628 \u0641\u064a\u0647\u0627 \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0625\u0645\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629 <strong class=\"o2b-text-green\">\u0627\u0644\u062c\u064a\u0631 (\u0627\u0644\u0635\u0644\u0627\u0628\u0629)<\/strong> \ubc0f <strong class=\"o2b-text-green\">\u0645\u0644\u062d<\/strong>\u062a\u0648\u0641\u064a\u0631 \u0645\u064a\u0627\u0647 \u0634\u0631\u0628 \u0622\u0645\u0646\u0629 \u0645\u0639 \u0625\u0632\u0627\u0644\u0629<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Section 6: ESG 1 -->\r\n<section class=\"o2b-sec\" data-idx=\"5\">\r\n    <div class=\"o2b-con\">\r\n        <div class=\"o2b-intro\">\r\n            <h2 class=\"o2b-h1\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0627\u0644\u0628\u064a\u0626\u064a\u0629 \u0648\u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629 \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629: \u0627\u0644\u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0639\u0627\u0644\u0645\u064a \u0648\u0627\u0644\u062d\u064a\u0627\u062f \u0627\u0644\u0643\u0631\u0628\u0648\u0646\u064a (\u0627\u0644\u062c\u0632\u0621 1\/2)<\/h2>\r\n            <p class=\"o2b-p\">\u062a\u064f\u0633\u0627\u0647\u0645 \u0634\u0631\u0643\u0629 O\u2082&amp;B \u0641\u064a \u062e\u0644\u0642 \u0642\u064a\u0645\u0629 \u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"o2b-grid o2b-grid-2\">\r\n            <div class=\"o2b-card\">\r\n                <h3 class=\"o2b-h2 o2b-text-center o2b-mb-2\">\u0623\u062f\u0627\u0621 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0625\u0646\u0645\u0627\u0626\u064a\u0629 \u0627\u0644\u0631\u0633\u0645\u064a\u0629 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/h3>\r\n                <ul class=\"o2b-list\">\r\n                    <li><strong class=\"o2b-text-green\">\ud83c\uddf9\ud83c\uddff \u062a\u0646\u0632\u0627\u0646\u064a\u0627:<\/strong> $30M (300 \u0642\u0631\u064a\u0629) \u062d\u0645\u0644\u0629 \u062a\u0631\u0648\u064a\u062c\u064a\u0629 \u0644\u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629. \r\n<p><\/p>\u062a\u0631\u0643\u064a\u0632 \u0639\u0627\u0644\u064d <strong class=\"o2b-text-red\">\u0627\u0644\u0641\u0644\u0648\u0631 (18 \u062c\u0632\u0621 \u0641\u064a \u0627\u0644\u0645\u0644\u064a\u0648\u0646)<\/strong> \u062a\u0645\u062a \u0625\u0632\u0627\u0644\u0629 0.2 \u062c\u0632\u0621 \u0641\u064a \u0627\u0644\u0645\u0644\u064a\u0648\u0646.<\/li>\r\n                    <li><strong class=\"o2b-text-green\">\u0625\u062b\u064a\u0648\u0628\u064a\u0627 \ud83c\uddea\ud83c\uddf9<\/strong> \u0637\u0644\u0628 \u0631\u0633\u0645\u064a \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 $50M (500 \u0642\u0631\u064a\u0629) \u0645\u0646 \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0627\u062a \u0627\u0644\u0625\u0646\u0645\u0627\u0626\u064a\u0629 \u0627\u0644\u0631\u0633\u0645\u064a\u0629. <p>\u0645\u0630\u0643\u0631\u0629 \u062a\u0641\u0627\u0647\u0645 \u0645\u0639 \u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0645\u0627\u0626\u064a\u0629.<\/li>\r\n                    <li><strong class=\"o2b-text-green\">\ud83c\uddf8\ud83c\uddf3 \u0627\u0644\u0633\u0646\u063a\u0627\u0644:<\/strong> \u062a\u0646\u0642\u064a\u0629 \u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u062c\u0648\u0641\u064a\u0629 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u0645\u0644\u0648\u062d\u0629\u060c \u0648\u062a\u0648\u0641\u064a\u0631 \u0645\u064a\u0627\u0647 \u0627\u0644\u0634\u0631\u0628\/\u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0632\u0631\u0627\u0639\u064a\u0629 \u0644\u0640 5000 \u0634\u062e\u0635.<\/li>\r\n                    <li><strong class=\"o2b-text-green\">\u0628\u0646\u063a\u0644\u0627\u062f\u064a\u0634 \ud83c\udde7\ud83c\udde9<\/strong> <strong class=\"o2b-text-red\">\u0627\u0644\u0632\u0631\u0646\u064a\u062e<\/strong> \u0627\u0644\u062a\u0639\u0628\u0626\u0629 \u0644\u062d\u0644 \u0627\u0644\u0645\u0634\u0643\u0644\u0627\u062a<p>\u0645\u0634\u0631\u0648\u0639 \u0645\u062d\u0637\u0629 \u0645\u064a\u0627\u0647.<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            <div class=\"o2b-card\">\r\n                <h3 class=\"o2b-h2 o2b-text-center o2b-mb-2\">\u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0646\u0628\u0639\u0627\u062b\u0627\u062a \u0627\u0644\u0643\u0631\u0628\u0648\u0646 (\u0645\u0635\u062f\u0631 \u0627\u0644\u0637\u0627\u0642\u0629)<\/h3>\r\n                <div class=\"o2b-chart\">\r\n                    <canvas id=\"c7\"><\/canvas>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Section 7: ESG 2 + OASYS Combined -->\r\n<section class=\"o2b-sec\" data-idx=\"6\">\r\n    <div class=\"o2b-con\">\r\n        <div class=\"o2b-intro\">\r\n            <h2 class=\"o2b-h1\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0627\u0644\u0628\u064a\u0626\u064a\u0629 \u0648\u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629 \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629 \u0648\u0627\u0644\u0631\u0624\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629: \u0627\u0644\u062d\u064a\u0627\u062f \u0627\u0644\u0643\u0631\u0628\u0648\u0646\u064a \u0648\u0646\u0638\u0627\u0645 OASYS<\/h2>\r\n            <p class=\"o2b-p\">\u0646\u062d\u0646 \u0646\u0628\u0646\u064a \u0646\u0645\u0648\u0630\u062c\u064b\u0627 \u0645\u0633\u062a\u062f\u0627\u0645\u064b\u0627 \u0644\u0644\u062d\u0648\u0643\u0645\u0629 \u0627\u0644\u0628\u064a\u0626\u064a\u0629 \u0648\u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629 \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0623\u0645\u064a\u0646 \u0623\u0631\u0635\u062f\u0629 \u0627\u0644\u0643\u0631\u0628\u0648\u0646 \u0648\u0646\u0642\u0648\u062f \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644 \u0628\u0645\u062d\u0637\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647 OASYS.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"o2b-grid o2b-grid-2\">\r\n            <!-- Left: Carbon Credit Revenue -->\r\n            <div class=\"o2b-card\">\r\n                <h3 class=\"o2b-h2 o2b-text-center o2b-mb-2\">\u0625\u064a\u0631\u0627\u062f\u0627\u062a \u0628\u0631\u0646\u0627\u0645\u062c MCDI+\u0627\u0626\u062a\u0645\u0627\u0646 \u0627\u0646\u0628\u0639\u0627\u062b\u0627\u062a \u0627\u0644\u0643\u0631\u0628\u0648\u0646 \u0627\u0644\u0642\u0627\u0626\u0645 \u0639\u0644\u0649 \u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0634\u0645\u0633\u064a\u0629 (VER)<\/h3>\r\n                <p class=\"o2b-p o2b-text-center o2b-text-gray o2b-text-xs o2b-mb-2\">(\u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u062e\u0641\u0636 \u0627\u0646\u0628\u0639\u0627\u062b\u0627\u062a \u062b\u0627\u0646\u064a \u0623\u0643\u0633\u064a\u062f \u0627\u0644\u0643\u0631\u0628\u0648\u0646 \u0628\u0645\u0642\u062f\u0627\u0631 179 \u0643\u062c\u0645 \u0644\u0643\u0644 \u0637\u0646 \u0645\u0646 \u0627\u0644\u0645\u0627\u0621)<\/p>\r\n                <div class=\"o2b-chart\">\r\n                    <canvas id=\"c8\"><\/canvas>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Right: OASYS Vision -->\r\n            <div class=\"o2b-card\">\r\n                <h3 class=\"o2b-h2 o2b-text-center o2b-mb-3\">\u0627\u0644\u0631\u0624\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629: \u0645\u062d\u0637\u0629 \u0645\u064a\u0627\u0647 &quot;\u0623\u0648\u0627\u0633\u064a\u0633&quot;<\/h3>\r\n                <p class=\"o2b-p o2b-text-center o2b-text-xs o2b-mb-3\">\u0645\u0646\u0635\u0629 \u0625\u0645\u062f\u0627\u062f \u0645\u064a\u0627\u0647 \u0645\u0633\u062a\u0642\u0644\u0629 \u0639\u0646 \u0627\u0644\u0637\u0627\u0642\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0634\u0645\u0633\u064a\u0629 \u0648\u062a\u0642\u0646\u064a\u0629 MCDI<\/p>\r\n                \r\n                <div class=\"o2b-flex o2b-flex-col o2b-gap-3\">\r\n                    <div style=\"background: rgba(0,0,0,0.3); border-radius: 10px; padding: 1rem; border: 1px solid rgba(255,255,255,0.1);\">\r\n                        <div class=\"o2b-text-center\">\r\n                            <span style=\"font-size: 2.5rem;\">\u2600\ufe0f<\/span>\r\n                            <h4 class=\"o2b-h2 o2b-text-yellow\" style=\"font-size: 1rem; margin-top: 0.5rem; margin-bottom: 0;\">\u0644\u0648\u062d\u0629 \u0634\u0645\u0633\u064a\u0629<\/h4>\r\n                        <\/div>\r\n                        <div class=\"o2b-text-center\" style=\"font-size: 1rem; color: rgba(255,255,255,0.4); margin: 0.2rem 0;\">\u2193<\/div>\r\n                        <div class=\"o2b-card o2b-p-3\">\r\n                            <h4 class=\"o2b-h2 o2b-text-center o2b-text-blue\" style=\"font-size: 1rem; margin-bottom: 0;\">\u0643\u0634\u0643 \u0623\u0648\u0627\u0633\u064a\u0633<\/h4>\r\n                            <p class=\"o2b-text-center o2b-font-bold o2b-text-xs\" style=\"margin-top: 0.25rem;\">\u0646\u0638\u0627\u0645 \u062a\u0646\u0642\u064a\u0629 \u0627\u0644\u0645\u064a\u0627\u0647 \u0628\u062a\u0642\u0646\u064a\u0629 MCDI + \u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u0639\u0646 \u0628\u0639\u062f<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"o2b-flex o2b-gap-2\">\r\n                        <div class=\"o2b-card o2b-text-center o2b-p-3\" style=\"flex: 1;\">\r\n                            <div class=\"o2b-val\" style=\"font-size: 2rem;\">1,000<span style=\"font-size: 1.5rem;\">\uba85<\/span><\/div>\r\n                            <div class=\"o2b-label\" style=\"font-size: 0.7rem;\">\u062a\u0648\u0631\u064a\u062f 20 \u0637\u0646\u064b\u0627 \u064a\u0648\u0645\u064a\u064b\u0627<\/div>\r\n                        <\/div>\r\n                        <div class=\"o2b-card o2b-text-center o2b-p-3\" style=\"flex: 1;\">\r\n                            <div class=\"o2b-val o2b-text-green\" style=\"font-size: 2rem;\">1.46<span style=\"font-size: 1.5rem;\">\uc5b5<\/span><\/div>\r\n                            <div class=\"o2b-label\" style=\"font-size: 0.7rem;\">\u0627\u0644\u0625\u064a\u0631\u0627\u062f\u0627\u062a \u0627\u0644\u0633\u0646\u0648\u064a\u0629<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<\/div>\r\n\r\n<!-- Chart.js -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n\r\n<!-- JavaScript -->\r\n<script>\r\n(function() {\r\n'use strict';\r\n\r\n\/\/ Elements\r\nconst fsBtn = document.getElementById('fsBtn');\r\nconst scroll = document.getElementById('scroll');\r\nconst secs = scroll.querySelectorAll('.o2b-sec');\r\nconst dots = document.querySelectorAll('.o2b-dot');\r\nconst hint = document.getElementById('hint');\r\n\r\nlet isFs = false;\r\n\r\n\/\/ Fullscreen\r\nfsBtn.addEventListener('click', () => {\r\n    if (!isFs) {\r\n        fsBtn.innerHTML = '<i class=\"fas fa-compress\"><\/i><span>\uc6d0\ub798 \ud654\uba74<\/span>';\r\n        isFs = true;\r\n        if (document.documentElement.requestFullscreen) {\r\n            document.documentElement.requestFullscreen();\r\n        } else if (document.documentElement.webkitRequestFullscreen) {\r\n            document.documentElement.webkitRequestFullscreen();\r\n        }\r\n    } else {\r\n        fsBtn.innerHTML = '<i class=\"fas fa-expand\"><\/i><span>\uc804\uccb4\ud654\uba74<\/span>';\r\n        isFs = false;\r\n        if (document.exitFullscreen) {\r\n            document.exitFullscreen();\r\n        } else if (document.webkitExitFullscreen) {\r\n            document.webkitExitFullscreen();\r\n        }\r\n    }\r\n});\r\n\r\ndocument.addEventListener('keydown', (e) => {\r\n    if (e.key === 'Escape' && isFs) {\r\n        fsBtn.innerHTML = '<i class=\"fas fa-expand\"><\/i><span>\uc804\uccb4\ud654\uba74<\/span>';\r\n        isFs = false;\r\n    }\r\n});\r\n\r\n\/\/ Section observer\r\nconst obs = new IntersectionObserver((entries) => {\r\n    entries.forEach((entry) => {\r\n        if (entry.isIntersecting) {\r\n            entry.target.classList.add('show');\r\n            const idx = entry.target.getAttribute('data-idx');\r\n            dots.forEach((dot) => {\r\n                if (dot.getAttribute('data-idx') === idx) {\r\n                    dot.classList.add('active');\r\n                } else {\r\n                    dot.classList.remove('active');\r\n                }\r\n            });\r\n            if (idx !== '0') hint.classList.add('hide');\r\n        }\r\n    });\r\n}, { threshold: 0.5 });\r\n\r\nsecs.forEach((sec) => obs.observe(sec));\r\n\r\n\/\/ Navigation\r\ndots.forEach((dot) => {\r\n    dot.addEventListener('click', () => {\r\n        const idx = dot.getAttribute('data-idx');\r\n        const sec = scroll.querySelector('.o2b-sec[data-idx=\"' + idx + '\"]');\r\n        sec.scrollIntoView({ behavior: 'smooth' });\r\n    });\r\n});\r\n\r\n\/\/ One-page-at-a-time scroll control\r\nlet currentIdx = 0;\r\nlet isScrolling = false;\r\nconst totalSecs = secs.length;\r\n\r\n\/\/ Get current section index\r\nfunction getCurrentSection() {\r\n    let minDist = Infinity;\r\n    let closest = 0;\r\n    \r\n    secs.forEach((sec, idx) => {\r\n        const rect = sec.getBoundingClientRect();\r\n        const dist = Math.abs(rect.top);\r\n        if (dist < minDist) {\r\n            minDist = dist;\r\n            closest = idx;\r\n        }\r\n    });\r\n    \r\n    return closest;\r\n}\r\n\r\n\/\/ Navigate to section\r\nfunction goToSection(idx) {\r\n    if (idx < 0 || idx >= totalSecs) return;\r\n    if (isScrolling) return;\r\n    \r\n    isScrolling = true;\r\n    currentIdx = idx;\r\n    \r\n    const sec = secs[idx];\r\n    sec.scrollIntoView({ behavior: 'smooth' });\r\n    \r\n    setTimeout(() => {\r\n        isScrolling = false;\r\n    }, 1000);\r\n}\r\n\r\n\/\/ Wheel event - one page at a time\r\nscroll.addEventListener('wheel', (e) => {\r\n    if (isScrolling) {\r\n        e.preventDefault();\r\n        return;\r\n    }\r\n    \r\n    e.preventDefault();\r\n    \r\n    \/\/ Update current index\r\n    currentIdx = getCurrentSection();\r\n    \r\n    if (e.deltaY > 0) {\r\n        \/\/ Scroll down\r\n        goToSection(currentIdx + 1);\r\n    } else {\r\n        \/\/ Scroll up\r\n        goToSection(currentIdx - 1);\r\n    }\r\n}, { passive: false });\r\n\r\n\/\/ Touch support for mobile\r\nlet touchStartY = 0;\r\nlet touchEndY = 0;\r\n\r\nscroll.addEventListener('touchstart', (e) => {\r\n    touchStartY = e.changedTouches[0].screenY;\r\n}, { passive: true });\r\n\r\nscroll.addEventListener('touchend', (e) => {\r\n    if (isScrolling) return;\r\n    \r\n    touchEndY = e.changedTouches[0].screenY;\r\n    currentIdx = getCurrentSection();\r\n    \r\n    if (touchStartY > touchEndY + 50) {\r\n        \/\/ Swipe up\r\n        goToSection(currentIdx + 1);\r\n    } else if (touchStartY < touchEndY - 50) {\r\n        \/\/ Swipe down\r\n        goToSection(currentIdx - 1);\r\n    }\r\n}, { passive: true });\r\n\r\n\/\/ Keyboard navigation\r\ndocument.addEventListener('keydown', (e) => {\r\n    if (isScrolling) return;\r\n    \r\n    currentIdx = getCurrentSection();\r\n    \r\n    if (e.key === 'ArrowDown' || e.key === 'PageDown') {\r\n        e.preventDefault();\r\n        goToSection(currentIdx + 1);\r\n    } else if (e.key === 'ArrowUp' || e.key === 'PageUp') {\r\n        e.preventDefault();\r\n        goToSection(currentIdx - 1);\r\n    }\r\n});\r\n\r\n\/\/ Update current index on manual scroll (for dot navigation)\r\nscroll.addEventListener('scroll', () => {\r\n    if (!isScrolling) {\r\n        currentIdx = getCurrentSection();\r\n    }\r\n}, { passive: true });\r\n\r\n\/\/ Chart colors\r\nconst cc = {\r\n    pri: '#60a5fa',\r\n    sec: '#34d399',\r\n    acc: '#facc15',\r\n    dan: '#f87171',\r\n    db: '#1e3a8a',\r\n    gr: '#6b7280',\r\n    txt: '#e2e8f0',\r\n    grd: 'rgba(255,255,255,0.1)'\r\n};\r\n\r\nChart.defaults.color = cc.txt;\r\nChart.defaults.borderColor = cc.grd;\r\nChart.defaults.plugins.legend.labels.color = cc.txt;\r\nChart.defaults.font.size = 13;\r\nChart.defaults.plugins.legend.labels.font = { size: 13 };\r\nChart.defaults.plugins.tooltip.titleFont = { size: 14 };\r\nChart.defaults.plugins.tooltip.bodyFont = { size: 13 };\r\n\r\nconst tt = {\r\n    plugins: {\r\n        tooltip: {\r\n            titleColor: cc.txt,\r\n            bodyColor: cc.txt,\r\n            backgroundColor: 'rgba(13,17,23,0.95)',\r\n            borderColor: 'rgba(96,165,250,0.3)',\r\n            borderWidth: 1,\r\n            padding: 12,\r\n            cornerRadius: 8,\r\n            titleFont: { size: 14, weight: 'bold' },\r\n            bodyFont: { size: 13 }\r\n        }\r\n    }\r\n};\r\n\r\n\/\/ Initialize charts\r\nnew Chart(document.getElementById('c1'), {\r\n    type: 'doughnut',\r\n    data: {\r\n        labels: ['\ud574\uc218', '\ub2f4\uc218 (\ube59\ud558)', '\ub2f4\uc218 (\uc9c0\ud558\uc218)', '\ub2f4\uc218 (\uc9c0\ud45c\uc218)'],\r\n        datasets: [{\r\n            data: [97.2, 2.15, 0.62, 0.03],\r\n            backgroundColor: [cc.db, cc.gr, cc.pri, cc.acc],\r\n            borderColor: '#0d1117',\r\n            borderWidth: 3\r\n        }]\r\n    },\r\n    options: {\r\n        responsive: true,\r\n        maintainAspectRatio: false,\r\n        plugins: {\r\n            ...tt.plugins,\r\n            legend: { position: 'bottom', labels: { font: { size: 12 }, padding: 12, boxWidth: 12 } }\r\n        }\r\n    }\r\n});\r\n\r\nnew Chart(document.getElementById('c2'), {\r\n    type: 'bar',\r\n    data: {\r\n        labels: ['CAPEX (\ucd08\uae30\uc124\ube44\ube44)', 'OPEX (\uc5f0\uac04\uc6b4\uc601\ube44)'],\r\n        datasets: [\r\n            { label: 'RO (\uae30\uc874)', data: [100, 100], backgroundColor: cc.gr },\r\n            { label: 'MCDI (O\u2082&B)', data: [45.7, 41.4], backgroundColor: cc.pri }\r\n        ]\r\n    },\r\n    options: {\r\n        responsive: true,\r\n        maintainAspectRatio: false,\r\n        plugins: tt.plugins,\r\n        scales: {\r\n            y: { beginAtZero: true, title: { display: true, text: '\uc0c1\ub300 \ube44\uc6a9 (%)', color: cc.txt, font: { size: 13 } }, ticks: { color: cc.txt, font: { size: 12 } }, grid: { color: cc.grd } },\r\n            x: { ticks: { color: cc.txt, font: { size: 12 } }, grid: { color: cc.grd } }\r\n        }\r\n    }\r\n});\r\n\r\nnew Chart(document.getElementById('c3'), {\r\n    type: 'bar',\r\n    data: {\r\n        labels: [['\uc81c\uac70\uc728 (%)'], ['\ud68c\uc218\uc728 (%)']],\r\n        datasets: [\r\n            { label: 'RO', data: [90, 50], backgroundColor: cc.gr },\r\n            { label: 'CDI (\uacbd\uc7c1\uc0ac)', data: [35, 70], backgroundColor: cc.acc },\r\n            { label: 'MCDI (O\u2082&B)', data: [95, 90], backgroundColor: cc.pri }\r\n        ]\r\n    },\r\n    options: {\r\n        responsive: true,\r\n        maintainAspectRatio: false,\r\n        plugins: tt.plugins,\r\n        scales: {\r\n            y: { beginAtZero: true, max: 100, ticks: { color: cc.txt, font: { size: 12 } }, grid: { color: cc.grd } },\r\n            x: { ticks: { color: cc.txt, font: { size: 12 } }, grid: { color: cc.grd } }\r\n        }\r\n    }\r\n});\r\n\r\nnew Chart(document.getElementById('c4'), {\r\n    type: 'bar',\r\n    data: {\r\n        labels: ['RO', 'CDI (\uacbd\uc7c1\uc0ac)', 'MCDI (O\u2082&B)'],\r\n        datasets: [{ label: '\uc804\ub825 \uc18c\ube44\ub7c9 (kWh\/ton)', data: [1.5, 1.0, 0.3], backgroundColor: [cc.gr, cc.acc, cc.pri] }]\r\n    },\r\n    options: {\r\n        responsive: true,\r\n        maintainAspectRatio: false,\r\n        indexAxis: 'y',\r\n        plugins: { ...tt.plugins, legend: { display: false } },\r\n        scales: {\r\n            x: { beginAtZero: true, title: { display: true, text: 'kWh\/ton', color: cc.txt, font: { size: 13 } }, ticks: { color: cc.txt, font: { size: 12 } }, grid: { color: cc.grd } },\r\n            y: { ticks: { color: cc.txt, font: { size: 12 } }, grid: { color: cc.grd } }\r\n        }\r\n    }\r\n});\r\n\r\nnew Chart(document.getElementById('c5'), {\r\n    type: 'bar',\r\n    data: {\r\n        labels: ['Voltea (CDI)', 'O\u2082&B (MCDI)'],\r\n        datasets: [{ label: '\ubd88\uc18c(F) \uc81c\uac70\uc728 (%)', data: [31, 95], backgroundColor: [cc.acc, cc.pri] }]\r\n    },\r\n    options: {\r\n        responsive: true,\r\n        maintainAspectRatio: false,\r\n        plugins: { ...tt.plugins, legend: { display: false } },\r\n        scales: {\r\n            y: { beginAtZero: true, max: 100, title: { display: true, text: '\uc81c\uac70\uc728 (%)', color: cc.txt, font: { size: 13 } }, ticks: { color: cc.txt, font: { size: 12 } }, grid: { color: cc.grd } },\r\n            x: { ticks: { color: cc.txt, font: { size: 12 } }, grid: { color: cc.grd } }\r\n        }\r\n    }\r\n});\r\n\r\nnew Chart(document.getElementById('c6'), {\r\n    type: 'bar',\r\n    data: {\r\n        labels: ['\ubd88\uc18c (F) (ppm)', '\uc9c8\uc18c (N) (ppm)'],\r\n        datasets: [\r\n            { label: '\ucc98\ub9ac \ubaa9\ud45c\uce58', data: [5, 40], backgroundColor: cc.gr },\r\n            { label: 'O\u2082&B \ucc98\ub9ac \uacb0\uacfc', data: [0.1, 0.25], backgroundColor: cc.pri }\r\n        ]\r\n    },\r\n    options: {\r\n        responsive: true,\r\n        maintainAspectRatio: false,\r\n        plugins: { ...tt.plugins, tooltip: { ...tt.plugins.tooltip, mode: 'index', intersect: false } },\r\n        scales: {\r\n            y: {\r\n                beginAtZero: false,\r\n                type: 'logarithmic',\r\n                min: 0.01,\r\n                title: { display: true, text: '\ub18d\ub3c4 (ppm) - Log Scale', color: cc.txt, font: { size: 13 } },\r\n                ticks: {\r\n                    color: cc.txt,\r\n                    font: { size: 12 },\r\n                    callback: function(value) {\r\n                        if (value === 10000 || value === 1000 || value === 100 || value === 10 || value === 1 || value === 0.1 || value === 0.01) {\r\n                            return value.toString();\r\n                        }\r\n                        return null;\r\n                    }\r\n                },\r\n                grid: { color: cc.grd }\r\n            },\r\n            x: { ticks: { color: cc.txt, font: { size: 12 } }, grid: { color: cc.grd } }\r\n        }\r\n    }\r\n});\r\n\r\nnew Chart(document.getElementById('c7'), {\r\n    type: 'bar',\r\n    data: {\r\n        labels: ['\uc11d\ud0c4', 'LNG', '\ud0dc\uc591\uad11', 'O\u2082&B MCDI (\ud0dc\uc591\uad11 \uc5f0\uacc4)'],\r\n        datasets: [{ label: '\ud0c4\uc18c \ubc30\ucd9c\ub7c9 (g-CO2eq\/kWh)', data: [820, 490, 48, 0], backgroundColor: [cc.gr, cc.acc, cc.sec, cc.pri] }]\r\n    },\r\n    options: {\r\n        responsive: true,\r\n        maintainAspectRatio: false,\r\n        plugins: { ...tt.plugins, legend: { display: false } },\r\n        scales: {\r\n            y: { beginAtZero: true, title: { display: true, text: 'g-CO2eq\/kWh', color: cc.txt, font: { size: 13 } }, ticks: { color: cc.txt, font: { size: 12 } }, grid: { color: cc.grd } },\r\n            x: { ticks: { color: cc.txt, font: { size: 11 } }, grid: { color: cc.grd } }\r\n        }\r\n    }\r\n});\r\n\r\nnew Chart(document.getElementById('c8'), {\r\n    type: 'bar',\r\n    data: {\r\n        labels: [['20\ud1a4\/\uc77c'], ['300\ud1a4\/\uc77c']],\r\n        datasets: [{ label: '\uc5f0\uac04 \ud0c4\uc18c\ubc30\ucd9c\uad8c \uc218\uc775 (\uc6d0)', data: [146000000, 2195000000], backgroundColor: [cc.sec, cc.pri] }]\r\n    },\r\n    options: {\r\n        responsive: true,\r\n        maintainAspectRatio: false,\r\n        plugins: {\r\n            ...tt.plugins,\r\n            tooltip: {\r\n                ...tt.plugins.tooltip,\r\n                callbacks: {\r\n                    label: function(ctx) {\r\n                        var lbl = ctx.dataset.label || '';\r\n                        if (lbl) lbl += ': ';\r\n                        if (ctx.parsed.y !== null) {\r\n                            lbl += new Intl.NumberFormat('ko-KR').format(ctx.parsed.y) + ' \uc6d0';\r\n                        }\r\n                        return lbl;\r\n                    }\r\n                }\r\n            },\r\n            legend: { display: false }\r\n        },\r\n        scales: {\r\n            y: {\r\n                beginAtZero: true,\r\n                title: { display: true, text: '\uc218\uc775 (\uc6d0)', color: cc.txt, font: { size: 13 } },\r\n                ticks: {\r\n                    color: cc.txt,\r\n                    font: { size: 12 },\r\n                    callback: function(val) {\r\n                        if (val >= 100000000) return (val \/ 100000000) + '\uc5b5';\r\n                        if (val >= 10000) return (val \/ 10000) + '\ub9cc';\r\n                        return val;\r\n                    }\r\n                },\r\n                grid: { color: cc.grd }\r\n            },\r\n            x: { ticks: { color: cc.txt, font: { size: 12 } }, grid: { color: cc.grd } }\r\n        }\r\n    }\r\n});\r\n\r\nconsole.log('\u2705 O2&B Presentation Ready!');\r\n})();\r\n<\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0645\u0644\u0621 \u0627\u0644\u0634\u0627\u0634\u0629 \u0623\u0632\u0645\u0629 \u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u062a\u0648\u0627\u062c\u0647 \u0642\u064a\u0648\u062f\u064b\u0627 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0629 \u064a\u0648\u0627\u062c\u0647 \u0627\u0644\u0639\u0627\u0644\u0645 \u062a\u0644\u0648\u062b\u064b\u0627 \u0645\u062a\u0632\u0627\u064a\u062f\u064b\u0627 \u0628\u0627\u0644\u0641\u0644\u0648\u0631\u0627\u064a\u062f \u0648\u0627\u0644\u0632\u0631\u0646\u064a\u062e \u0648\u0627\u0644\u0645\u0639\u0627\u062f\u0646 \u0627\u0644\u062b\u0642\u064a\u0644\u0629\u060c \u0641\u064a \u062d\u064a\u0646 \u062a\u062a\u0639\u0637\u0644 \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062a\u0646\u0627\u0636\u062d \u0627\u0644\u0639\u0643\u0633\u064a \u0628\u0633\u0628\u0628 \u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0648\u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0627\u0644\u0637\u0627\u0642\u0629 \u0648\u0635\u0639\u0648\u0628\u0629 \u0627\u0644\u0635\u064a\u0627\u0646\u0629.  \u0627\u0644\u0645\u0634\u0643\u0644\u0629: \u0642\u064a\u0648\u062f \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062a\u0646\u0627\u0636\u062d \u0627\u0644\u0639\u0643\u0633\u064a \u062a\u062a\u0648\u0642\u0641 \u0645\u0639\u062f\u0627\u062a \u0627\u0644\u062a\u0646\u0627\u0636\u062d \u0627\u0644\u0639\u0643\u0633\u064a \u0627\u0644\u0645\u0648\u0632\u0639\u0629 \u0639\u0628\u0631 \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0627\u062a \u0627\u0644\u0625\u0646\u0645\u0627\u0626\u064a\u0629 \u0627\u0644\u0631\u0633\u0645\u064a\u0629 \u0639\u0646 \u0627\u0644\u0639\u0645\u0644 \u0641\u064a \u063a\u0636\u0648\u0646 6 \u0623\u0634\u0647\u0631 \u0625\u0644\u0649 \u0633\u0646\u0629 \u0648\u0627\u062d\u062f\u0629 \u0628\u0633\u0628\u0628 \u0627\u0631\u062a\u0641\u0627\u0639 \u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621 \u0648\u0627\u0646\u0633\u062f\u0627\u062f \u0627\u0644\u0645\u0631\u0634\u062d\u0627\u062a \u0627\u0644\u0645\u062a\u0643\u0631\u0631.  \u063a\u0627\u0646\u0627: \u062a\u0648\u0642\u0641 \u0628\u0639\u062f 6 \u0623\u0634\u0647\u0631 \u0625\u062b\u064a\u0648\u0628\u064a\u0627: \u062a\u0648\u0642\u0641 \u0628\u0639\u062f \u0633\u0646\u0629 \u0648\u0627\u062d\u062f\u0629 \u062d\u0627\u0644\u0629 \u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0639\u0630\u0628\u0629 \u0627\u0644\u0635\u0627\u0644\u062d\u0629 \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645: 2.81 \u0645\u0644\u064a\u0627\u0631 \u0637\u0646 \u0645\u062a\u0631\u064a \u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u062a\u0644\u0648\u062b \u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u062c\u0648\u0641\u064a\u0629 [...]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-16","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\/ar\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/o2nb.site\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/o2nb.site\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/o2nb.site\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/o2nb.site\/ar\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":0,"href":"https:\/\/o2nb.site\/ar\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"wp:attachment":[{"href":"https:\/\/o2nb.site\/ar\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}