.unit-banner[text-color=white]{color:var(--white)}.unit-banner[text-color=white] .banner-bg .sticky-img:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--black-10)}.unit-banner[text-color=black]{color:var(--black)}.unit-banner .banner-container{position:relative;width:100%;aspect-ratio:1920/750;display:flex;flex-direction:column;justify-content:flex-end;padding:0 30px 50px;transition:.3s}.unit-banner .banner-container.page .unit-title{padding:105px 0}@media only screen and (max-width: 1200px){.unit-banner .banner-container{aspect-ratio:1024/670;padding:50px 30px}}@media only screen and (max-width: 767px){.unit-banner .banner-container{padding:50px 20px}}@media only screen and (max-width: 575px){.unit-banner .banner-container{min-height:500px;aspect-ratio:unset}.unit-banner .banner-container.page{padding:74px 20px 50px}.unit-banner .banner-container.page .unit-title{margin:auto 0 0;flex:1}}.unit-banner .banner-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-3;overflow:hidden}.unit-banner .banner-bg .sticky-img{position:sticky;width:100%;height:100%;top:0;z-index:-1;transform:scale(1.25);opacity:0;transition:opacity .6s ease-out,transform .6s ease-out .1s}.unit-banner .banner-bg .sticky-img img{width:100.015%;height:100.015%;object-fit:cover}.unit-banner .back-btn{position:absolute;top:50px;left:30px}@media only screen and (max-width: 767px){.unit-banner .back-btn{top:30px;left:20px}}.unit-banner .unit-title{width:50%;padding:75px 0;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto;opacity:0;transform:scale(.75);transition:.6s ease .3s}.unit-banner .unit-title .f-unit-title{font-size:2.5rem;font-weight:500;line-height:1.5;letter-spacing:5px}.unit-banner .unit-title .f-unit-subtitle{font-family:Sarabun;font-size:1.25rem;font-weight:700;line-height:1.2;letter-spacing:2px;margin-top:10px}.unit-banner .unit-title.aost-show{opacity:1;transform:scale(1);transition:opacity .5s ease-out .4s,transform .5s ease-out .4s}@media only screen and (max-width: 1200px){.unit-banner .unit-title{margin:auto;padding:70px 0}.unit-banner .unit-title .f-unit-title{font-size:2.375rem}.unit-banner .unit-title .f-unit-subtitle{font-size:1.125rem}}@media only screen and (max-width: 1024px){.unit-banner .unit-title{width:100%;margin:auto 0}}@media only screen and (max-width: 767px){.unit-banner .unit-title .f-unit-title{font-size:2.25rem}.unit-banner .unit-title .f-unit-subtitle{font-size:1rem}}@media only screen and (max-width: 575px){.unit-banner .unit-title{margin:auto 0 30px}}.unit-banner .content{width:620px;margin-left:auto;position:relative;text-align:right;align-self:flex-end}.unit-banner .content.aost-show{transition:opacity .5s ease-out .4s}@media only screen and (min-width: 1921px){.unit-banner .content{width:33.334%}}@media only screen and (max-width: 1200px){.unit-banner .content{width:80%}}@media only screen and (max-width: 575px){.unit-banner .content{width:100%;align-self:flex-start;text-align:left}}.unit-banner .banner-container.aost-show .banner-bg .sticky-img{opacity:1;transform:scale(1)}section.esg{padding-top:100px}@media only screen and (max-width: 1200px){section.esg{padding-top:0}}.esg-block{grid-column:5/-5}@media only screen and (max-width: 1440px){.esg-block{grid-column:4/-4}}@media only screen and (max-width: 1200px){.esg-block{grid-column:3/-3}}@media only screen and (max-width: 767px){.esg-block{grid-column:2/-2}}.esg-intro .title{padding-bottom:30px;display:flex;flex-wrap:wrap;align-items:center;gap:5px;border-bottom:1px solid var(--black-20)}.esg-intro .title .link-group{display:flex;gap:5px;transition:color .3s}.esg-intro .content{padding-block:50px;display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:calc(var(--frSpace) * 2);grid-row-gap:50px;border-bottom:1px solid var(--black-20)}@media only screen and (max-width: 1200px){.esg-intro .content{grid-column-gap:var(--frSpace)}}.esg-intro .box{width:100%;display:flex;gap:30px}.esg-intro .box:hover .icon img{animation:big .4s ease-in-out forwards 1}@keyframes big{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media only screen and (max-width: 900px){.esg-intro .box{grid-column:1/-1;gap:20px}}.esg-intro .icon{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:80px;height:80px}@media only screen and (max-width: 900px){.esg-intro .icon{width:60px;height:60px}}.esg-intro .icon img{width:auto;height:auto;max-width:44px;max-height:44px;object-fit:cover}.esg-intro .link-group{pointer-events:none}.esg-intro .link-group a{pointer-events:auto;transition:color .3s}.esg-intro .f-title-item{display:block;width:fit-content;transition:color .3s}.esg-intro .f-title-item:hover{color:var(--red)}.esg-intro .f-title-item.en{font-family:Sarabun}@media only screen and (max-width: 1200px){.esg-intro .f-title-item{font-size:1.25rem}}@media only screen and (max-width: 767px){.esg-intro .f-title-item{font-size:1.25rem}}.esg-intro .f-paragraph{margin-top:20px;color:var(--grey);display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}@media only screen and (max-width: 900px){.esg-intro .content{grid-template-columns:repeat(1,1fr);grid-column-gap:0}}.esg-unit{width:100%}.esg-unit .unit-box{margin-top:80px;padding-bottom:30px;border-bottom:1px solid var(--black-20)}.esg-unit .content{width:100%}.esg-unit .content .link-group{width:fit-content;pointer-events:none}.esg-unit .content .link-group:hover a{color:var(--red)}.esg-unit .content a{display:block;width:fit-content;transition:.3s;pointer-events:auto}.esg-unit .content .f-paragraph{margin-top:15px;color:var(--grey);display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}@media only screen and (max-width: 900px){.esg-unit .unit-box{flex-direction:column-reverse;gap:30px;align-items:flex-start}.esg-unit .unit-box:nth-child(2n){flex-direction:column-reverse}.esg-unit .content,.esg-unit .img-box{width:100%}.esg-unit .img-box .layer{display:none}.esg-unit .content .f-title-sec{margin-top:15px}.esg-unit .content .f-paragraph{margin-top:30px}}.esg-recognition{margin-top:80px}.esg-recognition .title span:first-child{margin-right:5px}.esg-recognition .swiper-box{position:relative;width:100%;margin-top:30px}@media only screen and (max-width: 1200px){.esg-recognition .swiper-box{width:100%}}.esg-recognition .swiper-box .swiper .swiper-slide{width:33.8947%;height:auto}@media only screen and (max-width: 1200px){.esg-recognition .swiper-box .swiper .swiper-slide{width:calc((100% - 10px) / 3)}}.esg-recognition .swiper-box .swiper .swiper-slide .cer-box{height:100%;padding:40px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--grey_light)}@media only screen and (max-width: 375px){.esg-recognition .swiper-box .swiper .swiper-slide .cer-box{max-height:400px}}.esg-recognition .swiper-box .swiper .swiper-slide .cer-box .img-box{margin-bottom:50px;width:54.155%}@media only screen and (max-width: 575px){.esg-recognition .swiper-box .swiper .swiper-slide .cer-box .img-box{margin-bottom:30px;width:69.4545%}}.esg-recognition .swiper-box .swiper .swiper-slide .cer-box .img-box .img{width:100%}.esg-recognition .swiper-box .swiper .swiper-slide .cer-box .img-box .img img{width:100%;height:auto;object-fit:contain}.esg-recognition .swiper-box .swiper .swiper-slide .cer-box .content{width:100%;padding:0 30px}.esg-recognition .swiper-box .swiper .swiper-slide .cer-box .content .title{margin-bottom:10px}.esg-recognition .swiper-box .swiper .swiper-slide .cer-box .content .f-title-item{font-size:1.25rem}.esg-recognition .swiper-box .swiper .swiper-slide .cer-box .content .text{color:var(--grey)}.esg-recognition .swiper-box .swiper-pagination{position:relative;margin-top:30px}.no-content{grid-column:2/-2}@media only screen and (max-width: 1200px){.no-content{grid-column:3/-3}}@media only screen and (max-width: 1200px) and (max-width: 767px){.no-content{padding-top:70px;grid-column:2/-2}}