.common-banner,.common-banner .banner-bg{position:relative}.common-banner .banner-bg:before{content:"";display:block;width:100%;height:0;padding-bottom:500px}.common-banner .banner-bg img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.common-banner .banner-bg:after{content:"";display:block;width:100%;height:100%;background:#0003;position:absolute;top:0;left:0}.common-banner .banner-bg img{position:absolute;top:0;left:0;transform:translateZ(0)}.common-banner .banner-container{width:100%;height:100%;position:absolute;top:0;left:0}.common-banner .banner-nav{padding:0 60px;height:80px;display:flex;justify-content:space-between}@media only screen and (max-width: 1200px){.common-banner .banner-nav{height:60px}}@media only screen and (max-width: 900px){.common-banner .banner-nav{padding:0 8%}}.common-banner .banner-nav+.info{height:calc(100% - 80px)}@media only screen and (max-width: 1200px){.common-banner .banner-nav+.info{height:calc(100% - 60px)}}.common-banner .left,.common-banner .right{display:flex;align-items:center}@media only screen and (max-width: 900px){.common-banner .left{display:none}}.common-banner .right{margin-left:50px}@media only screen and (max-width: 900px){.common-banner .right{margin-left:0}}.common-banner .back{display:flex;align-items:center;transition:color var(--trans-s)}@media only screen and (min-width: 1201px){.common-banner .back:hover{color:var(--primary-blue)}}@media only screen and (max-width: 1200px){.common-banner .back:active{color:var(--primary-blue)}}.common-banner .back i{margin-right:10px;font-size:1rem;flex-shrink:0}.common-banner .back span{font-weight:600;line-height:1.3;letter-spacing:.5px}.common-banner .info{margin:0 auto;padding:100px 0 40px;max-width:1350px;width:calc(100% - 120px);height:100%;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}@media only screen and (max-width: 1200px){.common-banner .info{padding:80px 0 40px}}@media only screen and (max-width: 767px){.common-banner .info{width:100%}}.common-banner .info .info-wrap{max-width:675px;width:100%;display:flex;flex-direction:column;transition:transform .3s .5s,opacity .3s .5s}.common-banner .info .title-wrap{padding-bottom:20px;position:relative;text-align:left}@media only screen and (max-width: 767px){.common-banner .info .title-wrap{margin:0 8%}}.common-banner .info .title-wrap:before{content:"";display:block;width:70px;height:4px;background-color:var(--primary-blue);position:absolute;bottom:0;left:0}.common-banner .info .stock{margin-top:40px;display:flex;gap:0 15px;align-items:center}.common-banner .info .stock-title{line-height:1.3;letter-spacing:.5px}.common-banner .info .stock-num{font-size:1.875rem;font-weight:600;line-height:1.3;letter-spacing:.5px;color:var(--primary-blue)}.common-banner .info .pic{margin-bottom:20px;width:60px;height:60px;position:relative}.common-banner .info .pic:before{content:"";display:block;width:100%;height:0;padding-bottom:100%}.common-banner .info .pic img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.common-banner .info .text{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.common-banner .banner-menu{margin-top:40px;width:100%;color:var(--black)}.common-banner[height="400"] .banner-bg:before{padding-bottom:400px}.common-banner[height="400"] .info{padding:20px 0 55px}@media only screen and (max-width: 900px){.common-banner[height="400"] .info{padding:20px 0}}.common-banner[text-color=white]{color:var(--white)}.common-banner[text-color=white] .pic img{filter:brightness(0) invert(1)}.common-banner[text-color=white] .drag-container .category{color:var(--white)}.common-banner[text-color=white] multipurpose-nav[m4-type=drag] .drag-container .navigation .button div:before{border-color:var(--white)}.common-banner[text-align=center] .info{align-items:center;text-align:center}.common-banner[text-align=center] .info-wrap{align-items:center}.common-banner[text-align=center] .title-wrap{text-align:center}.common-banner[text-align=center] .title-wrap:before{position:absolute;top:auto;bottom:0;left:50%;right:auto;transform:translate3d(-50%,0,0)}.common-banner[text-align=right] .info{align-items:flex-end;text-align:right}.common-banner[text-align=right] .info-wrap{align-items:flex-end}.common-banner[text-align=right] .title-wrap{text-align:right}.common-banner[text-align=right] .title-wrap:before{position:absolute;top:auto;bottom:0;left:auto;right:0}.common-banner[data-aost]{opacity:0;transition:opacity var(--trans-l),transform var(--trans-l)}.common-banner[data-aost].aost-show{opacity:1}.esg main{padding-top:100px;background:var(--lighter-gray)}@media only screen and (max-width: 1200px){.esg main{padding-top:80px}}.section1{padding:100px 0 80px}@media only screen and (max-width: 1200px){.section1{padding:100px 0 65px}}@media only screen and (max-width: 767px){.section1{padding:100px 0 50px}}.section1 .title-wrap{max-width:900px;width:calc(100% - 120px);margin:0 auto 40px;padding-bottom:20px;position:relative}@media only screen and (max-width: 1200px){.section1 .title-wrap{width:calc(100% - 90px)}}@media only screen and (max-width: 767px){.section1 .title-wrap{width:calc(100% - 60px)}}.section1 .title-wrap:before{content:"";display:block;width:70px;height:4px;background-color:var(--primary-blue);position:absolute;left:50%;bottom:0;transform:translate3d(-50%,50%,0)}.section1 .anchor-block{max-width:900px;width:100%;margin:0 auto}@media only screen and (max-width: 992px){.section1 .anchor-block{padding:7px 0}}.section2,.section3{max-width:1650px;width:calc(100% - 120px);margin:0 auto}@media only screen and (max-width: 1440px){.section2,.section3{width:calc(100% - 60px)}}@media only screen and (max-width: 992px){.section2{width:calc(100% - 60px)}}@media only screen and (max-width: 992px){.section3{width:100%}}.section2{padding-bottom:80px}.section2 .wrap{max-width:1361px;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:30px 80px}@media only screen and (max-width: 1440px){.section2 .wrap{gap:30px 55px}}@media only screen and (max-width: 992px){.section2 .wrap{gap:30px;flex-direction:column;max-width:270px}}.section2 .inner-box{max-width:400px;width:fit-content;display:flex;align-items:center;flex-shrink:0;gap:0 30px}.section2 .inner-box.aost-show .count .dot{opacity:1;transform:translateY(-5px)}@media only screen and (max-width: 1200px){.section2 .inner-box{justify-content:center}}@media only screen and (max-width: 992px){.section2 .inner-box{width:100%;justify-content:start}}@media only screen and (max-width: 767px){.section2 .inner-box{max-width:270px}}@media only screen and (min-width: 1201px){.section2 .inner-box:hover .icon{background:var(--primary-blue);border:1px solid var(--primary-blue);box-shadow:0 0 20px #00000040}.section2 .inner-box:hover .icon img{filter:invert(1)}}@media only screen and (max-width: 1200px){.section2 .inner-box:active .icon{background:var(--primary-blue);border:1px solid var(--primary-blue);box-shadow:0 0 20px #00000040}.section2 .inner-box:active .icon img{filter:invert(1)}}.section2 .inner-box .icon{width:120px;height:120px;border-radius:500px;border:1px solid rgba(0,0,0,.2);display:flex;justify-content:center;align-items:center;flex-shrink:0;transition:background var(--trans-s),border var(--trans-s),box-shadow var(--trans-s)}@media only screen and (max-width: 1440px){.section2 .inner-box .icon{width:100px;height:100px}}@media only screen and (max-width: 992px){.section2 .inner-box .icon{width:80px;height:80px}}.section2 .inner-box .icon img{width:auto;height:auto;max-width:50px;max-height:50px;transition:filter var(--trans-s)}@media only screen and (max-width: 992px){.section2 .inner-box .icon img{max-width:40px;max-height:40px}}.section2 .inner-box .inner{display:flex;flex-direction:column;align-items:flex-start}.section2 .inner-box .count{width:100%;display:inline-flex;font-size:2.5rem;font-weight:600;letter-spacing:.5px;color:var(--primary-blue);position:relative;overflow:hidden}.section2 .inner-box .count .group{display:inline-flex;flex-direction:row;justify-content:start;align-items:flex-end;height:51px;cursor:default}.section2 .inner-box .count .dot{margin-left:-8px;margin-right:4px;transform:translateY(-25px);opacity:0;transition:opacity 1s ease-in-out,transform 1s ease-in-out}.section2 .inner-box .count .single{display:inline-flex;writing-mode:vertical-rl;text-orientation:upright;transform:translateY(0);transition:transform 1.5s ease-in-out}.section2 .inner-box .count .single:not(.dot){margin-left:-12px}.section2 .inner-box .count .single:first-child{margin-left:0}.section2 .inner-box .count .plus{font-size:30px;margin-left:-5px;vertical-align:top;align-self:flex-start}.section2 .inner-box .txt{font-weight:500;line-height:160%;margin-top:15px}.section3{padding-bottom:120px}@media only screen and (max-width: 1440px){.section3{padding-bottom:100px}}@media only screen and (max-width: 992px){.section3{padding-bottom:80px}}.section3 .wrap{display:block;width:100%;transition:width var(--trans-s);position:relative}.section3 .wrap:not(:last-child){margin-bottom:13px}.section3 .wrap.aost-show .bg-block .swiper-slide img{transform:scale(1.1)}.section3 .wrap .bg-block{display:block;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.section3 .wrap .bg-block .bg-sticky{position:sticky;width:100%;height:100%;top:0}.section3 .wrap .bg-block .bg-sticky img{width:100%;height:100%;object-fit:cover}.section3 .wrap .bg-block .swiper-slide{display:block}.section3 .wrap .bg-block .swiper-slide img{transform:scale(1);transition:transform 1.5s .1s}.section3 .wrap .bg-block .swiper-slide.move img{transform:scale(1.1)}.section3 .inner-block{display:flex;justify-content:center;align-items:center}.section3 .container{position:relative;width:100%;padding:197.5px 0;z-index:1}@media only screen and (max-width: 1440px){.section3 .container{padding:124px 0 141px}}@media only screen and (max-width: 992px){.section3 .container{padding:50px 0 85px}}.section3 .container .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:30px}.section3 .container .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{width:5px;height:5px;margin:0 7px}.section3 .container[data-color=white] .swiper-pagination-bullet,.section3 .container[data-color=white] .swiper-pagination-bullet-active{background:#fff}.section3 .container[data-color=white] .title-wrap,.section3 .container[data-color=white] .arrow-ball-btn{color:#fff}@media only screen and (min-width: 1201px){.section3 .container[data-color=white] .arrow-ball-btn:hover{color:var(--primary-blue)}}@media only screen and (max-width: 1200px){.section3 .container[data-color=white] .arrow-ball-btn:active{color:var(--primary-blue)}}.section3 .container[data-color=white] .swiper-box .swiper-button-prev,.section3 .container[data-color=white] .swiper-box .swiper-button-next{border:1px solid #fff;box-shadow:0 0 20px #00000040}@media only screen and (min-width: 1201px){.section3 .container[data-color=white] .swiper-box .swiper-button-prev:hover,.section3 .container[data-color=white] .swiper-box .swiper-button-next:hover{background:#fff}.section3 .container[data-color=white] .swiper-box .swiper-button-prev:hover i,.section3 .container[data-color=white] .swiper-box .swiper-button-next:hover i{color:var(--primary-blue)}}@media only screen and (max-width: 1200px){.section3 .container[data-color=white] .swiper-box .swiper-button-prev:active,.section3 .container[data-color=white] .swiper-box .swiper-button-next:active{background:#fff}.section3 .container[data-color=white] .swiper-box .swiper-button-prev:active i,.section3 .container[data-color=white] .swiper-box .swiper-button-next:active i{color:var(--primary-blue)}}.section3 .container[data-color=white] .swiper-box .swiper-slide{color:#fff}.section3 .container[data-color=white] .swiper-box .swiper-slide .icon img{filter:brightness(0) invert(1)}.section3 .container[data-color=white] .swiper-box .swiper-slide.active .icon img{filter:unset}.section3 .container[data-color=black] .swiper-pagination-bullet{background:#000}.section3 .container[data-color=black] .swiper-pagination-bullet-active{background:var(--primary-blue)}.section3 .container[data-color=black] .title-wrap,.section3 .container[data-color=black] .arrow-ball-btn{color:#000}@media only screen and (min-width: 1201px){.section3 .container[data-color=black] .arrow-ball-btn:hover{color:var(--primary-blue)}}@media only screen and (max-width: 1200px){.section3 .container[data-color=black] .arrow-ball-btn:active{color:var(--primary-blue)}}.section3 .container[data-color=black] .swiper-box .swiper-button-prev,.section3 .container[data-color=black] .swiper-box .swiper-button-next{border:1px solid #000;box-shadow:0 0 20px #00000040;transition:width var(--trans-s),height var(--trans-s),background-color var(--trans-s),border var(--trans-s)!important}@media only screen and (min-width: 1201px){.section3 .container[data-color=black] .swiper-box .swiper-button-prev:hover,.section3 .container[data-color=black] .swiper-box .swiper-button-next:hover{border:1px solid var(--primary-blue);background:var(--primary-blue)}.section3 .container[data-color=black] .swiper-box .swiper-button-prev:hover i,.section3 .container[data-color=black] .swiper-box .swiper-button-next:hover i{color:#fff}}@media only screen and (max-width: 1200px){.section3 .container[data-color=black] .swiper-box .swiper-button-prev:active,.section3 .container[data-color=black] .swiper-box .swiper-button-next:active{border:1px solid var(--primary-blue);background:var(--primary-blue)}.section3 .container[data-color=black] .swiper-box .swiper-button-prev:active i,.section3 .container[data-color=black] .swiper-box .swiper-button-next:active i{color:#fff}}.section3 .container[data-color=black] .swiper-box .swiper-slide{color:#000}.section3 .container[data-color=black] .swiper-box .swiper-slide .icon img{filter:brightness(0) invert(0)}.section3 .container[data-color=black] .swiper-box .swiper-slide.active .icon img{filter:unset}.section3 .title-box{max-width:1352px;width:calc(100% - 120px);margin:0 auto 80px;display:flex;align-items:flex-end;justify-content:space-between}@media only screen and (max-width: 1440px){.section3 .title-box{width:calc(100% - 90px);margin:0 auto 65px}}@media only screen and (max-width: 992px){.section3 .title-box{flex-wrap:wrap;gap:15px;width:calc(100% - 60px);margin:0 auto 50px}}@media only screen and (max-width: 767px){.section3 .title-box{justify-content:center}}.section3 .title-box .title{font-size:1.875rem;font-weight:500;line-height:150%;letter-spacing:.5px}@media only screen and (max-width: 1440px){.section3 .title-box .title{font-size:1.6875rem}}@media only screen and (max-width: 992px){.section3 .title-box .title{font-size:1.5rem}}@media only screen and (max-width: 767px){.section3 .title-box .title{text-align:center}}.section3 .title-box .txt{font-size:2.5rem;font-weight:400;line-height:150%;letter-spacing:.5px;padding-top:20px;margin-top:20px;position:relative}.section3 .title-box .txt:before{content:"";display:block;width:70px;height:4px;background-color:var(--primary-blue);position:absolute;left:0;top:0;transform:translate3d(0,-50%,0)}@media only screen and (max-width: 1440px){.section3 .title-box .txt{font-size:2.125rem}}@media only screen and (max-width: 992px){.section3 .title-box .txt{font-size:1.75rem}}@media only screen and (max-width: 767px){.section3 .title-box .txt:before{left:50%;transform:translate3d(-50%,-50%,0)}}.section3 .title-box .title-wrap,.section3 .title-box .arrow-ball-btn{transition:color var(--trans-s)}.section3 .title-box .arrow-ball-btn i{font-size:20px}@media only screen and (max-width: 992px){.section3 .title-box .arrow-ball-btn{margin-left:auto}}.section3 .swiper-box{position:relative;width:84.2424%;margin:-20px auto}@media only screen and (max-width: 767px){.section3 .swiper-box{width:80%}}.section3 .swiper-box .swiper-button-prev{top:50%!important;left:-55px!important;margin-top:0;transform:translate3d(-100%,-50%,0)}@media only screen and (max-width: 1440px){.section3 .swiper-box .swiper-button-prev{left:-35px!important}}@media only screen and (max-width: 992px){.section3 .swiper-box .swiper-button-prev{left:-15px!important}}@media only screen and (max-width: 767px){.section3 .swiper-box .swiper-button-prev{left:0!important}}.section3 .swiper-box .swiper-button-next{top:50%!important;right:-55px!important;margin-top:0;transform:translate3d(100%,-50%,0)}@media only screen and (max-width: 1440px){.section3 .swiper-box .swiper-button-next{right:-35px!important}}@media only screen and (max-width: 992px){.section3 .swiper-box .swiper-button-next{right:-15px!important}}@media only screen and (max-width: 767px){.section3 .swiper-box .swiper-button-next{right:0!important}}.section3 .esgSwiper{padding:20px}@media only screen and (max-width: 767px){.section3 .esgSwiper{padding:20px 15px}}.section3 .esgSwiper .swiper-wrapper{align-items:center}.section3 .esgSwiper.heightChecked .swiper-slide .subtitle,.section3 .esgSwiper.heightChecked .swiper-slide .txt{display:none;transition:color var(--trans-s)}.section3 .esgSwiper .swiper-slide{border-radius:10px;background:transparent;transition:background var(--trans-s),box-shadow var(--trans-s),backdrop-filter var(--trans-s)}.section3 .esgSwiper .swiper-slide .info-wrap.active .subtitle,.section3 .esgSwiper .swiper-slide .info-wrap.active .title{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.section3 .esgSwiper .swiper-slide .info-wrap.active .txt{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}.section3 .esgSwiper .swiper-slide .info-wrap.active .title,.section3 .esgSwiper .swiper-slide .info-wrap.active .txt{color:#000}.section3 .esgSwiper .swiper-slide .info-wrap.active .subtitle{color:var(--primary-blue)}.section3 .esgSwiper .swiper-slide._width{width:calc(50% - 15px)}.section3 .esgSwiper .swiper-slide.active{border-radius:10px;background-color:#fffc;box-shadow:0 0 20px #00000040;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section3 .esgSwiper .swiper-slide.active .content .inner .icon img{filter:unset}.section3 .content-box{width:100%;padding:50px 40px}@media only screen and (max-width: 1440px){.section3 .content-box{padding:35px 30px}}@media only screen and (max-width: 992px){.section3 .content-box{padding:20px}}.section3 .inner{min-height:80px;display:flex;align-items:center;gap:10px 20px}@media only screen and (max-width: 992px){.section3 .inner{min-height:unset;flex-wrap:wrap;align-items:center;justify-content:center}}.section3 .inner .icon{width:50px;height:50px;display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 992px){.section3 .inner .icon{width:40px;height:40px}}.section3 .inner .icon img{width:auto;height:auto;max-width:50px;max-height:50px;transition:filter var(--trans-s)}@media only screen and (max-width: 992px){.section3 .inner .icon img{max-width:40px;max-height:40px}}.section3 .info-wrap{text-align:left}.section3 .info-wrap .info{width:100%;display:flex;flex-direction:column;gap:10px 0}.section3 .info-wrap .title{font-size:1.25rem;font-weight:500;line-height:160%;letter-spacing:.5px}.section3 .info-wrap .subtitle{font-weight:500;line-height:160%;letter-spacing:1px;color:var(--primary-blue)}.section3 .info-wrap .txt{font-weight:350;line-height:160%;letter-spacing:1px}@media only screen and (max-width: 992px){.section3 .info-wrap{width:100%;text-align:center}.section3 .info-wrap .title{font-size:1.125rem}}