.svg-map{display:flex;align-items:center;justify-content:center;flex-direction:column}#svg2{max-width:100%;height:auto;margin:0 auto}.navbar-energy{border-bottom:1px solid #cccccc;padding:15px 0;margin-bottom:50px}.navbar-energy ul{display:flex;list-style-type:none;gap:30px;margin:0;padding:0;justify-content:center}.navbar-energy ul li a{display:inline-block;width:100%;height:100%;color:#4f5050}.navbar-energy ul li a.active,.navbar-energy ul li a:hover{color:#1a1a1a;font-weight:700}.energy-container{max-width:1200px;margin:0 auto}@media (max-width: 767px){.energy-container{padding:0 15px}}@media (min-width: 768px){.energy-container{padding:0}}.energy-row{display:flex;justify-content:center;flex-wrap:wrap}@media (max-width: 767px){.energy-row>.left{flex:0 0 auto;width:100%}}.energy-row>.right{flex:1 0 0%;width:100%}.energy-table{margin-top:30px;font-size:14px;width:100%;border:1px solid #d1d2d4;border-collapse:collapse}.energy-table tr>td,.energy-table tr th{border:1px solid #d1d2d4;padding:5px 15px}.energy-table thead tr{background-color:#00000040}.energy-table thead tr th{text-align:center}.energy-table thead tr th:first-child{width:200px}.select-row{display:flex;gap:5px}.select-row>div{flex:1 0 0%;max-width:150px}.select-row>div.title{max-width:230px;font-size:18px;font-weight:700;display:flex;align-items:center}.tab{display:flex}.tab+.energy-table{margin-top:0}.tab>div{cursor:pointer;flex:1 0 0%;max-width:150px;display:flex;align-items:center;justify-content:center;padding:5px 15px;border-radius:10px 10px 0 0;border:1px solid #1a1a1a}.tab>div.active{background-color:#1a1a1a;color:#fff}.grapBox{position:relative}.grapBox .title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:700;font-size:14px}.row-energy{display:flex;flex-wrap:wrap}.row-energy.g-0>div{padding:0}.row-energy>div{flex:0 0 auto;float:none;max-width:100%;text-align:center}@media (max-width: 767px){.row-energy>div.col-sm-3{width:25%}.row-energy>div.col-sm-4{width:33.333333%}.row-energy>div.col-sm-6{width:50%}.row-energy>div.col-sm-12{width:100%}}@media (min-width: 768px){.row-energy>div.col-md{flex:1 0 0%;width:100%}.row-energy>div.col-md-3{width:25%}.row-energy>div.col-md-4{width:33.333333%}}@media (min-width: 992px){.row-energy>div.col-lg-3{width:25%}.row-energy>div.col-lg-12{width:100%}}.main-top .top-btn{display:flex;height:100%}@media (min-width: 768px){.main-top .top-btn{flex-direction:column}}.main-top .top-btn div{flex:1 0 auto;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid #09bcbd;font-weight:700;padding:7.5px 0;word-break:keep-all;transition:all .3s ease}@media (max-width: 767px){.main-top .top-btn div{width:50%}}@media (min-width: 768px){.main-top .top-btn div{font-size:18px;margin-bottom:4px}}.main-top .top-btn div:hover,.main-top .top-btn div.active{background-color:#09bcbd;color:#fff}.main-top .top-btn div:last-child{margin-bottom:0}.main-mid-tab{display:flex}.main-mid-tab>div{flex:1 0 0%;width:100%;height:30px}.main-mid-tab>div:last-child>div.active,.main-mid-tab>div:last-child>div:hover{border-right:2px solid #005859}.main-mid-tab>div>div{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:#09bcbd;color:#fff;font-weight:700;font-size:13px;transition:all .3s ease;box-sizing:border-box;border-right:2px solid #09bcbd}@media (max-width: 767px){.main-mid-tab>div>div{font-size:10px}}.main-mid-tab>div>div.active,.main-mid-tab>div>div:hover{background-color:#005859;border-right:2px solid #ffffff}.main-mid-content{min-height:600px}.h-100{height:100%!important}@media (max-width: 767px){.top-grp-wrap{border-left:1px solid #cccccc}}@media (max-width: 767px){.top-grp-wrap>div{padding:0}}.top-grp-wrap>div .top-grp-box{height:100%;display:flex;flex-direction:row;flex-wrap:nowrap}@media (max-width: 767px){.top-grp-wrap>div .top-grp-box{border-right:1px solid #cccccc;border-bottom:1px solid #cccccc}}@media (min-width: 768px){.top-grp-wrap>div .top-grp-box{border-radius:10px!important;border:1px solid #cccccc}}.top-grp-wrap>div .top-grp-box>div{flex:1 0 0%;width:100%;color:#226183;display:flex;justify-content:center;word-break:keep-all;font-weight:700;font-size:15px}@media (max-width: 767px){.top-grp-wrap>div .top-grp-box>div{font-weight:700;font-size:10px;min-height:82px}}.top-grp-wrap>div .top-grp-box>div:nth-child(1){max-width:50%;letter-spacing:-.08rem;flex-direction:column;padding:0 10px}@media (max-width: 767px){.top-grp-wrap>div .top-grp-box>div:nth-child(1){max-width:60%}}.top-grp-wrap>div .top-grp-box>div:nth-child(1) .target-rate{font-size:20px}.top-grp-wrap>div .top-grp-box>div:nth-child(2){max-width:50%;padding:10px}@media (max-width: 767px){.top-grp-wrap>div .top-grp-box>div:nth-child(2){max-width:40%;padding:3px}}.top-grp-wrap>div .top-grp-box>div>canvas{max-width:100%}@media (max-width: 767px){.doughnut-wrap>div:nth-child(1){order:1}}@media (max-width: 767px){.doughnut-wrap>div:nth-child(2){order:3}}@media (max-width: 767px){.doughnut-wrap>div:nth-child(3){order:2;min-height:280px}}@media (max-width: 767px){.doughnut-center .row-energy>div{padding:0}}@media (max-width: 767px){.doughnut-left,.doughnut-right{flex-direction:row}}@media (min-width: 768px){.doughnut-left,.doughnut-right{flex-direction:column}}.doughnut-left>div canvas,.doughnut-right>div canvas{max-width:100%}@media (min-width: 768px){.doughnut-left>div:nth-child(2),.doughnut-right>div:nth-child(2){margin-top:50px}}@media (min-width: 992px){.doughnut-left>div:nth-child(2),.doughnut-right>div:nth-child(2){margin-top:180px}}.energy-container{padding:0 15px}.energy-container h4{font-size:24px;color:#333;letter-spacing:-3px;font-weight:400}.energy-container .form-step2{margin-bottom:25px}.energy-container .form-step2 h4{padding-bottom:12px;border-bottom:2px solid #333}.energy-container .form-step2 h5{font-size:18px;margin-bottom:30px}.energy-container .form-step2 .box-section{margin-top:15px;padding:15px;border:1px solid #d1d1d1;background-color:#fff;border-radius:10px!important}.energy-container .form-step2 .box-section-in{display:flex;padding:15px 0;gap:5px;justify-content:end}.energy-container .form-step2 .info-subject-box{text-align:center;border:0;color:#fff;background-color:#000;padding:15px 0;font-weight:700}.energy-container .sub2_type1{width:100%;border-collapse:separate;border-spacing:0px;border-top:2px solid #002b5c}@media (max-width: 767px){.energy-container .sub2_type1{font-size:12px}}@media (min-width: 768px){.energy-container .sub2_type1{font-size:16px}}.energy-container .sub2_type1 th{color:#333;text-align:center;font-weight:700;padding:10px 15px;border-bottom:1px solid #eee;border-right:1px solid #eee;background-color:#f8f8f8}.energy-container .sub2_type1 td{text-align:center;padding:10px 15px;border-bottom:1px solid #eee;border-right:1px solid #eee}.energy-check-wrap{display:flex;flex-direction:row;flex-wrap:wrap}@media (max-width: 767px){.energy-check-wrap.city-check .energy-check{min-width:70px}}@media (min-width: 768px){.energy-check-wrap.city-check .energy-check{min-width:75px;margin-right:15px}}.energy-check-wrap .energy-check{display:flex;flex-direction:row}@media (max-width: 767px){.energy-check-wrap .energy-check{margin-right:8px}}@media (min-width: 768px){.energy-check-wrap .energy-check{margin-right:15px}}.energy-check-wrap .energy-check:last-child{margin:0}.energy-check-wrap .energy-check>div{display:flex;align-items:center;justify-content:center}.energy-check-wrap .energy-check>div label{margin:0;padding-left:5px;font-weight:400}@media (min-width: 768px){.w-200p{width:200px}}.ml-3{margin-left:15px}.mt-5{margin-top:50px}@media (min-width: 768px){.w-10{width:10%}.w-15{width:15%}.w-20{width:20%}.w-25{width:25%}.w-30{width:30%}.w-35{width:35%}.w-40{width:40%}.w-45{width:45%}.w-50{width:50%}.w-55{width:55%}.w-60{width:60%}.w-65{width:65%}.w-70{width:70%}.w-75{width:75%}.w-80{width:80%}.w-85{width:85%}.w-90{width:90%}.w-95{width:95%}.w-100{width:100%}}@media print{.header-topbar,.header-title,.header-nav,.board-title,.board-navar,.svg-map,.search-box,.footer-top,.footer,.back-to-top{display:none}.box-section-in{display:none;visibility:hidden}canvas#test{min-height:100%;max-width:100%;max-height:100%;height:auto!important;width:auto!important}}.text-unit{text-align:right;font-size:14px}