.esg-block{display:grid;grid-template-columns:repeat(24,1fr);justify-content:space-between;grid-auto-columns:max-content;gap:100px 3.8462%}@media only screen and (max-width: 1023px){.esg-block{grid-template-columns:repeat(16,1fr);gap:75px 6.25%}}@media only screen and (max-width: 600px){.esg-block{grid-template-columns:repeat(8,1fr);gap:50px 0}}._circle50{width:60px;height:60px;margin:100px auto 0}@media only screen and (max-width: 1023px){._circle50{margin-top:90px}}@media only screen and (max-width: 600px){._circle50{margin-top:80px}}.esg-box{grid-column:span 8;position:relative}.esg-box:nth-child(3n+2){margin-top:60px}.esg-box .more-btn{position:absolute;top:-1px;right:-1px;border-radius:0 0 0 5px;background:var(--white);z-index:1;transform:translate(100%,-100%);opacity:0;transition:opacity var(--trans-5) ease,transform var(--trans-5) ease;pointer-events:none}@media only screen and (max-width: 1023px){.esg-box .more-btn{opacity:0;transform:translate(0);pointer-events:auto;transition:opacity .5s}.esg-box .more-btn.aost-show{opacity:1}}.esg-box .img-box{display:block;margin-bottom:30px}.esg-box .img-box .img{position:relative;width:100%;border-radius:5px;overflow:hidden}.esg-box .img-box .img:after{content:"";display:block;width:100%;height:100%;padding-bottom:81.25%}.esg-box .img-box .img img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media only screen and (max-width: 600px){.esg-box .img-box{margin-bottom:20px}.esg-box .img-box .img{position:relative;width:100%}.esg-box .img-box .img:after{content:"";display:block;width:100%;height:100%;padding-bottom:81.1941%}.esg-box .img-box .img img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}}.esg-box .f-item{width:fit-content;margin-bottom:15px;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition:color var(--trans-5) ease}@media only screen and (min-width: 1201px){.esg-box .f-item:hover{color:var(--red)}}@media only screen and (max-width: 1200px){.esg-box .f-item:active{color:var(--red)}}@media only screen and (max-width: 600px){.esg-box .f-item{margin-bottom:10px}}.esg-box .f-paragraph{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--black-50)}@media only screen and (min-width: 1201px){.esg-box:hover .more-btn{transform:translate(0);opacity:1;pointer-events:auto}}@media only screen and (max-width: 1200px){.esg-box:active .more-btn{transform:translate(0);opacity:1;pointer-events:auto}}@media only screen and (max-width: 1023px){.esg-box:nth-child(3n+2){margin-top:0}.esg-box:nth-child(2n+2){margin-top:60px}}@media only screen and (max-width: 600px){.esg-box:nth-child(2n+2){margin-top:0}}.main-wrapper.show aside{animation:asideShow var(--trans-5) .3s linear forwards}@media only screen and (max-width: 1023px){.main-wrapper.show aside{animation:asideShowHorizontal var(--trans-5) .3s linear forwards}}.ESG_detail-page aside{position:sticky;top:clamp(145px,22.65625vw,435px);right:0;width:clamp(10px,1.5625vw,30px);height:clamp(180px,18.75vw,360px);margin:clamp(-360px,-18.75vw,-180px) auto 0 0;background-color:var(--red);z-index:2;opacity:0}@media only screen and (max-width: 1023px){.ESG_detail-page aside{position:static;width:80px;height:10px;margin:0 auto}}.ESG_detail-page .main-container{position:relative;max-width:1920px;width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(32,1fr)}.ESG_detail-page .section1{grid-column:span 11;padding:60px 15.1516%;position:sticky;top:75px;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-self:flex-start}.ESG_detail-page .section1 .f-article-title{margin-bottom:20px}.ESG_detail-page .section1 .f-paragraph{color:var(--black-50)}.ESG_detail-page .section1 .share-box._horizontal{margin-top:50px}.ESG_detail-page .section1 .share-box._horizontal .icon-group{justify-content:start}@media only screen and (max-width: 1023px){.ESG_detail-page .section1{grid-column:1/-1;position:static;top:0;min-height:unset;align-items:center;text-align:center}.ESG_detail-page .section1 .share-box._horizontal{margin-top:30px}}@media only screen and (max-width: 600px){.ESG_detail-page .section1{padding:50px 20px}.ESG_detail-page .section1 .f-article-title{line-height:1.5}.ESG_detail-page .section1 .f-paragraph{font-size:1rem}}.ESG_detail-page .section2{position:relative;grid-column:span 21;padding:80px 9.5239% 150px;background:var(--grey_light);border-radius:5px}.ESG_detail-page .section2 article ._photo{padding:1px;background:var(--white)}.ESG_detail-page .section2 article ._photo img{border-radius:5px}@media only screen and (max-width: 1023px){.ESG_detail-page .section2{grid-column:1/-1;padding:50px 15.1516% 125px}}@media only screen and (max-width: 600px){.ESG_detail-page .section2{padding:50px 20px 100px}.ESG_detail-page .section2 article ._photo{aspect-ratio:335/236}.ESG_detail-page .section2 article ._photo img{width:100%;height:100%}}.ESG_detail-page .section3{margin-top:5px;padding:150px 0;position:relative}.ESG_detail-page .section3:before{content:"";position:absolute;top:-5px;left:0;width:100%;height:5px;background-color:var(--grey_light)}@media only screen and (max-width: 1023px){.ESG_detail-page .section3{padding:125px 0}}@media only screen and (max-width: 600px){.ESG_detail-page .section3{padding:100px 0}}.ESG_detail-page .section3 .esg-container{max-width:1560px;width:calc(100% - 120px);margin:0 auto}@media only screen and (max-width: 1023px){.ESG_detail-page .section3 .esg-container{width:calc(100% - 80px)}}@media only screen and (max-width: 767px){.ESG_detail-page .section3 .esg-container{width:calc(100% - 40px)}}.ESG_detail-page .section3 .esg-container .f-dist-subtitle{margin-bottom:50px}@media only screen and (max-width: 1200px){.ESG_detail-page .section3 .esg-container .f-dist-subtitle{font-size:1.875rem;margin-bottom:40px}}@media only screen and (max-width: 767px){.ESG_detail-page .section3 .esg-container .f-dist-subtitle{font-size:1.375rem;margin-bottom:30px}}.ESG_detail-page .section3 .esg-block{width:100%;display:block}.ESG_detail-page .section3 .esg-block .swiper-box{position:relative}.ESG_detail-page .section3 .esg-block .swiper-slide:nth-child(2) .esg-box{margin-top:60px}@media only screen and (max-width: 1080px){.ESG_detail-page .section3 .esg-block .swiper-slide:nth-child(2) .esg-box{margin-top:0}}.ESG_detail-page .section3 .esg-block .esg-box{width:100%;position:relative;display:block}@media only screen and (max-width: 1366px){.ESG_detail-page .section3 .esg-block .esg-box .more-btn{opacity:1;transform:translate(0)}}.ESG_detail-page .section3 .esg-block .esg-box .f-paragraph{text-align:left}.ESG_detail-page .section3 .esg-block .swiper-pagination{position:static;margin-top:30px}
