:root{--primary:#b00101;--secondary:#0f2130;--pri-complementry:#01b0b0;--pri-analogous-01:#b05901;--pri-analogous-02:#b00159;--pri-triadic-01:#01b001;--pri-triadic-02:#0101b0;--pri-tetradic-01:#59b001;--pri-tetradic-02:#01b0b0;--pri-tetradic-03:#5901b0;--blue:#1e90ff;--white:#fff;--black:#000;--dark-gray:#545454;--btn-border-radius:8px;--light-gray:#f6f6f6;--section-dark-bg:#001128}body{color:var(--secondary)}.csr-hero-section{font-family:'Roboto Condensed','sans-serif';font-size:22px;position:relative;height:70vh;display:flex;align-items:center;justify-content:flex-end;overflow:hidden}.csr-hero-section img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.csr-hero-container{position:relative;z-index:2;width:50%;padding:2rem}.csr-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.csr-hero-section-title{display:flex;justify-content:flex-start;width:90%;font-size:3rem;font-weight:400;background-repeat:no-repeat;background-size:contain;background-position:center}.csr-title-info{font-family:"Noto Sans";font-size:1.7rem;width:80%;font-weight:400;padding:0;margin:0}.csr-committee-container{display:flex;flex-direction:column;align-items:center;font-family:"Noto Sans";padding:2rem 0rem 2.5rem 0rem;gap:1.5rem}.committee-cont{display:flex;flex-direction:column;gap:10px;width:88%}.committee-title-cont{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:1rem 0rem 2rem 0rem}.committee-title{display:flex;justify-content:center;align-items:center;font-size:3.2rem;text-align:center;font-weight:400}.csr-card-inner-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.csr-card{width:385px;height:436px;background-color:#001128;color:var(--white);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;align-items:center;font-family:"Noto Sans"}.csr-card-image{width:100%;display:flex;justify-content:center;align-items:center;padding-top:24px}.csr-card-image img{width:220px;height:auto;object-fit:contain}.csr-card-title-group{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:16px;padding:0 12px}.csr-card-title{font-size:1.6rem;font-weight:600;margin:0}.csr-card-subtitle{font-size:1rem;color:var(--light-gray);margin:4px 0 0 0}.csr-policy-inner-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 0rem 2rem 0rem;font-family:"Noto Sans"}.csr-policy-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:88%;gap:20px}.csr-policy-title-cont{display:flex;justify-content:flex-start;width:100%}.csr-policy-title-cont{display:flex;justify-content:flex-start;align-items:center;font-size:3.2rem;text-align:center;font-weight:400}.csr-policy-title{display:flex;font-size:3.2rem;text-align:center;font-weight:400}.csr-policy-detail{font-size:1.7rem}.csr-policy-button-cont{display:flex;justify-content:flex-start;width:100%;padding:2rem 0rem 2rem 0rem}.csr-policy-button{width:8rem;height:3.5rem;background:0;border:1px solid var(--primary);border-radius:10px;font-size:1.2rem;color:var(--primary);font-weight:600;cursor:pointer}.csr-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:none;justify-content:center;align-items:center;z-index:999}.csr-popup-content{background:white;padding:20px;width:85%;height:85%;border-radius:10px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.csr-popup-close{position:absolute;top:10px;right:15px;font-size:2.5rem;background:rgba(0,0,0,0.2);width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer;color:white;z-index:1}.csr-main-image-wrapper{position:relative;width:100%;max-width:900px;margin-bottom:20px}.csr-main-image{width:100%;height:500px;background-position:center;background-size:contain;background-repeat:no-repeat;border-radius:10px}.csr-nav-btn{position:absolute;display:flex;justify-content:center;align-items:center;height:50px;width:50px;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.4);color:white;border:0;font-size:2rem;cursor:pointer;padding:10px;border-radius:50%;z-index:2}.csr-nav-btn.left{left:-50px}.csr-nav-btn.right{right:-50px}.csr-thumbnail-carousel{display:flex;gap:10px;overflow-x:auto;padding:10px;max-width:100%;height:142px}.csr-thumbnail-carousel::-webkit-scrollbar{height:8px}.csr-thumbnail-carousel::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.3);border-radius:4px}.csr-thumbnail{flex:0 0 auto;width:120px;height:80px;background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:5px;cursor:pointer;border:2px solid transparent;transition:border .3s}.csr-thumbnail.active{transform:scale(1.3)}.csr-projects-inner-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:"Noto Sans";padding:1rem 0rem 1rem 0rem;margin-bottom:50px}.csr-projects-container{display:flex;flex-direction:column;justify-content:flex-start;width:88%;gap:20px}.csr-projects-title,.csr-projects-subtitle{display:flex;font-size:3.2rem;text-align:center;font-weight:400}.csr-projects-title-group{display:flex;justify-content:space-between;align-items:center}.csr-projects-select{width:204px;height:34px;border-radius:5px;font-size:1rem;padding:5px}.csr-projects-subgroup{display:flex;flex-direction:column;justify-content:flex-start;gap:10px}.csr-projects-img-group-cont{display:flex}.projects-img-group-01{flex:1;min-width:385px;position:relative;display:flex;align-items:flex-end}.projects-img-cont-01{background:linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.6)),url(/assets/CSR_Project/csr_project_image_01-9946271001f2185335e01fb5b7f12ab0163155419499ba9e829ce28a73933919.webp);background-size:cover;background-position:center;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:40px;border-top-left-radius:10px;border-bottom-left-radius:10px}.projects-img-subtitle,.projects-img-title,.projects-img-info{color:var(--white)}.projects-img-subtitle{font-size:1.7rem;font-weight:400;margin:0;padding:0 0 1rem 0}.projects-img-title{font-size:3rem;font-weight:500;margin:0;padding:0rem 0 1rem 0}.projects-img-info{font-size:1.75rem}.projects-img-group-02{flex:1.5;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);padding:.7rem .7rem .7rem .7rem;box-shadow:0 4px 8px rgba(0,0,0,0.3);border-top-right-radius:10px;border-bottom-right-radius:10px;gap:10px}.csr-img-grid{width:100%;height:310px;background-size:cover;background-position:center}.csr-img-count-badge{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:rgba(0,0,0,0.4);color:var(--white);font-size:3rem;padding:.3rem .6rem;pointer-events:none;font-weight:600}.csr-projects-img-cont-07{display:flex;justify-content:center;align-items:center;cursor:pointer}.csr-projects-img-cont-02{background-image:url(/assets/CSR_Project/csr_project_image_02-42660db0e7465131376989fedef38edb064c527d90030e6a74156a46b7e82784.webp)}.csr-projects-img-cont-03{background-image:url(/assets/CSR_Project/csr_project_image_03-5f9f48027e270ec1fce110a1f0eee72db46f2b821012e73a1aa1ec2636ffd17c.webp)}.csr-projects-img-cont-04{background-image:url(/assets/CSR_Project/csr_project_image_04-fbf93f44295a8bd8baa1e9004430883f0dd5938872cdc78430e2dfcf247973d8.webp)}.csr-projects-img-cont-05{background-image:url(/assets/CSR_Project/csr_project_image_05-d81822e683a8273f331cc51d49ce6983767e5b96e5af4b4edbaf70c7d859c910.webp)}.csr-projects-img-cont-06{background-image:url(/assets/CSR_Project/csr_project_image_06-33fed09881c830d4743e1d27b1c96f0bcb8955a2d6c88302ddbac60a74cde3a5.webp)}.csr-projects-img-cont-07{background-image:url(/assets/CSR_Project/csr_project_image_07-3f8c30cb52df2a580269bc7e49adb6fa605707fe46d1f65df5177d94bff76cd5.webp);background-size:cover}.csr-projects-img-cont-07:hover{background-size:200% !important}