.applicationArea .dataItem .Img img,.qualityArea .item .Img,.qualityArea .item .icon,.qualityArea .item .subtitle,.qualityArea .item .textBox,.qualityArea .item .title,.solutionsArea .iconList .icon,.solutionsArea .iconList .item:after,.solutionsArea .iconList .item:before,.solutionsArea .iconList .title,.solutionsArea .infoItem .item:before{-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}@property --fill{syntax:"<percentage>";inherits:true;initial-value:0%}header:before{content:"";position:absolute;border-bottom:1px solid rgba(0,0,0,0.1)}.mainArea{padding:0}.titleBoxArea{padding:20px 0}.titleBoxArea .wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.titleBoxArea .wrap .titleBox{margin:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.titleBoxArea .wrap .title{font-size:70px}@media (max-width:1180px){.titleBoxArea .wrap .title{font-size:56px}}@media (max-width:768px){.titleBoxArea .wrap .title{font-size:50px}}.titleBoxArea .wrap .subtitle{font-size:28px;letter-spacing:1.5px}@media (max-width:1180px){.titleBoxArea .wrap .subtitle{font-size:20px}}@media (max-width:768px){.titleBoxArea .wrap .subtitle{font-size:18px}}.titleBoxArea .wrap .line{display:block;width:50px;height:1px;background-color:#001f42;margin:0 auto;margin-top:15px;margin-bottom:20px}.titleBoxArea .wrap .text{max-width:960px;margin:0 auto}.qualityArea{padding:110px 0px 60px}@media (max-width:1180px){.qualityArea{padding:60px 0px}}.qualityArea .wrap{max-width:1880px}@media (max-width:640px){.qualityArea .dataBox{max-width:500px;margin:0 auto}}.qualityArea .item{background-color:#eff3f8;cursor:pointer;position:relative}.qualityArea .item:after{content:"";position:absolute;width:1px;height:calc(100% - 60px);background-color:#d2d2d2;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (max-width:640px){.qualityArea .item:after{display:none}}.qualityArea .item .Img{opacity:0;max-width:500px}@media (max-width:1180px){.qualityArea .item .Img{opacity:1}}.qualityArea .item .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.qualityArea .item .Txt{width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;padding:40px 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}@media (max-width:1440px){.qualityArea .item .Txt{padding:30px 20px}}.qualityArea .item .icon{display:block;width:65px;height:65px;background-color:#313131;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}@media (max-width:1440px){.qualityArea .item .icon{width:50px;height:50px}}@media (max-width:1180px){.qualityArea .item .icon{background-color:#fff}}.qualityArea .item .dataTitleBox{margin-top:5px;padding:5px 0}.qualityArea .item .title{font-size:20px;font-weight:500;color:#001f42}@media (max-width:1440px){.qualityArea .item .title{font-size:18px}}@media (max-width:1180px){.qualityArea .item .title{color:#fff}}.qualityArea .item .subtitle{font-size:16px;padding-top:5px}@media (max-width:1180px){.qualityArea .item .subtitle{color:#fff}}.qualityArea .item .textBox{padding:15px 0;line-height:1.7;letter-spacing:1.5px}@media (max-width:1440px){.qualityArea .item .textBox{padding:10px 0;font-size:14px;letter-spacing:1px}}@media (max-width:1180px){.qualityArea .item .textBox{color:#fff}}@media (min-width:1181px){.qualityArea .item:hover .Img{opacity:1}.qualityArea .item:hover .icon{background-color:#fff}.qualityArea .item:hover .title{color:#fff}.qualityArea .item:hover .subtitle{color:#fff}.qualityArea .item:hover .textBox{color:#fff}}.qualityArea .controlBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:50px}@media (min-width:1681px){.qualityArea .controlBox{display:none}}.applicationArea{padding:50px 0 150px}@media (max-width:768px){.applicationArea{padding:30px 0 80px}}.applicationArea .titleBox{text-align:center;margin-bottom:20px}.applicationArea .titleBox .title{font-size:20px}.applicationArea .dataBox{margin:0 -15px}@media (min-width:1181px){.applicationArea .dataList{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}}.applicationArea .dataItem{padding:20px 10px}@media (min-width:1181px){.applicationArea .dataItem{width:33.3333333333%}}.applicationArea .dataItem .item{margin:0 auto;max-width:425px;position:relative;padding-bottom:50px}@media (min-width:1181px){.applicationArea .dataItem .item:hover .Img img{-webkit-transform:scale(1.03);transform:scale(1.03)}}.applicationArea .dataItem .Img{position:relative;overflow:hidden}.applicationArea .dataItem .Img a{width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0}.applicationArea .dataItem .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.applicationArea .dataItem .Txt{position:absolute;width:calc(100% - 40px);max-width:300px;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#fff;overflow:hidden;padding:30px;-webkit-box-shadow:0 10px 12px rgba(0,0,0,0.1);box-shadow:0 10px 12px rgba(0,0,0,0.1)}@media (max-width:768px){.applicationArea .dataItem .Txt{padding:20px}}.applicationArea .dataItem .Txt:before{content:"";position:absolute;aspect-ratio:1/1;height:282.84%;width:auto;background:radial-gradient(circle at 0% 0%,#ebf0f8 0%,#fff 70%);-webkit-transform-origin:right top;transform-origin:right top;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:0;right:0;z-index:-1}.applicationArea .dataItem .Txt .title{font-size:20px;color:#001f42;margin-bottom:5px;font-weight:500}@media (max-width:768px){.applicationArea .dataItem .Txt .title{font-size:18px}}.applicationArea .dataItem .Txt .subtitle{color:#313131}.applicationArea .dataItem .Txt .linkWrap{width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.applicationArea .controlBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:30px}@media (min-width:1181px){.applicationArea .controlBox{display:none}}.solutionsArea{background-image:url(../images/application_solutions_bg.jpg);background-size:cover;background-position:center top;background-repeat:no-repeat;overflow:hidden;padding-top:30px;padding-bottom:100px}@media (max-width:1180px){.solutionsArea{padding-top:80px;padding-bottom:80px}}.solutionsArea .wrap{display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width:1180px){.solutionsArea .wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media (max-width:1180px){.solutionsArea .pc{display:none}}@media (min-width:1181px){.solutionsArea .mobile{display:none}}.solutionsArea .leftBox{width:55%}@media (max-width:1180px){.solutionsArea .leftBox{width:100%;max-width:610px;margin:100px 0 120px}}@media (max-width:640px){.solutionsArea .leftBox{margin:30px 0}}.solutionsArea .dataBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;position:relative}.solutionsArea .ImgListBox{max-width:430px;width:100%;margin:0 auto}@media (max-width:1440px){.solutionsArea .ImgListBox{max-width:380px}}.solutionsArea .ImgList .Img{border-radius:50%;overflow:hidden}.solutionsArea .ImgList .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.solutionsArea .iconListBox{position:absolute;width:100%;max-width:690px;aspect-ratio:1/1;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (max-width:1440px){.solutionsArea .iconListBox{max-width:600px}}@media (max-width:640px){.solutionsArea .iconListBox{display:none}}.solutionsArea .iconList{position:relative;width:100%;height:100%}.solutionsArea .iconList .dataItem:first-child{position:absolute;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(180deg);transform:translate(-50%,-50%) rotate(180deg)}.solutionsArea .iconList .dataItem:first-child .item{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.solutionsArea .iconList .dataItem:nth-child(2){position:absolute;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(225deg);transform:translate(-50%,-50%) rotate(225deg)}.solutionsArea .iconList .dataItem:nth-child(2) .item{-webkit-transform:rotate(-225deg);transform:rotate(-225deg)}.solutionsArea .iconList .dataItem:nth-child(3){position:absolute;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(270deg);transform:translate(-50%,-50%) rotate(270deg)}.solutionsArea .iconList .dataItem:nth-child(3) .item{-webkit-transform:rotate(-270deg);transform:rotate(-270deg)}.solutionsArea .iconList .dataItem:nth-child(4){position:absolute;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(315deg);transform:translate(-50%,-50%) rotate(315deg)}.solutionsArea .iconList .dataItem:nth-child(4) .item{-webkit-transform:rotate(-315deg);transform:rotate(-315deg)}.solutionsArea .iconList .dataItem:nth-child(5){position:absolute;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(360deg);transform:translate(-50%,-50%) rotate(360deg)}.solutionsArea .iconList .dataItem:nth-child(5) .item{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}.solutionsArea .iconList .dataItem:nth-child(6){position:absolute;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(405deg);transform:translate(-50%,-50%) rotate(405deg)}.solutionsArea .iconList .dataItem:nth-child(6) .item{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}.solutionsArea .iconList .dataItem:nth-child(7){position:absolute;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(450deg);transform:translate(-50%,-50%) rotate(450deg)}.solutionsArea .iconList .dataItem:nth-child(7) .item{-webkit-transform:rotate(-450deg);transform:rotate(-450deg)}.solutionsArea .iconList .dataItem:nth-child(8){position:absolute;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(495deg);transform:translate(-50%,-50%) rotate(495deg)}.solutionsArea .iconList .dataItem:nth-child(8) .item{-webkit-transform:rotate(-495deg);transform:rotate(-495deg)}.solutionsArea .iconList .dataItem{pointer-events:none}.solutionsArea .iconList .item{pointer-events:auto;cursor:pointer;width:160px;height:160px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.solutionsArea .iconList .item:before{content:"";position:absolute;width:100%;height:100%;background-color:#fff;border-radius:50%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) scale(0.8);transform:translate(-50%,-50%) scale(0.8);-webkit-box-shadow:0 4px 10px rgba(0,0,0,0.2);box-shadow:0 4px 10px rgba(0,0,0,0.2)}.solutionsArea .iconList .item:after{content:"";position:absolute;width:140px;height:140px;background-color:#fff;border-radius:50%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-box-shadow:0 4px 10px rgba(0,0,0,0.2);box-shadow:0 4px 10px rgba(0,0,0,0.2)}@media (min-width:1181px){.solutionsArea .iconList .item:hover:before{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.solutionsArea .iconList .item:hover:after{background-color:#001f42}.solutionsArea .iconList .item:hover .icon{background-color:#fff}.solutionsArea .iconList .item:hover .title{color:#fff}}.solutionsArea .iconList .item.current:before{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.solutionsArea .iconList .item.current:after{background-color:#001f42}.solutionsArea .iconList .item.current .icon{background-color:#fff}.solutionsArea .iconList .item.current .title{color:#fff}.solutionsArea .iconList .iconBox{position:relative;z-index:3}.solutionsArea .iconList .icon{display:block;width:50px;height:50px;background-color:#313131;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.solutionsArea .iconList .title{position:relative;z-index:3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#001f42;margin-top:5px;max-width:80px;text-align:center}.solutionsArea .decoCircle{display:block;position:absolute;width:100%;max-width:555px;aspect-ratio:1/1;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}@media (max-width:1440px){.solutionsArea .decoCircle{max-width:450px}}.solutionsArea .decoCircle .circle{display:block;width:100%;aspect-ratio:1/1;border-radius:50%;border-width:2px;border-style:solid;border-color:transparent;background:conic-gradient(#d2d2d2 var(--fill),transparent var(--fill));background-origin:border-box;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(white),to(white)),-webkit-gradient(linear,left top,left bottom,from(white),to(white));-webkit-mask-image:linear-gradient(white,white),linear-gradient(white,white);mask-image:-webkit-gradient(linear,left top,left bottom,from(white),to(white)),-webkit-gradient(linear,left top,left bottom,from(white),to(white));mask-image:linear-gradient(white,white),linear-gradient(white,white);-webkit-mask-composite:xor,source-over;mask-composite:exclude,add;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;transition:--fill 0.6s ease-in-out}.solutionsArea .rightBox{width:45%;max-width:555px;padding-top:11.5%}@media (max-width:1180px){.solutionsArea .rightBox{width:100%;padding-top:0}}.solutionsArea .boxWrap{padding:0 50px}@media (max-width:1440px){.solutionsArea .boxWrap{padding:0 20px}}@media (max-width:480px){.solutionsArea .boxWrap{padding:0}}.solutionsArea .titleBox{margin-bottom:25px}@media (max-width:1180px){.solutionsArea .titleBox{width:100%;max-width:610px}}.solutionsArea .titleText{position:relative;z-index:3;padding-bottom:30px;padding-top:25px;border-top:1px solid #d2d2d2}@media (max-width:1180px){.solutionsArea .titleText{width:100%;max-width:610px}}.solutionsArea .titleText:before{content:"";position:absolute;width:80px;height:1px;background-color:#001f42;top:-1px;left:0}.solutionsArea .infoItem .item{padding:40px;position:relative}@media (max-width:480px){.solutionsArea .infoItem .item{padding:30px 20px}}.solutionsArea .infoItem .item:before{content:"";position:absolute;width:100%;height:100%;background-image:url(../images/home_esg_item_bg.jpg);background-size:cover 100%;background-position:0% 0%;inset:0;z-index:-1}@media (min-width:1181px){.solutionsArea .infoItem .iconBox{display:none}}.solutionsArea .infoItem .infoTitle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;padding-bottom:20px;border-bottom:1px solid #d2d2d2;margin-bottom:10px}@media (max-width:480px){.solutionsArea .infoItem .infoTitle{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:5px}}.solutionsArea .infoItem .title{font-size:20px;font-weight:500;letter-spacing:1px;color:#001f42}.solutionsArea .infoItem .textBox{line-height:1.8}.solutionsArea .infoItem .controlBox{margin:0 -10px}