.esg_video_detail .main-wrapper{padding-top:80px}.banner{position:relative;z-index:1;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.banner:after,.banner:before{content:"";display:block;position:absolute;bottom:0;height:5px;z-index:2}.banner:before{background-color:#0B5129;width:27.8125%;left:0}.banner:after{background-color:#F39800;width:72.1875%;right:0}.banner .banner-bg{position:relative;width:100%;height:100%}.banner .banner-bg:after{content:"";display:block;width:100%;height:0;padding-bottom:27.084%}.banner .banner-bg:before{position:absolute;z-index:1;top:0;left:0;content:"";display:block;width:100%;height:100%;background-color:rgba(0,0,0,0.5)}.banner .banner-bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.banner .container{max-width:735px;width:calc(100% - 170px);z-index:1;margin:0 auto;text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.banner .container .breadcrumb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.banner .container h2{margin-top:30px;font-weight:500;line-height:1.2;letter-spacing:1px;font-size:3.75rem}.banner .container h2[text-color=white]{color:#FFFFFF}.banner .container h2[text-color=black]{color:#000}@media only screen and (max-width:1780px){.banner .banner-bg:after{padding-bottom:480px}}@media only screen and (max-width:1024px){.banner .container h2{font-size:2.8125rem}}@media only screen and (max-width:768px){.banner:before{width:32%;background-color:#F39800}.banner:after{width:68%;background-color:#0B5129}.banner .banner-bg:after{padding-bottom:460px}.banner .container{width:calc(100% - 60px)}.banner .container h2{margin-top:20px}}.detail{position:relative;z-index:1;padding:85px 0 95px}.detail .container{max-width:1100px;width:85%;margin:0 auto}.related{position:relative;z-index:1;padding-block:150px;background-color:#282828}.related .title-block{margin:0 auto 75px;max-width:1100px;width:100%;text-align:center}.related .title-block .title{font-weight:500;font-size:2rem;letter-spacing:0.5px;line-height:1.2;color:#fff}.related .title-block .sub{font-weight:500;font-size:1.625rem;line-height:1.2;letter-spacing:0.5px;margin-top:10px;color:#fff}.related .title-block .line{width:78px;height:3px;background-color:#0B5129;display:block;margin:0 auto;margin-top:15px;position:relative}.related .title-block .txt{margin-top:15px;font-size:1rem;font-weight:300;line-height:1.6;letter-spacing:0.5px;text-align:center;color:#fff}.related .swiper-block{width:100%}.related .swiper-block .swiper-wrapper{padding-inline:calc((100% - 61.7708vw - 100px) / 2)}.related .swiper-block .swiper-wrapper:has(.swiper-slide:only-child){padding-inline:calc((100% - 30.8854vw - 10px) / 2)}.related .swiper-block .swiper-slide{width:30.8854vw}.related .swiper-block .swiper-slide-next+.swiper-slide .img-block:before,.related .swiper-block .swiper-slide-prev .img-block:before{opacity:1}.related .swiper-block .inner-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px;width:100%}.related .swiper-block .inner-block:hover .img-box{border-bottom:3px solid #F39800}.related .swiper-block .inner-block:hover .inner-txt{opacity:1}.related .swiper-block .img-block{position:relative}.related .swiper-block .img-block:before{content:"";position:absolute;z-index:1;inset:0;background:rgba(0,0,0,0.6);opacity:0;-webkit-transition:opacity 0.4s;transition:opacity 0.4s;pointer-events:none}.related .swiper-block .img-box{position:relative;border-bottom:3px solid transparent;-webkit-transition:border 0.4s;transition:border 0.4s}.related .swiper-block .img-box:after{content:"";display:block;width:100%;height:0;padding-bottom:56.4924%}.related .swiper-block .img-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.related .swiper-block .inner-txt{padding:30px;position:absolute;left:0;bottom:0;opacity:0;-webkit-transition:opacity 0.4s;transition:opacity 0.4s}.related .swiper-block .inner-txt,.related .swiper-block .rwd-txt{font-size:1rem;font-weight:300;line-height:1.6;letter-spacing:0.5px;color:#fff}.related .swiper-block .txt{font-size:1.5rem;font-weight:500;line-height:1.4;letter-spacing:0.5px;color:#fff;text-align:start}.related .swiper-block .rwd-txt{margin-top:10px;display:none;text-align:start}.related .swiper-block .rwd-swiper-btn{margin-top:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px}.related .swiper-block .rwd-swiper-btn .swiper-btn-next,.related .swiper-block .rwd-swiper-btn .swiper-btn-prev{font-size:1.375rem;color:#fff;-webkit-transition:color 0.3s;transition:color 0.3s;cursor:pointer}.related .swiper-block .rwd-swiper-btn .swiper-btn-next:hover,.related .swiper-block .rwd-swiper-btn .swiper-btn-prev:hover{color:#009740}.related .swiper-block .related-swiper:has(.swiper-slide:only-child)+.rwd-swiper-btn{display:none}@media only screen and (max-width:1200px){.related .swiper-block .swiper-slide-next .img-block:before,.related .swiper-block .swiper-slide-prev .img-block:before{opacity:1}.related .swiper-block .swiper-wrapper{padding-inline:calc((100% - 45.8333vw - 10px) / 2)}.related .swiper-block .swiper-slide{width:45.8333vw}.related .swiper-block .img-box{border-bottom:3px solid #F39800}.related .swiper-block .inner-txt{opacity:1}}@media only screen and (max-width:768px){.related .swiper-block .swiper-wrapper{padding-inline:calc((100% - 84vw - 10px) / 2)}.related .swiper-block .swiper-wrapper:has(.swiper-slide:only-child){padding-inline:calc((100% - 84vw - 10px) / 2)}.related .swiper-block .swiper-slide{width:84vw}}@media only screen and (max-width:767px){.related{padding-top:100px;padding-bottom:155px}.related .title-block{margin-bottom:40px}.related .swiper-block .inner-txt{display:none}.related .swiper-block .rwd-txt{display:block}}
/*# sourceMappingURL=esg_video_detail.css.map */