.visual-esgData{background: url(../../images/visual-esgdata.jpg) no-repeat 50% 0;}
.esgDataSect01{padding:0 30px;}
.esgDataSect01 .subtitle2{font-weight: 700;color:#3668DE}
.esgDataSect01 + .esgData__tit1{padding-left:30px;padding-right:30px}
.esgData__tit1{font-size:56px;color:#222;letter-spacing: -1.54px;line-height: 1.364;font-weight: 700;margin:120px auto 40px}
.esgData__tit2{font-size: 48px;line-height: 1.5;color:#222;font-weight: 700;letter-spacing: -1.6px;}
.esgData__tit2st{font-size: 28px;line-height: 1.333;color:#222}
.esgData__tit3{font-size: 40px;font-weight: 500;color:#222;line-height: 1.333;letter-spacing: -1.2px;}
.esgData__tit3st{font-size: 28px;line-height: 1.42;color:#666;}
.esgDataTabWrap{position: relative;margin-top:40px}
.esgDataTabWrap::before,
.esgDataTabWrap::after{content: '';display: block;width: 100%;height: 1px;background-color: #9fa5be;}
.esgDataTab{display: flex;}
.esgDataTab>li{flex:1}
.esgDataTab>li>a{display:block;font-size: 32px;font-weight: 700;color: #9FA5B2;padding:32px 0;text-align: center;line-height: 1.5;}
.esgDataTab>li.active>a{color:#3668DE;position: relative;}
.esgDataTab>li.active>a>span{font-size: 28px;}
.esgDataTab>li.active>a::after{content: '';display: block;width: 100%;height: 4px;background-color: #3668DE;position: absolute;left:0;bottom:0}
.esgDataTab>li.active:nth-child(2)>a{color: #1EC0A7;}
.esgDataTab>li.active:nth-child(2)>a:after{background-color: #1EC0A7;}
.esgDataTab>li.active:nth-child(3)>a{color: #F06552;}
.esgDataTab>li.active:nth-child(3)>a:after{background-color: #F06552;}
.graph{position:relative;width:100%;height:555px;padding:50px 0 56px;display: flex;flex-direction: column;justify-content: space-between;margin:0 auto}
.graph .garo{display:flex;justify-content: space-between;align-items: center;}
.graph .garo .y{width:100px;font-size: 20px;text-align: right;padding-right:16px;color:#aaa}
.graph .garo .line{width:calc(100% - 100px);height: 1px;background-color: #dfdfdf;}
.graph .x-axis{position: absolute;bottom:0;left:20%;width:75%;display:flex;justify-content: space-between;}
.graph .x-axis .x{display: flex;flex-direction: column;justify-content: flex-end;align-items: center;flex:1}
.graph .x .value{font-size: 24px;font-weight: 700;line-height: 1.42;margin-bottom: 8px;}
.graph .x .progressBar{display:block;width:60px;font-size: 0;border-radius: 16px 16px 0 0;}
.graph .x .year{display:block;font-size: 36px;color:#666;line-height: 1.333;margin-top: 12px;height: 44px;}
.graph .x0 .value{color:#B8C1D4;}
.graph .x0 .progressBar{background-color:#B8C1D4;}
.graph .x1 .value{color:#AFC3F2}
.graph .x1 .progressBar{background-color:#AFC3F2}
.graph .x2 .value{color:#86A4EB}
.graph .x2 .progressBar{background-color: #86A4EB}
.graph .value.curr{margin-bottom: 12px;position: relative;padding-bottom:14px}
.graph .value.curr em{display:block;background-color:#3668DE;color:#fff;padding:8px 16px;border-radius: 8px;min-width:48px;text-align: center;}
.graph .value.curr::after{content: '';display: block;width:0;height:0;border-left:24px solid transparent;border-right:24px solid transparent;border-top:24px solid #3668DE;position: absolute;left:50%;bottom:0;margin-left:-24px}
.graph .x3 .progressBar{background-color: #3668DE}
.graphBox .unit{text-align: center;margin: 40px auto 0;font-size: 28px;color:#999;letter-spacing: -0.7px;width:458px;padding-left:58px}
.graphBox .unit2{text-align: center;margin-top: 16px;font-size: 28px;color:#999;letter-spacing: -0.7px;}
.graphBox2 .graph{width: 1440px;}
.graphBox2 .x-axis{left:8%;width: 92%;}
.graphBox2 .xbar{display: flex;justify-content: space-between;width:260px;align-items: flex-end;}
.graphBox2 .xbar>div{display: flex;flex-direction: column;justify-content: flex-end;align-items: center;flex:1}
.graphBox2 .x .value{font-size:24px;font-weight: 700;}
.graphBox2 .bar1 .value{color:#29B0DF}
.graphBox2 .bar1 .progressBar{background-color: #29B0DF}
.graphBox2 .bar2 .progressBar{background-color:#7FD0EC}
.graphBox2 .bar2 .value{color:#7FD0EC}
.graphBox2 .bar3 .progressBar{background-color:#AFC0C7;}
.graphBox2 .bar3 .value{color:#AFC0C7}
.graphBox2 .color{margin:40px 0;text-align: center;font-size: 28px;line-height: 1.5;font-weight: 500;color:#666;letter-spacing: -0.8px;}
.graphBox2 .color span{display: inline-flex;align-items: center;}
.graphBox2 .color span::before{content: '';display: inline-block;width: 20px;height: 20px;margin-right: 4px;}
.graphBox2 .color2{margin:0 40px}
.graphBox2 .color1::before{background-color:#29B0DF;}
.graphBox2 .color2::before{background-color:#7FD0EC;}
.graphBox2 .color3::before{background-color:#AFC0C7;}
.graphBox2 .unit{padding-left:0}
.graphBox3 .graph{width: 1440px;}
.graphBox3 .x-axis{left:5%;width: 94%;}
.graphBox3 .xbar{display: flex;justify-content: space-between;width:260px;align-items: flex-end;}
.graphBox3 .xbar>div{display: flex;flex-direction: column;justify-content: flex-end;align-items: center;flex:1}
.graphBox3 .x .value{font-size:24px;font-weight: 700;}
.graphBox3 .bar1 .value{color:#0575C7;}
.graphBox3 .bar1 .progressBar{background-color: #0575C7;}
.graphBox3 .bar2 .value{color:#339DEA}
.graphBox3 .bar2 .progressBar{background-color:#339DEA}
.graphBox3 .bar3 .value{color:#85C4F2}
.graphBox3 .bar3 .progressBar{background-color:#85C4F2;}
.graphBox3 .bar4 .value{color:#B1C8D9;}
.graphBox3 .bar4 .progressBar{background-color:#B1C8D9;}
.graphBox3 .color{margin:40px 0;text-align: center;font-size: 28px;line-height: 1.5;font-weight: 500;color:#666;letter-spacing: -0.8px;display:flex;flex-wrap: wrap;padding-left:30px;justify-content: center;}
.graphBox3 .color span{display: flex;align-items: center;letter-spacing: -0.7px;margin-top: 10px;}
.graphBox3 .color span::before{content: '';display: inline-block;width: 20px;height: 20px;margin-right: 4px;}
.graphBox3 .color span + span{margin-left:20px}

.graphBox3 .color1::before{background-color:#0575C7;}
.graphBox3 .color2::before{background-color:#339DEA;}
.graphBox3 .color3::before{background-color:#85C4F2;}
.graphBox3 .color4::before{background-color:#B1C8D9;}
.graphBox3 .unit{padding-left:0}
.esgDataCont01__1{background: linear-gradient(0deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 100%), #3668DE;}
.esgDataCont01__1 .static{padding:80px 30px}
.esgDataCont01__1 .graph{height:640px}
.esgDataCont01__1__vs{height:414px;position: relative;}
.esgDataCont01__1__vs .img{position: absolute;top:-20px;right:0}
.esgDataCont01__1__vs .esgData__tit2st{margin-top: 8px;}
.esgDataCont01__2 .static{padding:80px 0}
.esgDataCont01__2 .static > div{padding:0 30px}
.esgDataCont01__2 .static > div + div{margin-top: 80px;border-top:1px solid #dfdfdf;padding-top:80px}
.esgDataCont01__2 .esgData__tit3st{margin-top: 8px;}
.esgDataCont01__2 .graph{padding-top:38px;height:540px;margin-top: 22px;}
.esgDataCont01__3{background: linear-gradient(0deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 100%), #29B0DF;}
.esgDataCont01__3 .static{padding:80px 30px;}
.esgDataCont01__3__vs{height:380px;position: relative;}
.esgDataCont01__3__vs .img{position: absolute;top:30px;right:0}
.esgDataCont01__3 .graph .x0 .value{color:#BBD5DF}
.esgDataCont01__3 .graph .x0 .progressBar{background-color:#BBD5DF}
.esgDataCont01__3 .graph .x1 .value{color:#A9DFF2}
.esgDataCont01__3 .graph .x1 .progressBar{background-color:#A9DFF2}
.esgDataCont01__3 .graph .x2 .value{color:#7FD0EC}
.esgDataCont01__3 .graph .x2 .progressBar{background-color:#7FD0EC}
.esgDataCont01__3 .graph .x3 .value em{background-color:#29B0DF}
.esgDataCont01__3 .graph .x3 .value::after{border-top:24px solid #29B0DF}
.esgDataCont01__3 .graph .x3 .progressBar{background-color:#29B0DF}
.esgDataCont01__3 .graphBox .unit{padding-left:15%}
.esgDataCont01__4{padding-top:80px;padding-bottom:80px}
.esgDataCont01__4 .esgData__tit2{padding:0 30px}
.esgDataCont01__4 .graph{margin-right: 30px;}
.esgDataCont01__4 .graphBox2{margin-top: 32px;}
.esgDataCont01__5 .esgDataCont01__5gh{padding:80px 30px;border-top:1px solid #e9e9e9}
.esgDataCont01__5 .esgData__tit2st{margin-top: 5px;height: 22px;}
.esgDataCont01__5 .graphBox{margin-top: 40px;}
.esgDataCont01__6{background: linear-gradient(0deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 100%), #339DEA;}
.esgDataCont01__6 .esgDataCont01__6gh{padding:80px 30px;}
.esgDataCont01__6 .esgDataCont01__6gh+.esgDataCont01__6gh{border-top:1px solid #e9e9e9} 
.esgDataCont01__6__vs{height: 400px;position: relative;}
.esgDataCont01__6 .img{position: absolute;top:-80px;right:0}
.esgDataCont01__6 .graph .x0 .value{color: #C9DAE6;}
.esgDataCont01__6 .graph .x0 .progressBar{background-color: #C9DAE6;}
.esgDataCont01__6 .graph .x1 .value{color: #ADD8F7;}
.esgDataCont01__6 .graph .x1 .progressBar{background-color: #ADD8F7;}
.esgDataCont01__6 .graph .x2 .value{color: #85C4F2;}
.esgDataCont01__6 .graph .x2 .progressBar{background-color: #85C4F2;}
.esgDataCont01__6 .graph .x3 .value{color: #fff}
.esgDataCont01__6 .graph .x3 .progressBar{background-color: #339DEA}
.esgDataCont01__6 .graph .value.curr em{background-color: #339DEA}
.esgDataCont01__6 .graph .value.curr::after{border-top: 24px solid #339DEA;}
.esgDataCont01__7 .static{padding-top:70px;padding-bottom:70px}
.esgDataCont01__7 .graphBox{margin-top: 32px;}
.esgDataCont01__7 .graph{margin-right: 30px;}
.esgDataCont01__7 .esgData__tit2{padding-left:30px}
.esgDataCont01__8{background: linear-gradient(0deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 100%), #3668DE;}
.esgDataCont01__8 .static{padding:80px 30px;}
.esgDataCont01__8__vs{position: relative;height:410px}
.esgDataCont01__8 .img{position: absolute;top:0;right:0;margin-top: 50px;}
.esgDataCont01__8 .graphBox{margin-top: 40px;}
.esgDataCont01__8 .esgData__tit2st{margin-top: 8px;}
.esgDataCont01__9 .static{padding-bottom: 80px;}
.esgDataCont01__9gh{padding:80px 30px}
.esgDataCont01__9gh + .esgDataCont01__9gh{border-top:1px solid #dfdfdf}
.graph .x .value{opacity: 0;}
.graph .x .progressBar{opacity: 0;transition: all 0.5s;height: 0;}
.gh-active .x0 .value{opacity: 1;transition-delay: 0.2s;}
.gh-active .x0 .progressBar{opacity: 1;transition-delay: 0.2s;}
.gh-active .x1 .value{opacity: 1;transition-delay: 0.4s;}
.gh-active .x1 .progressBar{opacity: 1;transition-delay: 0.4s;}
.gh-active .x2 .value{opacity: 1;transition-delay: 0.6s;}
.gh-active .x2 .progressBar{opacity: 1;transition-delay: 0.6s;}
.gh-active .x3 .value{opacity: 1;transition-delay: 0.8s;}
.gh-active .x3 .progressBar{opacity: 1;transition-delay: 0.8s;}
.gh-active .x4 .value{opacity: 1;transition-delay: 1s;}
.gh-active .x4 .progressBar{opacity: 1;transition-delay: 1s;}
.esgDataCont .tb-top-ovf{padding:40px 30px 0}

.esgDataCont01__1 .gh-active .x0 .progressBar{height:340px}
.esgDataCont01__1 .gh-active .x1 .progressBar{height: 440px;}
.esgDataCont01__1 .gh-active .x2 .progressBar{height:190px}
.esgDataCont01__1 .gh-active .x3 .progressBar{height:510px}

.esgDataCont01__2 .graph1 .gh-active .x0 .progressBar{height:392px}
.esgDataCont01__2 .graph1 .gh-active .x1 .progressBar{height:290px}
.esgDataCont01__2 .graph1 .gh-active .x2 .progressBar{height:170px}
.esgDataCont01__2 .graph1 .gh-active .x3 .progressBar{height:340px}

.esgDataCont01__2 .graph2 .gh-active .x0 .progressBar{height:192px}
.esgDataCont01__2 .graph2 .gh-active .x1 .progressBar{height:350px}
.esgDataCont01__2 .graph2 .gh-active .x2 .progressBar{height:190px}
.esgDataCont01__2 .graph2 .gh-active .x3 .progressBar{height:380px}

.esgDataCont01__2 .graph3 .gh-active .x0 .progressBar{height:240px}
.esgDataCont01__2 .graph3 .gh-active .x1 .progressBar{height:390px}
.esgDataCont01__2 .graph3 .gh-active .x2 .progressBar{height:425px}
.esgDataCont01__2 .graph3 .gh-active .x3 .progressBar{height:455px}

.esgDataCont01__3 .gh-active .x0 .progressBar{height: 410px;}
.esgDataCont01__3 .gh-active .x1 .progressBar{height: 180px;}
.esgDataCont01__3 .gh-active .x2 .progressBar{height: 20px}
.esgDataCont01__3 .gh-active .x3 .progressBar{height: 100px;}

.esgDataCont01__3 .graph .value.curr{margin-bottom: 0;}

.esgDataCont01__4 .gh-active .x0 .bar1 .progressBar{height:412px;}
.esgDataCont01__4 .gh-active .x0 .bar2 .progressBar{height:48px;}
.esgDataCont01__4 .gh-active .x0 .bar3 .progressBar{height:12px;}
.esgDataCont01__4 .gh-active .x1 .bar1 .progressBar{height:340px;}
.esgDataCont01__4 .gh-active .x1 .bar2 .progressBar{height:48px;}
.esgDataCont01__4 .gh-active .x1 .bar3 .progressBar{height:8px;}
.esgDataCont01__4 .gh-active .x2 .bar1 .progressBar{height:180px;}
.esgDataCont01__4 .gh-active .x2 .bar2 .progressBar{height:8px;}
.esgDataCont01__4 .gh-active .x2 .bar3 .progressBar{height:6px;}
.esgDataCont01__4 .gh-active .x3 .bar1 .progressBar{height: 330px;}
.esgDataCont01__4 .gh-active .x3 .bar2 .progressBar{height: 20px;}
.esgDataCont01__4 .gh-active .x3 .bar3 .progressBar{height: 12px;}

.esgDataCont01__5 .graph1 .gh-active .x0 .progressBar{height: 340px;}
.esgDataCont01__5 .graph1 .gh-active .x1 .progressBar{height: 380px;}
.esgDataCont01__5 .graph1 .gh-active .x2 .progressBar{height: 310px;}
.esgDataCont01__5 .graph1 .gh-active .x3 .progressBar{height: 420px;}

.esgDataCont01__5 .graph2 .gh-active .x0 .progressBar{height: 270px;}
.esgDataCont01__5 .graph2 .gh-active .x1 .progressBar{height: 360px;}
.esgDataCont01__5 .graph2 .gh-active .x2 .progressBar{height: 380px;}
.esgDataCont01__5 .graph2 .gh-active .x3 .progressBar{height: 390px;}

.esgDataCont01__6 .graph1 .gh-active .x0 .progressBar{height: 320px;}
.esgDataCont01__6 .graph1 .gh-active .x1 .progressBar{height: 360px;}
.esgDataCont01__6 .graph1 .gh-active .x2 .progressBar{height: 280px;}
.esgDataCont01__6 .graph1 .gh-active .x3 .progressBar{height: 260px;}

.esgDataCont01__6 .graph2 .gh-active .x0 .progressBar{height: 430px;}
.esgDataCont01__6 .graph2 .gh-active .x1 .progressBar{height: 340px;}
.esgDataCont01__6 .graph2 .gh-active .x2 .progressBar{height: 310px;}
.esgDataCont01__6 .graph2 .gh-active .x3 .progressBar{height: 320px;}


.esgDataCont01__7 .gh-active .x0 .bar1 .progressBar{height:60px}
.esgDataCont01__7 .gh-active .x0 .bar2 .progressBar{height:52px}
.esgDataCont01__7 .gh-active .x0 .bar3 .progressBar{height:0}
.esgDataCont01__7 .gh-active .x1 .bar1 .progressBar{height:200px}
.esgDataCont01__7 .gh-active .x1 .bar2 .progressBar{height:172px}
.esgDataCont01__7 .gh-active .x1 .bar3 .progressBar{height:280px}
.esgDataCont01__7 .gh-active .x2 .bar1 .progressBar{height:150px}
.esgDataCont01__7 .gh-active .x2 .bar2 .progressBar{height:70px}
.esgDataCont01__7 .gh-active .x2 .bar3 .progressBar{height:200px}
.esgDataCont01__7 .gh-active .x3 .bar1 .progressBar{height:160px}
.esgDataCont01__7 .gh-active .x3 .bar2 .progressBar{height:230px}
.esgDataCont01__7 .gh-active .x3 .bar3 .progressBar{height:250px}

.esgDataCont01__8 .gh-active .x0 .progressBar{height: 414px;}
.esgDataCont01__8 .gh-active .x1 .progressBar{height: 405px;}
.esgDataCont01__8 .gh-active .x2 .progressBar{height: 420px;}
.esgDataCont01__8 .gh-active .x3 .progressBar{height: 416px;}


.esgDataCont01__9 .graph1 .gh-active .x0 .progressBar{height: 280px;}
.esgDataCont01__9 .graph1 .gh-active .x1 .progressBar{height: 340px;}
.esgDataCont01__9 .graph1 .gh-active .x2 .progressBar{height: 88px;}
.esgDataCont01__9 .graph1 .gh-active .x3 .progressBar{height: 160px;}

.esgDataCont01__9 .graph2 .gh-active .x0 .progressBar{height: 340px;}
.esgDataCont01__9 .graph2 .gh-active .x1 .progressBar{height: 410px;}
.esgDataCont01__9 .graph2 .gh-active .x2 .progressBar{height: 190px;}
.esgDataCont01__9 .graph2 .gh-active .x3 .progressBar{height: 390px;}

.esgDataCont01__9 .graph3 .gh-active .x0 .progressBar{height: 0;}
.esgDataCont01__9 .graph3 .gh-active .x1 .progressBar{height: 20px;}
.esgDataCont01__9 .graph3 .gh-active .x2 .progressBar{height: 160px;}
.esgDataCont01__9 .graph3 .gh-active .x3 .progressBar{height: 310px;}
/*2*/
.esgDataCont02__1{background: linear-gradient(0deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 100%), #1EC0A7;}
.esgDataCont02__1__vs{height: 422px;position: relative;}
.esgDataCont02__1__vs .img{position: absolute;top:0;right:50px}
.esgDataCont02__1gh{padding:80px 30px}
.esgDataCont02__1 .graph .x0 .value{color:#B5DDD7}
.esgDataCont02__1 .graph .x0 .progressBar{background-color:#B5DDD7}
.esgDataCont02__1 .graph .x1 .value{color:#A5E6DC;}
.esgDataCont02__1 .graph .x1 .progressBar{background-color:#A5E6DC;}
.esgDataCont02__1 .graph .x2 .value{color:#78D9CA;}
.esgDataCont02__1 .graph .x2 .progressBar{background-color:#78D9CA;}
.esgDataCont02__1 .graph .x3 .value em{background-color:#1EC0A7;}
.esgDataCont02__1 .graph .x3 .value::after{border-top:24px solid #1EC0A7;}
.esgDataCont02__1 .graph .x3 .progressBar{background-color:#1EC0A7;}
.esgDataCont02__2gh{padding: 80px 30px}
.esgDataCont02__2gh + .esgDataCont02__2gh{border-top:1px solid #dfdfdf}
.esgDataCont02__2 .graph .x0 .value{color:#B5DDD7;}
.esgDataCont02__2 .graph .x0 .progressBar{background-color:#B5DDD7;}
.esgDataCont02__2 .graph .x1 .value{color:#A5E6DC;}
.esgDataCont02__2 .graph .x1 .progressBar{background-color:#A5E6DC;}
.esgDataCont02__2 .graph .x2 .value{color:#78D9CA;}
.esgDataCont02__2 .graph .x2 .progressBar{background-color:#78D9CA;}
.esgDataCont02__2 .graph .x3 .value em{background-color:#1EC0A7;}
.esgDataCont02__2 .graph .x3 .value::after{border-top:24px solid #1EC0A7;}
.esgDataCont02__2 .graph .x3 .progressBar{background-color:#1EC0A7;}
.esgDataCont02__3{background: linear-gradient(0deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 100%), #27C640;}
.esgDataCont02__3 .static{padding:80px 30px}
.esgDataCont02__3__vs{height:532px;position: relative;}
.esgDataCont02__3__vs .img{position: absolute;top:0;right:0}
.esgDataCont02__3 .esgData__tit2st{margin-top: 8px;}
.esgDataCont02__3 .graph .x0 .value{color:#C3E3C8}
.esgDataCont02__3 .graph .x0 .progressBar{background-color:#C3E3C8}
.esgDataCont02__3 .graph .x1 .value{color:#A9E8B3;}
.esgDataCont02__3 .graph .x1 .progressBar{background-color:#A9E8B3;}
.esgDataCont02__3 .graph .x2 .value{color:#7DDD8C;}
.esgDataCont02__3 .graph .x2 .progressBar{background-color:#7DDD8C;}
.esgDataCont02__3 .graph .x3 .value em{background-color:#27C640;}
.esgDataCont02__3 .graph .x3 .value::after{border-top:24px solid #27C640;}
.esgDataCont02__3 .graph .x3 .progressBar{background-color:#27C640;}
.esgDataCont02__4gh{padding:80px 30px}
.esgDataCont02__4gh + .esgDataCont02__4gh{border-top: 1px solid #dfdfdf;}
.esgDataCont02__4 .graphBox{margin-top: 28px}
.esgDataCont02__4 .graph .x0 .value{color:#C3E3C8;}
.esgDataCont02__4 .graph .x0 .progressBar{background-color:#C3E3C8;}
.esgDataCont02__4 .graph .x1 .value{color:#A9E8B3;}
.esgDataCont02__4 .graph .x1 .progressBar{background-color:#A9E8B3;}
.esgDataCont02__4 .graph .x2 .value{color:#7DDD8C;}
.esgDataCont02__4 .graph .x2 .progressBar{background-color:#7DDD8C;}
.esgDataCont02__4 .graph .x3 .value em{background-color:#27C640;}
.esgDataCont02__4 .graph .x3 .value::after{border-top:24px solid #27C640;}
.esgDataCont02__4 .graph .x3 .progressBar{background-color:#27C640;}
.esgDataCont02__5{background: linear-gradient(0deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 100%), #01A56A;}
.esgDataCont02__5 .static{padding:80px 30px}
.esgDataCont02__5__vs .ag{text-align: right;margin-top: 16px;}
.esgDataCont02__5 .esgData__tit2st{margin-top: 8px;}
.esgDataCont02__5 .graph .x0 .value{color:#C0D7CE;}
.esgDataCont02__5 .graph .x0 .progressBar{background-color:#C0D7CE;}
.esgDataCont02__5 .graph .x1 .value{color:#99DBC3;}
.esgDataCont02__5 .graph .x1 .progressBar{background-color:#99DBC3;}
.esgDataCont02__5 .graph .x2 .value em{background-color:#67C9A6;}
.esgDataCont02__5 .graph .x2 .value{color: #67C9A6;}
.esgDataCont02__5 .graph .x2 .value::after{border-top:24px solid #67C9A6;}
.esgDataCont02__5 .graph .x2 .progressBar{background-color:#67C9A6;}
.esgDataCont02__6 .static{padding-bottom:80px}
.esgDataCont02__6 .static>div{padding:80px 30px}
.esgDataCont02__6 .static>div + div{border-top:1px solid #dfdfdf}
.esgDataCont02__6 .graphBox{margin-top: 20px;}
.esgDataCont02__6 .graph .x .progressBar{width:60px}
.esgDataCont02__6 .graph .x0 .value{color:#C0D7CE}
.esgDataCont02__6 .graph .x0 .progressBar{background-color:#C0D7CE}
.esgDataCont02__6 .graph .x1 .value{color:#99DBC3;}
.esgDataCont02__6 .graph .x1 .progressBar{background-color:#99DBC3;}
.esgDataCont02__6 .graph .x2 .value{color:#67C9A6;}
.esgDataCont02__6 .graph .x2 .progressBar{background-color:#67C9A6;}
.esgDataCont02__6 .graph .x3 .value em{background-color:#01A56A;}
.esgDataCont02__6 .graph .x3 .value::after{border-top:24px solid #01A56A;}
.esgDataCont02__6 .graph .x3 .progressBar{background-color:#01A56A;}
.esgDataCont02__1 .gh-active .pb-2020{height:320px}
.esgDataCont02__1 .gh-active .pb-2021{height:360px}
.esgDataCont02__1 .gh-active .pb-2022{height:390px}
.esgDataCont02__1 .gh-active .pb-2023{height:410px}
.esgDataCont02__1 .gh-active .pb-2024{height:400px}
.esgDataCont02__2 .graph1 .gh-active .pb-2020{height:327px}
.esgDataCont02__2 .graph1 .gh-active .pb-2021{height:327px}
.esgDataCont02__2 .graph1 .gh-active .pb-2022{height:327px}
.esgDataCont02__2 .graph1 .gh-active .pb-2023{height:215px}
.esgDataCont02__2 .graph1 .gh-active .pb-2024{height:105px}
.esgDataCont02__2 .graph2 .gh-active .pb-2020{height:280px}
.esgDataCont02__2 .graph2 .gh-active .pb-2021{height:250px}
.esgDataCont02__2 .graph2 .gh-active .pb-2022{height:390px}
.esgDataCont02__2 .graph2 .gh-active .pb-2023{height:365px}
.esgDataCont02__2 .graph2 .gh-active .pb-2024{height:275px}
.esgDataCont02__2 .graph3 .gh-active .pb-2020{height:135px}
.esgDataCont02__2 .graph3 .gh-active .pb-2021{height:160px}
.esgDataCont02__2 .graph3 .gh-active .pb-2022{height:325px}
.esgDataCont02__2 .graph3 .gh-active .pb-2023{height:380px}
.esgDataCont02__2 .graph3 .gh-active .pb-2024{height:250px}
.esgDataCont02__3 .gh-active .pb-2020{height:315px}
.esgDataCont02__3 .gh-active .pb-2021{height:225px}
.esgDataCont02__3 .gh-active .pb-2022{height:445px}
.esgDataCont02__3 .gh-active .pb-2023{height:465px}
.esgDataCont02__3 .gh-active .pb-2024{height:445px}
.esgDataCont02__4 .graph1 .gh-active .pb-2020{height:50px}
.esgDataCont02__4 .graph1 .gh-active .pb-2021{height:210px}
.esgDataCont02__4 .graph1 .gh-active .pb-2022{height:345px}
.esgDataCont02__4 .graph1 .gh-active .pb-2023{height:360px}
.esgDataCont02__4 .graph1 .gh-active .pb-2024{height:350px}
.esgDataCont02__4 .graph2 .gh-active .pb-2020{height:410px}
.esgDataCont02__4 .graph2 .gh-active .pb-2021{height:360px}
.esgDataCont02__4 .graph2 .gh-active .pb-2022{height:360px}
.esgDataCont02__4 .graph2 .gh-active .pb-2023{height:390px}
.esgDataCont02__4 .graph2 .gh-active .pb-2024{height:420px}
.esgDataCont02__4 .graph3 .gh-active .pb-2020{height:0}
.esgDataCont02__4 .graph3 .gh-active .pb-2021{height:0}
.esgDataCont02__4 .graph3 .gh-active .pb-2022{height:215px}
.esgDataCont02__4 .graph3 .gh-active .pb-2023{height:327px}
.esgDataCont02__4 .graph3 .gh-active .pb-2024{height:215px}
.esgDataCont02__5 .gh-active .pb-2020{height:327px}
.esgDataCont02__5 .gh-active .pb-2021{height:355px}
.esgDataCont02__5 .gh-active .pb-2022{height:327px}
.esgDataCont02__5 .gh-active .pb-2023{height:327px}
.esgDataCont02__5 .gh-active .pb-2024{height: 525px; background-color: #01A56A;}
.esgDataCont02__5 .x3 .value.curr em{background-color: #01A56A;}
.esgDataCont02__5 .x3 .value.curr::after{border-top: 24px solid #01A56A;}
.esgDataCont02__6 .graph1 .gh-active .pb-2020{height:0}
.esgDataCont02__6 .graph1 .gh-active .pb-2021{height:0}
.esgDataCont02__6 .graph1 .gh-active .pb-2022{height:0}
.esgDataCont02__6 .graph1 .gh-active .pb-2023{height:0}
.esgDataCont02__6 .graph1 .gh-active .pb-2024{height: 5px;}
.esgDataCont02__6 .graph2 .gh-active .pb-2020{height:70px}
.esgDataCont02__6 .graph2 .gh-active .pb-2021{height:150px}
.esgDataCont02__6 .graph2 .gh-active .pb-2022{height:40px}
.esgDataCont02__6 .graph2 .gh-active .pb-2023{height:265px}
.esgDataCont02__6 .graph2 .gh-active .pb-2024{height: 280px;}
.esgDataCont02__6 .graph3 .gh-active .pb-2020{height:0}
.esgDataCont02__6 .graph3 .gh-active .pb-2021{height:0}
.esgDataCont02__6 .graph3 .gh-active .pb-2022{height:0}
.esgDataCont02__6 .graph3 .gh-active .pb-2023{height:0}
.esgDataCont02__3__vs .esgData__tit2 + .esgData__tit2st,
.esgDataCont02__5__vs .esgData__tit2 + .esgData__tit2st{font-size:40px}
.esgDataCont02__6 .graph .value.curr{margin-bottom: 0;}
#esgDataCont2 .graphBox{padding-right:5%}
#esgDataCont3 .graphBox{padding-right:5%}
/*3*/
.esgDataCont03__1{background: linear-gradient(0deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 100%), #F06552;}
.esgDataCont03__1 .static{padding:80px 30px}
.esgDataCont03__1__vs{height: 468px;position: relative;}
.esgDataCont03__1 .img{position: absolute;top:-20px;right:0}
.esgDataCont03__1 .graphBox{margin-top:80px}
.esgDataCont03__1 .graphBox .unit{padding-left:0}
.donutChart{position: relative;width:675px;height:480px}
.donut{width:480px;height:480px}
.donut-pie{display:block;width:480px;height:480px;position:relative;border-radius: 50%;transform: rotate(45deg);margin:0 auto;transition: 0.3s;opacity: 0;}
/* .donut-pie{background: conic-gradient(#F9C1BA 0% 15%, #F59386 15% 56%, #F06552 56% 100%);} */
.donut-pie .center{position: absolute;width:240px;height:240px;background: #fef7f6;border-radius: 50%;top:50%;left:50%;transform: translate(-50%, -50%);}
.donut-bar-t1{display:block;font-size:28px;color:#222;text-align: center;letter-spacing: -0.8px;line-height: 1.5;white-space: nowrap;}
.donut-bar-t2{display:flex;font-size:36px;font-weight: 700;line-height: 1.45;text-align: center;align-items: center;justify-content: center;}
.donut-bar-t2 em{font-size: 40px;margin-top:-5px}
.donut-bar1, .donut-bar2, .donut-bar3{opacity: 0;}
.donut-bar1 .donut-bar-t2{color:#F06552}
.donut-bar2 .donut-bar-t2{color:#F59386;}
.donut-bar3 .donut-bar-t2{color:#F9C1BA}
.donut-bar1{position: absolute;top:-14px;left:0;display: flex;}
.donut-bar1::after{content: '';display: block;width:126px;height:98px;background: url(../../images/pie-bar1.png) no-repeat 50% 50%;margin-top: 20px;margin-left:20px}
.donut-bar2{position: absolute;left:350px;top:350px;display: flex;}
.donut-bar2::before{content: '';display: block;width:192px;height:24px;background: url(../../images/pie-bar2.png) no-repeat 0 50%;margin-top:50px;margin-right:8px}
.donut-bar3{position: absolute;top:-30px;left:495px;display: flex;}
.donut-bar3::before{content: '';;display: block;width:87px;height: 136px;background: url(../../images/pie-bar3.png) no-repeat 0 50%;margin-top:80px;margin-right:-10px}
.esgDataCont03__2gh{padding:80px 30px}
.esgDataCont03__2gh + .esgDataCont03__2gh{border-top:1px solid #dfdfdf}
.esgDataCont03__2 .esgData__tit2st{margin-top: 0.8rem;}
.esgDataCont03__2 .graphBox{margin-top: 40px}
.esgDataCont03__2 .graph .x0 .value{color:#E7CECA;}
.esgDataCont03__2 .graph .x0 .progressBar{background-color:#E7CECA;}
.esgDataCont03__2 .graph .x1 .value{color:#F9C1BA;}
.esgDataCont03__2 .graph .x1 .progressBar{background-color:#F9C1BA;}
.esgDataCont03__2 .graph .x2 .value{color:#F59386;;}
.esgDataCont03__2 .graph .x2 .progressBar{background-color:#F59386;;}
.esgDataCont03__2 .graph .x3 .value em{background-color:#F06552;}
.esgDataCont03__2 .graph .x3 .value::after{border-top:24px solid #F06552;}
.esgDataCont03__2 .graph .x3 .progressBar{background-color:#F06552;}
.esgDataCont03__2 .graph1 .gh-active .pb-2020{height:215px}
.esgDataCont03__2 .graph1 .gh-active .pb-2021{height:328px}
.esgDataCont03__2 .graph1 .gh-active .pb-2022{height:215px}
.esgDataCont03__2 .graph1 .gh-active .pb-2023{height:440px}
.esgDataCont03__2 .graph1 .gh-active .pb-2024{height:75px}
.esgDataCont03__2 .graph2 .gh-active .pb-2020{height:380px}
.esgDataCont03__2 .graph2 .gh-active .pb-2021{height:440px}
.esgDataCont03__2 .graph2 .gh-active .pb-2022{height:440px}
.esgDataCont03__2 .graph2 .gh-active .pb-2023{height:440px}
.esgDataCont03__2 .graph2 .gh-active .pb-2024{height:440px}
.esgDataCont03__3{border-top:1px solid #dfdfdf}
.esgDataCont03__3gh{padding:80px 30px}
.esgDataCont03__3gh + .esgDataCont03__3gh{border-top:1px solid #dfdfdf}
.esgDataCont03__3 .esgData__tit2st{height: 22px;margin-top: 0.8rem;}
.esgDataCont03__3 .graphBox{padding-right:5%;margin-top: 40px;}
.esgDataCont03__3 .graph .x0 .value{color:#E7CECA}
.esgDataCont03__3 .graph .x0 .progressBar{background-color:#E7CECA}
.esgDataCont03__3 .graph .x1 .value{color:#F9C1BA;}
.esgDataCont03__3 .graph .x1 .progressBar{background-color:#F9C1BA;}
.esgDataCont03__3 .graph .x2 .value{color:#F59386;}
.esgDataCont03__3 .graph .x2 .progressBar{background-color:#F59386;}
.esgDataCont03__3 .graph .x3 .value em{background-color:#F06552;}
.esgDataCont03__3 .graph .x3 .value::after{border-top:24px solid #F06552;}
.esgDataCont03__3 .graph .x3 .progressBar{background-color:#F06552;}
.esgDataCont03__3 .graph1 .gh-active .pb-2020{height:260px}
.esgDataCont03__3 .graph1 .gh-active .pb-2021{height:400px}
.esgDataCont03__3 .graph1 .gh-active .pb-2022{height:260px}
.esgDataCont03__3 .graph1 .gh-active .pb-2023{height:440px}
.esgDataCont03__3 .graph1 .gh-active .pb-2024{height:400px}
.esgDataCont03__3 .graph2 .gh-active .pb-2020{height:440px}
.esgDataCont03__3 .graph2 .gh-active .pb-2021{height:440px}
.esgDataCont03__3 .graph2 .gh-active .pb-2022{height:440px}
.esgDataCont03__3 .graph2 .gh-active .pb-2023{height:440px}
.esgDataCont03__3 .graph2 .gh-active .pb-2024{height:440px}
.esgDataCont03__4gh{padding:80px 30px}
.esgDataCont03__4gh + .esgDataCont03__4gh{border-top:1px solid #dfdfdf}
.esgDataCont03__4 .esgData__tit2st{margin-top: 0.8rem;}
.esgDataCont03__4 .graphBox{padding-right:5%;margin-top: 40px;}
.esgDataCont03__4 .graph .x0 .value{color:#F5DDCD}
.esgDataCont03__4 .graph .x0 .progressBar{background-color:#F5DDCD}
.esgDataCont03__4 .graph .x1 .value{color:#FDD2B3}
.esgDataCont03__4 .graph .x1 .progressBar{background-color:#FDD2B3}
.esgDataCont03__4 .graph .x2 .value{color:#FBB07A}
.esgDataCont03__4 .graph .x2 .progressBar{background-color:#FBB07A}
.esgDataCont03__4 .graph .x3 .value em{background-color:#F98E41}
.esgDataCont03__4 .graph .x3 .value::after{border-top:24px solid #F98E41}
.esgDataCont03__4 .graph .x3 .progressBar{background-color:#F98E41}
.esgDataCont03__4 .graph1 .gh-active .pb-2020{height:215px}
.esgDataCont03__4 .graph1 .gh-active .pb-2021{height:280px}
.esgDataCont03__4 .graph1 .gh-active .pb-2022{height:280px}
.esgDataCont03__4 .graph1 .gh-active .pb-2023{height:390px}
.esgDataCont03__4 .graph1 .gh-active .pb-2024{height:440px}
.esgDataCont03__4 .graph2 .gh-active .pb-2020{height:440px}
.esgDataCont03__4 .graph2 .gh-active .pb-2021{height:440px}
.esgDataCont03__4 .graph2 .gh-active .pb-2022{height:440px}
.esgDataCont03__4 .graph2 .gh-active .pb-2023{height:440px}
.esgDataCont03__4 .graph2 .gh-active .pb-2024{height:440px}
#esgDataCont2, #esgDataCont3{display: none;}
.esgDataCont03__5{background: linear-gradient(0deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 100%), #F98E41;padding:80px 30px}
.esgDataCont03__5__vs .imgs{text-align: right;}
.esgDataCont03__5 .graphBox{padding-right:5%}
.esgDataCont03__5gh{padding:80px 30px;border-top:1px solid #e9e9e9}
.esgDataCont03__5 .graph .x0 .value{color:#F5DDCD}
.esgDataCont03__5 .graph .x0 .progressBar{background-color:#F5DDCD}
.esgDataCont03__5 .graph .x1 .value{color:#FDD2B3}
.esgDataCont03__5 .graph .x1 .progressBar{background-color:#FDD2B3}
.esgDataCont03__5 .graph .x2 .value{color:#FBB07A}
.esgDataCont03__5 .graph .x2 .progressBar{background-color:#FBB07A}
.esgDataCont03__5 .graph .x3 .value em{background-color:#F98E41}
.esgDataCont03__5 .graph .x3 .value::after{border-top:24px solid #F98E41}
.esgDataCont03__5 .graph .x3 .progressBar{background-color:#F98E41}
.esgDataCont03__5 .graph .gh-active .pb-2020{height:215px}
.esgDataCont03__5 .graph .gh-active .pb-2021{height:215px}
.esgDataCont03__5 .graph .gh-active .pb-2022{height:215px}
.esgDataCont03__5 .graph .gh-active .pb-2023{height:326px}
.esgDataCont03__5 .graph .gh-active .pb-2024{height:215px}
.esgDataCont03__6{background: linear-gradient(0deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 100%), #F98E41;}
.esgDataCont03__6gh{padding:80px 30px 160px}
.esgDataCont03__6gh + .esgDataCont03__6gh{border-top:1px solid #e9e9e9}
.esgDataCont03__6 .graph .x0 .value{color:#EFD3CA}
.esgDataCont03__6 .graph .x0 .progressBar{background-color:#EFD3CA}
.esgDataCont03__6 .graph .x1 .value{color:#F8BAA5}
.esgDataCont03__6 .graph .x1 .progressBar{background-color:#F8BAA5}
.esgDataCont03__6 .graph .x2 .value{color:#F69170}
.esgDataCont03__6 .graph .x2 .progressBar{background-color:#F69170}
.esgDataCont03__6 .graph .x3 .value em{background-color:#EF6133}
.esgDataCont03__6 .graph .x3 .value::after{border-top:24px solid #EF6133}
.esgDataCont03__6 .graph .x3 .progressBar{background-color:#EF6133}
.esgDataCont03__6 .graph1 .gh-active .pb-2020{height:331px}
.esgDataCont03__6 .graph1 .gh-active .pb-2021{height:330px}
.esgDataCont03__6 .graph1 .gh-active .pb-2022{height:332px}
.esgDataCont03__6 .graph1 .gh-active .pb-2023{height:0}
.esgDataCont03__6 .graph1 .gh-active .pb-2024{height:272px}
.esgDataCont03__6 .graph2 .gh-active .pb-2020{height:120px}
.esgDataCont03__6 .graph2 .gh-active .pb-2021{height:390px}
.esgDataCont03__6 .graph2 .gh-active .pb-2022{height:160px}
.esgDataCont03__6 .graph2 .gh-active .pb-2023{height:0}
.esgDataCont03__6 .graph2 .gh-active .pb-2024{height:50px}
.esgDataCont03__6 .graph2 .value.curr{margin-bottom: 0;}

.esgDataCont03__7gh{padding:80px 30px 160px;}
.esgDataCont03__7gh + .esgDataCont03__7gh{border-top:1px solid #e9e9e9}
.esgDataCont03__7 .graph .x0 .value{color:#EFD3CA}
.esgDataCont03__7 .graph .x0 .progressBar{background-color:#EFD3CA}
.esgDataCont03__7 .graph .x1 .value{color:#F8BAA5}
.esgDataCont03__7 .graph .x1 .progressBar{background-color:#F8BAA5}
.esgDataCont03__7 .graph .x2 .value{color:#F8BAA5}
.esgDataCont03__7 .graph .x2 .progressBar{background-color:#F69170}
.esgDataCont03__7 .graph .x3 .value em{background-color:#EF6133}
.esgDataCont03__7 .graph .x3 .value::after{border-top:24px solid #EF6133}
.esgDataCont03__7 .graph .x3 .progressBar{background-color:#EF6133}
.esgDataCont03__7 .graph1 .gh-active .pb-2020{height:190px}
.esgDataCont03__7 .graph1 .gh-active .pb-2021{height:380px}
.esgDataCont03__7 .graph1 .gh-active .pb-2022{height:200px}
.esgDataCont03__7 .graph1 .gh-active .pb-2023{height:0}
.esgDataCont03__7 .graph1 .gh-active .pb-2024{height:20px}
.esgDataCont03__7 .graph2 .gh-active .pb-2020{height:220px}
.esgDataCont03__7 .graph2 .gh-active .pb-2021{height:420px}
.esgDataCont03__7 .graph2 .gh-active .pb-2022{height:330px}
.esgDataCont03__7 .graph2 .gh-active .pb-2023{height:0}
.esgDataCont03__7 .graph2 .gh-active .pb-2024{height:60px}
.esgDataCont03__7 .graph .value.curr{margin-bottom: 0;}

/* .esgDataCont01__3 .gh-active .x3 .progressBar{height:56px} */