{"id":5325,"date":"2025-12-08T03:19:03","date_gmt":"2025-12-08T03:19:03","guid":{"rendered":"https:\/\/hpmc.ae\/?page_id=5325"},"modified":"2025-12-16T07:49:41","modified_gmt":"2025-12-16T07:49:41","slug":"collaborating-with-employees","status":"publish","type":"page","link":"https:\/\/hpmc.ae\/ko\/sustainability-in-landu\/collaborating-with-employees\/","title":{"rendered":"\uc9c1\uc6d0\uacfc\uc758 \ud611\ub825"},"content":{"rendered":"<div class=\"responsibility-modern-banner\">\n<div class=\"responsibility-modern-container\">\n<div class=\"responsibility-modern-content\">\n<div class=\"responsibility-modern-visual\">\n<div class=\"modern-image-container\">\n                    <img height=\"1440\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/group-of-asia-business-people-stack-hands-together-2024-12-07-01-50-28-utc-scaled.jpg\" alt=\"Corporate Responsibility\" class=\"responsibility-image\"><\/p>\n<div class=\"image-overlay\"><\/div>\n<\/p><\/div>\n<div class=\"floating-dots\">\n<div class=\"dot dot-1\"><\/div>\n<div class=\"dot dot-2\"><\/div>\n<div class=\"dot dot-3\"><\/div>\n<div class=\"dot dot-4\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"responsibility-modern-text\">\n<div class=\"modern-tag\">Corporate Social Responsibility<\/div>\n<h1 class=\"responsibility-modern-title\">LANDU: Responsibility at the Core<\/h1>\n<p class=\"responsibility-modern-description\">\n                    We put safety first, foster inclusion and diversity, and support communities through active engagement. Guided by our CSR principles, we are committed to building a safer, more sustainable future together.\n                <\/p>\n<div class=\"responsibility-modern-metrics\">\n<div class=\"metric-box\">\n                        <span class=\"metric-label\">Safety First<\/span><\/p>\n<div class=\"metric-bar\">\n<div class=\"metric-progress\" style=\"width: 100%\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"metric-box\">\n                        <span class=\"metric-label\">Inclusion &amp; Diversity<\/span><\/p>\n<div class=\"metric-bar\">\n<div class=\"metric-progress\" style=\"width: 95%\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"metric-box\">\n                        <span class=\"metric-label\">\uc9c0\uc18d \uac00\ub2a5\uc131<\/span><\/p>\n<div class=\"metric-bar\">\n<div class=\"metric-progress\" style=\"width: 90%\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"modern-background\">\n<div class=\"bg-gradient-1\"><\/div>\n<div class=\"bg-gradient-2\"><\/div>\n<div class=\"bg-grid\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n    .responsibility-modern-banner {\n        background: linear-gradient(135deg, #4A90E2 0%, #2E8B57 40%, #20B2AA 80%, #4ECDC4 100%);\n        padding: 60px 20px;\n        position: relative;\n        overflow: hidden;\n        min-height: 300px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }<\/p>\n<p>    .responsibility-modern-container {\n        max-width: 1200px;\n        width: 100%;\n        position: relative;\n        z-index: 2;\n    }<\/p>\n<p>    .responsibility-modern-content {\n        display: grid;\n        grid-template-columns: 1fr 2fr;\n        gap: 50px;\n        align-items: center;\n    }<\/p>\n<p>    .responsibility-modern-visual {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        height: 280px;\n    }<\/p>\n<p>    .modern-image-container {\n        position: relative;\n        width: auto;\n        height: auto;\n        border-radius: 30px;\n        overflow: hidden;\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n        animation: responsibility-image-float 6s ease-in-out infinite;\n    }<\/p>\n<p>    .responsibility-image {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n        transition: transform 0.3s ease;\n    }<\/p>\n<p>    .modern-image-container:hover .responsibility-image {\n        transform: scale(1.1);\n    }<\/p>\n<p>    .image-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(135deg, rgba(74, 144, 226, 0.2) 0%, rgba(46, 139, 87, 0.2) 50%, rgba(32, 178, 170, 0.2) 100%);\n        pointer-events: none;\n        animation: responsibility-overlay-pulse 4s ease-in-out infinite;\n    }<\/p>\n<p>    .floating-dots {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n    }<\/p>\n<p>    .dot {\n        position: absolute;\n        background: rgba(255, 255, 255, 0.8);\n        border-radius: 50%;\n        animation: responsibility-dot-float 6s ease-in-out infinite;\n    }<\/p>\n<p>    .dot-1 {\n        width: 6px;\n        height: 6px;\n        top: 15%;\n        left: 10%;\n        animation-delay: 0s;\n    }<\/p>\n<p>    .dot-2 {\n        width: 4px;\n        height: 4px;\n        top: 70%;\n        right: 15%;\n        animation-delay: 1.5s;\n    }<\/p>\n<p>    .dot-3 {\n        width: 5px;\n        height: 5px;\n        bottom: 20%;\n        left: 5%;\n        animation-delay: 3s;\n    }<\/p>\n<p>    .dot-4 {\n        width: 3px;\n        height: 3px;\n        top: 40%;\n        right: 10%;\n        animation-delay: 4.5s;\n    }<\/p>\n<p>    .responsibility-modern-text {\n        color: white;\n    }<\/p>\n<p>    .modern-tag {\n        display: inline-block;\n        background: rgba(255, 255, 255, 0.15);\n        backdrop-filter: blur(15px);\n        padding: 6px 16px;\n        border-radius: 20px;\n        font-size: 0.8rem;\n        font-weight: 600;\n        margin-bottom: 16px;\n        border: 1px solid rgba(255, 255, 255, 0.25);\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }<\/p>\n<p>    .responsibility-modern-title {\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        font-size: 2.8rem;\n        font-weight: 900;\n        margin: 0 0 16px 0;\n        line-height: 1.1;\n        background: linear-gradient(135deg, #ffffff 0%, #e0f7fa 40%, #b2dfdb 80%, #ffffff 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        letter-spacing: -0.02em;\n    }<\/p>\n<p>    .responsibility-modern-description {\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        font-size: 1.1rem;\n        line-height: 1.5;\n        margin: 0 0 24px 0;\n        opacity: 0.95;\n        font-weight: 300;\n        max-width: 600px;\n    }<\/p>\n<p>    .responsibility-modern-metrics {\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n        background: rgba(255, 255, 255, 0.1);\n        backdrop-filter: blur(25px);\n        padding: 20px;\n        border-radius: 16px;\n        border: 1px solid rgba(255, 255, 255, 0.2);\n    }<\/p>\n<p>    .metric-box {\n        display: flex;\n        flex-direction: column;\n        gap: 6px;\n    }<\/p>\n<p>    .metric-label {\n        font-size: 0.9rem;\n        font-weight: 600;\n        opacity: 0.9;\n    }<\/p>\n<p>    .metric-bar {\n        height: 6px;\n        background: rgba(255, 255, 255, 0.2);\n        border-radius: 3px;\n        overflow: hidden;\n        position: relative;\n    }<\/p>\n<p>    .metric-progress {\n        height: 100%;\n        background: linear-gradient(90deg, #ffffff 0%, #e0f7fa 50%, #b2dfdb 100%);\n        border-radius: 3px;\n        animation: responsibility-progress 2s ease-out;\n        position: relative;\n    }<\/p>\n<p>    .metric-progress::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.3) 50%, transparent 100%);\n        animation: responsibility-shimmer 2s ease-in-out infinite;\n    }<\/p>\n<p>    .modern-background {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n        z-index: 1;\n    }<\/p>\n<p>    .bg-gradient-1 {\n        position: absolute;\n        top: -25%;\n        right: -20%;\n        width: 60%;\n        height: 75%;\n        background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 0%, transparent 70%);\n        animation: responsibility-bg-move 20s ease-in-out infinite;\n    }<\/p>\n<p>    .bg-gradient-2 {\n        position: absolute;\n        bottom: -15%;\n        left: -10%;\n        width: 50%;\n        height: 50%;\n        background: radial-gradient(circle, rgba(32, 178, 170, 0.1) 0%, transparent 60%);\n        animation: responsibility-bg-move 25s ease-in-out infinite reverse;\n    }<\/p>\n<p>    .bg-grid {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-image: \n            linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),\n            linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);\n        background-size: 30px 30px;\n        animation: responsibility-grid-move 30s linear infinite;\n    }<\/p>\n<p>    @keyframes responsibility-image-float {\n        0%, 100% {\n            transform: translateY(0px) rotate(0deg);\n        }\n        50% {\n            transform: translateY(-15px) rotate(2deg);\n        }\n    }<\/p>\n<p>    @keyframes responsibility-overlay-pulse {\n        0%, 100% {\n            opacity: 0.6;\n        }\n        50% {\n            opacity: 0.3;\n        }\n    }<\/p>\n<p>    @keyframes responsibility-dot-float {\n        0%, 100% {\n            transform: translateY(0px) scale(1);\n            opacity: 0.8;\n        }\n        50% {\n            transform: translateY(-15px) scale(1.2);\n            opacity: 1;\n        }\n    }<\/p>\n<p>    @keyframes responsibility-progress {\n        0% { width: 0; }\n        100% { width: inherit; }\n    }<\/p>\n<p>    @keyframes responsibility-shimmer {\n        0% { transform: translateX(-100%); }\n        100% { transform: translateX(200%); }\n    }<\/p>\n<p>    @keyframes responsibility-bg-move {\n        0%, 100% { transform: translate(0, 0) scale(1); }\n        50% { transform: translate(10px, -10px) scale(1.05); }\n    }<\/p>\n<p>    @keyframes responsibility-grid-move {\n        0% { transform: translate(0, 0); }\n        100% { transform: translate(30px, 30px); }\n    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 1024px) {\n        .responsibility-modern-content {\n            grid-template-columns: 1fr;\n            gap: 35px;\n            text-align: center;\n        }<\/p>\n<p>        .responsibility-modern-visual {\n            height: 240px;\n        }<\/p>\n<p>        .modern-image-container {\n            width: 180px;\n            height: 180px;\n        }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n        .responsibility-modern-banner {\n            padding: 50px 15px;\n            min-height: 250px;\n        }<\/p>\n<p>        .responsibility-modern-title {\n            font-size: 2.2rem;\n        }<\/p>\n<p>        .responsibility-modern-description {\n            font-size: 1rem;\n        }<\/p>\n<p>        .responsibility-modern-visual {\n            height: 200px;\n        }<\/p>\n<p>        .modern-image-container {\n            width: 160px;\n            height: 160px;\n        }<\/p>\n<p>        .responsibility-modern-metrics {\n            padding: 16px;\n        }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n        .responsibility-modern-banner {\n            padding: 40px 15px;\n        }<\/p>\n<p>        .responsibility-modern-title {\n            font-size: 1.8rem;\n        }<\/p>\n<p>        .responsibility-modern-description {\n            font-size: 0.95rem;\n        }<\/p>\n<p>        .responsibility-modern-visual {\n            height: 180px;\n        }<\/p>\n<p>        .modern-image-container {\n            width: 140px;\n            height: 140px;\n            border-radius: 20px;\n        }<\/p>\n<p>        .responsibility-modern-metrics {\n            padding: 14px;\n        }\n    }\n<\/style>\n<div class=\"responsibility-content-section\">\n<div class=\"responsibility-content-container\">\n        <!-- Safety Section --><\/p>\n<div class=\"safety-section\">\n<div class=\"section-content\">\n<div class=\"section-text\">\n<h2 class=\"section-title\">Prioritizing Safety Above All<\/h2>\n<p class=\"section-intro\">\n                        At LANDU, we believe that a safe and healthy workplace is the foundation for sustainable operations and for attracting motivated, highly skilled professionals. Our commitment to Safety First extends to every aspect of our business.\n                    <\/p>\n<p class=\"section-description\">\n                        We are building a robust safety culture focused on eliminating workplace injuries to both employees and third-party contractors, as well as preventing operational activities from causing material damage. This vision is brought to life through:\n                    <\/p>\n<div class=\"safety-features\">\n<div class=\"feature-item\">\n<div class=\"feature-number\">01<\/div>\n<div class=\"feature-content\">\n<h3>Proactive Risk Management<\/h3>\n<p>Identifying and mitigating potential hazards before they arise.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"feature-item\">\n<div class=\"feature-number\">02<\/div>\n<div class=\"feature-content\">\n<h3>Systematic Injury &amp; Disease Prevention<\/h3>\n<p>Embedding preventive measures into every process.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"feature-item\">\n<div class=\"feature-number\">03<\/div>\n<div class=\"feature-content\">\n<h3>Employee Engagement<\/h3>\n<p>Fostering active participation in safety discussions and initiatives.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"section-images-with-quote\">\n<div class=\"image-grid\">\n                        <img height=\"1206\" width=\"1811\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/happiness-engineer-and-worker-team-group-joining-h-2025-09-08-10-20-32-utc.jpg\" alt=\"LANDU Technicians Product Test\" loading=\"lazy\"><br \/>\n                        <img height=\"1371\" width=\"2189\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/group-of-successful-business-people-at-work-in-off-2025-03-14-22-00-42-utc.jpg\" alt=\"LANDU \ud604\uc7a5 \uad50\uc721\" loading=\"lazy\">\n                    <\/div>\n<div class=\"safety-quote\">\n<p>Safety is not just a policy at LANDU; it is ingrained in our DNA. Through safe job analyses, the implementation of safety barriers, and unwavering adherence to best practices, we ensure that every project, task, and decision is made with the well-being of our people at heart.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Inclusion & Diversity Section --><\/p>\n<div class=\"diversity-section\">\n<div class=\"section-content reverse\">\n<div class=\"section-images\">\n<div class=\"image-single\">\n                        <img height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/two-businesswomen-shaking-hands-after-successful-a-2025-08-10-06-13-08-utc-scaled.jpg\" alt=\"LANDU Professional Service\" loading=\"lazy\">\n                    <\/div>\n<\/p><\/div>\n<div class=\"section-text\">\n<h2 class=\"section-title\">Inclusion &amp; Diversity Initiatives<\/h2>\n<p class=\"section-description\">\n                        Diversity and inclusion are essential to unlocking the full potential of our global workforce. At LANDU, we strive to create an environment where all employees feel welcomed, empowered to share their ideas, and confident to challenge the status quo.\n                    <\/p>\n<div class=\"commitment-list\">\n<div class=\"commitment-item\">\n<div class=\"commitment-bullet\"><\/div>\n<p>Treating every individual with dignity, fairness, and respect.<\/p>\n<\/p><\/div>\n<div class=\"commitment-item\">\n<div class=\"commitment-bullet\"><\/div>\n<p>Valuing contributions regardless of age, race, nationality, gender identity, or sexual orientation.<\/p>\n<\/p><\/div>\n<div class=\"commitment-item\">\n<div class=\"commitment-bullet\"><\/div>\n<p>Encouraging open dialogue and collaboration to achieve common goals.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"section-conclusion\">\n                        We continuously monitor and evaluate the diversity of our teams, tracking progress and setting new challenges for ourselves to ensure our workplace remains vibrant, inclusive, and innovative.\n                    <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Community Engagement Section --><\/p>\n<div class=\"community-section\">\n<div class=\"section-content\">\n<div class=\"section-text\">\n<h2 class=\"section-title\">Engaging with Our Communities<\/h2>\n<p class=\"section-description\">\n                        Strong relationships with local communities\u2014especially those near our operations\u2014are key to our long-term success. We conduct regular performance audits of our facilities to keep our neighbors informed, engaged, and confident in our standards.\n                    <\/p>\n<div class=\"focus-areas\">\n<div class=\"focus-card\">\n<h4>Essential Chemicals<\/h4>\n<p>Supplying essential chemicals safely and responsibly.<\/p>\n<\/p><\/div>\n<div class=\"focus-card\">\n<h4>Stakeholder Dialogue<\/h4>\n<p>Maintaining constructive dialogue with stakeholders.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"section-conclusion\">\n                        Through volunteering, active participation, and corporate donations, we collaborate with employees, customers, and suppliers to deliver tangible benefits to the communities we serve. These initiatives not only reinforce our commitment to society but also inspire our teams to take pride in their role beyond the factory walls.\n                    <\/p>\n<\/p><\/div>\n<div class=\"section-images\">\n<div class=\"image-grid\">\n                        <img height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/volunteers-collecting-rubbish-and-recycling-2025-04-03-13-17-59-utc-scaled.jpg\" alt=\"cURL Too many subrequests.\" loading=\"lazy\"><br \/>\n                        <img height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/diverse-business-team-leader-discuss-financial-pap-2025-03-27-01-57-40-utc-scaled.jpg\" alt=\"LANDU Business Development Manager\" loading=\"lazy\">\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- CSR Section --><\/p>\n<div class=\"csr-section\">\n<div class=\"csr-content\">\n<h2 class=\"section-title centered\">Corporate Social Responsibility<\/h2>\n<p class=\"csr-intro\">\n                    Our Corporate Social Responsibility approach is central to our mission: commitment to and contribution towards a sustainable future. We aim to ensure that the working conditions we provide have a positive impact on our employees' health, motivation, and professional growth.\n                <\/p>\n<div class=\"csr-pillars\">\n<div class=\"csr-pillar\">\n<div class=\"pillar-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V15H13V17ZM13 13H11V7H13V13Z\" fill=\"#4A90E2\"><\/path>\n                            <\/svg>\n                        <\/div>\n<h3>Supportive Environment<\/h3>\n<p>Creating a supportive, inclusive work environment.<\/p>\n<\/p><\/div>\n<div class=\"csr-pillar\">\n<div class=\"pillar-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M20 6H16V4C16 2.89 15.11 2 14 2H10C8.89 2 8 2.89 8 4V6H4C2.89 6 2.01 6.89 2.01 8L2 19C2 20.11 2.89 21 4 21H20C21.11 21 22 20.11 22 19V8C22 6.89 21.11 6 20 6ZM14 6H10V4H14V6Z\" fill=\"#2E8B57\"><\/path>\n                            <\/svg>\n                        <\/div>\n<h3>Meaningful Tasks<\/h3>\n<p>Offering meaningful and engaging tasks with constructive feedback.<\/p>\n<\/p><\/div>\n<div class=\"csr-pillar\">\n<div class=\"pillar-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M16 11C17.66 11 18.99 9.66 18.99 8C18.99 6.34 17.66 5 16 5C14.34 5 13 6.34 13 8C13 9.66 14.34 11 16 11ZM8 11C9.66 11 10.99 9.66 10.99 8C10.99 6.34 9.66 5 8 5C6.34 5 5 6.34 5 8C5 9.66 6.34 11 8 11ZM8 13C5.67 13 1 14.17 1 16.5V19H15V16.5C15 14.17 10.33 13 8 13ZM16 13C15.71 13 15.38 13.02 15.03 13.05C16.19 13.89 17 15.02 17 16.5V19H23V16.5C23 14.17 18.33 13 16 13Z\" fill=\"#20B2AA\"><\/path>\n                            <\/svg>\n                        <\/div>\n<h3>Collective Progress<\/h3>\n<p>Driving collective progress through community-based programs.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"csr-conclusion\">\n                    By integrating volunteering, participation, and donations into our operations, we support transformative initiatives that benefit employees, local communities, and society at large\u2014turning our pledge into measurable progress.\n                <\/p>\n<div class=\"csr-actions\">\n                    <a href=\"https:\/\/hpmc.ae\/ko\/sustainability-in-landu\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"csr-button primary editing\"><br \/>\n                        <span>\uc790\uc138\ud788 \ubcf4\uae30<\/span><br \/>\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg><br \/>\n                    <\/a><br \/>\n                    <a href=\"https:\/\/hpmc.ae\/ko\/contact\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"csr-button secondary\"><br \/>\n                        <span>\ubb38\uc758\ud558\uae30<\/span><br \/>\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M3 8L10.89 13.26C11.23 13.47 11.61 13.59 12 13.59C12.39 13.59 12.77 13.47 13.11 13.26L21 8M5 19H19C19.5304 19 20.0391 18.7893 20.4142 18.4142C20.7893 18.0391 21 17.5304 21 17V7C21 6.46957 20.7893 5.96086 20.4142 5.58579C20.0391 5.21071 19.5304 5 19 5H5C4.46957 5 3.96086 5.21071 3.58579 5.58579C3.21071 5.96086 3 6.46957 3 7V17C3 17.5304 3.21071 18.0391 3.58579 18.4142C3.96086 18.7893 4.46957 19 5 19Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg><br \/>\n                    <\/a>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n    .responsibility-content-section {\n        padding: 100px 20px;\n        background: linear-gradient(180deg, #f8faff 0%, #ffffff 50%, #f0f8ff 100%);\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    }<\/p>\n<p>    .responsibility-content-container {\n        max-width: 1400px;\n        margin: 0 auto;\n    }<\/p>\n<p>    .safety-section,\n    .diversity-section,\n    .community-section {\n        margin-bottom: 100px;\n    }<\/p>\n<p>    .section-content {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 60px;\n        align-items: start;\n    }<\/p>\n<p>    .section-content.reverse {\n        grid-template-columns: 1fr 1fr;\n        align-items: center;\n    }<\/p>\n<p>    .section-content.reverse .section-images {\n        order: 1;\n    }<\/p>\n<p>    .section-content.reverse .section-text {\n        order: 2;\n    }<\/p>\n<p>    .section-title {\n        font-size: 2.8rem;\n        font-weight: 700;\n        background: linear-gradient(135deg, #4A90E2 0%, #2E8B57 50%, #20B2AA 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        margin-bottom: 24px;\n        line-height: 1.2;\n    }<\/p>\n<p>    .section-title.centered {\n        text-align: center;\n        font-size: 3.2rem;\n    }<\/p>\n<p>    .section-intro,\n    .section-description {\n        font-size: 1.1rem;\n        color: #4a5568;\n        line-height: 1.6;\n        margin-bottom: 24px;\n    }<\/p>\n<p>    .section-conclusion {\n        font-size: 1.05rem;\n        color: #4a5568;\n        line-height: 1.6;\n        margin-top: 24px;\n    }<\/p>\n<p>    \/* Safety Features *\/\n    .safety-features {\n        display: flex;\n        flex-direction: column;\n        gap: 24px;\n        margin: 32px 0;\n    }<\/p>\n<p>    .feature-item {\n        display: flex;\n        gap: 20px;\n        align-items: flex-start;\n        padding: 24px;\n        background: white;\n        border-radius: 16px;\n        box-shadow: 0 4px 20px rgba(74, 144, 226, 0.1);\n        border: 1px solid rgba(74, 144, 226, 0.1);\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .feature-item:hover {\n        transform: translateY(-4px);\n        box-shadow: 0 8px 30px rgba(74, 144, 226, 0.15);\n    }<\/p>\n<p>    .feature-number {\n        flex-shrink: 0;\n        width: 40px;\n        height: 40px;\n        background: linear-gradient(135deg, #4A90E2, #2E8B57);\n        color: white;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: 700;\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .feature-content h4 {\n        font-size: 1.2rem;\n        font-weight: 600;\n        color: #2d3748;\n        margin-bottom: 8px;\n    }<\/p>\n<p>    .feature-content p {\n        color: #4a5568;\n        margin: 0;\n        line-height: 1.5;\n    }<\/p>\n<p>    \/* Images with Quote Container *\/\n    .section-images-with-quote {\n        display: flex;\n        flex-direction: column;\n        gap: 24px;\n    }<\/p>\n<p>    .safety-quote {\n        background: linear-gradient(135deg, rgba(74, 144, 226, 0.05) 0%, rgba(32, 178, 170, 0.05) 100%);\n        padding: 24px;\n        border-radius: 16px;\n        border-left: 4px solid #4A90E2;\n    }<\/p>\n<p>    .safety-quote p {\n        font-style: italic;\n        color: #4a5568;\n        margin: 0;\n        line-height: 1.6;\n    }<\/p>\n<p>    \/* Images *\/\n    .section-images {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }<\/p>\n<p>    .image-grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 20px;\n        width: 100%;\n    }<\/p>\n<p>    .image-single {\n        width: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }<\/p>\n<p>    .image-grid img {\n        width: 100%;\n        height: 280px;\n        object-fit: cover;\n        border-radius: 20px;\n        box-shadow: 0 12px 40px rgba(74, 144, 226, 0.15);\n        transition: transform 0.3s ease;\n    }<\/p>\n<p>    .image-single img {\n        width: 100%;\n        height: auto;\n        object-fit: cover;\n        border-radius: 20px;\n        box-shadow: 0 12px 40px rgba(74, 144, 226, 0.15);\n        transition: transform 0.3s ease;\n    }<\/p>\n<p>    .image-grid img:hover,\n    .image-single img:hover {\n        transform: scale(1.02);\n    }<\/p>\n<p>    \/* Commitment List *\/\n    .commitment-list {\n        display: flex;\n        flex-direction: column;\n        gap: 16px;\n        margin: 24px 0;\n    }<\/p>\n<p>    .commitment-item {\n        display: flex;\n        align-items: flex-start;\n        gap: 16px;\n    }<\/p>\n<p>    .commitment-bullet {\n        flex-shrink: 0;\n        width: 8px;\n        height: 8px;\n        background: linear-gradient(135deg, #4A90E2, #20B2AA);\n        border-radius: 50%;\n        margin-top: 8px;\n    }<\/p>\n<p>    .commitment-item p {\n        margin: 0;\n        color: #4a5568;\n        line-height: 1.6;\n    }<\/p>\n<p>    \/* Focus Areas *\/\n    .focus-areas {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 20px;\n        margin: 24px 0;\n    }<\/p>\n<p>    .focus-card {\n        background: white;\n        padding: 24px;\n        border-radius: 16px;\n        box-shadow: 0 4px 20px rgba(74, 144, 226, 0.08);\n        border: 1px solid rgba(74, 144, 226, 0.1);\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .focus-card:hover {\n        transform: translateY(-4px);\n        box-shadow: 0 8px 30px rgba(74, 144, 226, 0.12);\n    }<\/p>\n<p>    .focus-card h4 {\n        font-size: 1.2rem;\n        font-weight: 600;\n        color: #2d3748;\n        margin-bottom: 12px;\n    }<\/p>\n<p>    .focus-card p {\n        color: #4a5568;\n        margin: 0;\n        line-height: 1.5;\n    }<\/p>\n<p>    \/* CSR Section *\/\n    .csr-section {\n        background: white;\n        padding: 80px 60px;\n        border-radius: 24px;\n        box-shadow: 0 12px 40px rgba(74, 144, 226, 0.1);\n    }<\/p>\n<p>    .csr-content {\n        text-align: center;\n    }<\/p>\n<p>    .csr-intro,\n    .csr-conclusion {\n        font-size: 1.2rem;\n        color: #4a5568;\n        line-height: 1.6;\n        max-width: 800px;\n        margin: 0 auto 40px;\n    }<\/p>\n<p>    .csr-pillars {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 40px;\n        margin: 60px 0;\n    }<\/p>\n<p>    .csr-pillar {\n        text-align: center;\n        padding: 32px 24px;\n        background: rgba(74, 144, 226, 0.02);\n        border-radius: 20px;\n        border: 1px solid rgba(74, 144, 226, 0.1);\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .csr-pillar:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 12px 40px rgba(74, 144, 226, 0.15);\n    }<\/p>\n<p>    .pillar-icon {\n        width: 60px;\n        height: 60px;\n        margin: 0 auto 20px;\n        background: rgba(74, 144, 226, 0.1);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }<\/p>\n<p>    .pillar-icon svg {\n        width: 28px;\n        height: 28px;\n    }<\/p>\n<p>    .csr-pillar h4 {\n        font-size: 1.3rem;\n        font-weight: 600;\n        color: #2d3748;\n        margin-bottom: 12px;\n    }<\/p>\n<p>    .csr-pillar p {\n        color: #4a5568;\n        margin: 0;\n        line-height: 1.5;\n    }<\/p>\n<p>    \/* CSR Action Buttons *\/\n    .csr-actions {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 24px;\n        margin-top: 48px;\n        flex-wrap: wrap;\n    }<\/p>\n<p>    .csr-button {\n        display: inline-flex;\n        align-items: center;\n        gap: 12px;\n        padding: 16px 32px;\n        font-size: 1.1rem;\n        font-weight: 600;\n        text-decoration: none;\n        border-radius: 50px;\n        transition: all 0.3s ease;\n        box-shadow: 0 4px 20px rgba(74, 144, 226, 0.2);\n        position: relative;\n        overflow: hidden;\n    }<\/p>\n<p>    .csr-button::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n        transition: left 0.5s ease;\n    }<\/p>\n<p>    .csr-button:hover::before {\n        left: 100%;\n    }<\/p>\n<p>    .csr-button.primary {\n        background: linear-gradient(135deg, #4A90E2 0%, #2E8B57 100%);\n        color: white;\n    }<\/p>\n<p>    .csr-button.primary:hover {\n        transform: translateY(-4px);\n        box-shadow: 0 8px 30px rgba(74, 144, 226, 0.3);\n    }<\/p>\n<p>    .csr-button.secondary {\n        background: white;\n        color: #4A90E2;\n        border: 2px solid #4A90E2;\n        box-shadow: 0 4px 20px rgba(74, 144, 226, 0.15);\n    }<\/p>\n<p>    .csr-button.secondary:hover {\n        background: linear-gradient(135deg, #4A90E2 0%, #2E8B57 100%);\n        color: white;\n        border-color: transparent;\n        transform: translateY(-4px);\n        box-shadow: 0 8px 30px rgba(74, 144, 226, 0.3);\n    }<\/p>\n<p>    .csr-button svg {\n        width: 20px;\n        height: 20px;\n        transition: transform 0.3s ease;\n    }<\/p>\n<p>    .csr-button:hover svg {\n        transform: translateX(4px);\n    }<\/p>\n<p>    .csr-button.secondary:hover svg {\n        transform: translateX(4px);\n    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n        .section-content {\n            grid-template-columns: 1fr;\n            gap: 40px;\n        }<\/p>\n<p>        .section-content.reverse .section-images,\n        .section-content.reverse .section-text {\n            order: unset;\n        }<\/p>\n<p>        .focus-areas {\n            grid-template-columns: 1fr;\n        }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n        .responsibility-content-section {\n            padding: 80px 15px;\n        }<\/p>\n<p>        .section-title {\n            font-size: 2.2rem;\n        }<\/p>\n<p>        .section-title.centered {\n            font-size: 2.6rem;\n        }<\/p>\n<p>        .safety-section,\n        .diversity-section,\n        .community-section {\n            margin-bottom: 80px;\n        }<\/p>\n<p>        .safety-features {\n            gap: 16px;\n        }<\/p>\n<p>        .feature-item {\n            padding: 20px;\n            flex-direction: column;\n            text-align: center;\n            gap: 16px;\n        }<\/p>\n<p>        .image-grid img {\n            height: 220px;\n        }<\/p>\n<p>        .csr-section {\n            padding: 60px 30px;\n        }<\/p>\n<p>        .csr-pillars {\n            grid-template-columns: 1fr;\n            gap: 30px;\n            margin: 40px 0;\n        }<\/p>\n<p>        .csr-actions {\n            flex-direction: column;\n            gap: 16px;\n        }<\/p>\n<p>        .csr-button {\n            width: 100%;\n            max-width: 300px;\n            justify-content: center;\n        }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n        .section-title {\n            font-size: 1.8rem;\n        }<\/p>\n<p>        .section-title.centered {\n            font-size: 2.2rem;\n        }<\/p>\n<p>        .feature-item {\n            padding: 16px;\n        }<\/p>\n<p>        .csr-section {\n            padding: 40px 20px;\n        }<\/p>\n<p>        .image-grid img {\n            height: 180px;\n        }<\/p>\n<p>        .csr-button {\n            padding: 14px 28px;\n            font-size: 1rem;\n        }\n    }\n<\/style>","protected":false},"excerpt":{"rendered":"<p>Corporate Social Responsibility LANDU: Responsibility at the Core We put safety first, foster inclusion and diversity, and support communities through active engagement. Guided by our CSR principles, we are committed to building a safer, more sustainable future together. Safety First Inclusion &amp; Diversity Sustainability Prioritizing Safety Above All At LANDU, we believe that a safe [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":5381,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5325","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hpmc.ae\/ko\/wp-json\/wp\/v2\/pages\/5325","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/ko\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/ko\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/ko\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/ko\/wp-json\/wp\/v2\/comments?post=5325"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/ko\/wp-json\/wp\/v2\/pages\/5325\/revisions"}],"predecessor-version":[{"id":5326,"href":"https:\/\/hpmc.ae\/ko\/wp-json\/wp\/v2\/pages\/5325\/revisions\/5326"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/ko\/wp-json\/wp\/v2\/pages\/5381"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/ko\/wp-json\/wp\/v2\/media?parent=5325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}