/* ESG 사회공헌 그래프 260211 */
.esg-social-wrap .line-graph-box .data-area.blue > li:nth-child(1) {bottom: 325px;}
.esg-social-wrap .line-graph-box .data-area.blue > li:nth-child(2) {bottom: 208px;}
.esg-social-wrap .line-graph-box .data-area.blue > li:nth-child(3) {bottom: 352px;}
.esg-social-wrap .line-graph-box .data-area.gray > li:nth-child(1) {bottom: 50px;}
.esg-social-wrap .line-graph-box .data-area.gray > li:nth-child(2) {bottom: 55px;}
.esg-social-wrap .line-graph-box .data-area.gray > li:nth-child(3) {bottom: 70px;}

.esg-social-wrap .esg-title-box .graph-box .esg-social-graph {background: #fff; padding: 2rem 2rem 0;}
.esg-social-wrap .esg-title-box .graph-box .esg-social-graph > li:nth-child(1) .block {height: .3rem;}
.esg-social-wrap .esg-title-box .graph-box .esg-social-graph > li:nth-child(2) .block {height: .6rem;}
.esg-social-wrap .esg-title-box .graph-box .esg-social-graph > li:nth-child(3) .block {height: 1.5rem;}
.esg-social-wrap .esg-title-box .graph-box .esg-social-graph > li:nth-child(4) .block {height: 2.5rem;}
.esg-social-wrap .esg-title-box .graph-box .esg-social-graph > li:nth-child(5) .block {height: 4.5rem;}
.esg-social-wrap .esg-title-box .graph-box .esg-social-graph > li:nth-child(6) .block {height: 8rem;}
.esg-social-wrap .esg-title-box .graph-box .esg-social-graph > li:nth-child(7) .block {height: 12rem;}
.esg-social-wrap .esg-title-box .graph-box .esg-social-graph > li:nth-child(8) .block {height: 15.5rem;}
.esg-social-wrap .esg-title-box .graph-box .esg-social-graph > li:nth-child(9) .block {height: 18.7rem;}

/* ESG 친환경성과 260211 */
.esg-eco-wrap .esg-renewal-area .box-list .row > li {width: 25%;}
.esg-eco-wrap .esg-cont-box3 .graph-area .table-area ul.line > li:nth-child(1) .cont .graph1 {width: calc(80.3% - 4.5rem)}
.esg-eco-wrap .esg-cont-box3 .graph-area .table-area ul.line > li:nth-child(1) .cont .graph2 {width: calc(88.7% - 4.5rem)}
.esg-eco-wrap .esg-cont-box3 .graph-area .table-area ul.line > li:nth-child(1) .cont .graph3 {width: calc(72.8% - 4.5rem)}
.esg-eco-wrap .esg-cont-box3 .graph-area .table-area ul.line > li:nth-child(2) .cont .graph1 {width: calc(79.3% - 4.5rem)}
.esg-eco-wrap .esg-cont-box3 .graph-area .table-area ul.line > li:nth-child(2) .cont .graph2 {width: calc(63.7% - 4.5rem)}
.esg-eco-wrap .esg-cont-box3 .graph-area .table-area ul.line > li:nth-child(2) .cont .graph3 {width: calc(55.1% - 4.5rem)}
.esg-eco-wrap .esg-cont-box3 .graph-area .table-area ul.line > li:nth-child(3) .cont .graph1 {width: calc(95.3% - 4.5rem)}
.esg-eco-wrap .esg-cont-box3 .graph-area .table-area ul.line > li:nth-child(3) .cont .graph2 {width: calc(89.9% - 4.5rem)}
.esg-eco-wrap .esg-cont-box3 .graph-area .table-area ul.line > li:nth-child(3) .cont .graph3 {width: calc(74.5% - 4.5rem)}
.esg-eco-wrap .esg-cont-box3 .graph-area .table-area ul.line > li:nth-child(4) .cont .graph1 {width: calc(80.3% - 5.2rem)}
.esg-eco-wrap .esg-cont-box3 .graph-area .table-area ul.line > li:nth-child(4) .cont .graph2 {width: calc(82% - 5.2rem)}
.esg-eco-wrap .esg-cont-box3 .graph-area .table-area ul.line > li:nth-child(4) .cont .graph3 {width: calc(73% - 5.2rem)}












@media screen and (max-width:480px){
  /* ESG 사회공헌 그래프 260114 */
  .graph-box .block .data {font-size: .6rem; }
  .graph-box .block-name {font-size: .55rem;}
  .esg-social-wrap .line-graph-box .white-area {padding: 0 1.5rem;}
  .esg-social-wrap .esg-title-box .graph-box .block {width: 1.2rem;}
  .esg-social-wrap .esg-title-box .graph-box .esg-social-graph {padding: 3rem .2rem 0 !important;}
  .esg-social-wrap .esg-title-box .graph-box .esg-social-graph > li:nth-child(2) .block {height: .8rem;}
  .esg-social-wrap .esg-title-box .graph-box .esg-social-graph > li:nth-child(3) .block {height: 1.5rem;}
  .esg-social-wrap .esg-title-box .graph-box .esg-social-graph > li:nth-child(4) .block {height: 2.7rem;}
  .esg-social-wrap .esg-title-box .graph-box .esg-social-graph > li:nth-child(5) .block {height: 5rem;}
  .esg-social-wrap .esg-title-box .graph-box .esg-social-graph > li:nth-child(6) .block {height: 7rem;}
  .esg-social-wrap .esg-title-box .graph-box .esg-social-graph > li:nth-child(7) .block {height: 8.5rem;}
  .esg-social-wrap .esg-title-box .graph-box .esg-social-graph > li:nth-child(8) .block {height: 10rem;}
  .esg-social-wrap .esg-title-box .graph-box .esg-social-graph > li:nth-child(9) .block {height: 13rem;}
  .esg-social-wrap .line-graph-box .graph-tag .box > span + span {margin-left: 0; display: block;}
}