@keyframes mv-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes mv-line{0%{top:-50px}to{top:100%}}.main-visual{position:relative;height:100vh;overflow:hidden;color:#fff}@media (max-width:1024px){.main-visual{height:640px;margin-top:-60px}}.main-visual .bg,.main-visual .swiper,.main-visual .swiper-slide{height:100%}.main-visual .bg{position:relative}.main-visual .bg img{width:100%;height:100%;object-fit:cover;object-position:center bottom}.main-visual .swiper-slide:not(.swiper-slide-active) .copy{visibility:hidden}.main-visual .swiper-slide-active .tit{animation:mv-up 0.9s ease-out both}.main-visual .swiper-slide-active .desc{animation:mv-up 0.9s ease-out 0.15s both}.main-visual .copy{position:absolute;z-index:2;left:50%;top:50%;width:100%;padding:0 40px;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.main-visual .tit{font-size:64px;font-weight:600;line-height:130%;letter-spacing:-2.56px}@media (max-width:1400px){.main-visual .tit{font-size:40px;letter-spacing:-1.6px}}@media (max-width:1024px){.main-visual .tit{font-size:28px;letter-spacing:-1.12px}}.main-visual .desc{margin-top:16px;font-size:26px;font-weight:400;line-height:140%;letter-spacing:-1.04px}@media (max-width:1400px){.main-visual .desc{font-size:20px;letter-spacing:-0.8px}}@media (max-width:1024px){.main-visual .desc{font-size:16px;letter-spacing:-0.64px}}.main-visual .scroll{position:absolute;z-index:2;left:110px;bottom:0;display:flex;flex-direction:column;align-items:center}@media (max-width:1400px){.main-visual .scroll{left:40px}}@media (max-width:768px){.main-visual .scroll{display:none}}.main-visual .label{font-size:15px;font-weight:300;line-height:100%;letter-spacing:-0.3px;text-transform:uppercase;color:rgba(255,255,255,0.5)}.main-visual .line{display:block;position:relative;overflow:hidden;width:1px;height:104px;margin-top:16px;background:rgba(255,255,255,0.35)}.main-visual .line:after{content:"";position:absolute;left:0;top:-50px;width:100%;height:50px;background:#fff;animation:mv-line 1.6s linear infinite}.main-visual .pager{--swiper-pagination-bullet-horizontal-gap:0;position:absolute;z-index:2;left:50%;bottom:100px;display:flex;align-items:center;gap:8px;width:auto;transform:translateX(-50%)}@media (max-width:1024px){.main-visual .pager{bottom:32px}}.main-visual .swiper-pagination-bullet{position:relative;width:8px;height:8px;margin:0;border-radius:37px;background:rgba(255,255,255,0.5);opacity:1;overflow:hidden}.main-visual .swiper-pagination-bullet-active{width:46px}.main-visual .swiper-pagination-bullet-active:after{content:"";position:absolute;inset:0;background:#fbc400;transform:scaleX(var(--mv-bar,0));transform-origin:left center}.esg{background:#090909;padding:150px 0 120px}@media (max-width:1024px){.esg{padding:80px 0 60px}}.esg .inner{width:100%;max-width:1600px;margin:0 auto;padding:0 30px}.esg .head{text-align:center}.esg .label{font-family:"Montserrat",sans-serif;font-size:50px;font-weight:600;line-height:140%;letter-spacing:-1.25px;color:#fdbe0f}@media (max-width:1024px){.esg .label{font-size:36px}}.esg .tit{margin-top:24px;font-size:56px;font-weight:700;line-height:120%;letter-spacing:-2.24px;color:#fff}@media (max-width:1400px){.esg .tit{font-size:40px;letter-spacing:-1.6px}}@media (max-width:1024px){.esg .tit{font-size:28px;letter-spacing:-1.12px}}@media (max-width:768px){.esg .tit{font-size:20px;letter-spacing:-0.5px}}.esg .list{display:flex;align-items:flex-start;justify-content:center;gap:20px;margin-top:120px}.esg .list>li{width:calc((100% - 40px) / 3)}.esg .list>li:nth-child(2){margin-top:60px}.esg .list>li:nth-child(3){margin-top:120px}@media (max-width:1024px){.esg .list{flex-direction:column;align-items:center;margin-top:48px;gap:24px}.esg .list>li,.esg .list>li:nth-child(2),.esg .list>li:nth-child(3){width:100%;max-width:500px;margin-top:0}}.esg .card{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:100%;height:660px;padding:50px 40px;border:1px solid #999;border-radius:20px;overflow:hidden;color:#fff}@media (max-width:1400px){.esg .card{width:100%;height:560px;padding:36px 28px}}@media (max-width:1024px){.esg .card{height:480px}}@media (max-width:768px){.esg .card{height:400px}}.esg .card:focus-visible .bg,.esg .card:hover .bg{filter:blur(40px)}.esg .card:focus-visible .dim,.esg .card:hover .dim{background:rgba(0,0,0,0.5);backdrop-filter:blur(50px)}.esg .card:focus-visible .sub,.esg .card:hover .sub{color:#fdbe0f}.esg .card:focus-visible .txt,.esg .card:hover .txt{opacity:1;transform:translateY(0)}.esg .card:focus-visible .glow,.esg .card:hover .glow{opacity:1}.esg .glow{position:absolute;z-index:1;left:50%;top:50%;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(253,190,15,0.95) 0%,rgba(253,190,15,0.4) 42%,rgba(253,190,15,0) 70%);filter:blur(24px);opacity:0;pointer-events:none;transform:translate(-50%,-50%);transition:opacity 0.35s}.esg .bg{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;transition:filter 0.4s,transform 0.4s}.esg .dim{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 63.5%);transition:background 0.35s,backdrop-filter 0.35s}.esg .name,.esg .num,.esg .sub,.esg .txt{position:relative;z-index:3}.esg .num{font-family:"Montserrat",sans-serif;font-size:18px;font-weight:500;line-height:130%}.esg .name{margin-top:16px;font-family:"Montserrat",sans-serif;font-size:54px;font-weight:700;font-style:italic;line-height:130%;letter-spacing:-1.62px}@media (max-width:1400px){.esg .name{font-size:40px;letter-spacing:-1.2px}}@media (max-width:1024px){.esg .name{font-size:36px}}@media (max-width:768px){.esg .name{font-size:28px;letter-spacing:-0.64px}}.esg .sub{margin-top:6px;font-size:20px;font-weight:500;line-height:140%;letter-spacing:-0.8px;transition:color 0.35s}@media (max-width:1024px){.esg .sub{font-size:16px}}.esg .txt{margin-top:36px;font-size:16px;font-weight:400;line-height:160%;letter-spacing:-0.64px;color:rgba(255,255,255,0.8);opacity:0;transform:translateY(12px);transition:opacity 0.35s,transform 0.35s}@media (max-width:1024px){.esg .txt{opacity:1;transform:translateY(0)}}.business{background:#090909;padding:150px 0 82px;overflow:hidden}@media (max-width:1024px){.business{padding:80px 0 60px}}.business .head{text-align:center}.business .label{font-family:"Montserrat",sans-serif;font-size:50px;font-weight:600;line-height:140%;letter-spacing:-1.25px;color:#fdbe0f}@media (max-width:1024px){.business .label{font-size:36px}}.business .tit{margin-top:24px;font-size:56px;font-weight:700;line-height:120%;letter-spacing:-2.24px;color:#fff}@media (max-width:1400px){.business .tit{font-size:40px;letter-spacing:-1.6px}}@media (max-width:1024px){.business .tit{font-size:28px;letter-spacing:-1.12px}}@media (max-width:768px){.business .tit{font-size:20px;letter-spacing:-0.42px}}.business .list{display:flex;gap:32px;width:calc(100% - 160px);max-width:1678px;height:780px;margin:78px auto 0}@media (max-width:1400px){.business .list{gap:20px;width:calc(100% - 80px);height:620px}}@media (max-width:1024px){.business .list{flex-direction:column;width:calc(100% - 40px);height:auto;gap:16px;margin-top:48px}}.business .list li{flex:184 1 0;height:100%;min-width:0;transition:flex-grow 0.55s ease}.business .list li.on{flex-grow:1030}.business .list:focus-within li,.business .list:hover li{flex-grow:184}.business .list:focus-within li:focus-within,.business .list:hover li:hover{flex-grow:1030}.business .card{position:relative;display:block;width:100%;height:100%;border-radius:15px;overflow:hidden;color:#fff}.business .bg{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center}.business .copy,.business .side{position:absolute;z-index:2}.business .side{inset:0;display:flex;align-items:center;justify-content:center;font-family:"Industry Test",sans-serif;font-size:64px;font-weight:700;font-style:italic;line-height:100%;letter-spacing:-1.6px;white-space:nowrap;transform:rotate(90deg);transition:opacity 0.3s}@media (max-width:1400px){.business .side{font-size:40px;letter-spacing:-1px}}.business .copy{left:80px;bottom:80px;width:646px;max-width:calc(100% - 120px);opacity:0;visibility:hidden;transition:opacity 0.3s}@media (max-width:1400px){.business .copy{left:40px;bottom:40px;width:520px}}@media (max-width:768px){.business .copy{left:20px;bottom:20px}}.business .sub{font-size:22px;font-weight:500;line-height:140%;letter-spacing:-0.22px;color:#fbc400}@media (max-width:1400px){.business .sub{font-size:18px}}.business .name{font-family:"Industry Test",sans-serif;font-size:64px;font-weight:700;font-style:italic;line-height:100%;letter-spacing:-1.6px}@media (max-width:1400px){.business .name{font-size:48px;letter-spacing:-1.2px}}.business .more{display:inline-flex;align-items:center;margin-top:36px}.business .pill{display:inline-flex;align-items:center;height:40px;padding:0 16px;border:1px solid rgba(255,255,255,0.2);border-radius:79px;font-size:15px;font-weight:400;line-height:160%;letter-spacing:-0.3px}.business .arrow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fbc400;border-radius:50%}.business .arrow img{transform:rotate(90deg)}.business li.on .dim{background:rgba(0,0,0,0.3)}.business li.on .side{opacity:0}.business li.on .copy{opacity:1;visibility:visible}.business .list:focus-within li .dim,.business .list:hover li .dim{background:rgba(0,0,0,0.6)}.business .list:focus-within li .side,.business .list:hover li .side{opacity:1}.business .list:focus-within li .copy,.business .list:hover li .copy{opacity:0;visibility:hidden}.business .list:focus-within li:focus-within .dim,.business .list:hover li:hover .dim{background:rgba(0,0,0,0.3)}.business .list:focus-within li:focus-within .side,.business .list:hover li:hover .side{opacity:0}.business .list:focus-within li:focus-within .copy,.business .list:hover li:hover .copy{opacity:1;visibility:visible}@media (max-width:1024px){.business .list li,.business .list li.on,.business .list:focus-within li,.business .list:focus-within li:focus-within,.business .list:hover li,.business .list:hover li:hover{flex:none;width:100%;height:420px}.business .side{display:none}.business .dim{background:rgba(0,0,0,0.3)}.business .copy,.business .list:focus-within li .copy,.business .list:hover li .copy{opacity:1;visibility:visible}}