@charset "UTF-8";
@media (max-width: 1920px) {
  .viewer > .close {
    left: auto;
    right: 3rem;
    transform: translateX(0);
  }
  .info_def .top_area .bg {
    width: auto;
  }
  .dust_wrap .intro .desc_wrap {
    max-width: calc(100% - 10rem);
  }
  .dust_wrap .cont3 .tit_wrap .bg_item {
    display: none;
  }
  .dust_wrap .cont3 .path_con.path_A .path_all {
    left: 10rem;
  }
  .dust_wrap .cont3 .path_con.path_B .path_all {
    right: 38rem;
  }
  .dust_wrap .cont3 .path_con.path_A .path_arrow svg {
    width: 38rem;
    height: 52rem;
  }
  .dust_wrap .cont3 .path_con.path_B .path_arrow svg {
    width: 62rem;
    height: 35rem;
  }
  .dust_wrap .cont3 .path_con.path_A .path_arrow:after {
    right: -3rem;
    bottom: 0.3rem;
    width: 3rem;
    height: 3rem;
  }
  .dust_wrap .cont3 .path_con.path_B .path_arrow:after {
    right: -3.2rem;
    bottom: 9.7rem;
    width: 3.5rem;
    height: 3.5rem;
  }
  .dust_wrap .cont3 .tit_wrap {
    left: 5%;
    width: 52rem;
  }
  .dust_wrap .cont3 .tit_wrap .tit {
    font-size: 4.2rem;
    line-height: 5.8rem;
  }
  .dust_wrap .cont3 .tit_wrap .path_btn_wrap {
    margin: 8rem 0 2.6rem;
  }
  .dust_wrap .cont5 .tit {
    padding: 6rem 0 0 3rem;
    float: initial;
  }
  .dust_wrap .cont5 .tit > strong > em {
    width: 54rem;
    height: 26.2rem;
  }
  .dust_wrap .cont5 .tit > strong > i {
    font-size: 4.7rem;
    padding: 1.5rem 1.6rem;
    line-height: 3rem;
    right: initial;
    left: 53rem;
    bottom: 6rem;
  }
  .dust_wrap .cont5 .issue_nation .i_group .n10 {
    right: 44%;
  }
  .dust_wrap .cont5 .issue_nation .i_group .n11 {
    top: 64%;
    right: 28%;
  }
  .dust_wrap .cont5 .issue_nation .i_group .n7 {
    top: 57%;
    right: 25.3%;
  }
  .dust_wrap .cont5 .issue_nation .i_group .n9 {
    top: 60%;
    right: 21%;
  }
  .dust_wrap .cont6 .txt_scroll_wrap p + p {
    margin-top: 2rem;
  }
  .below_n4_9 .co2_wrap {
    padding-bottom: 60rem;
  }
}
@media (max-width: 1770px) {
  .k_valence .main_intro .line_wrap {
    transform: translate(-48%, -52%) scale(0.9);
  }
  .dust_wrap .cont3 .path_detail.detail_a .d_box.d_box3 {
    left: -9%;
    bottom: 24%;
  }
  .dust_wrap .cont5 .issue_nation .i_group .n5 {
    right: 5%;
  }
  .dust_wrap .cont5 .issue_nation .i_group .n6 {
    right: 16%;
  }
  .dust_wrap .cont5 .issue_nation .i_group .n8 {
    right: 14%;
  }
  .dust_wrap .cont5 .issue_nation .i_group .n11 {
    right: 24%;
  }
  .dust_wrap .cont5 .issue_nation .i_group .n9 {
    right: 18%;
  }
  .dust_wrap .cont5 .issue_nation .i_group .n7 {
    right: 22%;
  }
  .dust_wrap .cont5 .issue_nation .i_group .n3 {
    left: 14%;
  }
  .dust_wrap .cont5 .issue_nation .i_group .n1 {
    left: 13%;
  }
  .below_n4_7 .hashTag {
    padding: 9rem 0 30rem;
  }
}
@media (max-width: 1700px) {
  .hydrogen .lb_text {
    padding: 0 1.5rem;
    width: 100%;
    top: 4rem;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    border-left: 0;
    text-align: center;
  }
  .hydrogen .lb_text br {
    display: none;
  }
  .hydrogen .item_box {
    padding: 12rem 1.5rem 5rem;
  }
  .info_def .guide {
    padding: 5rem 3rem;
  }
  .dust_wrap .cont8 .earth_txt {
    max-width: calc(100% - 6rem);
    padding: 2.5rem 2rem;
  }
}
@media (max-width: 1620px) {
  .carbon .group3 .nav {
    display: none;
  }
  .kmap .group5 .txt {
    padding-top: 0;
  }
  .guide_txt.t2 {
    width: calc(200% + 9rem);
  }
  .carbon.t2 .group1 .item1 .bg .text1 {
    font-size: 13.5rem;
    line-height: 13.6rem;
  }
  .carbon.t2 .group1 .item1 .bg .text2 {
    font-size: 25rem;
  }
  .dust_wrap .intro .desc_wrap .title {
    font-size: 6.5rem;
  }
  .dust_wrap .cont2 .inner .tit_wrap {
    width: 25%;
  }
  .dust_wrap .cont2 .inner .scroll_horizontal {
    margin-left: 25%;
  }
  .dust_wrap .cont2 .inner .tit_wrap h3 {
    left: 5rem;
    font-size: 4rem;
    line-height: 6.4rem;
  }
  .dust_wrap .cont2 .inner .material_list .mtr1 > div {
    top: 10rem;
  }
  .dust_wrap .cont2 .inner .material_list .mtr2 > div {
    bottom: 4rem;
  }
  .dust_wrap .cont2 .inner .material_list .mtr2 > div:before {
    top: -3rem;
  }
  .dust_wrap .cont2 .inner .material_list .mtr4 > div:before {
    width: 84rem;
    bottom: -13rem;
  }
  .dust_wrap .cont7 .earth_txt {
    max-width: calc(100% - 6rem);
    word-break: keep-all;
    padding: 2rem;
  }
  .dust_wrap .cont2 .inner .tit_wrap h3,
  .dust_wrap .cont2 .inner .scroll_horizontal {
    opacity: 1;
  }
  .dust_wrap .cont3 .path_con.path_B .path_all {
    right: 30rem;
  }
  .dust_wrap .cont3 .path_con.path_B .path_arrow svg {
    width: 56rem;
    height: 32rem;
  }
  .dust_wrap .cont3 .path_con.path_A .path_arrow svg {
    width: 32rem;
    height: 46rem;
  }
}
@media (max-width: 1600px) {
  .list1 .desc {
    padding: 3rem;
  }
  .list1 .desc span {
    font-size: 2.4rem;
  }
}
@media (max-width: 1500px) {
  .below.below_2_9 .group4 .balloon img {
    width: 18rem;
  }
  .below.below_2_9 .group5 .bg img {
    height: 25rem;
  }
  .carbon.view3rd .group1 .item3 .desc strong {
    font-size: 5rem;
  }
  .carbon.view3rd .group1 .item3 .desc span {
    font-size: 8rem;
  }
  .carbon.view3rd .group1 .item3 .desc p {
    font-size: 2.5rem;
    line-height: 4rem;
  }
  .hydrogen .con.t2 .graph_item {
    left: 38%;
    top: 60%;
    transform: translate(-50%, -50%) scale(0.8);
  }
  .hydrogen .con.t2 .graph_item.ani2 {
    left: 25%;
  }
  .hydrogen .con.t2 .graph_item.ani3 {
    left: 23%;
  }
  /* 지구촌 미세먼지 ISSUE */
  .dust_wrap .cont5 .tit {
    padding: 6rem 0 0 3rem;
    float: initial;
  }
  .dust_wrap .cont5 .tit > strong {
    margin-top: -7rem;
    padding-left: 0;
  }
  .dust_wrap .cont5 .tit > strong > em {
    width: 40rem;
    height: 15.2rem;
  }
  .dust_wrap .cont5 .tit > span {
    font-size: 5.1rem;
  }
  .dust_wrap .cont5 .tit > strong > i {
    font-size: 2.7rem;
    padding: 0.4rem 1.1rem;
    line-height: 3rem;
    right: initial;
    left: 25rem;
    bottom: 13rem;
  }
  .dust_wrap .cont5 .issue_point {
    right: initial;
    bottom: initial;
    position: initial;
    max-width: calc(100% - 6rem);
    width: 100%;
    text-align: center;
    padding: 1.5rem;
    margin: 0 auto;
  }
  .dust_wrap .cont5 .issue_point .point {
    display: inline-block;
  }
  .dust_wrap .cont5 .issue_point .point + .point {
    margin-top: 0;
    margin-left: 3.5rem;
  }
  .dust_wrap .cont5 .issue_nation {
    max-width: calc(100% - 6rem);
    position: initial;
    top: initial;
    margin: 7.6rem auto;
    height: auto;
  }
  .dust_wrap .cont5 .issue_nation .nation {
    position: initial !important;
    top: initial !important;
    left: initial !important;
    right: initial !important;
    float: left;
    height: 6rem;
    line-height: 6rem;
    border-radius: 5px;
    width: calc(50% - 1.2rem);
    margin-top: 1rem;
    margin-left: 1.2rem;
  }
  .dust_wrap .cont5 .issue_nation .i_group {
    position: initial;
    top: initial;
    left: initial;
    height: auto;
  }
  .dust_wrap .cont5 .issue_nation .g1 {
    overflow: hidden;
    margin-left: -1.2rem;
  }
  .dust_wrap .cont5 .issue_nation .g2 {
    overflow: hidden;
    margin-left: -1.2rem;
    margin-top: 2.8rem;
  }
  .dust_wrap .cont5 .issue_nation .i_group .circle_all {
    display: none;
  }
  .dust_wrap .cont5 .issue_nation .yellow {
    background-color: rgba(145, 88, 46, 0.7);
  }
  .dust_wrap .cont5 .issue_nation .red {
    background-color: rgba(255, 72, 72, 0.7);
  }
  .dust_wrap .cont5 .issue_nation .i_group .name {
    width: 100%;
    margin-left: 0;
  }
  .issue_layerPopWrap {
    width: calc(100% + 6rem);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .issue_layerPopWrap .issue_detail .issue_inner {
    display: initial;
  }
  .issue_layerPopWrap .issue_detail .issue_inner .img_con {
    width: 100%;
    height: 30rem;
  }
  .issue_layerPopWrap .issue_detail .issue_inner .txt_con {
    width: 100%;
  }
  .issue_layerPopWrap .issue_detail .issue_inner .img_con .year {
    right: initial;
    left: 4rem;
    top: 3rem;
    line-height: 12rem;
    font-size: 11rem;
  }
  .issue_layerPopWrap .close {
    top: 33rem;
    right: 2rem !important;
  }
  .issue_layerPopWrap .issue_detail .issue_inner .txt_con .detail {
    overflow-y: auto;
    height: 16rem;
  }
  .issue_layerPopWrap .issue_detail .issue_inner .txt_con .detail::-webkit-scrollbar {
    width: 3px;
  }
  .issue_layerPopWrap .issue_detail .issue_inner .txt_con .detail::-webkit-scrollbar-thumb {
    background: #a9a9a9;
  }
  .dust_bg_wrap .dust_bg1, .dust_bg_wrap .dust_bg2 {
    position: absolute;
    opacity: 1;
    left: 50%;
    transform: translateX(-50%) scale(1);
  }
  .dust_bg_wrap .dust_bg1 {
    top: 5%;
  }
  .dust_wrap .cont2 {
    height: auto !important;
  }
  .dust_wrap .cont2 .inner .tit_wrap {
    width: 100%;
    height: auto;
  }
  .dust_wrap .cont2 .inner .tit_wrap h3 {
    position: initial;
    padding: 8rem 3rem;
    font-size: 4.3rem;
    line-height: 5.2rem;
  }
  .dust_wrap .cont2 .inner .tit_wrap:after {
    display: none;
  }
  .dust_wrap .cont2 .inner .scroll_horizontal {
    margin-left: 0;
    padding: 32rem 0 8rem;
  }
  .dust_wrap .cont2 .inner .material_list {
    display: initial;
    padding-left: 0;
  }
  .dust_wrap .cont2 .inner .material_list .mtr {
    height: auto;
    min-width: initial;
  }
  .dust_wrap .cont2 .inner .material_list .mtr > div {
    position: initial;
  }
  .dust_wrap .cont2 .inner .material_list .mtr1 > div {
    padding: 25rem 3rem 0;
  }
  .dust_wrap .cont2 .inner .material_list .mtr2 > div {
    padding: 37rem 3rem 0;
  }
  .dust_wrap .cont2 .inner .material_list .mtr3 > div {
    padding: 32rem 3rem 0;
  }
  .dust_wrap .cont2 .inner .material_list .mtr4 > div {
    padding: 10rem 3rem 0;
  }
  .dust_wrap .cont2 .inner .material_list .mtr5 > div {
    padding: 10rem 3rem 0;
  }
  .dust_wrap .cont2 .inner .material_list .mtr6 > div {
    padding: 30rem 3rem 0;
  }
  .dust_wrap .cont2 .inner .material_list .mtr7 > div {
    padding: 41rem 3rem 0;
  }
  .dust_wrap .cont2 .inner .material_list .mtr8 > div {
    padding: 10rem 3rem 0;
  }
  .dust_wrap .cont2 .inner .material_list .mtr1 > div:before {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .dust_wrap .cont2 .inner .material_list .mtr2 > div:before {
    left: 0;
    background-size: contain;
    width: 38.4rem;
    height: 32.3rem;
    top: 3rem;
  }
  .dust_wrap .cont2 .inner .material_list .mtr3 > div:before {
    width: 66rem;
    height: 50rem;
    top: -4rem;
    left: initial;
    right: -6rem;
  }
  .dust_wrap .cont2 .inner .material_list .mtr4 > div:before {
    display: none;
  }
  .dust_wrap .cont2 .inner .material_list .mtr6 > div:before {
    width: 76.4rem;
    height: 29.5rem;
    bottom: initial;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
  }
  .dust_wrap .cont2 .inner .material_list .mtr7 > div:before {
    background-size: contain;
    left: -8rem;
    top: 4rem;
  }
  .dust_wrap .cont2 .inner .material_list .mtr8 > div:before {
    display: none;
  }
}
@media (max-width: 1432px) {
  #main .container > .board_info {
    display: block;
    width: calc(100% - 4rem);
    margin: 0 auto 2rem;
  }
  .k_valence .intro .desc,
  .k_valence .main_intro .desc {
    padding: 0 2rem;
  }
  .k_valence .intro .bg {
    transform: translate(-99rem, -60%) scale(0.7);
  }
  .k_valence .f_container {
    padding: 0 2rem;
  }
  .info_trend {
    padding: 15rem 2rem 0;
  }
  .below_n4_9 .trash_list {
    padding: 7rem 0 25rem;
  }
}
@media (max-width: 1400px) {
  .climate.p2 .intro_wrap .intro.t2 .slide .col_wrap {
    min-height: 43rem;
  }
  .climate.p2 .intro_wrap .intro.t2 .slide .col_wrap .col:first-child {
    width: 43rem;
  }
  .climate.p2 .intro_wrap .intro.t2 .slide .col_wrap.t1 .col .title {
    margin-bottom: 1rem;
  }
  .climate.p2 .intro_wrap .intro.t2 .slide .col_wrap.t2 .col:nth-child(2) {
    padding-left: 4rem;
  }
  .climate.p2 .intro_wrap .history_scroll .title {
    font-size: 4.2rem;
    line-height: 5.8rem;
    margin-right: 30rem;
  }
  .climate.p2 .intro_wrap .history_scroll .history_lst > li {
    padding-top: 6.5rem;
  }
  .climate.p2 .intro_wrap .history_scroll .scroll_box {
    width: 435.6rem;
  }
  .climate.p2 .intro_wrap .history_scroll .scroll_box:before {
    top: 52.2%;
  }
  .climate.p2 .group.group2 .book_wrap .left {
    margin-right: 0;
  }
  .k_valence .f_container {
    display: block;
  }
  .k_valence .f_container > * {
    width: 100%;
  }
  .k_valence .tbox {
    width: 100%;
    padding: 3rem;
    background: rgba(255, 255, 255, 0.8);
  }
  .k_valence .ani1 .circle_desc .cc1,
  .k_valence .circle_desc.ani1 .cc1 {
    margin-left: 10rem;
  }
  .k_valence .f_conLeft .flow1_1 {
    right: 50%;
    margin-right: 0;
  }
  .k_valence .sec2.right_ani .cc1 {
    margin-left: 34rem !important;
  }
  .k_valence .sec2.right_ani .f_conLeft .flow1_1 {
    margin-right: -24rem;
  }
  .k_valence .sec3 .f_conLeft img {
    right: 0;
  }
  .k_valence .sec3 .dualC_desc.ani1 .cc_wrap {
    left: 50%;
    top: 50%;
    margin: 0;
  }
  .k_valence .sec3 .dualC_desc.ani1 .cc_wrap p {
    transition: opacity 0.3s 1s;
  }
  .k_valence .sec3 .dualC_desc .cc_wrap.active {
    display: none;
  }
  .k_valence .sec3 .f_conLeft #flow2,
  .k_valence .sec3 .f_conLeft img {
    width: 131%;
    right: -2rem;
  }
  .k_valence .sec3 .f_conLeft #flow2 #flow2_g1 {
    display: block;
  }
  .k_valence .sec4 {
    padding: 110vh 0;
  }
  .k_valence .sec4.last .circle_desc .cc1 {
    opacity: 0;
    transition: all 0.2s;
  }
  .k_valence .sec4 .circle_desc.ani1 .cc1 {
    margin: 0;
  }
  .k_valence .sec4 .flow3_1 svg {
    right: -4rem;
  }
  .k_valence .sec4 #flow3 #flow3_g1 {
    display: block;
  }
  .k_valence .sec4.left_ani #flow3 #flow3_g1 {
    opacity: 0.5;
  }
  .info_trend .treemap_wrap.t2 .title5 > span {
    display: block;
    text-align: center !important;
  }
  .info_trend .treemap_wrap.t2 .title5 > span br {
    display: none;
  }
  .info_trend .treemap_wrap.t2 .row {
    margin-bottom: 10rem;
  }
  .info_trend .treemap_wrap.t2 .row .right {
    margin-top: 28%;
  }
  .info_trend .treemap_wrap.t2 .row .right:after {
    bottom: -35%;
    width: 23%;
    height: 23%;
  }
  .hydrogen .con_layer .lr_box .box {
    height: 39rem;
  }
  .hydrogen .con_layer .lr_box .box.w62,
  .hydrogen .con_layer .lr_box .box.w70 {
    max-width: 46rem;
  }
  .hydrogen .title3 {
    font-size: 2.8rem;
  }
  .dust_wrap .cont6 .graph_con.dif3 .g_img_con strong {
    display: block;
    margin: 0;
    text-align: center;
    padding-top: 0;
    margin: 2rem 0;
  }
  .dust_wrap .cont6 .graph_con.dif3 .g_img_con strong br {
    display: none;
  }
  .dust_wrap .cont6 .graph_con.dif3 .g_img_con strong b {
    font-size: 3.8rem;
    line-height: 3.8rem;
  }
}
@media (max-width: 1280px) {
  .more {
    margin-top: 5rem;
  }
  .box1 {
    font-size: 1.6rem;
    padding: 5rem;
  }
  .box1 .title {
    font-size: 2.5rem;
    margin-bottom: 1rem;
  }
  .list2 {
    padding: 5rem 0;
  }
  .list2 .bul1 > li {
    float: none;
    width: 100%;
  }
  .list2 .bul1 > li:nth-child(n+2) {
    margin-top: 1rem;
  }
  .list2 .btn1 {
    top: auto;
    bottom: 5rem;
    transform: translateY(0);
  }
  .list6 .img {
    width: calc(100% - 75rem);
  }
  .img1 .list li {
    margin: 0 1rem;
  }
  .viewer.scroll {
    overflow: hidden;
    overflow-x: auto;
  }
  .viewer.scroll::before {
    width: 100%;
    margin-left: -50%;
  }
  .statistics .menu, .statistics .btn_updown {
    display: none;
  }
  .statistics .group {
    margin-left: 0;
  }
  .below7 .group2 .list {
    table-layout: inherit;
  }
  .below7 .group4 .item2 .list li {
    left: 0;
  }
  .below7 .group5 .item1 .apple ul {
    padding-left: 5rem;
  }
  .below7 .group5 .item1 .list {
    table-layout: inherit;
  }
  .kmap .group2 .title {
    margin-bottom: 0;
  }
  .kmap .group2 .item {
    display: block;
    margin: 0 auto;
  }
  .kmap .group2 .item1 img {
    margin: 0 0 4rem;
  }
  .kmap .group2 .item2 {
    width: 100rem;
    max-width: 100%;
  }
  .kmap .group3 .list {
    width: calc(100% + 3rem);
  }
  .kmap .group3 .list::before {
    width: 75%;
  }
  .kmap .group3 .list li {
    width: calc(25% - 3rem);
    margin-right: 3rem;
  }
  .kmap .group3 .list li:nth-child(5n+3) {
    clear: none;
  }
  .kmap .group3 .list li:nth-child(4n+2) {
    clear: both;
  }
  .kmap .group3 .list li:nth-child(3) img {
    display: block;
  }
  .kmap .group5 .img {
    float: none;
    width: 100%;
  }
  .kmap .group5 .txt {
    float: none;
    width: 100%;
    padding: 0;
  }
  .guide_txt.t2 {
    width: calc(200% + 3rem);
  }
  .carbon.view2nd .group1 .item .txt {
    font-size: 4.5rem;
    line-height: 6.5rem;
  }
  .carbon.view2nd .graph_wrap .graph_box .line img {
    height: 32.6rem;
  }
  .carbon.view2nd .group1 .item.item4 .desc {
    line-height: 0;
  }
  .carbon.view2nd .group1 .item.item4 .desc .title img {
    max-height: 5rem;
  }
  .carbon.view2nd .group1 .item.item4 .desc .txt,
  .carbon.view2nd .group1 .item.item4.active .txt {
    margin-top: 3rem;
    font-size: 2.5rem;
  }
  .carbon.view2nd .group2 .desc > div .text {
    top: -5rem;
    font-size: 3rem;
    line-height: 5rem;
  }
  .carbon.view2nd .group3 .item2 .graph_wrap {
    padding: 5rem 3rem;
  }
  .carbon.view2nd .group3 .item2 .graph_wrap .graph_box .line {
    left: 7.2%;
    top: 6.5%;
    height: 100%;
  }
  .carbon.view2nd .group3 .item2 .graph_wrap .graph_box .line img {
    height: 84%;
  }
  .carbon.view2nd .group3 .item3 .cont2 .part > .inner {
    padding: 0 2rem;
  }
  .carbon.view2nd .group3 .item3 .list4 > li > .item_box > ul > li {
    white-space: normal;
  }
  .carbon.view2nd .group3 .item4 {
    background-position: right center;
  }
  .carbon.t2 .group3 .item3 .lr_wrap > div .dot_line:before {
    height: 67%;
    top: 20%;
    transform: rotate(26.5deg);
  }
  .carbon.t2 .group3 .item3 .lr_wrap > div .dot_line:after {
    height: 67%;
    top: 20%;
    transform: rotate(-26.5deg);
  }
  .carbon.t2 .group1 .item1 .bg {
    background-position: right -20rem center;
  }
  .carbon.t2 .group1 .item1 .bg .text1 {
    font-size: 8rem;
    line-height: 10rem;
  }
  .carbon.t2 .group1 .item1 .bg .text2 {
    font-size: 18rem;
  }
  .below.below_2_9 .group4 .balloon .balloon1,
  .below.below_2_9 .group4 .balloon .balloon3 {
    left: 80%;
  }
  .below.below_2_9 .group4 .balloon .balloon2 {
    left: 4%;
  }
  .below.below_2_9 .group4 .zero_wrap {
    padding: 10rem 3rem;
  }
  .climate.p1 .intro_wrap .intro.t2 .bg_wrap img {
    height: 20rem;
  }
  .climate.p1 .intro_wrap .intro.t2 .bg_wrap img.bg_1 {
    left: 7%;
    top: 7%;
  }
  .climate.p1 .intro_wrap .intro.t2 .bg_wrap img.bg_2 {
    right: 6%;
    top: 10%;
  }
  .climate.p1 .intro_wrap .intro.t2 .bg_wrap img.bg_3 {
    left: 12%;
    bottom: 10%;
  }
  .climate.p1 .intro_wrap .intro.t2 .bg_wrap img.bg_4 {
    right: 12%;
    bottom: 15%;
  }
  .climate .white_box.t1 .graph .g_item.g2 {
    height: 52.5%;
    bottom: 27.5%;
  }
  .climate.p2 .group.group1 .item .top {
    padding-top: 16rem;
  }
  .climate.p2 .group.group1 .item .top .title {
    margin-left: 0;
  }
  .view3rd .group1 .item1 .title_wrap {
    padding: 0 1rem;
  }
  .tracker .menu_wrap {
    width: 38%;
  }
  .tracker .menu_wrap .menu_box {
    padding: 5.5rem 0 3rem 3rem;
  }
  .tracker .menu_wrap .yearBox {
    left: 3rem;
  }
  .tracker .group2 .tracker_content {
    padding: 5rem 3rem 3rem;
  }
  .tracker .menu_wrap .menu_list > li.active > a > .title {
    font-size: 1.9rem;
  }
  .k_valence .f_conLeft .flow1_1 {
    top: calc(50% - 12.5rem);
  }
  .k_valence .sec_group .diagram {
    padding: 0 0 14rem;
  }
  .k_valence .sec_group .diagram p {
    padding: 2rem 2rem 0;
  }
  .green_gas .intro,
  .k_power .intro {
    margin-top: -7px !important;
  }
  .hydrogen .con_menu_wrap {
    right: -40rem;
    width: 40rem;
    padding: 8% 3.5rem 0;
  }
  .hydrogen .con_menu_wrap .top_text .case {
    font-size: 2rem;
  }
  .hydrogen .con_menu_wrap .top_text .title {
    font-size: 3rem;
  }
  .hydrogen .con.t2.start .con_menu_wrap.hide {
    right: -40rem;
  }
  .hydrogen .con_menu_list li {
    font-size: 2.7rem;
  }
  .hydrogen .con_menu_list li.active {
    font-size: 3.7rem;
  }
  .info_kor_heat .top_area {
    padding: 19.5rem 2rem 8.8rem;
  }
  .info_kor_heat .container {
    padding: 0 2rem;
  }
  .low_c {
    flex-direction: column;
    align-items: center;
  }
  .low_c .desc {
    padding: 2rem 0 0;
  }
  .dust_wrap .cont1 .inner {
    max-width: calc(100% - 6rem);
    width: 100%;
    margin: 0 auto;
  }
  .dust_wrap .cont1 .txt_wrap {
    width: 100%;
    word-break: keep-all;
  }
  .dust_wrap .cont6 .graph_svg .graph_path .path1 {
    top: 21.5rem;
    left: 26.1rem;
  }
  .dust_wrap .cont6 .graph_svg .graph_path .path2 {
    top: 9.4rem;
    left: 26.2rem;
  }
  .dust_wrap .cont6 .graph_svg .graph_path .path3 {
    top: 24.9rem;
    left: 26.1rem;
  }
  .dust_wrap .cont6 .graph_svg .graph_path .path4 {
    top: 4.3rem;
    left: 26.1rem;
  }
  .dust_wrap .cont6 .txt_scroll_wrap {
    padding: 4rem 6rem;
  }
  .dust_wrap .cont_tt .graph_con.dif3 .g_img_con strong {
    display: block;
    margin: 0;
    text-align: center;
    padding-top: 0;
  }
  .dust_wrap .cont_tt .graph_con.dif3 .g_img_con .g_img {
    display: block;
  }
  .dust_wrap .cont_tt .graph_con.dif3 .g_img_con strong b {
    font-size: 3.6rem;
    line-height: 3.3rem;
  }
  .dust_wrap .cont_tt .graph_con.dif3 .g_img_con strong br {
    display: none;
  }
  .dust_wrap .cont3 .tit_wrap {
    text-align: center;
    padding: 3.7rem 3rem 2.2rem;
    position: relative;
    z-index: 50;
    top: initial;
    bottom: 0;
    left: initial;
    transform: initial;
    width: 100%;
    background-color: #9A7F62;
  }
  .dust_wrap .cont3 .tit_wrap:before {
    display: none;
  }
  .dust_wrap .cont3 .tit_wrap .tit {
    font-size: 2.7rem;
    line-height: 3.2rem;
  }
  .dust_wrap .cont3 .tit_wrap .tit br {
    display: none;
  }
  .dust_wrap .cont3 .tit_wrap .path_btn_wrap {
    margin: 2rem 0 1.6rem;
  }
  .dust_wrap .cont3 .path_con .path_desc {
    width: 100%;
    height: calc(100% - 24rem);
    top: initial;
    min-height: 80%;
  }
  .dust_wrap .cont3 .path_detail .d_box {
    position: initial;
    max-width: calc(100% - 6rem);
    margin: 0 auto;
    padding: 1.5rem;
  }
  .dust_wrap .cont3 .path_detail .d_box + .d_box {
    margin-top: 2rem;
  }
  .dust_wrap .cont3 .path_con.path_A .path_all {
    top: 2rem;
  }
  .dust_wrap .cont3 .path_detail {
    height: auto;
    top: initial;
    bottom: 7rem;
    z-index: 5;
  }
  .dust_wrap .cont3 .data_refer {
    right: 1rem;
    bottom: -2rem;
    padding: 0.5rem 1.5rem 0.5rem;
  }
  .dust_wrap .cont3 .path_detail .d_box p br {
    display: none;
  }
  .dust_wrap .cont3 .path_detail .d_box + .d_box {
    margin-top: 3rem;
  }
  .dust_wrap .cont3 .path_detail .d_box em {
    width: 3.2rem;
    height: 3.2rem;
    line-height: 3.2rem;
    top: -2.1rem;
    left: 1rem;
  }
  .dust_wrap .cont3 .path_con .path_desc:before {
    content: "";
    position: absolute;
    width: 200%;
    height: 100%;
    background-color: #133A3E;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }
  .dust_wrap .cont3 .bg {
    z-index: 0;
    height: 80%;
  }
  .dust_wrap .cont3 .bg.bg_b {
    top: initial;
    bottom: 0;
  }
  /* .dust_wrap .cont3 .bg.bg_a {background-image: url(../../../..../img/contents/tpp/dust_path_bg1_mobile.jpg);}
  .dust_wrap .cont3 .bg.bg_b {background-image: url(../../../..../img/contents/tpp/dust_path_bg2_mobile.jpg);} */
  /* .dust_wrap .cont3 .path_con .path_all {display: none;} */
  .dust_wrap .cont3 .path_con.path_A .path_all {
    left: 50%;
    transform: translateX(-50%);
    top: 10rem;
  }
  .dust_wrap .cont3 .path_con.path_A .path_arrow svg {
    height: 34rem;
  }
  .dust_wrap .cont3 .bg.bg_a {
    left: -20rem;
  }
  .dust_wrap .cont_tt .graph_item {
    max-width: 100rem;
  }
  .dust_wrap .cont7 .graph_item .val_list {
    padding: 0 0 4.2% 11.4%;
  }
  .dust_wrap .cont7 .graph_item .val_list.t1 li {
    margin-top: 5.6%;
  }
  .dust_wrap .cont9 .graph_item .val_list.t2 {
    padding: 0 0 4% 11.3%;
  }
  .dust_wrap .cont9 .graph_item .val_list.t2 li {
    margin-top: 4.3%;
  }
  .below_n4_2 .numImg_wrap1 {
    max-width: calc(100% - 6rem);
  }
  .below_n4_2 .numImg_wrap1 .num_img {
    flex-wrap: nowrap;
  }
  .below_n4_6 .profile_wrap {
    max-width: calc(100% - 6rem);
    width: 100%;
    padding-right: 10rem;
  }
  .below_n4_6 .profile_wrap .p_txt {
    max-width: 50rem;
    padding: 6rem 5rem;
    word-break: keep-all;
  }
  .below_n4_9 .co2_wrap {
    padding-bottom: 50rem;
  }
}
@media (max-width: 1160px) {
  .carbon.t2 .group2 .circle {
    transform: scale(0.8);
  }
  .carbon.t2 .group2.on .circle .circle_desc > div {
    width: 39rem;
  }
  .carbon.t2 .group2 .circle .circle_desc > div p {
    margin: 0 auto;
  }
  .below .group.group2 .img2 {
    min-height: 40rem;
  }
  .below .picBox {
    padding-bottom: 0;
  }
  .below .picBox .pic_desc {
    position: relative;
    margin-top: 3rem;
    left: auto;
    width: 100%;
    max-width: inherit;
  }
  .below .picBox .pic_desc p br {
    display: none;
  }
  .climate.p2 .intro_wrap .intro.t2 .slide .col_wrap.t2 .col:first-child {
    width: 49rem;
  }
  .climate.p2 .intro_wrap .intro.t2 .slide .list li {
    width: 33.3%;
  }
  .k_valence .sec3 .dualC_desc .bg {
    margin: -27rem 0 0 -23rem;
  }
  .k_valence .sec3 .dualC_desc .bg.t2 {
    margin: 12rem 0 0 9rem;
  }
  .k_valence .sec3 .dualC_desc.ani1 .bg {
    margin: 0;
  }
  .vc_list {
    justify-content: center;
    flex-wrap: wrap;
  }
  .vc_list > li {
    width: calc(25% - 3rem);
    margin: 0 1.5rem 2rem;
  }
  .vc_list > li > .desc {
    min-height: 15rem;
  }
  .hydrogen .con_layer .lr_box .box {
    margin-right: 4%;
  }
  .dust_wrap .cont6 {
    padding: 12rem 0 4rem;
  }
}
@media (max-width: 1080px) {
  .climate .way_list > li {
    height: 58rem;
  }
  .climate .way_list > li > .num_list > li {
    width: 100%;
    margin-top: 1rem;
  }
  .climate .way_list > li > .num_list > li:nth-child(-n+2) {
    margin-top: 1rem;
  }
  .climate .way_list > li:nth-child(2) > .sub_title {
    margin-top: 2.9rem;
  }
  .green_gas .graph_box.graph_3 {
    left: 0;
  }
  .below_n3_12 .group2 {
    padding-bottom: 20rem;
  }
  .below_n3_12 .img1 {
    margin-top: -15rem;
  }
  .below_n3_8 .rotate_bg .r_bg {
    width: 123%;
  }
  .below_n3_8 .rotate_bg .r_bg.t2 {
    width: 155%;
  }
  .info_trend .treemap_wrap.t2 .row .right {
    margin-top: 30%;
  }
  .info_def .flex_box {
    flex-direction: column;
  }
  .info_def .guide {
    padding: 4rem 2rem;
    font-size: 1.9rem;
    text-align: justify;
  }
  .info_def .guide .left {
    padding-right: 0;
  }
  .info_def .guide .right {
    margin-top: 3rem;
    text-align: center;
  }
  .dust_wrap .cont6 .graph_svg .graph_path {
    width: 560px;
    height: 377px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .dust_wrap .cont6 .graph_svg .graph_path .path1,
  .dust_wrap .cont6 .graph_svg .graph_path .path2,
  .dust_wrap .cont6 .graph_svg .graph_path .path3,
  .dust_wrap .cont6 .graph_svg .graph_path .path4 {
    left: 6.2rem;
  }
  .dust_wrap .cont_tt .graph_con.dif {
    width: 100%;
    max-width: 100%;
  }
  .dust_wrap .cont_tt .txt_cont {
    max-width: 100%;
  }
  .dust_wrap .cont7 .graph_item .val_list.t1 li {
    margin-top: 5.6%;
  }
  .dust_wrap .cont9 .graph_item .val_list.t2 li {
    margin-top: 4.3%;
  }
}
@media (max-width: 1024px) {
  .bg3 .title3 {
    margin-top: 4rem;
  }
  .bg4 {
    margin-bottom: 0;
    padding: 1px 0 4rem;
  }
  .list1.type1 {
    overflow-x: auto;
    width: calc(100% + 5rem);
    margin-left: -2rem;
    padding: 0 0 1rem 2rem;
    white-space: nowrap;
  }
  .list1.type1 li {
    display: inline-block;
    float: none;
    width: 30rem;
    vertical-align: top;
    white-space: normal;
  }
  .list3 > li {
    width: calc(25% - 3rem);
    margin-left: 4rem;
  }
  .list3 > li:nth-child(5n+1) {
    clear: none;
    margin-left: 4rem;
  }
  .list3 > li:nth-child(5n+1)::before {
    display: none;
  }
  .list3 > li:nth-child(4n+1) {
    clear: both;
    position: relative;
    margin-left: 0;
  }
  .list3 > li:nth-child(4n+1)::before {
    display: block;
    position: absolute;
    left: 0;
    top: -5rem;
    width: calc(400% + 12rem);
    height: 1px;
    background-color: #ddd;
    content: "";
  }
  .list4 .img::before {
    display: none;
  }
  .list4 .group1 .img {
    width: 55%;
  }
  .list4 .group1 .desc {
    padding: 1rem 0 1rem 3rem;
  }
  .list4 .group1 .desc span {
    margin: 0.5rem 0 1rem;
  }
  .list4 .group2 {
    margin-top: 0;
    display: inline-block;
    width: calc(100% + 2rem);
  }
  .list4 .group2 > * {
    clear: none;
    float: left;
    width: calc(33.33333% - 2rem);
    margin: 0 2rem 0 0;
  }
  .list4 .group2 > *:nth-child(1n+1) {
    clear: none;
  }
  .list4 .group2 > *:nth-child(2n+1) {
    clear: none;
  }
  .list4 .group2 > *:nth-child(3n+1) {
    clear: both;
  }
  .list4 .group2 .desc {
    margin-top: 2rem;
  }
  .list4 .group2 .desc span {
    margin: 0.5rem 0 1rem;
  }
  .list5 .item {
    padding-left: 3rem;
  }
  .list6 .img {
    display: block;
    overflow: hidden;
    float: none;
    width: 453px;
    max-width: 100%;
    margin: 4rem 0 -1.5rem;
    border-radius: 0 0 5rem 0;
    background-color: #070000;
  }
  .list6 .img + .item {
    float: none;
    width: auto;
  }
  .table1 {
    margin-top: 2rem;
  }
  .table2 table {
    table-layout: inherit;
  }
  .table2 th span {
    display: block;
    margin-bottom: 1rem;
    line-height: 0.5;
  }
  .img1 .list {
    padding: 3rem 4rem;
    text-align: left;
  }
  .img1 .list li {
    display: block;
    margin: 0;
  }
  #main.card .mission .title {
    width: 35rem;
    height: 35rem;
    padding-top: 12rem;
  }
  #main.card .mission .title::after {
    font-size: 10rem;
  }
  #main.card .mission .group {
    margin-top: 0;
    display: inline-block;
    width: calc(100% + 2rem);
  }
  #main.card .mission .group > * {
    clear: none;
    float: left;
    width: calc(50% - 2rem);
    margin: 0 2rem 0 0;
  }
  #main.card .mission .group > *:nth-child(1n+1) {
    clear: none;
  }
  #main.card .mission .group > *:nth-child(2n+1) {
    clear: both;
  }
  #main.card .mission .group::after {
    width: 50%;
  }
  #main.card .mission .group .item {
    margin-top: 3rem;
  }
  #main.card .mission .group .item::before {
    top: -3rem;
    height: 3rem;
  }
  #main.card .mission .group .item .label span {
    display: block;
  }
  #main.card .mission .group .item:nth-child(n+3)::before {
    top: -6rem;
    height: 6rem;
  }
  .statistics .item {
    max-width: calc(100% - 4rem) !important;
    margin: 6rem 0 3rem;
  }
  .statistics .item small {
    padding-top: 2rem;
  }
  .statistics .group1 .desc {
    text-align: center;
  }
  .statistics .graph .graph_left {
    width: 43% !important;
    margin-right: 2rem !important;
  }
  .statistics .graph .graph_list {
    width: calc(100% + 1.5rem) !important;
  }
  .statistics .graph .graph_list li {
    width: calc(33.3% - 1.5rem) !important;
    margin: 0 1.5rem 1.5rem 0 !important;
  }
  .statistics .item1 > .desc, .statistics .item2 > .desc, .statistics .item3 > .desc, .statistics .item4 > .desc {
    float: none;
    width: auto;
  }
  .statistics .item1 > .graph, .statistics .item2 > .graph, .statistics .item3 > .graph, .statistics .item4 > .graph {
    float: none;
    width: auto;
    margin-top: 2rem;
  }
  .statistics .group11 .item4 .desc .title {
    float: none;
    width: auto;
  }
  .statistics .group11 .item4 .desc .txt {
    float: none;
    width: auto;
    padding-top: 0;
  }
  .statistics .group9::before {
    display: none;
  }
  .statistics .group9 {
    background-size: auto 25rem;
  }
  .statistics .group10::before {
    display: none;
  }
  .statistics .group10 {
    background-size: auto 25rem;
  }
  .statistics .group11::before {
    display: none;
  }
  .statistics .group11 {
    background-size: auto 25rem;
  }
  .statistics .group12::before {
    display: none;
  }
  .statistics .group12 {
    background-size: auto 25rem;
  }
  .statistics .group13 {
    background-size: auto 25rem;
  }
  .statistics .group7, .statistics .group8 {
    background-size: auto 20rem;
  }
  .below3 .label {
    font-size: 3rem;
  }
  .below3 .group1 .title {
    margin-bottom: 0;
  }
  .below3 .group2 {
    padding: 10rem 0;
  }
  .below3 .group3 {
    font-size: 1.7rem;
    padding-top: 0;
  }
  .below3 .group3 .item {
    padding: 3rem 0;
  }
  .below3 .group3 .item .title {
    font-size: 8rem;
    margin-bottom: 1rem;
  }
  .below3 .group3 .item .desc b {
    font-size: 2rem;
  }
  .below3 .group3 .item .desc b + br + span {
    margin-top: 1rem;
  }
  .below3 .group3 .item .box {
    padding: 2rem;
  }
  .below3 .group3 .item .box strong {
    width: 15rem;
  }
  .below3 .group3 .item .box span {
    width: calc(100% - 15rem);
  }
  .below3 .group3 .item .box.type2 {
    padding: 3rem;
  }
  .below3 .group3 .item .box.type2 .img {
    width: 25rem;
  }
  .below3 .group3 .item .box.type2 .txt {
    width: calc(100% - 28rem);
  }
  .below3 .group3 .item1 .cont {
    margin-top: 1rem;
  }
  .below3 .group3 .item1 .cont .img {
    width: 30%;
  }
  .below3 .group3 .item1 .cont .desc {
    width: 70%;
    padding-left: 4rem;
  }
  .below3 .group3 .item1 .cont .desc::before {
    bottom: calc(50% + 10rem);
    width: 30rem;
    background-position: 0 bottom;
    background-size: 100% auto;
  }
  .below3 .group3 .item2 .cont {
    margin: 5rem 0 3rem;
    padding-left: 35rem;
  }
  .below3 .group3 .item2 .cont .label {
    font-size: 2.5rem;
  }
  .below3 .group3 .item3 .cont {
    margin-top: 2rem;
  }
  .below3 .group3 .item3 .cont .img {
    width: 15rem;
    padding: 0;
  }
  .below3 .group3 .item3 .cont .desc {
    padding: 0 0 0 3rem;
  }
  .below3 .group4 {
    padding: 5rem 0;
  }
  .below3 .group5 {
    padding: 5rem 0 15rem;
  }
  .below3 .group5 .img {
    display: inline-block;
    width: 100%;
    height: auto;
    vertical-align: top;
  }
  .below3 .group5 .img span {
    display: block;
    max-width: calc(50% + 2.5rem);
  }
  .below3 .group5 .img span + span::before {
    top: 50%;
    bottom: auto;
    left: auto;
    right: 50%;
  }
  .below3 .group5 .desc {
    position: static;
    width: auto;
    max-width: 100%;
    margin-bottom: 4rem;
    word-break: keep-all;
  }
  .below3 .group5 .desc strong {
    margin-bottom: 2rem;
  }
  .below3 .group6 .desc .title {
    margin-bottom: 0;
  }
  .below6.below.normal .item1.item1 .elm.elm2 .txt2 {
    display: block;
    position: static;
    margin: -1rem 0 1rem;
    padding-left: 2.5rem;
  }
  .below7 .txt.type1 {
    font-size: 1.8rem;
  }
  .below7 .txt.type1 > * span {
    margin-top: 2rem;
  }
  .below7 .group1 {
    height: 66rem;
  }
  .below7 .group1 .title b {
    font-size: 3.5rem;
  }
  .below7 .group1 .title span {
    font-size: 5rem;
  }
  .below7 .group1 .bg {
    height: 100%;
  }
  .below7 .group1 .bg img {
    max-width: inherit;
    height: 100%;
  }
  .below7 .group2 {
    padding-top: 5rem;
  }
  .below7 .group2 .label {
    font-size: 2.1rem;
    margin-bottom: 3rem;
  }
  .below7 .group2 .img {
    margin: -8rem 0 -0.5rem;
  }
  .below7 .group2 .txt {
    padding: 4rem 3rem;
  }
  .below7 .group2 .list {
    width: 60rem;
    max-width: calc(100% - 6rem);
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100%;
  }
  .below7 .group2 .list li {
    float: left;
    width: calc(100% - 25rem);
    margin-top: 2rem;
  }
  .below7 .group2 .list li:nth-child(2n) {
    width: 25rem;
  }
  .below7 .group3 {
    font-size: 1.7rem;
    padding-top: 8rem;
  }
  .below7 .group3 .list li {
    margin-top: 5rem;
  }
  .below7 .group3 .list li:first-child .desc {
    width: 60%;
  }
  .below7 .group3 .list .desc strong {
    font-size: 3rem;
    margin-bottom: 1rem;
  }
  .below7 .group3 .item2 {
    font-size: 2.5rem;
    padding: 15rem 0 5rem;
  }
  .below7 .group3 .item2 .desc > span {
    font-size: 3rem;
  }
  .below7 .group3 .item2 p {
    margin: 3rem 0;
  }
  .below7 .group3 .item2 p strong {
    font-size: 5rem;
  }
  .below7 .group3 .item2 b {
    font-size: 2.5rem;
  }
  .below7 .group4 {
    padding-top: 8rem;
  }
  .below7 .group4 .txt.type1 {
    margin-top: 5rem;
  }
  .below7 .group4 .img {
    margin-top: -35rem;
    transform: scale(0.6) translateX(-65rem);
  }
  .below7 .group4 .item2 {
    font-size: 1.7rem;
    margin-top: -25rem;
    padding-bottom: 5rem;
  }
  .below7 .group4 .item2 .title {
    font-size: 2.5rem;
  }
  .below7 .group4 .item2 .title strong {
    font-size: 4rem;
  }
  .below7 .group4 .item2 .list {
    width: 30rem;
    height: 50rem;
  }
  .below7 .group4 .item2 .list li {
    padding: 0.5rem 0;
  }
  .below7 .group5 {
    font-size: 1.8rem;
  }
  .below7 .group5 .item1 {
    padding-top: 8rem;
  }
  .below7 .group5 .item1 .apple {
    margin: 10rem 0;
  }
  .below7 .group5 .item1 .apple .img {
    display: block;
    margin: 0 auto;
  }
  .below7 .group5 .item1 .apple ul {
    display: block;
    padding: 3rem 0 0;
    text-align: center;
  }
  .below7 .group5 .item1 .list {
    padding: 10rem 0;
  }
  .below7 .group5 .item1 .list .desc {
    font-size: 2rem;
  }
  .below7 .group5 .item2 {
    padding-bottom: 8rem;
  }
  .below7 .group5 .item2 strong {
    margin-top: 5rem;
  }
  .below9 .group1 {
    height: 66rem;
  }
  .below9 .group1 .bg {
    height: calc(100% + 0.5rem);
  }
  .below9 .group1 .bg img {
    max-width: inherit;
    height: 100%;
  }
  .below9 .group1 .txt {
    margin-top: 5rem;
  }
  .below9 .group2 {
    padding: 10rem 0;
  }
  .below9 .group2 .bg {
    padding: 10rem 0 28rem;
  }
  .below9 .group2 .bg::after {
    width: 28rem;
    height: 35rem;
  }
  .below9 .group2 .bg > img {
    width: 50rem;
  }
  .below9 .group2 .bg .type1 {
    left: 12rem;
    top: 5rem;
    width: 20rem;
  }
  .below9 .group2 .bg .type2 {
    width: 20rem;
  }
  .below9 .group2.type2 .bg span.type1 {
    top: 8rem;
    left: 15rem;
    width: 15rem;
  }
  .below9 .group2 .item {
    padding-left: 25rem;
  }
  .below9 .group2 .title {
    font-size: 3.5rem;
    margin-top: 10rem;
  }
  .below9 .group2 .img.type2 li + li {
    padding-left: 10rem;
  }
  .below9 .group2 .img.type2 li + li::before {
    margin-left: 3.5rem;
  }
  .below9 .group2 .img.type3 li {
    margin-right: 2rem;
  }
  .below11 .group1 {
    height: auto;
    background-position: right bottom;
    background-size: auto 90%;
  }
  .below11 .group1 .title {
    margin: 8rem 0;
    padding: 0;
  }
  .below11 .group1 .title h3 {
    margin: 0;
  }
  .below11 .group1 .bg {
    top: 50%;
    height: 100%;
    text-align: right;
    transform: translateY(-50%);
  }
  .below11 .group1 .bg img {
    width: auto;
    max-width: inherit;
    height: 100%;
  }
  .below11 .group2 .item {
    margin-top: 5rem;
  }
  .below11 .group2 .title::after {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
  .below11 .group2 .title img {
    height: 3rem;
  }
  .below11 .group2 .list li {
    font-size: 2rem;
    padding: 3rem;
  }
  .below11 .group2 .list li > strong {
    height: auto;
    min-height: 4rem;
    margin-bottom: 2rem;
    padding-left: 6rem;
  }
  .below11 .group2 .list li > strong span {
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
  }
  .below11 .group2 .list li > p span {
    width: 15rem;
    max-width: 49%;
    height: 4rem;
  }
  .below11 .group2 .list li > p label {
    line-height: 3.6rem;
  }
  .below11 .group2 .list li > p input:hover + label, .below11 .group2 .list li > p input:focus + label {
    line-height: 3.5rem;
  }
  .below11 .group2 .list li > p .type1 label {
    line-height: 3.4rem;
  }
  .below11 .group2 .list li > small {
    font-size: 1.7rem;
    margin-top: 2rem;
    padding: 2rem 2rem 2rem 5rem;
  }
  .below11 .group2 .list li > small::before {
    left: 2rem;
    top: 1.5rem;
  }
  .below11 .group2 .btns {
    margin-top: 3rem;
  }
  .below11 .group2 .btns .btn {
    font-size: 1.8rem;
    width: 25rem;
    max-width: 49%;
    height: 6rem;
    line-height: 5.5rem;
  }
  .below11 .group2 .btns i {
    font-size: 2rem;
  }
  .carbon .group1 .item .img img {
    width: auto;
    max-width: 200%;
    height: 100%;
  }
  .carbon .group1 .item.item2 .desc {
    font-size: 3rem;
  }
  .carbon .group1 .item.item2 .txt {
    margin-top: 5rem;
  }
  .carbon .group1 .item.item2.active .img {
    width: calc(100% - 4rem);
    height: 30rem;
  }
  .carbon .group1 .item.item2.active .img img {
    max-width: 100%;
    height: auto;
    transition: all 0.5s 0.5s;
  }
  .carbon .group1 .item.item2.active .txt {
    margin-top: 7rem;
  }
  .carbon .group1 .item.item3 .desc {
    font-size: 3rem;
  }
  .carbon .group1 .item.item3 .txt {
    margin-top: 5rem;
  }
  .carbon .group1 .item.item3.active .img {
    width: calc(100% - 4rem);
    height: 30rem;
  }
  .carbon .group1 .item.item3.active .img img {
    max-width: 100%;
    height: auto;
    transition: all 0.5s 0.5s;
  }
  .carbon .group1 .item.item3.active .txt {
    margin-top: 7rem;
  }
  .carbon .group1 .item.item4 .desc {
    font-size: 3rem;
  }
  .carbon .group1 .item.item4 .txt {
    margin-top: 5rem;
  }
  .carbon .group1 .item.item4.active .img {
    width: calc(100% - 4rem);
    height: 30rem;
  }
  .carbon .group1 .item.item4.active .img img {
    max-width: 100%;
    height: auto;
    transition: all 0.5s 0.5s;
  }
  .carbon .group1 .item.item4.active .txt {
    margin-top: 7rem;
  }
  .carbon .group1 .item1 .list {
    width: calc(100% + 6rem);
    height: 0;
    margin-top: -10rem;
    padding-top: 50%;
  }
  .carbon .group1 .item1 .list li {
    margin-top: -3%;
  }
  .carbon .group1 .item1 .list li p {
    width: 15rem;
    height: auto;
    padding: 1rem;
    word-break: keep-all;
    white-space: normal;
    line-height: 1.2;
  }
  .carbon .group1 .item5 .desc {
    font-size: 5rem;
  }
  .carbon .group3 .item3 .img {
    height: 0;
    padding: 70% 0 0;
  }
  .carbon .group3 .item3 .img i {
    top: 5rem;
  }
  .carbon .group3 .item3 .cont2 .part {
    padding: 4rem 0;
  }
  .carbon .group3 .item3 .cont2 .part > strong {
    display: block;
    position: static;
    width: auto;
    margin-bottom: 2rem;
  }
  .carbon .group3 .item3 .cont2 .menu.fixed + .part {
    padding-top: 0;
  }
  .temperature .title {
    padding: 5rem 3rem 15%;
  }
  .temperature .list {
    padding-bottom: 5rem;
  }
  .temperature .list::after {
    height: 105%;
  }
  .temperature .list li {
    top: 0 !important;
  }
  .temperature .list p {
    top: 0 !important;
  }
  .temperature .list .temperature1_2 {
    margin-top: 1%;
  }
  .temperature .list .temperature1_2 .left {
    margin-top: -1.5%;
  }
  .temperature .list .temperature1_2 .right {
    margin-top: 0.5%;
  }
  .temperature .list .temperature1_3 .right {
    margin-top: 5%;
  }
  .temperature .list .temperature1_4 {
    margin-top: 1%;
  }
  .temperature .list .temperature1_4 .right {
    margin-top: 2%;
  }
  .temperature .list .temperature2_1 {
    margin-top: 2%;
  }
  .temperature .list .temperature2_1 .right {
    margin-top: 3%;
  }
  .temperature .list .temperature2_2 .left {
    margin-top: 2%;
  }
  .temperature .list .temperature2_2 .right {
    margin-top: -4%;
  }
  .temperature .list .temperature2_3 .left {
    margin-top: 5%;
  }
  .temperature .list .temperature2_3 .right {
    margin-top: 0.5%;
  }
  .temperature .list .temperature3_1 {
    margin-top: 4%;
  }
  .temperature .list .temperature3_2 {
    clear: both;
    margin-top: -0.5%;
  }
  .temperature .list .temperature3_2 .right {
    margin-top: 1%;
  }
  .temperature .list .temperature3_3 .left {
    margin-top: -6%;
  }
  .temperature .list .temperature3_4 .left {
    margin-top: -6%;
  }
  .temperature .list .temperature4_1 {
    margin-top: 2%;
  }
  .temperature .list .temperature4_1 .right {
    margin-top: -5%;
  }
  .energyflow .group1 {
    z-index: 1;
    padding: 6rem 0 9rem;
  }
  .energyflow .group1 i {
    display: block;
    float: none;
    width: 100%;
    padding: 10rem 3rem 3rem;
  }
  .energyflow .group1 i img {
    max-height: 80rem;
  }
  .energyflow .group1 .title {
    top: 12rem;
    left: 0;
  }
  .energyflow .group1 .desc {
    position: relative;
    z-index: 1;
    max-width: 100%;
    padding: 0 5rem;
  }
  .energyflow .group1 .desc::after {
    display: none;
  }
  .energyflow .group1 .scroll {
    left: auto;
    right: 5.5rem;
    width: 9rem;
    font-size: 0;
    transform: translate(0);
  }
  .energyflow .group1 .scroll::after {
    position: absolute;
    top: auto;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.7rem;
    z-index: 10;
    height: auto;
    margin-top: 100rem;
  }
  .energyflow .group1.active + .group2 + .group3 .item1 span {
    height: 30rem;
    padding-top: 20rem;
    transition: all 1s 2.5s;
  }
  .energyflow .group [class*=item] {
    float: none;
    width: calc(100% - 19.5rem);
    padding-left: 3rem;
  }
  .energyflow .group:nth-last-child(n+2) .btn {
    font-size: 1.5rem;
    height: 5.5rem;
    border: 2px solid #222;
    line-height: 5.1rem;
    display: block;
    position: relative;
    z-index: 5;
    width: 18.5rem;
    margin-top: 2.5rem;
    box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.16);
    border-radius: 0.8rem;
    background-color: #fff;
    font-weight: 600;
    color: #333;
    text-align: center;
  }
  .energyflow .group:nth-last-child(n+2) .btn::after {
    display: inline-block;
    position: relative;
    top: 1px;
    font-family: "xeicon";
    vertical-align: top;
    top: -0.1rem;
    margin-left: 0.5rem;
    content: "+";
    vertical-align: middle;
  }
  .energyflow .group2 .item1 .state, .energyflow .group3 .item2, .energyflow .group4 .item3 {
    visibility: hidden;
    overflow: hidden;
    width: 0;
    height: 0;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    left: 50% !important;
    z-index: 9999;
    padding: 3rem 2.5rem;
    border-radius: 1.2rem;
    background: none #fff;
    transition: all 0s !important;
  }
  .energyflow .group2 .item1 .state .close, .energyflow .group3 .item2 .close, .energyflow .group4 .item3 .close {
    display: block;
    overflow: hidden;
    position: absolute;
    right: 2rem;
    top: 3rem;
    width: 3rem;
    height: 3rem;
    text-align: center;
    line-height: 3rem;
  }
  .energyflow .group2 .item1 .state .close::before, .energyflow .group3 .item2 .close::before, .energyflow .group4 .item3 .close::before {
    display: block;
    width: 100%;
    height: 100%;
    font-family: "xeicon";
    text-align: center;
    line-height: inherit;
    font-size: 2rem;
    color: #000;
    content: "\e921";
  }
  .energyflow .group2 .item::before, .energyflow .group3::before, .energyflow .group4 .item2::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: fixed;
    z-index: 999;
    background-color: #000;
    content: "";
    opacity: 0.5;
  }
  .energyflow .popup {
    z-index: 999;
  }
  .energyflow .popup.group2 .item1::before, .energyflow .popup.group3::before, .energyflow .popup.group4 .item2::before {
    width: 100%;
    height: 100%;
    transition: all 0.2s;
  }
  .energyflow .popup.group2 .item1 .state, .energyflow .popup.group3 .item2, .energyflow .popup.group4 .item3 {
    visibility: visible;
    overflow: visible;
    width: auto;
    height: auto;
    opacity: 1;
    width: 37.5rem;
    max-width: calc(100% - 6rem);
    margin-left: auto !important;
    margin-right: auto !important;
    transition: opacity 0.2s;
  }
  .energyflow .group2::before {
    left: auto;
    right: 5.5rem;
    width: 9rem;
    transform: translate(0);
  }
  .energyflow .group2 .item1 {
    position: static;
  }
  .energyflow .group2 .item1 .state .graph .chart {
    width: 20rem;
  }
  .energyflow .group2 .item1 .state .graph .chart strong {
    font-size: 1.7rem;
  }
  .energyflow .group2 .item2 li {
    text-align: right;
  }
  .energyflow .group2 .item2 li:first-child p {
    max-width: 100%;
  }
  .energyflow .group2 .item2 li:first-child p::before {
    left: -3rem;
    border-width: 1rem;
    border-left: 0 none;
    border-right: 1rem solid #E4C840;
  }
  .energyflow .group2 .item2 li:first-child p::after {
    left: auto;
    right: -14rem;
    width: 1rem;
    max-height: 25rem;
  }
  .energyflow .group2 .item2 li:last-child > span {
    height: 8rem;
    line-height: 8rem;
  }
  .energyflow .group2 .item2 li:last-child > span::before {
    left: -3rem;
    border-width: 8rem;
    border-left: 0 none;
    border-right: 8rem solid #CF4283;
  }
  .energyflow .group2 .item2 li:last-child > span::after {
    left: auto;
    right: -13rem;
    width: 8rem;
    max-height: 7rem;
    background: linear-gradient(to bottom, #CF4283, rgba(255, 255, 255, 0));
  }
  .energyflow .group2 .item2 li:last-child p::before, .energyflow .group2 .item2 li:last-child p::after {
    display: none;
  }
  .energyflow .group2 .item2 p span {
    display: none;
  }
  .energyflow .group2 .item2 strong {
    height: auto;
    padding: 0;
  }
  .energyflow .group2 .item2 strong i {
    right: auto;
    left: 7.5rem;
    top: 4rem;
  }
  .energyflow .group2 .item2 strong i img {
    max-height: 100%;
  }
  .energyflow .group2 .item2 strong span {
    display: block;
    padding: 1rem 0 2.5rem;
  }
  .energyflow .group2.active .item2 li:first-child p::before {
    width: calc(100% + 17rem);
    border-radius: 0 9rem 0 0;
  }
  .energyflow .group2.active .item2 li:last-child > span::before {
    width: calc(100% + 16rem);
    border-radius: 0 9rem 0 0;
  }
  .energyflow .group3 .item1 span {
    left: auto;
    right: 5.5rem;
    width: 9rem;
    padding: 0 2rem;
    transform: translate(0);
  }
  .energyflow .group3 .item1 strong {
    left: auto;
    right: 2rem;
    top: 25rem;
    width: 16rem;
    height: 16rem;
    padding: 0 2.5rem;
    box-shadow: 0 0 3rem rgba(30, 186, 213, 0.6);
    line-height: 16rem;
    transform: translate(0);
  }
  .energyflow .group3 .item2 > strong {
    font-size: 2rem;
  }
  .energyflow .group3 .item2 li {
    margin-top: 1.5rem;
    padding-left: 0;
  }
  .energyflow .group3 .item2 li strong {
    font-size: 1.3rem;
    display: block;
    position: static;
    width: auto;
    margin-bottom: 0.5rem;
    text-align: left;
  }
  .energyflow .group3 .item3 {
    padding-top: 0;
  }
  .energyflow .group3.active .item1 strong {
    transform: scale(1);
  }
  .energyflow .group3.active + .group4 .item1 .list.type1 > li:first-child p {
    width: 6.5rem;
    height: 6.5rem;
    padding: 0 1.5rem;
  }
  .energyflow .group4 {
    padding-bottom: 32rem;
  }
  .energyflow .group4 .item1 {
    left: auto;
    right: 2rem;
    width: 16rem;
    margin: 0;
    padding: 0;
    transform: translate(0);
  }
  .energyflow .group4 .item1 .list.type1 > li {
    width: 4rem;
    padding-top: 40rem;
  }
  .energyflow .group4 .item1 .list.type1 > li:first-child::before {
    height: 65rem;
    background: linear-gradient(to bottom, #1EBAD5 80%, rgba(255, 255, 25, 0));
  }
  .energyflow .group4 .item1 .list.type1 > li:first-child p {
    margin-left: -2rem;
    line-height: 6.5rem;
  }
  .energyflow .group4 .item1 .list.type1 > li:first-child strong {
    position: absolute;
    right: 0;
    top: auto;
    width: 1700%;
    height: 4rem;
    margin: -5.5rem 0 0;
    padding: 0;
    background: linear-gradient(to left, rgba(37, 37, 37, 0.5), rgba(0, 0, 0, 0));
    text-align: center;
    line-height: 4rem;
  }
  .energyflow .group4 .item1 .list.type1 > li:first-child strong::before {
    display: inline-block;
    width: 8.8rem;
    height: 1.9rem;
    background: url("../img/contents/tpp/energyflow_item2_1_3_m.png") no-repeat center center;
    background-size: 100% auto;
    content: "";
    vertical-align: middle;
  }
  .energyflow .group4 .item1 .list.type1 > li:first-child strong img {
    display: none;
  }
  .energyflow .group4 .item1 .list.type1 > li:last-child {
    width: calc(100% - 4rem);
    background: none #184CAF;
  }
  .energyflow .group4 .item1 .list.type1 > li:last-child::after {
    display: none;
  }
  .energyflow .group4 .item1 .list.type1 > li:last-child span img {
    height: 1rem;
  }
  .energyflow .group4 .item1 .list.type1 > li:last-child p img {
    max-width: calc(100% - 2rem);
  }
  .energyflow .group4 .item1 .list.type1 > li:last-child strong {
    position: relative;
    z-index: 1;
  }
  .energyflow .group4 .item1 .list.type1 > li span::after {
    font-size: 2rem;
  }
  .energyflow .group4 .item1 .list.type2 {
    float: right;
    width: 37.4rem;
    height: 47.3rem;
    padding-top: 27rem;
    background: url("../img/contents/tpp/energyflow_bg_m.png") no-repeat center 0;
    background-size: 100% auto;
    transform: translate(0);
  }
  .energyflow .group4 .item1 .list.type2 li {
    position: absolute;
    left: 0;
    top: auto;
    width: 10rem;
  }
  .energyflow .group4 .item1 .list.type2 li:nth-child(2) {
    position: static;
  }
  .energyflow .group4 .item1 .list.type2 li:last-child {
    left: auto;
    right: 0;
  }
  .energyflow .group4 .item1 .list.type2 li strong img {
    height: 2rem;
  }
  .energyflow .group4 .item1 .list.type2 li span img {
    height: 3.5rem;
  }
  .energyflow .group4 .item2 > .desc {
    height: 37rem;
  }
  .energyflow .group4 .item2 > .desc + div {
    height: 15rem;
  }
  .energyflow .group4 .item3 * {
    transition: all 0s !important;
  }
  .energyflow .group4 .item3 .list.type1 ul {
    padding-bottom: 6.5rem;
  }
  .energyflow .group4 .item3 .list.type1 ul::before {
    bottom: 0;
    left: 0;
    width: 7rem;
    max-height: 100%;
    background: url("../img/contents/tpp/energyflow_group4_arr.png") no-repeat;
    background-size: 100% 100%;
    transition: all 0s 0s !important;
  }
  .energyflow .group4 .item3 .list.type2 {
    margin: 1rem 0 0;
  }
  .energyflow .group5 .title::before {
    width: 100%;
    background-size: 100% auto;
  }
  .energyflow .group5 .list {
    display: block;
    width: 100%;
    height: 35rem;
    margin-bottom: -18rem;
    text-align: center;
  }
  .energyflow .group5 .list::after {
    top: -8rem;
    height: calc(100% + 10rem);
  }
  .energyflow .group5 .list li {
    display: inline-block;
    position: relative;
    float: none;
    max-width: 6rem;
    min-width: 6rem;
    height: 0;
    margin: 0 1.5rem;
    padding: 0;
    border: 0 none;
    vertical-align: bottom;
  }
  .energyflow .group5 .list li[data-width*="1"] {
    height: 1%;
  }
  .energyflow .group5 .list li[data-width*="2"] {
    height: 2%;
  }
  .energyflow .group5 .list li[data-width*="3"] {
    height: 3%;
  }
  .energyflow .group5 .list li[data-width*="4"] {
    height: 4%;
  }
  .energyflow .group5 .list li[data-width*="5"] {
    height: 5%;
  }
  .energyflow .group5 .list li[data-width*="6"] {
    height: 6%;
  }
  .energyflow .group5 .list li[data-width*="7"] {
    height: 7%;
  }
  .energyflow .group5 .list li[data-width*="8"] {
    height: 8%;
  }
  .energyflow .group5 .list li[data-width*="9"] {
    height: 9%;
  }
  .energyflow .group5 .list li[data-width*="10"] {
    height: 10%;
  }
  .energyflow .group5 .list li[data-width*="11"] {
    height: 11%;
  }
  .energyflow .group5 .list li[data-width*="12"] {
    height: 12%;
  }
  .energyflow .group5 .list li[data-width*="13"] {
    height: 13%;
  }
  .energyflow .group5 .list li[data-width*="14"] {
    height: 14%;
  }
  .energyflow .group5 .list li[data-width*="15"] {
    height: 15%;
  }
  .energyflow .group5 .list li[data-width*="16"] {
    height: 16%;
  }
  .energyflow .group5 .list li[data-width*="17"] {
    height: 17%;
  }
  .energyflow .group5 .list li[data-width*="18"] {
    height: 18%;
  }
  .energyflow .group5 .list li[data-width*="19"] {
    height: 19%;
  }
  .energyflow .group5 .list li[data-width*="20"] {
    height: 20%;
  }
  .energyflow .group5 .list li[data-width*="21"] {
    height: 21%;
  }
  .energyflow .group5 .list li[data-width*="22"] {
    height: 22%;
  }
  .energyflow .group5 .list li[data-width*="23"] {
    height: 23%;
  }
  .energyflow .group5 .list li[data-width*="24"] {
    height: 24%;
  }
  .energyflow .group5 .list li[data-width*="25"] {
    height: 25%;
  }
  .energyflow .group5 .list li[data-width*="26"] {
    height: 26%;
  }
  .energyflow .group5 .list li[data-width*="27"] {
    height: 27%;
  }
  .energyflow .group5 .list li[data-width*="28"] {
    height: 28%;
  }
  .energyflow .group5 .list li[data-width*="29"] {
    height: 29%;
  }
  .energyflow .group5 .list li[data-width*="30"] {
    height: 30%;
  }
  .energyflow .group5 .list li[data-width*="31"] {
    height: 31%;
  }
  .energyflow .group5 .list li[data-width*="32"] {
    height: 32%;
  }
  .energyflow .group5 .list li[data-width*="33"] {
    height: 33%;
  }
  .energyflow .group5 .list li[data-width*="34"] {
    height: 34%;
  }
  .energyflow .group5 .list li[data-width*="35"] {
    height: 35%;
  }
  .energyflow .group5 .list li[data-width*="36"] {
    height: 36%;
  }
  .energyflow .group5 .list li[data-width*="37"] {
    height: 37%;
  }
  .energyflow .group5 .list li[data-width*="38"] {
    height: 38%;
  }
  .energyflow .group5 .list li[data-width*="39"] {
    height: 39%;
  }
  .energyflow .group5 .list li[data-width*="40"] {
    height: 40%;
  }
  .energyflow .group5 .list li[data-width*="41"] {
    height: 41%;
  }
  .energyflow .group5 .list li[data-width*="42"] {
    height: 42%;
  }
  .energyflow .group5 .list li[data-width*="43"] {
    height: 43%;
  }
  .energyflow .group5 .list li[data-width*="44"] {
    height: 44%;
  }
  .energyflow .group5 .list li[data-width*="45"] {
    height: 45%;
  }
  .energyflow .group5 .list li[data-width*="46"] {
    height: 46%;
  }
  .energyflow .group5 .list li[data-width*="47"] {
    height: 47%;
  }
  .energyflow .group5 .list li[data-width*="48"] {
    height: 48%;
  }
  .energyflow .group5 .list li[data-width*="49"] {
    height: 49%;
  }
  .energyflow .group5 .list li[data-width*="50"] {
    height: 50%;
  }
  .energyflow .group5 .list li[data-width*="51"] {
    height: 51%;
  }
  .energyflow .group5 .list li[data-width*="52"] {
    height: 52%;
  }
  .energyflow .group5 .list li[data-width*="53"] {
    height: 53%;
  }
  .energyflow .group5 .list li[data-width*="54"] {
    height: 54%;
  }
  .energyflow .group5 .list li[data-width*="55"] {
    height: 55%;
  }
  .energyflow .group5 .list li[data-width*="56"] {
    height: 56%;
  }
  .energyflow .group5 .list li[data-width*="57"] {
    height: 57%;
  }
  .energyflow .group5 .list li[data-width*="58"] {
    height: 58%;
  }
  .energyflow .group5 .list li[data-width*="59"] {
    height: 59%;
  }
  .energyflow .group5 .list li[data-width*="60"] {
    height: 60%;
  }
  .energyflow .group5 .list li[data-width*="61"] {
    height: 61%;
  }
  .energyflow .group5 .list li[data-width*="62"] {
    height: 62%;
  }
  .energyflow .group5 .list li[data-width*="63"] {
    height: 63%;
  }
  .energyflow .group5 .list li[data-width*="64"] {
    height: 64%;
  }
  .energyflow .group5 .list li[data-width*="65"] {
    height: 65%;
  }
  .energyflow .group5 .list li[data-width*="66"] {
    height: 66%;
  }
  .energyflow .group5 .list li[data-width*="67"] {
    height: 67%;
  }
  .energyflow .group5 .list li[data-width*="68"] {
    height: 68%;
  }
  .energyflow .group5 .list li[data-width*="69"] {
    height: 69%;
  }
  .energyflow .group5 .list li[data-width*="70"] {
    height: 70%;
  }
  .energyflow .group5 .list li[data-width*="71"] {
    height: 71%;
  }
  .energyflow .group5 .list li[data-width*="72"] {
    height: 72%;
  }
  .energyflow .group5 .list li[data-width*="73"] {
    height: 73%;
  }
  .energyflow .group5 .list li[data-width*="74"] {
    height: 74%;
  }
  .energyflow .group5 .list li[data-width*="75"] {
    height: 75%;
  }
  .energyflow .group5 .list li[data-width*="76"] {
    height: 76%;
  }
  .energyflow .group5 .list li[data-width*="77"] {
    height: 77%;
  }
  .energyflow .group5 .list li[data-width*="78"] {
    height: 78%;
  }
  .energyflow .group5 .list li[data-width*="79"] {
    height: 79%;
  }
  .energyflow .group5 .list li[data-width*="80"] {
    height: 80%;
  }
  .energyflow .group5 .list li[data-width*="81"] {
    height: 81%;
  }
  .energyflow .group5 .list li[data-width*="82"] {
    height: 82%;
  }
  .energyflow .group5 .list li[data-width*="83"] {
    height: 83%;
  }
  .energyflow .group5 .list li[data-width*="84"] {
    height: 84%;
  }
  .energyflow .group5 .list li[data-width*="85"] {
    height: 85%;
  }
  .energyflow .group5 .list li[data-width*="86"] {
    height: 86%;
  }
  .energyflow .group5 .list li[data-width*="87"] {
    height: 87%;
  }
  .energyflow .group5 .list li[data-width*="88"] {
    height: 88%;
  }
  .energyflow .group5 .list li[data-width*="89"] {
    height: 89%;
  }
  .energyflow .group5 .list li[data-width*="90"] {
    height: 90%;
  }
  .energyflow .group5 .list li[data-width*="91"] {
    height: 91%;
  }
  .energyflow .group5 .list li[data-width*="92"] {
    height: 92%;
  }
  .energyflow .group5 .list li[data-width*="93"] {
    height: 93%;
  }
  .energyflow .group5 .list li[data-width*="94"] {
    height: 94%;
  }
  .energyflow .group5 .list li[data-width*="95"] {
    height: 95%;
  }
  .energyflow .group5 .list li[data-width*="96"] {
    height: 96%;
  }
  .energyflow .group5 .list li[data-width*="97"] {
    height: 97%;
  }
  .energyflow .group5 .list li[data-width*="98"] {
    height: 98%;
  }
  .energyflow .group5 .list li[data-width*="99"] {
    height: 99%;
  }
  .energyflow .group5 .list li[data-width*="100"] {
    height: 100%;
  }
  .energyflow .group5 .list li:nth-child(1) span {
    background: url("../img/contents/tpp/energyflow_total1_2_m.png") no-repeat center 0;
  }
  .energyflow .group5 .list li:nth-child(2) span {
    background: url("../img/contents/tpp/energyflow_total2_2_m.png") no-repeat center 0;
  }
  .energyflow .group5 .list li:nth-child(3) span {
    background: url("../img/contents/tpp/energyflow_total3_2_m.png") no-repeat center 0;
  }
  .energyflow .group5 .list li:nth-child(4) span {
    background: url("../img/contents/tpp/energyflow_total4_2_m.png") no-repeat center 0;
  }
  .energyflow .group5 .list i {
    display: none;
  }
  .energyflow .group5 .list span {
    position: absolute;
    top: auto;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 100%;
    height: 3.9rem;
    margin-top: -1rem;
    background-size: auto 100% !important;
    transform: translate(-50%, -100%);
  }
  .energyflow .group5 .list span img {
    display: none;
  }
  .energyflow .group5.active .title::before {
    top: -15rem;
  }
  .kmap {
    font-size: 1.7rem;
  }
  .kmap .txt strong {
    font-size: 110%;
    line-height: 2rem;
  }
  .kmap .group:nth-child(n+2) .title {
    font-size: 3rem;
    border-top-width: 0.5rem;
  }
  .kmap .group:nth-child(n+3) .title {
    margin-top: -0.5rem;
  }
  .kmap .group:nth-child(n+4) .img {
    margin-top: 2rem;
  }
  .kmap .group.group3 {
    margin-top: 5rem;
  }
  .kmap .group.group3 .txt {
    margin-top: 1rem;
  }
  .kmap .group.group3 .label {
    font-size: 2.5rem;
    margin: 0;
  }
  .kmap .group.group4 {
    margin-top: 5rem;
  }
  .kmap .group.group4 .txt {
    margin-top: 1rem;
  }
  .kmap .group.group4 .label {
    font-size: 2.5rem;
    margin: 0;
  }
  .kmap .group.group5 {
    margin-top: 5rem;
  }
  .kmap .group.group5 .txt {
    margin-top: 1rem;
  }
  .kmap .group.group5 .label {
    font-size: 2.5rem;
    margin: 0;
  }
  .kmap .group1 .title {
    font-size: 7rem;
  }
  .kmap .group1 .label {
    font-size: 3rem;
  }
  .kmap .group2 .title {
    width: 60rem;
    padding-top: 1rem;
    line-height: 1.2;
  }
  .kmap .group2 .title small {
    font-size: 2rem;
  }
  .kmap .group3 .list {
    width: calc(100% + 2rem);
    margin: 0;
  }
  .kmap .group3 .list::before {
    display: none;
  }
  .kmap .group3 .list li {
    width: calc(33.333% - 2rem);
    margin-right: 2rem;
  }
  .kmap .group3 .list li:nth-child(4n+2) {
    clear: none;
  }
  .kmap .group3 .list li:nth-child(3n+1) {
    clear: both;
  }
  .guide_txt.t2 {
    width: calc(200% + 1rem);
  }
  .carbon.view2nd .group1 .item.item2 .txt {
    font-size: 3rem;
    line-height: 5rem;
  }
  .carbon.t2 .group1 .item1 .tit {
    width: 38rem;
  }
  .carbon.t2 .group1 .item1 .tit h3 {
    font-size: 4rem;
    line-height: 5.5rem;
  }
  .carbon.t2 .group1 .item1 .bg {
    width: calc(100% - 38rem);
  }
  .carbon.t2 .group1 .item.item2.active .img {
    width: 90%;
    transition: none;
  }
  .carbon.t2 .group2 {
    padding: 13rem 0 28rem;
  }
  .carbon.t2 .group2 .tit {
    margin-bottom: 4rem;
    padding: 0 6rem;
    font-size: 3.5rem;
  }
  .carbon.t2 .group3 .item3 .cont1 {
    padding: 9.7rem 2rem;
  }
  .carbon.t2 .group3 .item3 .lr_wrap > div .dot_line:before {
    transform: rotate(23.5deg);
  }
  .carbon.t2 .group3 .item3 .lr_wrap > div .dot_line:after {
    transform: rotate(-23.5deg);
  }
  .below .group.group2 .img2 {
    min-height: 30rem;
  }
  .below.below_2_2 .group3 .tit,
  .below.below_2_2 .group4 .tit {
    max-width: calc(100% - 6rem);
    margin-left: auto;
    margin-right: auto;
  }
  .below.below_2_2 .group5 {
    padding: 13rem 3rem;
  }
  .imgDesc_wrap > div.item_r {
    padding-left: 4rem;
  }
  .below.part2_ .group2 .item .list li > p label.correct:before {
    font-size: 3rem;
  }
  .below.below_2_9 .group1 {
    height: 66rem;
  }
  .below.below_2_9 .group1 .bg {
    height: 100%;
  }
  .below.below_2_9 .group1 .bg img {
    height: 100%;
    max-width: inherit;
  }
  .below.below_2_9 .group1 .desc .title {
    font-size: 4.3rem;
    line-height: 6.5rem;
  }
  .below.below_2_9 .group4 .zero_wrap ul li .itemBox > div > strong {
    font-size: 2rem;
    line-height: 3rem;
  }
  .below.below_2_9 .group5 {
    padding: 20rem 0 42.5rem;
    margin-top: -23rem;
  }
  .below.below_2_9 .waste img {
    transform: scale(0.4);
  }
  .carbon.view2nd .group1 .item:nth-child(n+4)::before {
    opacity: 1;
  }
  .climate.p1 .intro_wrap {
    padding-top: 0;
    height: 100vh;
  }
  .climate.p1 .intro_wrap .intro_content,
  .climate.p1 .intro_wrap.disabled,
  .climate.p1 .intro_wrap {
    position: relative;
    height: auto;
  }
  .climate.p1 .intro_wrap .intro {
    position: relative;
    height: auto;
  }
  .climate.p1 .intro_wrap .intro {
    padding: 30rem 0;
    height: auto;
  }
  .climate.p1 .intro_wrap .intro.t3 {
    padding: 10rem 0;
  }
  .climate.p1 .intro_wrap .intro.t3 .desc strong {
    margin-bottom: 5rem;
  }
  .climate.p1 .intro_wrap .intro .item,
  .climate.p1 .group1 .item,
  .climate.p1 .group2 .item,
  .climate.p1 .group8 .item {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    margin: 0 auto;
  }
  .climate.p1 .group {
    padding: 10rem 0;
    height: auto;
    min-height: inherit;
  }
  .climate.p1 .group6 {
    padding: 0 0 6rem;
  }
  .climate.p1 .group1,
  .climate.p1 .group2 {
    padding: 10rem 0 15rem;
  }
  .climate.p1 .intro_wrap .intro.t1 .next .circle,
  .climate.p1 .intro_wrap .intro.t1 .next .click {
    display: none;
  }
  .climate .scroll {
    bottom: 3rem;
  }
  .climate.p1 .intro_wrap .intro .desc p {
    font-size: 2.2rem;
  }
  .climate.p1 .intro_wrap .intro .desc strong {
    font-size: 2.8rem;
  }
  .climate.p2 .intro_wrap .intro.t2 .slide .col_wrap .col:nth-child(2) {
    padding-left: 4rem;
  }
  .climate.p2 .intro_wrap .intro.t2 .slide .col_wrap .col p {
    font-size: 2.5rem !important;
    line-height: 4rem !important;
  }
  .climate.p2 .intro_wrap .intro.t2 .slide .col_wrap .col img {
    transform: scale(0.7);
  }
  .climate.p2 .intro_wrap .intro.t2 .slide .col_wrap.t2 .col:first-child {
    width: 37rem;
    height: 37rem;
    padding-top: 0;
    margin-bottom: 2rem;
  }
  .climate.p2 .intro_wrap .intro.t2 .slide .col_wrap.t2 .col:first-child img {
    transform: scale(1);
    width: auto;
  }
  .climate.p2 .intro_wrap .intro.t2 .slide .col_wrap.t2 .col:nth-child(2) {
    margin-top: 4rem;
  }
  .climate.p2 .intro_wrap .intro .arrow {
    right: 2rem;
  }
  .climate.p2 .intro_wrap .intro .arrow:before,
  .climate.p2 .intro_wrap .intro .arrow:after {
    width: 2rem;
  }
  .climate.p2 .group.group1 .cont_wrap .sub_tit {
    font-size: 2.5rem;
  }
  .climate.p2 .group.group1 .cont_wrap .main_tit {
    width: calc(100% - 4rem);
    margin: 1.9rem auto 4.5rem;
    font-size: 4rem;
    line-height: 5rem;
  }
  .climate.p2 .group.group1 .cont_wrap .img_box {
    height: 35rem;
  }
  .climate.p2 .group.group1 .cont_wrap .desc_box .top_title .col span {
    font-size: 1.9rem;
  }
  .climate.p2 .group.group1 .cont_wrap .desc_box .top_title .col strong {
    font-size: 2.8rem;
    line-height: 3.5rem;
  }
  .climate.p2 .group.group1 .cont_wrap .desc_box .top_title .col p {
    font-size: 1.7rem;
  }
  .climate.p2 .group.group1 .cont_wrap .desc_box .text {
    font-size: 2rem;
  }
  .climate.p2 .group.group2.active {
    height: auto;
    padding: 5rem 0;
  }
  .climate.p2 .group.group2 .book_wrap {
    position: relative;
    top: 0;
    transform: none;
  }
  .climate.p2 .group.group2 .book_wrap .left,
  .climate.p2 .group.group2 .book_wrap .right {
    transform: scale(1) !important;
  }
  .climate.p2 .group.group2 .book_wrap .left {
    float: none;
    transform: scale(0.8) !important;
    margin: -9rem auto 0;
  }
  .climate.p2 .group.group2 .book_wrap .right {
    margin-top: -9rem;
  }
  .carbon.view3rd .group1 .item3 .desc.t1 {
    left: 1rem;
  }
  .carbon.view3rd .group1 .item3 .desc.t2 {
    right: 1rem;
  }
  .carbon.view3rd .group1 .item4 .desc > p {
    font-size: 3.7rem;
    line-height: 5.3rem;
  }
  .tracker .group2 {
    padding-top: 0 !important;
  }
  .tracker .menu_wrap {
    width: 100%;
    height: 70vh;
  }
  .tracker .group1 .next_text {
    font-size: 4.5rem;
    line-height: 6.5rem;
  }
  .tracker .group1 .next_text .small {
    font-size: 2.5rem;
    line-height: 3rem;
  }
  .tracker .group2 .tracker_content {
    padding: 5rem 3rem;
  }
  .tracker .group2 .fixed_area .fixed_cont {
    height: auto;
  }
  .fp-responsive .tracker #group2,
  .fp-responsive .tracker #group3,
  .fp-responsive .tracker #group2 .fp-slide,
  .fp-responsive .tracker #group3 .fp-slide,
  .fp-responsive .tracker #group2 .fp-tableCell,
  .fp-responsive .tracker #group3 .fp-tableCell {
    height: auto !important;
  }
  .tracker .tc_top {
    display: block;
  }
  .tracker .menu_wrap .menu_list:last-child {
    margin-bottom: 0;
  }
  .tracker_menuTop {
    bottom: -2rem;
    right: 50%;
    transform: translateX(50%);
  }
  .tracker .moveArr_btn {
    display: none;
  }
  .below_n3_1 .def_img {
    height: 35rem;
    display: flex;
    justify-content: center;
  }
  .below_n3_1 .def_img img {
    max-width: inherit;
    height: 100%;
  }
  .below_n3_1 .def_img .img_tit {
    font-size: 4rem;
  }
  .below_n3_1 .def_img .img_tit > i {
    font-size: 2rem;
    line-height: 4rem;
  }
  .below_n3 .detail_txt {
    margin-top: -10rem;
  }
  .below_n3 .img_text {
    width: calc(100% - 6rem);
    font-size: 2rem;
    line-height: 3rem;
    padding: 4rem 2rem;
  }
  .below_n3 .img_text p + p {
    margin-top: 2rem;
  }
  .below3_graph .col:first-of-type {
    width: 30%;
  }
  .below3_graph .col .g_list li {
    width: calc(25% - 1.5rem);
  }
  .icon_list li {
    width: 49%;
    padding-left: 12rem;
  }
  .icon_list li .icon {
    width: 10rem;
    height: 10rem;
    line-height: 10rem;
  }
  .icon_list li .icon img {
    transform: scale(0.7);
  }
  .green_gas .graph_box.graph_4 {
    padding: 5rem 4rem;
  }
  .green_gas .graph_4 .chart_legend.fixed {
    margin-right: -43%;
  }
  .below_n3_8 .rotate_bg .r_bg img {
    height: 130%;
  }
  .info_trend .section.row2 .img_box {
    margin: -1rem 0 8rem;
  }
  .info_trend .title6 {
    font-size: 2.4rem;
  }
  .hydrogen .con_menu_wrap {
    width: 30rem;
    right: -30rem;
    background: rgba(0, 0, 0, 0.3);
  }
  .hydrogen .con_menu_wrap .top_text .case {
    font-size: 1.7rem;
  }
  .hydrogen .con_menu_wrap .top_text .title {
    font-size: 2.5rem;
  }
  .hydrogen .con_menu_wrap .btn_Rslide {
    display: block;
  }
  .hydrogen .con_menu_list li {
    font-size: 2.2rem;
  }
  .hydrogen .con_menu_list li.active {
    font-size: 3.2rem;
  }
  .hydrogen .con_menu_wrap .controls .s_arrow {
    width: 5.5rem;
    height: 5.5rem;
  }
  .hydrogen .con.t2.start .con_menu_wrap.hide {
    right: -30rem;
  }
  .hydrogen .con.t2 .graph_item {
    transform: translate(-50%, -50%) scale(0.65);
  }
  .hydrogen .con.t2 .con_layer.active .con_menu_wrap {
    right: -30rem;
    transition-delay: 0s;
  }
  .hydrogen .con.t2 .con_layer.active .graph_item {
    left: 64%;
  }
  .hydrogen .con.t2 .con_layer.active .graph_item.ani2,
  .hydrogen .con.t2 .con_layer.active .graph_item.ani3 {
    left: 42%;
  }
  .info_kor_heat .graph_list > li .graph_wrap {
    position: relative;
  }
  .info_kor_heat .graph_list > li .graph_wrap:after {
    content: "\eafa";
    font-family: "xeicon";
    position: absolute;
    top: 0;
    left: 1rem;
    font-size: 2.4rem;
    animation: h_scroll_move 1s ease infinite;
    z-index: 1;
  }
  .info_kor_heat .graph_list > li .graph_wrap:before {
    content: "모바일에서 아래 이미지를 좌우로 스크롤 할 수 있습니다.";
    display: block;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    margin: 0.7rem 0;
    background-color: #f5f6fa;
    border: 1px solid #d3d8dd;
    border-radius: 0.5rem;
    padding: 0.8rem 0.8rem 0.8rem 4rem;
    font-size: 1.6rem;
    text-align: left;
  }
  .info_kor_heat .graph_list > li .graph_box {
    width: 100%;
    padding-bottom: 2rem;
    overflow-x: auto;
  }
  .info_kor_heat .graph_list > li .graph_box > img {
    max-width: 128rem;
  }
  .dust_wrap .cont3 .bg.bg_b {
    height: 70%; /*bottom: 10%;*/
    top: 23rem;
  }
  .dust_wrap .intro .desc_wrap:before {
    left: 0;
    top: -24rem;
  }
  .dust_wrap .intro .desc_wrap:after {
    right: 0;
    top: 28rem;
  }
  .dust_wrap .intro .desc_wrap .desc:after {
    left: 40%;
  }
  .dust_wrap .cont1 .txt_wrap .tit,
  .dust_wrap .cont1 .txt_wrap .desc1,
  .dust_wrap .cont1 .txt_wrap .desc2 {
    opacity: 1;
    transform: translateY(0);
  }
  .below_n4_9 .co2_wrap {
    padding-bottom: 30rem;
  }
}
@media (max-width: 990px) {
  .dust_wrap .cont_tt .graph_img.mobile {
    display: block;
  }
  .dust_wrap .cont_tt .graph_item {
    display: none;
  }
}
@media (max-width: 960px) {
  .carbon.t2 .group3 .item3 .lr_wrap > div .dot_line:before,
  .carbon.t2 .group3 .item3 .lr_wrap > div .dot_line:after {
    display: none;
  }
  .carbon.view3rd .group1 .item2,
  .carbon.view3rd .group1 .item3 {
    padding: 0 1rem;
  }
  .info_trend .treemap_wrap .title5 {
    max-width: inherit;
  }
  .info_trend .treemap_wrap.t2 .row .left {
    width: 100%;
  }
  .info_trend .treemap_wrap.t2 .row .right {
    margin-top: 5rem;
    padding-left: 0;
    width: 100%;
  }
  .info_trend .treemap_wrap.t2 .row .right:before {
    display: none;
  }
  .info_trend .treemap_wrap.t2 .title5 > span {
    display: inline-block;
    text-align: right !important;
  }
  .info_trend .treemap_wrap.t2 .title5 > span br {
    display: block;
  }
  .info_trend .treemap_wrap.t2 .treemap {
    display: block;
  }
  .info_trend .treemap_wrap.t2 .treemap .img {
    max-width: inherit;
    text-align: center;
  }
  .info_trend .treemap_wrap.t2 .row.t2 {
    flex-direction: column;
  }
  .info_trend .treemap_wrap.t2 .row .right img {
    width: 100%;
  }
  .info_trend .treemap_wrap.t2 .row .right:after {
    left: 17%;
    bottom: -23%;
    width: 14%;
    height: 14%;
    transform: translateY(-50%) rotateY(180deg);
  }
  .info_trend .treemap_wrap.t2 .row.t2 .right {
    margin-top: 5rem;
  }
  .hydrogen .con_layer .lr_box,
  .hydrogen .con_layer .col_4,
  .hydrogen .con_layer .col_3 {
    flex-direction: column;
  }
  .hydrogen .con_layer .lr_box .box.w62,
  .hydrogen .con_layer .lr_box .box.w70 {
    max-width: inherit !important;
    width: 100%;
  }
  .hydrogen .con_layer .lr_box .box {
    margin-right: 0;
  }
  .hydrogen .con_layer .lr_box .r_desc {
    width: 100%;
    margin-top: 3rem;
  }
  .hydrogen .con.t1 .con_layer .title3 br {
    display: none;
  }
  .hydrogen .con_layer .col_4 {
    width: 100%;
  }
  .hydrogen .con_layer .col_4 li {
    width: 100%;
    margin: 0 0 3rem;
    padding: 2rem 1rem;
  }
  .hydrogen .con_layer .row_box + .row_box {
    margin-top: 0;
  }
  .hydrogen .con_layer .col_3 .title3, .hydrogen .con_layer .col_3 .text {
    margin-right: 0;
  }
  .hydrogen .con_layer .col_3 .title3 {
    padding-left: 0;
  }
  .hydrogen .con_t1_slide .slick-initialized .slick-slide {
    display: block;
    padding: 3rem 1.5rem 0;
    overflow-y: auto;
  }
  .below_n4_7 .hashTag .tag span {
    display: block;
  }
  .below_n4_7 .hashTag .tag span + span {
    margin-left: 0;
    margin-top: 2rem;
  }
  .below_n4_8 .book_wrap .b_txt {
    float: inherit;
    width: 100%;
    margin-right: 0;
  }
  .below_n4_8 .book_wrap .b_img {
    float: inherit;
    width: 100%;
    margin-top: -18rem;
    margin-bottom: 3rem;
  }
}
@media (max-width: 900px) {
  .carbon.t2 .group2 {
    padding: 13rem 3rem;
  }
  .carbon.t2 .group2 .circle {
    transform: none;
  }
  .carbon.t2 .group2 .circle .circle_desc {
    overflow: hidden;
    width: calc(100% + 2rem);
  }
  .carbon.t2 .group2 .circle .circle_desc > div {
    float: left;
    margin: 4rem 2rem 0 0;
    width: calc(50% - 2rem) !important;
    left: 0;
    position: relative;
    text-align: center !important;
  }
  .carbon.t2 .group2 .circle .circle_desc > div:nth-child(2n+1) {
    clear: both;
  }
  .carbon.t2 .group2 .circle .circle_desc > div:nth-child(1) {
    margin-left: 0;
    padding-right: 0;
  }
  .carbon.t2 .group2 .circle .circle_desc > div:nth-child(2) {
    margin-left: 0;
    padding-left: 0;
  }
  .carbon.t2 .group2 .circle .circle_desc > div:nth-child(3) {
    top: 0;
    margin-left: 0;
    padding-left: 0;
  }
  .carbon.t2 .group2 .circle .circle_desc > div:nth-child(4) {
    top: 0;
    left: 0;
    padding-top: 0;
    transform: translateX(0);
  }
  .carbon.t2 .group2 .circle .circle_desc > div:nth-child(5) {
    top: 0;
    margin-left: 0;
    padding-right: 0;
  }
  .carbon.t2 .group2 .circle .circle_desc > div:before {
    display: none;
  }
  .carbon.t2 .group2 .circle .circle_desc > div p {
    margin: 0;
    max-width: 100%;
  }
  .carbon.t2 .group3 .item3 .lr_wrap > div .dot_line i:nth-child(2) {
    top: 25.5%;
  }
  .below .txtImg_left img {
    width: 45%;
    margin: 0 3rem 1rem 0 !important;
  }
  .below.below_2_4 .group1 .txtImg_right img {
    margin: -10% 0 1rem 3rem !important;
  }
  .below .txtImg_right img {
    width: 45%;
    margin: 0 0 1rem 3rem !important;
  }
  .below .graph_box {
    padding: 3rem;
  }
  .below .graph_box .box_wrap > .left,
  .below .graph_box .box_wrap > .right {
    float: none;
    width: 100%;
    text-align: center;
  }
  .below .graph_box .box_wrap > .right {
    padding-left: 0;
  }
  .below .graph_box .box_wrap > .left p {
    padding-right: 0;
  }
  .below .graph_box .box_wrap .desc {
    text-align: justify;
  }
  .below .graph_box .box_wrap > .right .desc {
    margin-top: 4rem;
  }
  .below.below_2_9 .group3 .desc .title {
    font-size: 4rem;
    line-height: 6rem;
  }
  /* .below.below_2_1 .mobile_bg{transform:scale(.7) translate(-70%, -70%)}
  .below.below_2_1 .flow-para .spacer .spacer_wrap{transform:scale(.7) translate(-70%, -70%)} */
  .below.below_2_1 .fixed-holder {
    height: 100%;
  }
  .below.below_2_1 .fixed-holder.fixed-holder-fixed {
    position: absolute !important;
    top: 0 !important;
  }
  .below.below_2_1 .fixed-holder-fixed .mobile_bg {
    display: none;
  }
  .below.below_2_1 .flow-para .spacer .spacer_wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: none;
    overflow: visible;
  }
  .below.below_2_1 .flow-para .spacer .spacer_scroll,
  .below.below_2_1 .last .flow-para .spacer .spacer_wrap,
  .below.below_2_1 .last .flow-para .spacer .spacer_scroll {
    width: 100%;
    height: 100%;
  }
  .below.below_2_1 .flow-para .spacer .spacer_scroll {
    opacity: 1;
    visibility: visible;
    overflow-y: auto;
    padding: 0 3rem;
  }
  .below.below_2_1 .fixed-holder .fixed-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .below.below_2_1 .s_section {
    padding: 8rem 0;
  }
  .below.below_2_1 .s_section p.serif {
    margin-top: 5rem;
  }
  .below.below_2_1 .s_section .msg_list li.right {
    margin: 12rem 3rem 0 0;
  }
  .below.below_2_1 .s_section.s7 {
    padding-bottom: 11rem;
  }
  .below.below_2_1 .s_section.s7 p {
    margin-top: 5rem;
  }
  .below.below_2_1 .s_section.s7 p:first-of-type {
    margin-top: 0;
  }
  .below.below_2_1 .s_section.s8 {
    padding: 30rem 0;
  }
  .climate .part .part_top .part_topBox .box.t3 .col {
    width: 50%;
  }
  .carbon.view3rd .group1 .item3.active .item3_bg {
    width: 19rem !important;
  }
  .carbon.view3rd .group1 .item3 .item3_bg.t1 {
    left: 2.5%;
  }
  .carbon.view3rd .group1 .item3 .item3_bg.t3 {
    right: 2.5%;
    top: 35.1rem;
  }
  .below_n3_12 .data_list {
    flex-wrap: wrap;
  }
  .below_n3_12 .data_list li {
    width: 50%;
    margin-top: 4rem;
    justify-content: center;
  }
  .below_n3_12 .data_list li:nth-child(-n+2) {
    margin-top: 0;
  }
  .below_n3_12 .data_list li .type {
    width: 10rem;
  }
  .below_n3_12 .data_list li .info {
    width: 12rem;
  }
  .dust_wrap .cont4 .dust_reason .r_box {
    max-height: initial;
  }
  .dust_wrap .cont4 .dust_reason .r_box1 {
    float: initial;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  .dust_wrap .cont4 .dust_reason .r_box2 {
    float: initial;
    width: 100%;
    margin-left: 0;
    margin-top: 5rem;
  }
  .dust_wrap .cont4 .dust_reason .r_box2:before {
    top: -7rem;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
  }
  .dust_wrap .cont4 .dust_reason .r_box1 div + div {
    margin-left: 1.7rem;
  }
  .dust_wrap .cont4 .g_con .img_scroll {
    overflow-x: auto;
  }
  .dust_wrap .cont4 .g_con .img_scroll img {
    width: 800px;
    max-width: inherit;
  }
  .dust_wrap .cont4 .graph_con .g_con .scroll_txt {
    display: block;
  }
  .below_n4_1 .graph_wrap .table_wrap {
    width: 100%;
    overflow-x: auto;
  }
  .below_n4_1 .graph_wrap .table_wrap table {
    width: 88rem;
  }
  .below_n4_2 .interviewee_img .con2 {
    margin-top: 0;
  }
  .below_n4_2 .numImg_wrap1 .num_img {
    flex-wrap: wrap;
  }
  .below_n4_2 .numImg_wrap .num_img .img {
    width: calc(50% - 1.5rem);
  }
  .below_n4_3 .table_box.ty2 {
    padding: 5rem;
  }
  .below_n4_7 .hashTag {
    padding: 22rem 0 30rem;
  }
  .below_n4_7 .hashTag:before {
    bottom: inherit;
    top: -2rem;
  }
  .below_n4_2 .interviewee_img .con .info {
    position: inherit;
    bottom: inherit;
    left: inherit;
    right: inherit;
    margin-top: 3rem;
    width: 100%;
    min-height: 21rem;
    padding: 4rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .below_n4_6 .profile_wrap {
    padding-right: 0;
  }
  .below_n4_6 .profile_wrap .p_txt {
    max-width: 100%;
    padding: 3rem;
    position: inherit;
  }
  .below_n4_6 .profile_wrap .p_txt h5 {
    font-size: 2.6rem;
    line-height: 2.6rem;
  }
  .below_n4_6 .profile_wrap .p_txt h4 {
    font-size: 2rem;
    line-height: 3rem;
    margin: 1rem 0 4rem;
  }
  .below_n4_6 .profile_wrap .p_txt p {
    font-size: 1.8rem;
  }
  .below_n4_6 .txt_wrap {
    flex-direction: column;
  }
  .below_n4_6 .txt_wrap .t_title {
    margin-bottom: 2rem;
  }
  .below_n4_6 .txt_wrap .txt_con {
    max-width: 100%;
  }
}
@media (max-width: 860px) {
  .carbon.t2 .group1 .item1 .bg .text2 {
    font-size: 15rem;
  }
  .circle_list li {
    margin-left: 4rem;
  }
  .list3 > li {
    width: calc(33.3% - 2rem);
    margin-left: 3rem;
  }
  .list3 > li:nth-child(5n+1) {
    margin-left: 3rem;
  }
  .list3 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 3rem;
  }
  .list3 > li:nth-child(4n+1)::before {
    display: none;
  }
  .list3 > li:nth-child(3n+1) {
    clear: both;
    position: relative;
    margin-left: 0;
  }
  .list3 > li:nth-child(3n+1)::before {
    display: block;
    position: absolute;
    left: 0;
    top: -5rem;
    width: calc(300% + 6rem);
    height: 1px;
    background-color: #ddd;
    content: "";
  }
  .statistics .graph {
    flex-direction: column;
    height: auto !important;
  }
  .statistics .graph .graph_left {
    width: 100% !important;
    margin: 0 0 3rem !important;
  }
  .statistics .graph .graph_right {
    margin-top: 0;
  }
  .green_gas .col_list > li {
    width: 25%;
  }
}
@media (max-width: 850px) {
  .carbon.t2 .group3 .item3 .lr_wrap > div .dot_line i:first-child {
    left: 20%;
    top: 82.7%;
  }
  .carbon.t2 .group3 .item3 .lr_wrap > div .dot_line i:nth-child(2) {
    top: 25.5%;
  }
  .carbon.t2 .group3 .item3 .lr_wrap > div .dot_line i:nth-child(3) {
    right: 12%;
    top: 82.7%;
  }
  .carbon.view3rd .group1 .item4 .desc .link_list li .img_wrap {
    transform: scale(0.8);
  }
  .k_valence .sec4 .f_conLeft .flow3_1 svg {
    width: 235%;
  }
}
@media (max-width: 810px) {
  .climate .white_box .white_wrap {
    padding: 3rem 2rem 5rem;
  }
}
@media (max-width: 768px) {
  .title1 {
    margin: 3rem 0;
  }
  .box1 {
    padding: 3rem;
  }
  .bg1 {
    padding-top: 3rem;
  }
  .list1 {
    margin-top: -1rem;
    display: inline-block;
    width: calc(100% + 1rem);
  }
  .list1 > * {
    clear: none;
    float: left;
    width: calc(50% - 1rem);
    margin: 1rem 1rem 0 0;
  }
  .list1 > *:nth-child(1n+1) {
    clear: none;
  }
  .list1 > *:nth-child(2n+1) {
    clear: both;
  }
  .list1 .desc {
    padding: 3rem;
  }
  .list2 {
    padding: 3rem 0 13rem;
  }
  .list2 .btn1 {
    position: absolute;
    top: auto;
    left: 50%;
    transform: translateX(-50%);
    bottom: 4rem;
    right: auto;
  }
  .more {
    margin-top: 3rem;
  }
  .viewer > .title {
    padding: 0 6rem;
  }
  .viewer > .title span {
    display: none;
  }
  .viewer .close {
    right: 1.5rem;
  }
  .board_info {
    margin-top: 0;
  }
  .below.normal .item .elm.elm2 {
    float: none;
    width: 100%;
  }
  .below.normal .item .elm.elm2 .img {
    display: block;
    text-align: center;
  }
  .below.normal .item.type1 .img {
    height: 30rem;
  }
  .below.normal .item.type1 .img img {
    position: absolute;
    left: 50%;
    top: 0;
    z-index: -1;
    max-width: inherit;
    height: 100%;
    transform: translateX(-50%);
  }
  .below.normal .item.type1 .img span {
    margin-top: 0;
  }
  .below6.below.normal .item1.item1 .elm.elm2 ul.box {
    width: 470px;
    max-width: 100%;
    margin: 0 auto;
    -moz-column-count: 1;
         column-count: 1;
  }
  .origin {
    padding: 3rem 0;
  }
  .origin > a {
    display: block;
    position: static;
    margin: 2rem auto 0;
  }
  .origin li {
    margin-top: 0.5rem;
  }
  .carbon {
    padding-top: 0 !important;
  }
  .carbon .nav {
    display: none;
  }
  .carbon .group1 {
    position: relative !important;
    height: auto !important;
    top: 0;
  }
  .carbon .group1 .item {
    overflow: hidden;
    position: relative;
  }
  .carbon .group1 .item:nth-child(n+4) {
    z-index: 6;
  }
  .carbon .group1 .item:nth-child(n+4)::before {
    opacity: 0.5;
    filter: blur(0);
  }
  .carbon .group1 .item:nth-child(n+4) .img {
    display: none;
  }
  .carbon .group1 .item:nth-child(n+4) .txt {
    margin: 0;
    padding: 0 2rem;
    text-align: center;
    word-break: keep-all;
  }
  .carbon .group1 .item:nth-child(n+4) .txt br {
    display: none;
  }
  .carbon .group1 .item.item5 .desc {
    font-size: 4rem;
  }
  .carbon .group1 .item.item5 .desc a {
    margin-top: 5rem;
  }
  .carbon .group1 .item1.active .list::after {
    opacity: 0.5;
    transition: all 0.2s 2.5s;
  }
  .carbon .group1 .item1 .title {
    font-size: 4rem;
    top: 40%;
    transform: translate(-50%, -8rem);
  }
  .carbon .group1 .item1 .list {
    position: relative;
    width: calc(100% - 6rem);
    height: auto;
    margin: 0;
    padding-top: 30rem;
    background-size: auto 25rem;
    background-position-y: 0;
    transform: translateX(-50%) translateY(calc(-50% - 10rem)) !important;
  }
  .carbon .group1 .item1 .list li {
    display: inline-block;
    position: static;
    vertical-align: middle;
  }
  .carbon .group1 .item1 .list li .label {
    overflow: hidden;
    position: relative;
    width: 5.7rem;
    height: 5.7rem;
    margin: 1rem;
    border-radius: 100%;
    border: 3px solid #fff;
  }
  .carbon .group1 .item1 .list li .label img {
    position: absolute;
    left: 50%;
    top: -0.5rem;
    width: calc(100% + 1rem);
    max-width: 999%;
    transform: translateX(-50%);
  }
  .carbon .group1 .item1 .list li p {
    display: flex !important;
    top: 100%;
    width: auto;
    max-width: 100%;
    height: 4.5rem;
    padding: 0 2rem;
    background-color: #222;
    opacity: 0 !important;
    white-space: nowrap;
    transform: translate(-50%, -5rem);
    align-items: center;
    justify-content: center;
  }
  .carbon .group1 .item1 .list li.active .label {
    opacity: 1 !important;
  }
  .carbon .group1 .item1 .list li.active p {
    margin-top: 0;
    opacity: 1 !important;
  }
  .carbon .group1 .item1 .list::after {
    display: block;
    width: 20rem;
    margin: 3rem auto 0;
    padding-right: 1rem;
    content: "국가를 눌러 각 나라별 탄소중립 정책을 확인하세요";
    opacity: 0;
    word-break: keep-all;
  }
  .carbon .group1 .item1 .list.active li .label {
    opacity: 0.5;
  }
  .carbon .group1 .item1 .list.active::after {
    opacity: 0 !important;
    transition: all 0s;
  }
  .carbon .group1 .scroll {
    position: fixed;
  }
  .carbon .group:nth-child(n+2) {
    z-index: 6;
  }
  .carbon .group2 .bg {
    display: block;
    position: relative;
    z-index: -1;
    height: 100%;
  }
  .carbon .group2 .bg img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: inherit;
    height: 100%;
  }
  .carbon .group2 .bg .desc strong {
    margin: 1rem 0;
  }
  .carbon .group2 .bg .desc small {
    font-size: 1.6rem;
  }
  .carbon.view2nd .group1 .item .txt {
    font-size: 3rem;
    line-height: 5rem;
  }
  .carbon.view2nd .group1 .item.item2 .txt {
    display: block;
  }
  .carbon.view2nd .group1 .item2 .txt i:nth-child(1),
  .carbon.view2nd .group1 .item2 .txt i:nth-child(2),
  .carbon.view2nd .group1 .item2 .txt i:nth-child(3) {
    transition-delay: inherit;
  }
  .carbon.view2nd .group1 .item .next {
    display: none;
    right: 3rem;
  }
  .carbon.view2nd .group1 .item2.active .next,
  .carbon.view2nd .group1 .item3.active .next {
    bottom: 3rem;
  }
  .carbon.view2nd .group2 {
    display: block;
    padding: 15rem 0 10rem;
    height: 70rem !important;
    background-size: contain;
  }
  .carbon.view2nd .group2 .desc {
    top: 55%;
  }
  .carbon.view2nd .group3 .item1 .history_list:before {
    left: 4rem;
    top: 0;
  }
  .carbon.view2nd .group3 .item1 .history_list li {
    width: calc(100% - 4rem);
    margin-left: 4rem;
    padding: 0 3rem 4rem 7rem;
  }
  .carbon.view2nd .group3 .item1 .history_list li:nth-child(even) {
    padding: 0 3rem 4rem 7rem;
    text-align: left;
  }
  .carbon.view2nd .group3 .item1 .history_list li:before {
    left: 0;
  }
  .carbon.view2nd .group3 .item1 .history_list li:nth-child(even):before {
    right: auto;
    left: 0;
    transform: translateX(-50%);
  }
  .carbon.view2nd .group3 .item1 .history_list .line {
    left: 4rem;
    top: 0;
  }
  .carbon.view2nd .group3 .item1 .history_list li strong {
    font-size: 4rem;
  }
  .carbon.view2nd .group3 .item1 .history_list li em {
    font-size: 2.5rem;
  }
  .carbon.view2nd .group3 .item1 .history_list li em br {
    display: none;
  }
  .carbon.view2nd .group3 .item1 .history_list li:nth-child(even) > div {
    left: 5rem;
  }
  .carbon.view2nd .group3 .item1 .history_list li:nth-child(even).on > div {
    left: 0;
  }
  .carbon.view2nd .group3 .item3 .cont2 {
    height: auto !important;
  }
  .carbon.view2nd .group3 .item3 .cont2 .part {
    padding: 18rem 1rem 4rem;
    width: auto;
    margin: 0 !important;
    max-width: inherit;
  }
  .carbon.view2nd .group3 .item3 .cont2 .part:first-of-type {
    padding-top: 18rem;
  }
  .carbon.view2nd .group3 .item3 .cont2 .part.fixed {
    position: relative;
    height: auto;
    padding: 18rem 1rem 4rem;
    margin-top: 0 !important;
  }
  .carbon.view2nd .group3 .item3 .cont2 .part.fixed:first-of-type {
    padding-top: 18rem;
  }
  .carbon.view2nd .group3 .item3 .cont2 .part h4.title {
    font-size: 4rem;
  }
  .carbon.view2nd .group3 .item3 .cont2 .part .part_box .img_box {
    float: none;
    width: 100%;
    text-align: center;
    padding: 0;
    margin-bottom: 2rem;
  }
  .carbon.view2nd .group3 .item3 .cont2 .part .desc_box .text_box .text_item {
    padding: 2rem;
  }
  .carbon.view2nd .group3 .item3 .cont2 .part .part_box .desc_box {
    overflow-y: hidden;
    max-height: inherit;
  }
  .carbon.view2nd .group3 .item4 {
    margin-top: 0;
    padding: 10rem 0;
  }
  .carbon.view2nd .group3 .item4.on {
    background-size: auto 100%;
  }
  .carbon.view2nd .group3 .item4 .desc {
    font-size: 2rem;
  }
  .carbon.view2nd .group3 .item4 .title {
    font-size: 3.5rem;
    line-height: 5.5rem;
  }
  .carbon.t2 .group1 .item1 .bg {
    width: 100%;
    background-position: right -30rem center;
  }
  .carbon.t2 .group1 .item1 .tit {
    width: 100%;
    padding-left: 0;
    height: auto;
    z-index: 1;
    text-align: center;
  }
  .carbon.t2 .group1 .item1 .tit h3 {
    margin-bottom: 4rem;
    color: #fff;
    font-size: 5rem;
    line-height: 7rem;
  }
  .carbon.t2 .group1 .item1 .tit:before {
    display: none;
  }
  .carbon.t2 .group1 .item1 .tit .viewMore {
    color: #fff;
  }
  .carbon.t2 .group1 .item.item2.active .img img {
    min-height: inherit;
  }
  .carbon.t2 .group1 .item2 .desc h4 {
    width: 90%;
  }
  .carbon.t2 .group1 .item2 .desc h4 img {
    width: 100%;
    max-height: inherit !important;
  }
  .carbon.t2 .group1 .item.item2 .txt {
    font-size: 3rem !important;
    line-height: 5rem !important;
    padding: 0 2rem;
  }
  .carbon.t2 .group2 {
    height: auto !important;
    padding: 13rem 1rem;
    height: auto !important;
    background-size: cover;
  }
  .below .group .img4.on {
    height: 60rem;
  }
  .imgDesc_wrap > div {
    display: block;
  }
  .imgDesc_wrap > div.item_l {
    width: 100%;
    margin-bottom: 3rem;
    text-align: center;
  }
  .txt_guide > li {
    margin-top: 0.7rem;
  }
  .txt_guide > li:first-child {
    margin-top: 0;
  }
  .tbl_wrap.tbl_scroll {
    width: 100%;
    overflow-x: auto;
  }
  .tbl_wrap.tbl_scroll table {
    width: 88rem;
  }
  .below.below_2_7 .center_img img {
    width: 45%;
  }
  .below.below_2_7 .group3 .bg img {
    height: 40rem;
    opacity: 0.7;
  }
  .below.below_2_8 .group .subject_box {
    margin: 7rem 0;
    font-size: 1.9rem;
    line-height: 3.3rem;
  }
  .graph_half img {
    float: none;
    width: auto;
  }
  .graph_half img:first-child {
    margin: 0 0 4rem;
  }
  .below.below_2_8 .txt_def.vis {
    margin: 8rem auto;
  }
  .below.below_2_8 .txt_def.vis .def_tit img {
    height: 18rem;
  }
  .below.below_2_8 .tit_topImg {
    left: 35%;
    top: -4rem;
  }
  .below.below_2_8 .tit_topImg img {
    height: 25rem;
  }
  .below.below_2_10 .group2 {
    margin: 7rem 0;
    padding: 7rem 0;
  }
  .below.below_2_10 .group2 .imgDesc_wrap > div.item_l {
    width: 100%;
    text-align: center;
  }
  .below.below_2_10 .group3 .b_tit {
    margin-top: 7rem;
  }
  .below.below_2_9 .group3 .item2 {
    height: 26rem;
    margin-top: -5rem;
  }
  .below.below_2_9 .group3 .item2 .sack_wrap {
    position: absolute;
    margin-top: 0;
    left: 50%;
    transform: scale(0.5) translate(-100%, -10rem);
  }
  .below.below_2_9 .group4 .zero_wrap {
    border-radius: 5rem;
  }
  .below.below_2_9 .group4 .zero_wrap:before {
    right: 0;
    width: 30rem;
    height: 14rem;
  }
  .below.below_2_9 .group4 .zero_wrap ul li {
    width: calc(33.3% - 2rem);
  }
  .below.below_2_9 .group4 .zero_wrap ul li .itemBox > div > strong img {
    transform: scale(0.8) translate(-50%, -50%);
  }
  .below.below_2_9 .group4 .b_bg3 {
    top: 28%;
  }
  .below.below_2_3 .group2 .column_wrap {
    height: auto;
  }
  .below.below_2_3 .group2 .column_wrap.last {
    position: relative;
  }
  .below.below_2_3 .group2 .column_wrap.last .column_cover {
    position: relative;
  }
  .below.below_2_3 .group2 .column_wrap .column_scroll {
    position: relative;
  }
  .below.below_2_3 .group2 .column_wrap .columnBox {
    display: block;
    width: auto;
    left: 0 !important;
  }
  .below.below_2_3 .group2 .column_wrap .column_scroll.fixed,
  .below.below_2_3 .group2 .column_wrap .column_scroll.unfixed {
    position: relative;
    min-height: inherit;
    top: auto;
    bottom: auto;
    padding-top: 0;
  }
  .below.below_2_3 .scroll_section .ss_block {
    padding-top: 0;
    height: 0 !important;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c1,
  .below.below_2_3 .group2 .column_wrap .col_item.c2 {
    padding: 7rem 4rem 15rem;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c1 .desc_wrap .title {
    margin-bottom: 3rem;
    font-size: 3.3rem;
    line-height: 6rem;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c2 .title {
    display: inline-block;
    margin-bottom: 3rem;
    font-size: 3rem;
    line-height: 5rem;
    word-break: keep-all;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c2 .title:before {
    width: 100%;
    left: 0;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c2 .sub_tit {
    position: relative;
    margin-top: 5rem;
    right: auto;
    top: auto;
    transform: none;
    z-index: 1;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c2 .sub_tit img {
    margin-right: 0;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c2 .img_box {
    width: 25rem;
    z-index: 0;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c2 .sub_tit strong {
    margin-top: 2rem;
    font-size: 3rem;
  }
  .below.below_2_3 .third_box .left,
  .below.below_2_3 .third_box .right {
    width: 100%;
  }
  .below.below_2_3 .third_box .left {
    padding: 7rem 4rem;
  }
  .below.below_2_3 .third_box .right {
    border: 0;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c3 .third_box .left .img_box {
    position: relative;
    left: auto;
    width: auto;
    margin-top: 3rem;
  }
  .below.below_2_3 .third_box .right .half {
    height: 40rem;
  }
  .below.below_2_3 .third_box .right .half:first-child {
    border-top: 1px solid #000;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c4 {
    padding: 7rem 4rem;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c4 .desc_left {
    position: static;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c4 .desc_right,
  .below.below_2_3 .group2 .column_wrap .col_item.c4 .img_box {
    position: static;
    margin-top: 3rem;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c5 {
    max-width: inherit;
    height: 30rem;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c5 .img_box {
    right: auto;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 6rem);
    max-width: 100%;
    text-align: center;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c6 {
    border-right: 0;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c6 .third_box .left .img_box {
    position: relative;
    width: auto !important;
    left: auto;
    bottom: auto !important;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c7 {
    padding: 7rem 4rem 28rem;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c7 .img_box1 {
    width: 20rem;
    left: auto;
    right: 3rem;
    top: -8rem;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c7 .desc_left {
    float: none;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c7 .desc_left .title:before {
    left: auto !important;
    right: 0;
    height: 3.7rem;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c7 .desc_left p {
    padding: 0;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c7 .desc_right {
    float: none;
    margin: 0;
    padding: 0;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c7 .desc_right .title {
    display: block;
    font-size: 3rem;
    line-height: 5rem;
    margin: 5rem 0 3rem;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c7 .desc_right p {
    margin-top: 3rem;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c7 .img_box2 {
    width: 80%;
    left: 50%;
    transform: translateX(-50%);
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c8 {
    padding: 7rem 4rem;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c8 .img_list {
    padding: 0 0 0 3rem;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c8 .img_list ul {
    margin: 0;
    display: block;
    text-align: center;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c8 .img_list ul li {
    margin: 3rem 0;
    display: inline-block;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c8 .img_list ul li:nth-child(2n) {
    left: -3rem;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c8 .img_list ul li > strong {
    left: -3rem;
    transform: none;
    top: 3rem;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c8 .img_list ul li:nth-child(2n) > strong {
    left: auto;
    right: -3rem;
    top: 3rem;
    transform: none;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c8 .title:before,
  .below.below_2_3 .group2 .column_wrap .col_item.c8 .title:after {
    display: none;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c9 {
    max-width: inherit;
    height: 75rem;
    background-attachment: fixed;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c10 {
    padding: 7rem 4rem 20rem;
    background-position: right center;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c10 .title {
    font-size: 3rem;
    line-height: 5rem;
    word-break: keep-all;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c10 .title br {
    display: none;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c10 .title:before {
    left: 0;
    width: 100%;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c10 p br:first-child,
  .below.below_2_3 .group2 .column_wrap .col_item.c10 p br:last-child {
    display: none;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c10 .img_box {
    bottom: -6rem !important;
    width: 25rem;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c11 {
    padding: 7rem 4rem;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c11 .img_wrap .title {
    margin-top: 3rem;
    position: relative !important;
    top: auto !important;
    transform: none !important;
    font-size: 3rem;
    line-height: 6rem;
  }
  .climate.p1 .intro_wrap .intro.t3 .desc p br {
    display: none;
  }
  .climate.p1 .group1,
  .climate.p1 .group2 {
    padding: 10rem 0 12rem;
  }
  .climate.p1 .group1 .item .count_timer ul li {
    width: auto;
  }
  .climate.p1 .group1 .item .count_timer ul li strong {
    font-size: 6.5rem;
  }
  .climate.p1 .group1 .item .desc {
    font-size: 4rem;
    line-height: 6rem;
    margin-bottom: 5rem;
  }
  .climate.p1 .group2 .item .text {
    margin-top: 5rem;
  }
  .climate.p1 .group2 .item .title span:first-child img {
    max-width: 70%;
  }
  .climate .title_box {
    font-size: 4rem;
    line-height: 5rem;
    margin: 0 auto 5rem;
  }
  .climate .white_box.t1 .white_wrap, .climate .white_box.t2 .white_wrap {
    padding: 5rem 2rem 3rem;
  }
  .climate.p1 .group4 .tbl_col2 .col {
    width: 100%;
  }
  .climate.p1 .tbl tbody tr td:last-child {
    border-right: 0;
  }
  .side_box h5 {
    font-size: 3rem;
    line-height: 5rem;
  }
  .circle_list li {
    width: 48%;
    margin: 0 0 2rem 0;
  }
  .tech_layer .item {
    margin-top: 2rem;
    position: relative;
    left: auto !important;
    top: auto !important;
    max-width: inherit;
  }
  .climate .menu.fixed {
    left: auto;
    transform: none;
    width: 100%;
  }
  .climate .menu a {
    display: flex;
    float: left;
    width: 20%;
    height: 6rem;
    align-items: center;
    justify-content: center;
  }
  .climate .menu a:nth-child(6) {
    clear: both;
    border-left: 0 none;
  }
  .climate .menu a:nth-child(n+6) {
    border-top: 1px solid #555;
  }
  .climate .part:first-of-type {
    margin-top: 16rem;
  }
  .climate .part .part_top .part_title,
  .climate .part .part_top .part_topBox {
    display: block;
    width: 100%;
  }
  .climate .part .part_top .part_title p br {
    display: none;
  }
  .climate .part .part_top .part_topBox {
    margin-top: 2rem;
    padding: 3rem 2rem;
  }
  .climate .part .part_top .part_topBox strong {
    margin-bottom: 1rem;
  }
  .climate .part .part_top .part_topBox p br {
    display: none;
  }
  .climate .part .part_top .part_topBox .box .right {
    width: 100%;
    overflow: inherit;
    padding: 0;
    text-align: center;
  }
  .climate .part .part_top .part_topBox .box.t1 .left,
  .climate .part .part_top .part_topBox .box.t2 .left {
    width: 100%;
    text-align: center;
  }
  .climate .part .part_top .part_topBox .box.t2 .right {
    margin-top: 1rem;
    width: 100%;
    text-align: center;
  }
  .climate .part .part_top .part_topBox .box.t2 strong {
    height: auto;
  }
  .climate .part .part_top .part_topBox .box.t2 strong br {
    display: none;
  }
  .climate .part .part_top .part_topBox .box.t3 .col {
    width: 33.3%;
  }
  .climate .part_scroll {
    overflow-x: auto;
    padding-top: 4rem;
    background: url("../img/contents/tpp/bg_hand.gif") right top no-repeat;
  }
  .climate .part_scroll img {
    max-width: inherit;
  }
  .climate.p1 .group7 {
    margin-top: 25rem;
    padding: 5rem 0;
  }
  .climate .way_list {
    padding-left: 0;
  }
  .climate .way_list > li {
    height: auto;
    float: none;
    width: 100%;
  }
  .climate .way_list > li:nth-child(2) {
    margin-top: 10rem;
  }
  .climate .way_list > li:before {
    left: 50%;
    top: -8.5rem;
    transform: translateX(-50%);
  }
  .climate .way_list > li > .num_list > li {
    width: 50%;
  }
  .climate .way_list > li > .num_list > li:nth-child(2n+1) {
    clear: none;
  }
  .climate.p1 .group8 .desc p {
    font-size: 3rem;
    line-height: 5rem;
  }
  .climate.p2 .intro_wrap .intro.t2 .slide .col_wrap .col {
    display: block;
  }
  .climate.p2 .intro_wrap .intro.t2 .slide .col_wrap .col:first-child {
    width: 37rem;
    height: 37rem;
    margin: 0 auto;
    padding-top: 5rem;
  }
  .climate.p2 .intro_wrap .intro.t2 .slide .col_wrap .col img {
    width: 16rem;
  }
  .climate.p2 .intro_wrap .intro.t2 .slide .col_wrap .col p {
    margin-top: 2rem;
  }
  .climate.p2 .intro_wrap .intro.t2 .slide .col_wrap .col p br {
    display: none;
  }
  .climate.p2 .intro_wrap .intro.t2 h4.title {
    padding: 2rem 0 0 2rem;
  }
  .climate.p2 .intro_wrap .intro.t2 .slide .top_title span {
    font-size: 1.8rem !important;
  }
  .climate.p2 .intro_wrap .intro.t2 .slide .top_title strong {
    font-size: 2.5rem !important;
    line-height: 4rem !important;
  }
  .climate.p2 .intro_wrap .intro.t2 .slide .list li img {
    height: 12rem !important;
  }
  .climate.p2 .intro_wrap .history_scroll .scroll_box {
    width: 413.6rem;
  }
  .climate.p2 .group.group1 .item .top {
    padding-top: 16.5rem;
  }
  .climate.p2 .group.group1 .cont_wrap .main_tit {
    font-size: 3.5rem;
    line-height: 4.5rem;
  }
  .climate.p2 .group.group1 .cont_wrap .desc_box {
    margin-top: 6rem;
  }
  .climate.p2 .group.group2 .book_wrap .right {
    margin-top: -7rem;
  }
  .climate.p2 .group.group2 .book_wrap .right .title {
    font-size: 3rem;
  }
  .climate.p2 .group.group2 .book_wrap .right .text_area {
    height: 43rem;
  }
  .view3rd .group1 .item1 .title_wrap .sub_tit i {
    width: 6.5rem;
    height: 8.7rem;
    font-size: 5rem;
    line-height: 8.7rem;
  }
  .view3rd .group1 .item1 .title_wrap h3 {
    font-size: 5rem;
    line-height: 7rem;
  }
  .view3rd .group1 .item1 .title_wrap p {
    margin-top: 10rem;
  }
  .carbon.view3rd .group1 .item2 .desc > h4 {
    font-size: 3rem;
    line-height: 4rem;
  }
  .carbon .group1 .item {
    padding-top: 10rem;
  }
  .carbon.view3rd .group1 .item2 .diagram_link > li {
    margin-left: 3rem;
    width: calc(50% - 1.5rem);
  }
  .carbon.view3rd .group1 .item2.active {
    z-index: 7;
  }
  .carbon.view3rd .group1 .item3 {
    padding: 10rem 1rem 20rem;
    height: auto !important;
  }
  .carbon.view3rd .group1 .item3 .desc {
    position: relative;
    left: 0;
  }
  .carbon.view3rd .group1 .item3 .desc.t2 {
    margin-top: 5rem;
    right: 0;
  }
  .carbon.view3rd .group1 .item3 .item3_bg.t3 {
    display: none;
  }
  .carbon.view3rd .group1 .item3 .desc p {
    font-size: 2rem;
    line-height: 3.5rem;
  }
  .carbon.view3rd .group1 .item4 {
    padding: 10rem 1rem;
    height: auto !important;
  }
  .carbon.view3rd .group1 .item4 .desc > p {
    font-size: 2.7rem;
    line-height: 4.3rem;
  }
  .rd3Con .con_visual {
    height: 30rem;
    margin-bottom: 6rem;
  }
  .rd3Con .con_visual h3 {
    font-size: 4rem;
  }
  .rd3Con .conBox {
    padding: 0 1rem 10rem;
  }
  .rd3Con .conBox .conList > li {
    padding: 1.5rem 0 6rem 26rem;
  }
  .rd3Con .conBox .conList > li > h4 {
    font-size: 4rem;
  }
  .rd3Con.t2 .conBox {
    padding: 0;
  }
  .rd3Con.t2 .conBox .conItem {
    padding: 8rem 1rem;
  }
  .rd3Con.t2 .con_visual {
    height: auto;
    padding: 10rem 1rem;
  }
  .rd3Con.t2 .con_visual h3.tit {
    font-size: 5rem;
  }
  .rd3Con.t2 .conBox .tit {
    font-size: 4rem;
    line-height: 6rem;
  }
  .view3rd .fixed_slider .fixed_holder.fixed {
    width: 100%;
  }
  .view3rd .fixed_slider .fixed_holder.fixed .fixed_img .fixed_item {
    padding: 0 1rem;
  }
  .rd3Con,
  .view3rd .fixed_slider .fixed_holder,
  .view3rd .fixed_slider .flow_wrap .flow {
    height: 100vh; /* height:calc(var(--vh, 1vh) * 100) */
  }
  .rd3Con.t2 .conBox .desc {
    font-size: 1.8rem;
  }
  .rd3Con.t2 .conBox .desc.sm {
    font-size: 1.5rem;
    line-height: 2.2rem;
  }
  .rd3Con.t2 .conBox .conItem_bottom {
    padding: 6rem 1rem;
  }
  .rd3Con.t2 .conBox .conItem_bottom .title {
    font-size: 4rem;
  }
  .rd3Con.t2 .conBox .conItem_bottom .desc {
    font-size: 2rem;
  }
  .tracker .group {
    display: block;
  }
  .tracker .group1 .desc,
  .tracker .group1 .next_text {
    max-width: inherit;
    padding: 0 2rem;
  }
  .tracker .tc_textbox.left {
    width: 100%;
    padding: 0;
  }
  .tracker .tc_imgbox {
    position: static;
    height: auto;
    width: auto;
    margin: 2rem 0 0;
  }
  .tracker .tc_imgbox .img_box {
    position: static;
  }
  .tracker .tc_imgbox .img_box .img_item {
    width: auto;
  }
  .tracker .group2 .tracker_content .tc_title {
    font-size: 3rem;
  }
  .thumb_list.t3 > li {
    width: calc(50% - 3.2rem);
  }
  .thumb_list.t3 > li:nth-child(3n+1):before {
    content: "";
    display: none;
  }
  .thumb_list.t3 > li:nth-child(2n+1):before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -3rem;
    width: calc(200% + 3.2rem);
    border-top: 1px solid #F1F1F1;
  }
  .k_valence .intro .desc {
    width: 100%;
    padding: 0 2rem;
    left: 0;
    top: auto;
    bottom: 5rem;
    transform: translate(0, 0);
  }
  .k_valence .intro .desc p {
    font-size: 1.7rem;
  }
  .k_valence .intro .desc .detail_btn {
    margin-top: 3rem;
  }
  .k_valence .intro .bg,
  .k_valence .main_intro .line_wrap {
    transform: translate(-50%, -61%) scale(0.5);
  }
  .k_valence .sec1 .desc,
  .k_valence .sec3 .desc {
    font-size: 2.5rem;
  }
  .k_valence .circle_desc .cc1 {
    width: 40rem;
    height: 40rem;
    font-size: 2.3rem;
  }
  .k_valence .circle_line.t1 {
    width: 80rem;
    height: 80rem;
  }
  .k_valence .circle_line.t2 {
    width: 120rem;
    height: 120rem;
  }
  .k_valence .ani1 .circle_desc .cc1 {
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 2rem 0 0 15rem !important;
    width: 12rem;
    height: 12rem;
  }
  .k_valence .sec2.right_ani .cc1 {
    margin: 2rem 0 0 15rem !important;
  }
  .k_valence .circle_desc em {
    font-size: 1.6rem;
  }
  .k_valence .f_conLeft .flow1_1 {
    width: 30rem;
    right: auto;
    left: 50%;
    top: calc(50% - 8.1rem);
    transform: translateY(-50%);
    margin-left: -22rem;
  }
  .k_valence .f_conLeft .flow1_1 svg {
    width: 100%;
    display: block;
  }
  .k_valence .sec5 .desc_wrap .tit {
    font-size: 2.5rem;
  }
  .k_valence .sec5 .desc_wrap .t2 .tit {
    margin-bottom: 3rem;
  }
  .k_valence .sec5 .desc_wrap .sub_tit {
    margin-bottom: 1.5rem;
    font-size: 1.8rem;
  }
  .k_valence .sec5 .desc_wrap .detail_btn {
    margin-top: 4rem;
  }
  .k_valence .sec5 .desc_wrap p br {
    display: none;
  }
  .k_valence .html-widget {
    height: calc(100vh - 30rem) !important;
  }
  .svg_wrap {
    bottom: 0;
  }
  .left_bar {
    padding-left: 2rem;
  }
  .below.below_n3 .table_box {
    max-width: calc(100% - 6rem);
  }
  .below.below_n3 .table_box:before {
    content: "좌우 드래그로 확인 가능합니다.";
    display: block;
    margin-bottom: 0.5rem;
    font-size: 1.2rem;
    text-align: right;
  }
  .below3_graph {
    flex-direction: column;
  }
  .below3_graph .col:first-of-type {
    width: 100%;
    margin: 0 0 2rem;
  }
  .below3_graph .col:first-of-type img {
    width: 25rem;
  }
  .below3_graph .col img {
    transition: none !important;
  }
  .below3_graph .col .g_list li {
    width: calc(33.3% - 1.5rem);
  }
  .green_gas .col_list {
    width: 100%;
  }
  .green_gas .col_list > li {
    width: 33.3%;
  }
  .green_gas .sec4 .fixed_text {
    right: 2rem;
  }
  .green_gas .intro {
    margin-top: -15px !important;
  }
  .green_gas .intro .desc h2 {
    font-size: 4rem;
    line-height: 5rem;
  }
  .gg_legend > li {
    width: 33.3%;
    text-align: left;
  }
  .icon_list {
    flex-direction: column;
  }
  .icon_list li,
  .icon_list li:last-child {
    margin-top: 4rem;
    width: 100%;
  }
  .icon_list li:nth-child(-n+2) {
    margin-top: 4rem;
  }
  .icon_list li:first-child {
    margin-top: 0;
  }
  .vc_list > li {
    width: calc(50% - 3rem);
  }
  .k_power .intro {
    background-position: bottom center;
    background-size: auto 113%;
  }
  .k_power .intro_title {
    position: relative;
    top: -7rem;
  }
  .k_power .intro_title h2 {
    font-size: 4.8rem;
    line-height: inherit;
  }
  .k_power .intro_desc {
    font-size: 1.7rem;
    line-height: 2.5rem;
  }
  .col_graph {
    flex-wrap: wrap;
  }
  .col_graph .item {
    width: 100% !important;
  }
  .col_graph .item + .item {
    margin-top: 3rem;
  }
  .col_graph.col2 .item .graph_box {
    min-height: 40rem;
  }
  .grayLine_box,
  .grayLine_box.t2 {
    padding: 3rem 2rem;
  }
  .grayLine_box .source_txt {
    margin: 2rem 0 0;
  }
  .black_box {
    padding: 3rem 2rem;
  }
  .graph_txt {
    flex-wrap: wrap;
  }
  .graph_txt .graph_wrap {
    width: 100%;
    margin: 0 0 3rem;
    text-align: center;
  }
  .graph_txt .legend {
    text-align: left;
  }
  .k_power .sec1 .pin-spacer {
    height: auto !important;
    padding: 0 !important;
  }
  .k_power .black_wrap {
    position: relative !important;
    top: auto !important;
    height: auto !important;
    max-height: inherit !important;
    transform: none !important;
  }
  .k_power .black_wrap .black_box {
    position: relative;
    left: 0;
    top: 0;
    transform: none;
  }
  .k_power .black_wrap.active .black_box {
    position: relative;
    transform: none;
  }
  .vcn_content .title {
    font-size: 3.5rem;
    line-height: 1.5;
  }
  .vcn_list {
    width: 100%;
  }
  .vcn_list li {
    width: 100%;
    margin: 0 0 3rem;
  }
  .info_trend .graph_1 {
    flex-direction: column;
  }
  .info_trend .graph_1 .left {
    width: 100%;
    padding: 0 0 11rem;
    text-align: center;
  }
  .info_trend .graph_1 .left:after {
    top: 86%;
    right: auto;
    left: 53%;
    width: 6rem;
    padding-top: 3rem;
    transform: translateX(-50%) rotate(90deg);
  }
  .info_trend .graph_1 .left img {
    width: 25rem;
  }
  .info_trend .title5 > span {
    display: block;
    text-align: center !important;
  }
  .info_trend .title5 > span br {
    display: none;
  }
  .info_trend .title {
    font-size: 5rem;
    line-height: 6.5rem;
  }
  .info_trend .title2 {
    font-size: 3.8rem;
  }
  .hydrogen [class^=desc],
  .hydrogen .black .small {
    padding: 0 1.5rem;
  }
  .hydrogen .intro .desc p {
    font-size: 2.6rem;
  }
  .hydrogen .intro .desc h2 {
    font-size: 6rem;
  }
  .hydrogen .cirNum_title {
    padding: 6.5rem 1.5rem 3.8rem;
    font-size: 3.2rem;
    line-height: 4.2rem;
  }
  .hydrogen .title1 {
    font-size: 2.5rem;
    margin: 9rem 1.5rem 2.6rem;
  }
  .hydrogen .graph_box .graph_list {
    flex-direction: column;
    width: 100%;
  }
  .hydrogen .graph_box .graph_list > li {
    width: 100%;
    margin: 2rem 0 0;
  }
  .hydrogen .graph_box .graph_list > li:first-child {
    margin-top: 0;
  }
  .hydrogen .con .desc_box p {
    font-size: 2.4rem;
  }
  .hydrogen .title3 {
    font-size: 2.8rem;
  }
  .hydrogen .nodeImg_box {
    height: 60rem;
    transform: scale(1.4);
  }
  .hydrogen .nodeImg_box img {
    transform: translateY(-14%);
  }
  .hydrogen .box2 {
    padding: 4rem 2rem;
  }
  .info_kor_heat .info_list {
    flex-direction: column;
  }
  .info_kor_heat .info_list li {
    margin: 1rem 0 0;
    padding-right: 0;
  }
  .info_kor_heat .info_list li:first-child {
    margin-top: 0;
  }
  .info_kor_heat .info_list li:before {
    display: none;
  }
  .info_kor_heat .title {
    font-size: 3rem;
  }
  .info_kor_heat .desc .br {
    display: none;
  }
  .info_kor_heat .graph_list > li .desc {
    font-size: 2.5rem;
  }
  .info_kor_heat .graph_list > li .desc .point {
    background: linear-gradient(180deg, transparent 0%, #FFF1B5 50%, #FFF1B5 100%) 0 80%/4px 12px repeat-x;
  }
  .info_kor_heat .graph_list > li .desc .point:before {
    display: none;
  }
  .dust_wrap .intro .desc_wrap {
    max-width: calc(100% - 6rem);
  }
  .dust_wrap .intro .desc_wrap .title {
    font-size: 4.5rem;
  }
  .dust_wrap .intro .desc_wrap .title:before {
    width: 23.8rem;
  }
  .dust_wrap .cont1 .txt_wrap .tit,
  .dust_wrap .cont1 .txt_wrap .desc1,
  .dust_wrap .cont1 .txt_wrap .desc2 {
    opacity: 1;
    transform: translateY(0);
  }
  .dust_wrap .cont1 .txt_wrap .tit {
    font-size: 3.5rem;
    line-height: 4.5rem;
  }
  .dust_wrap .cont1 .txt_wrap .desc1 {
    font-size: 2.2rem;
  }
  .dust_wrap .cont2 .inner .tit_wrap h3 {
    font-size: 3.4rem;
    line-height: 4.6rem;
  }
  .dust_wrap .cont2 .inner .scroll_horizontal {
    padding: 24rem 0 8rem;
  }
  .dust_wrap .cont2 .inner .material_list .mtr1 > div {
    padding: 22rem 3rem 0;
  }
  .dust_wrap .cont2 .inner .material_list .mtr h4 {
    font-size: 2.8rem;
  }
  .dust_wrap .cont4 .tit, .dust_wrap .cont6 .tit {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
  .dust_wrap .cont4 .graph_con .g_tit,
  .dust_wrap .cont6 .graph_con.dif .g_tit {
    width: calc(100% - 2rem);
  }
  .dust_wrap .cont4 .graph_con.dif {
    padding: 3rem 2rem 5rem;
  }
  .dust_wrap .cont6 .txt_s_cont p {
    word-break: keep-all;
  }
  .dust_wrap .cont6 .txt_s_cont p br {
    display: none;
  }
  .dust_wrap .cont6 .graph_con.dif {
    width: 100%;
  }
  .dust_wrap .cont6 .graph_con.dif .g_tit {
    font-size: 2rem;
    word-break: keep-all;
  }
  .dust_wrap .cont6 .txt_scroll_wrap {
    padding: 2rem;
  }
  .dust_wrap .cont6 .txt_scroll_wrap p {
    font-size: 1.8rem;
    line-height: 3rem;
  }
  .dust_wrap .cont6 .graph_con.dif .g_tit {
    padding: 1.5rem;
  }
  .dust_wrap .cont6 .graph_con.dif3 .g_img_con strong b {
    font-size: 2.8rem;
    line-height: 2.8rem;
  }
  .dust_wrap .cont6 .graph_con.dif3 .g_img_con strong {
    font-size: 2.2rem;
    line-height: 2.2rem;
  }
  .dust_wrap .cont4 .dust_reason .r_box {
    padding: 2rem 1rem;
  }
  .issue_layerPopWrap .layerPop {
    max-width: calc(100% - 8rem);
  }
  .issue_layerPopWrap .issue_detail .issue_inner .img_con {
    height: 27rem;
  }
  .issue_layerPopWrap .issue_detail .issue_inner .txt_con {
    padding: 4rem 3rem;
  }
  .issue_layerPopWrap .issue_detail .issue_inner .img_con .year {
    font-size: 8rem;
    line-height: 8rem;
    left: 2rem;
    top: 3rem;
  }
  .issue_layerPopWrap .issue_detail .issue_inner .txt_con .name {
    margin-bottom: 2.4rem;
  }
  .issue_layerPopWrap .issue_detail .issue_inner .txt_con .name b {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
  .issue_layerPopWrap .issue_detail .issue_inner .txt_con .name span {
    font-size: 2.8rem;
    line-height: 3.4rem;
  }
  .issue_layerPopWrap .close {
    top: 30rem;
  }
  .dust_wrap .cont3 .bg_a {
    background-position: right;
    top: initial;
    bottom: 20%;
    height: 60%;
    background-size: cover;
  }
  .dust_wrap .cont3 .bg_b {
    height: 60%;
    background-size: cover;
    background-position: right;
    bottom: initial;
    top: 18%;
  }
  .dust_wrap .cont4 .graph_con .g_img.web {
    display: none;
  }
  .dust_wrap .cont4 .graph_con .g_img.mobile {
    display: block;
    margin-bottom: 3rem;
  }
  .dust_wrap .cont4 .graph_con .g_tit.ty1 {
    width: calc(100% - 2rem);
  }
  .dust_wrap .cont6 .txt_cont {
    width: 100%;
  }
  .dust_wrap .cont9 .tit {
    font-size: 3rem;
    line-height: 4.2rem;
  }
  .dust_wrap .cont6 .graph_svg .graph_path .path1 {
    top: 24.3rem;
    left: 7.2rem;
  }
  .dust_wrap .cont6 .graph_svg .graph_path .path2 {
    top: 10.4rem;
    left: 7.2rem;
  }
  .dust_wrap .cont6 .graph_svg .graph_path .path3 {
    top: 28.2rem;
    left: 7.1rem;
  }
  .dust_wrap .cont6 .graph_svg .graph_path .path4 {
    top: 4.7rem;
    left: 7.1rem;
  }
  .dust_wrap .cont6 .graph_svg .graph_img.web,
  .dust_wrap .cont6 .graph_svg .graph_path {
    display: none;
  }
  .dust_wrap .cont6 .graph_svg .graph_img.mobile {
    display: block;
    margin: 0 5rem;
  }
  .dust_wrap .cont3 .bg.bg_a {
    left: 0;
    top: 15%;
  }
  .dust_wrap .cont3 .path_con.path_B .path_all {
    transform: initial;
    top: 15%;
    right: 24rem;
  }
  .dust_wrap .cont3 .path_con.path_B .path_arrow svg {
    width: 42rem;
  }
  .dust_wrap .cont3 .data_refer {
    bottom: -1rem;
  }
  .below_n4_3 .table_box {
    padding: 5rem;
  }
  .below_n4_2 .bg_img {
    height: 40rem;
  }
  .below_n4_2 .bg_img p {
    font-size: 4.5rem;
    margin: 1.7rem 0 3rem;
    line-height: 6rem;
    word-break: keep-all;
  }
}
@media (max-width: 650px) {
  .title4 {
    margin-top: 3rem;
  }
  .box2 {
    padding: 2rem 0;
    text-align: center;
  }
  .box2 .img {
    display: block;
    width: 100%;
    margin-bottom: 2rem;
  }
  .box2 .desc {
    display: block;
  }
  .list3 > li {
    width: calc(50% - 1rem);
    margin-left: 2rem;
    margin-top: 3rem;
    padding-bottom: 3rem;
  }
  .list3 > li:nth-child(5n+1) {
    margin-left: 2rem;
  }
  .list3 > li:nth-child(4n+1) {
    margin-left: 2rem;
  }
  .list3 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 2rem;
  }
  .list3 > li:nth-child(3n+1)::before {
    display: none;
  }
  .list3 > li:nth-child(2n+1) {
    clear: both;
    position: relative;
    margin-left: 0;
  }
  .list3 > li:nth-child(2n+1)::before {
    display: block;
    position: absolute;
    left: 0;
    top: -3rem;
    width: calc(200% + 2rem);
    height: 1px;
    background-color: #ddd;
    content: "";
  }
  .title2 strong {
    font-size: 3.2rem;
  }
  .list4 .group1 .img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 2rem;
    padding: 0;
  }
  .list4 .group1 .img img {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    transform: translate(0, 0);
    width: calc(100% + 2px);
    max-width: calc(100% + 2px);
    margin: -1px;
  }
  .list4 .group1 .desc {
    display: block;
    padding: 0;
  }
  .list4 .group2 {
    overflow: hidden;
    overflow-x: auto;
    width: calc(100% + 6rem);
    margin: 0 -3rem;
    padding: 0 3rem 3rem;
    white-space: nowrap;
    border-bottom: 1px solid #f1f1f1;
  }
  .list4 .group + .group {
    margin-top: 3rem;
  }
  .list4 .group2 > * {
    display: inline-block;
    float: none;
    width: 30rem;
    vertical-align: top;
    white-space: normal;
  }
  .list4 .group2:before {
    display: none;
  }
  .search_result .form {
    padding-right: 9rem;
  }
  .search_result .form .btn_s {
    width: 9rem;
  }
  .search_result .box {
    padding: 2rem;
  }
  .search_result .label {
    font-size: 2rem;
    margin: 3rem 0;
    line-height: 1.2;
  }
  .search_result .menu {
    display: inline-block;
    overflow: hidden;
    overflow-x: auto;
    height: auto;
    font-size: 0;
    vertical-align: top;
    white-space: nowrap;
    line-height: 0;
  }
  .search_result .menu li {
    display: inline;
  }
  .search_result .menu a {
    font-size: 1.7rem;
    display: inline-block;
    padding: 1rem 1rem;
    vertical-align: top;
  }
  .search_result .menu .active {
    background: none;
  }
  .search_result .menu .active a {
    background-color: #355FBC;
    color: #fff;
  }
  .search_result .group {
    margin-top: 3rem;
  }
  .search_result .group .list li {
    padding: 1.5rem 0;
  }
  .statistics .group7 .item3 .graph {
    overflow: hidden;
    overflow-x: auto;
  }
  .statistics .group7 .item3 .graph iframe {
    width: 600px !important;
  }
  .statistics .area .map {
    float: none;
    width: 100%;
    height: auto;
    background: none !important;
  }
  .statistics .area .map ul {
    overflow: hidden;
    overflow-x: auto;
    padding-bottom: 1rem;
    white-space: nowrap;
  }
  .statistics .area .map li {
    display: inline;
  }
  .statistics .area .map a {
    display: inline-block;
    position: static;
    margin: 0 0.25rem;
    vertical-align: middle;
  }
  .statistics .area .graph {
    float: none;
    width: 100%;
    margin-top: 2rem;
  }
  .below.normal .group1 .title {
    height: auto;
    padding: 5rem 0;
  }
  .below.normal .group1 .title h3 {
    font-size: 3.5rem;
    margin: 1rem 0 5rem;
  }
  .below.normal .group1 .txt {
    font-size: 1.7rem;
    margin: 3rem 0;
    padding-top: 6rem;
    line-height: 3.5rem;
  }
  .below.normal .group1.active .txt {
    padding-top: 4rem;
  }
  .below.normal .item .title.type1 {
    margin-bottom: 1rem;
  }
  .below.normal .item .txt span + span {
    margin-top: 1rem;
  }
  .below.normal .item .label {
    font-size: 1.8rem;
  }
  .below.normal .item .elm, .below.normal .item.type1 .desc, .below.normal .item.type2 {
    margin-top: 3rem;
  }
  .below.normal .item.item3.type2:first-child {
    margin-top: 0;
  }
  .below.normal .item2 .img {
    float: none;
    width: 100%;
    margin: 0 0 3rem;
  }
  .below.normal .item3 {
    padding-top: 3rem;
  }
  .below.normal .item3 .img {
    margin-top: 2rem;
  }
  .below.normal .item4 {
    padding-top: 2rem;
  }
  .below.normal .item4 .graph {
    float: none;
    width: 100%;
    margin-bottom: 3rem;
    padding: 2rem 3.5rem;
  }
  .below.normal .item4 .graph .list > li, .below.normal .item4 .graph .list ul, .below.normal .item4 .graph .list ul li {
    margin-top: 1rem;
  }
  .below.normal .item4 .graph .list > li.type2::after {
    top: 1rem;
  }
  .below.normal .item4 .graph .list > li.type2:nth-child(4)::after {
    height: calc(100% + 6rem);
  }
  .below.normal .item4 .graph .list > li.type3::after {
    top: 1rem;
    height: 2.75rem;
  }
  .below.normal .item4 .graph .list .type2::after {
    top: -2rem;
    height: calc(100% + 1rem);
  }
  .below.normal .item4 .graph .list .type5 span::before {
    top: -1rem;
    height: calc(100% + 1rem);
  }
  .below.normal .item4 .desc {
    float: none;
    width: 100%;
  }
  .below.normal .item4 .desc + .desc {
    margin-top: 3rem;
    padding-top: 3rem;
  }
  .below.normal .item5 {
    padding: 2rem;
  }
  .below.normal .issue {
    margin: 0;
  }
  .below.normal .issue .list {
    margin-top: -1rem;
    display: block;
    width: 100%;
    margin-top: 0;
  }
  .below.normal .issue .list > * {
    display: block;
    clear: none;
    float: none;
    width: 100%;
    margin: 0;
  }
  .below.normal .issue .list > * + * {
    margin-top: 1rem;
  }
  .below.normal .issue .list li {
    min-height: 0;
  }
  .below3 .label {
    font-size: 2.5rem;
    margin-bottom: 2rem;
    line-height: 1.5;
  }
  .below3 .label::before {
    transform: scale(0.8);
  }
  .below3 .label::after {
    display: none;
  }
  .below3 .label span {
    position: relative;
    z-index: 0;
    display: inline-block !important;
    font-size: inherit !important;
    vertical-align: top;
  }
  .below3 .label span::after {
    position: absolute;
    left: -0.5rem;
    bottom: 0;
    z-index: -1;
    width: calc(100% + 1rem);
    height: 2rem;
    background-color: #004BFF;
    content: "";
  }
  .below3 .group1 .title {
    font-size: 4rem;
  }
  .below3 .group1 .bg {
    display: block;
    position: relative;
    z-index: -1;
    height: 46rem;
  }
  .below3 .group1 .bg img {
    position: absolute;
    top: auto;
    left: 50%;
    transform: translateX(-50%);
    max-width: inherit;
    height: 100%;
  }
  .below3 .group2 {
    font-size: 1.7rem;
    padding: 5rem 0;
    background-size: auto 100%;
  }
  .below3 .group2 .title {
    font-size: 2.5rem;
    margin-bottom: 3rem;
  }
  .below3 .group2 .title strong {
    font-size: 4.5rem;
  }
  .below3 .group2 .title span {
    top: 0.5rem;
    width: 5rem;
    height: 6rem;
    line-height: 6rem;
  }
  .below3 .group2 .desc span {
    font-size: 2rem;
  }
  .below3 .group2 .img {
    margin-top: 3rem;
  }
  .below3 .group2 .txt span {
    display: block;
    float: none !important;
    width: 100%;
    margin-top: 1rem;
  }
  .below3 .group3 .year {
    display: none;
  }
  .below3 .group3 .item .box strong {
    width: 10rem;
  }
  .below3 .group3 .item .box span {
    width: calc(100% - 10rem);
  }
  .below3 .group3 .item .box.type2 {
    padding: 2rem;
  }
  .below3 .group3 .item .box.type2 .img {
    float: none;
    width: auto;
    text-align: center;
  }
  .below3 .group3 .item .box.type2 .txt {
    float: none;
    width: auto;
    margin-top: 2rem;
  }
  .below3 .group3 .item1 .cont {
    margin-top: -5rem;
  }
  .below3 .group3 .item1 .cont .img {
    display: block;
    width: 100%;
  }
  .below3 .group3 .item1 .cont .desc {
    display: block;
    width: 100%;
    padding: 3rem 0 0;
  }
  .below3 .group3 .item1 .cont .desc::before {
    left: auto;
    right: -3rem;
  }
  .below3 .group3 .item2 .cont {
    margin-top: 2rem;
    padding: 0 0 18rem;
    text-align: center;
  }
  .below3 .group3 .item2 .cont::after {
    position: absolute;
    top: auto;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
  }
  .below3 .group3 .item2 .cont .label {
    position: static;
    width: auto;
  }
  .below3 .group3 .item2 .cont .label::before {
    position: static;
  }
  .below3 .group3 .item3 .cont .img {
    display: block;
    width: 100%;
    text-align: center;
  }
  .below3 .group3 .item3 .cont .desc {
    display: block;
    width: 100%;
    padding: 2rem 0 0;
  }
  .below3 .group4 {
    padding: 3rem 0;
  }
  .below3 .group4 .title {
    margin-bottom: 1rem;
  }
  .below3 .group4 .table {
    line-height: 1.2;
  }
  .below3 .group4 .table thead th span {
    margin: 0 0.5rem;
    padding: 0;
    text-align: center;
  }
  .below3 .group4 .table tbody th {
    font-size: 1.6rem;
  }
  .below3 .group4 .table tbody td {
    font-size: 1.5rem;
  }
  .below3 .group4 .table tbody tr *:nth-child(2), .below3 .group4 .table tbody tr *:nth-child(3) {
    padding: 1rem 1rem;
  }
  .below3 .group5 {
    font-size: 1.7rem;
    padding-top: 3rem;
  }
  .below3 .group5 .desc strong {
    margin-bottom: 1rem;
  }
  .below3 .group5 .img span {
    max-width: calc(50% + 10rem);
  }
  .below3 .group5 .img span + span {
    margin-top: -10%;
  }
  .below3 .group5 .img span + span::before {
    right: 5rem;
    top: 80%;
    width: 25rem;
    background-size: 100% auto;
    background-position: center 0;
  }
  .below3 .group6 .bg {
    display: block;
    position: relative;
    z-index: -1;
    height: 46rem;
  }
  .below3 .group6 .bg img {
    position: absolute;
    right: 0;
    top: 0;
    max-width: inherit;
    height: 100%;
  }
  .below3 .group6 .desc {
    font-size: 1.8rem;
  }
  .below3 .group6 .desc .title {
    font-size: 4.5rem;
    margin-bottom: 1rem;
  }
  .below3 .group6 .desc .title span {
    top: 0.5rem;
    width: 4.5rem;
    height: 5.5rem;
    line-height: 5.5rem;
  }
  .below7 .txt.type1 {
    font-size: 1.7rem;
    font-weight: 400;
  }
  .below7 .txt.type1 * + span {
    margin-top: 2rem;
  }
  .below7 .title.type1 span {
    font-size: 2.5rem;
  }
  .below7 .title.type1 strong {
    font-size: 4.5rem;
  }
  .below7 .group1 {
    height: 47rem;
  }
  .below7 .group1 .title {
    margin-bottom: 3rem;
  }
  .below7 .group1 .title b {
    font-size: 2rem;
    margin-bottom: 0;
  }
  .below7 .group1 .title span {
    font-size: 3rem;
  }
  .below7 .group2 {
    padding-top: 5rem;
  }
  .below7 .group2 .label {
    font-size: 1.8rem;
  }
  .below7 .group2 .list {
    width: 40rem;
  }
  .below7 .group2 .list li {
    width: calc(100% - 18rem);
  }
  .below7 .group2 .list li:nth-child(2n) {
    width: 18rem;
  }
  .below7 .group2 .list .icon {
    display: block;
    height: 5rem;
    margin: 0 auto 1rem;
    line-height: 5rem;
  }
  .below7 .group2 .list .desc {
    display: block;
    width: 100%;
    text-align: center;
  }
  .below7 .group2 .list .desc span {
    font-size: 1.7rem;
  }
  .below7 .group2 .list .desc strong {
    font-size: 3rem;
  }
  .below7 .group2 .img {
    margin: 0;
  }
  .below7 .group2 .img::before, .below7 .group2 .img span::before, .below7 .group2 .img span::after {
    margin-top: -2rem;
  }
  .below7 .group2 .img span > img {
    margin: -10rem 0 -8.5%;
  }
  .below7 .group3 {
    padding-top: 3rem;
  }
  .below7 .group3 .list {
    margin-top: 5rem;
  }
  .below7 .group3 .list li {
    position: relative;
    z-index: 0;
    margin-top: 3rem;
    padding-top: 18rem;
  }
  .below7 .group3 .list .img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 15rem;
  }
  .below7 .group3 .list .img img {
    height: 100%;
  }
  .below7 .group3 .list .desc {
    display: block;
    width: 100% !important;
    padding: 0 !important;
  }
  .below7 .group3 .item2 {
    font-size: 2.2rem;
    padding: 5rem 0;
  }
  .below7 .group3 .item2 .desc {
    display: block;
    text-align: center;
  }
  .below7 .group3 .item2 .img {
    display: none;
  }
  .below7 .group3 .item2 p strong {
    font-size: 4.2rem;
  }
  .below7 .group4 {
    padding-top: 3rem;
    background: linear-gradient(to bottom, #217946, #223E80 40%, #111D2E 45%, #2A1C46);
  }
  .below7 .group4 .txt.type1 {
    margin-top: 3rem;
  }
  .below7 .group4 .img {
    margin-top: -38rem;
    transform: scale(0.42) translateX(-130rem);
  }
  .below7 .group4 .item2 {
    padding-bottom: 3rem;
  }
  .below7 .group4 .item2 .title {
    font-size: 2rem;
  }
  .below7 .group4 .item2 .title strong {
    font-size: 3.5rem;
  }
  .below7 .group4 .item2 .desc {
    display: block;
    width: 100%;
  }
  .below7 .group4 .item2 .list {
    display: block;
    margin: 2rem auto 0;
  }
  .below7 .group5 .item1 {
    padding-top: 3rem;
    background-size: auto 100%;
  }
  .below7 .group5 .item1 .title {
    margin-bottom: 2rem;
  }
  .below7 .group5 .item1 .apple {
    font-size: 2rem;
    margin: 3rem 0 5rem;
  }
  .below7 .group5 .item1 .apple .img {
    width: 10rem;
  }
  .below7 .group5 .item1 .list {
    padding: 5rem 0 8rem;
  }
  .below7 .group5 .item1 .list .icon {
    display: block;
    height: 7rem;
    margin: 0 auto;
    text-align: center;
  }
  .below7 .group5 .item1 .list .icon img {
    height: 100%;
  }
  .below7 .group5 .item1 .list .desc {
    font-size: 1.5rem;
    display: block;
    width: 100%;
    text-align: center;
  }
  .below7 .group5 .item1 .list .desc strong {
    font-size: 5rem;
  }
  .below7 .group5 .item2 {
    font-size: 1.7rem;
  }
  .below7 .group5 .item2 p {
    padding: 0 2rem;
    word-break: keep-all;
  }
  .below7 .group5 .item2 strong {
    font-size: 2rem;
  }
  .below9 .group1 {
    height: 45rem;
  }
  .below9 .group1 .title span {
    font-size: 2rem;
    letter-spacing: 1rem;
  }
  .below9 .group1 .title strong {
    font-size: 3.5rem;
  }
  .below9 .group1 .txt {
    font-size: 1.7rem;
    height: 11rem;
    margin-top: 2rem;
    padding-top: 0;
  }
  .below9 .group2 {
    overflow: hidden;
    padding: 5rem 0 3rem;
  }
  .below9 .group2 .bg {
    left: 0;
    z-index: inherit;
    width: 100%;
    padding: 0;
    transform: translate(0);
  }
  .below9 .group2 .bg > img {
    position: relative;
    z-index: 1;
    transform: translateY(-100%) rotate(90deg);
  }
  .below9 .group2 .bg::after {
    left: -10rem;
    bottom: -2rem;
    height: 33rem;
    transform: translateX(-100%) rotate(80deg);
  }
  .below9 .group2 .bg span {
    display: none;
  }
  .below9 .group2.active .bg > img {
    transform: translateY(calc(-50% + 6rem)) rotate(90deg);
  }
  .below9 .group2.active .bg::after {
    transform: rotate(80deg);
  }
  .below9 .group2.active .bg .type2 {
    transform: translateX(0);
  }
  .below9 .group2.type2 .bg > img {
    transform: translateY(calc(-50% + 6rem)) rotate(270deg);
  }
  .below9 .group2 .item {
    clear: both;
    float: right;
    position: relative;
    z-index: 1;
    width: 58rem;
    max-width: 100%;
    padding: 0 3rem;
  }
  .below9 .group2 .item small {
    margin-top: 1rem;
  }
  .below9 .group2 .title {
    font-size: 3.3rem;
    margin: 5rem 0 2rem;
  }
  .below9 .group2 .img {
    margin-top: 2rem;
  }
  .below9 .group2 .img li {
    margin-right: 2rem;
  }
  .below9 .group2 .img strong {
    font-size: 2.5rem;
    white-space: nowrap;
    letter-spacing: -0.1rem;
  }
  .below9 .group2 .img.type2 {
    display: inline-block;
    position: relative;
    width: 40rem;
    max-width: 100%;
    vertical-align: top;
  }
  .below9 .group2 .img.type2 li {
    float: left;
    width: 47%;
  }
  .below9 .group2 .img.type2 li + li {
    position: static;
    float: right;
    width: 38%;
    padding-left: 0;
  }
  .below9 .group2 .img.type2 li + li::before {
    position: absolute;
    top: auto;
    left: 50%;
    transform: translateX(-50%);
    width: 2rem;
    margin: 5rem 0 0 5%;
  }
  .below9 .group2 .img .icon.type1 {
    width: 12rem;
    height: 10.1rem;
    padding: 0 2.5rem 0 0;
    line-height: 11rem;
  }
  .below9 .group2 .img.type3 {
    margin-bottom: 5rem;
  }
  .below9 .group2 .img.type3 li {
    margin: 0;
  }
  .below9 .group2 .img.type3 .up {
    padding-bottom: 11rem;
  }
  .below9 .group2 .img.type3 .up::after {
    width: 8rem;
  }
  .below9 .group2 .list .icon {
    width: 10rem;
    padding-top: 3rem;
    vertical-align: top;
  }
  .below9 .group2 .list .desc {
    font-size: 1.7rem;
    padding: 2rem 0;
  }
  .below9.disable .group .bg > img {
    transform: translateY(-100%) rotate(90deg);
  }
  .below9.disable .group .bg::after {
    transform: translateY(-150%) rotate(80deg);
  }
  .below9.disable .group .bg .type2 {
    transform: translateX(100%);
  }
  .below11 .group1 .title {
    margin: 5rem 0;
    text-align: center;
  }
  .below11 .group1 .title span, .below11 .group1 .title h3, .below11 .group1 .title .txt {
    display: block;
    width: calc(100% + 6rem);
    max-width: calc(100% + 6rem);
    margin: 0 -3rem;
    background-color: #cbf4fa;
  }
  .below11 .group1 .title .txt {
    font-size: 1.7rem;
    padding: 1rem 2rem 0;
    background-color: #cbf4fa;
    line-height: 1.5;
  }
  .below11 .group1 .title span img {
    height: 6rem;
  }
  .below11 .group1 .title h3 {
    font-size: 3rem;
  }
  .below11 .group1 .bg {
    display: block;
    position: static;
    transform: translate(0);
  }
  .below11 .group1 .bg img {
    width: 30rem;
    height: auto;
  }
  .carbon .group3 .item {
    padding: 5rem 0;
  }
  .carbon .group3 .title {
    font-size: 4rem;
    margin-bottom: 2rem;
  }
  .carbon .group3 .desc {
    font-size: 1.7rem;
  }
  .carbon .group3 .item2 .graph {
    width: 100%;
    height: 0;
    margin: 2rem auto;
    padding-top: 75%;
  }
  .carbon .group3 .item2 .graph ul {
    padding: 8.8% 10%;
  }
  .carbon .group3 .item2 .graph img {
    width: 60%;
  }
  .carbon .group3 .item2 .list {
    margin: 2rem 0;
  }
  .carbon .group3 .item2 .list li {
    padding: 2rem;
  }
  .carbon .group3 .item2 .list .icon {
    display: block;
    width: 100%;
    margin-bottom: 2rem;
  }
  .carbon .group3 .item2 .list .txt {
    display: block;
    padding: 0;
  }
  .carbon .group3 .item3 .cont1 .model [class*=model] {
    padding: 3rem;
  }
  .carbon .group3 .item3 .cont1 .slick-dots button, .carbon .group3 .item3 .cont1 .slick-arrow {
    width: 3rem;
  }
  .carbon .group3 .item3 .cont .menu {
    display: block;
    overflow: hidden;
    height: auto;
  }
  .carbon .group3 .item3 .cont .menu a {
    display: flex;
    float: left;
    width: 20%;
    height: 6rem;
    align-items: center;
    justify-content: center;
  }
  .carbon .group3 .item3 .cont .menu a:nth-child(6) {
    clear: both;
    border-left: 0 none;
  }
  .carbon .group3 .item3 .cont .menu a:nth-child(n+6) {
    border-top: 1px solid #555;
  }
  .carbon .group3 .item3 .cont2 .part:first-of-type {
    margin-top: 15rem;
  }
  .carbon .group3 .item3 .cont2 .part > strong {
    font-size: 4rem;
  }
  .carbon .group3 .item3 .cont2 .list {
    font-size: 1.7rem;
  }
  .carbon .group3 .item3 .cont2 .list > li {
    padding: 1rem 0;
  }
  .carbon .group3 .item3 .cont2 .list > li li {
    display: block;
    width: 100%;
    min-height: 0;
    margin-bottom: 3rem;
    padding: 2rem;
  }
  .carbon .group3 .item3 .cont2 .list > li li p::before, .carbon .group3 .item3 .cont2 .list > li li strong::after {
    display: none;
  }
  .carbon .group3 .item3 .cont2 .list a {
    font-size: 1.7rem;
  }
  .carbon .group3 .item3 .cont2 .list a::after {
    right: 0;
    width: 3rem;
    height: 3rem;
    margin: 0;
    font-size: inherit;
  }
  .carbon .group3 .item3 .cont2 .list .active ul {
    margin-bottom: -1rem;
  }
  .carbon .group3 .item3 .cont2 .list .active p {
    margin-top: 1rem;
  }
  .carbon .group3 .item3 .cont2 .list .active a {
    font-size: 2rem;
  }
  .carbon .group3 .item3 .cont2 .list .active a::after {
    opacity: 0;
  }
  .carbon .group3 .item4 .list {
    font-size: 1.7rem;
    display: block;
    max-width: calc(100% - 4rem);
    margin-bottom: 0;
    padding-left: 0;
  }
  .carbon .group3 .item4 .list li {
    display: block;
    width: 100%;
    margin-bottom: 3rem;
    padding: 0;
  }
  .carbon .group3 .item4 .list li::after, .carbon .group3 .item4 .list li strong::before {
    display: none;
  }
  .carbon .group3 .item4 .list p {
    padding: 4rem 3rem 2rem;
  }
  .carbon .group3 .item5 {
    font-size: 1.8rem;
  }
  .carbon .group3 .item5 strong {
    font-size: 3.5rem;
    margin-bottom: 4rem;
  }
  .energyflow .txt {
    font-size: 1.4rem;
    margin-top: 1.5rem;
  }
  .energyflow .group:nth-child(n+2) .title img {
    max-height: 7.5rem;
  }
  .energyflow .group:nth-child(n+2) .title span {
    margin-bottom: 1rem;
  }
  .energyflow .group:nth-child(n+2) .title span img {
    max-height: 2.5rem;
  }
  .energyflow .group1 i {
    text-align: center;
  }
  .energyflow .group1 i img {
    max-height: 50rem;
  }
  .energyflow .group1 .title img {
    width: 30rem;
  }
  .energyflow .group1 .desc {
    font-size: 2.2rem;
    padding: 0 6rem 0 3rem;
  }
  .energyflow .group1 .scroll {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #222, #1EBAD5 50rem);
  }
  .energyflow .group1 .scroll::after {
    margin-top: 90rem;
  }
  .energyflow .group2 {
    padding-top: 8.5rem;
  }
  .energyflow .group2 .item2 {
    padding-top: 7rem;
  }
  .energyflow .group2 .item2 li + li {
    margin-top: 2rem;
  }
  .energyflow .group2 .item2 li + li > span img {
    max-height: 4rem;
  }
  .energyflow .group2 .item2 li:first-child p::after {
    max-height: 15rem;
  }
  .energyflow .group2 .item2 strong > img, .energyflow .group2 .item2 strong span > img {
    height: 2.5rem;
  }
  .energyflow .group2 .item2 strong i {
    left: 1rem;
    top: 3.2rem;
    height: 4rem;
  }
  .energyflow .group2 .item2 strong span {
    padding: 0 0 1.5rem;
  }
  .energyflow .group2.active .item2 strong > img, .energyflow .group2.active .item2 span > img {
    transform: translate(3rem, 0);
  }
  .energyflow .group3 .item1 strong::after {
    max-height: 20rem;
  }
  .energyflow .group4 {
    padding-bottom: 30rem;
  }
  .energyflow .group4 .item1 .list.type1 > li {
    top: 13rem;
    padding-top: 15rem;
  }
  .energyflow .group4 .item1 .list.type1 > li:first-child strong {
    width: 700%;
  }
  .energyflow .group4 .item2 > .desc {
    height: 25rem;
  }
  .energyflow .group4 .item2 > .desc + div {
    height: 30rem;
  }
  .energyflow .group4 .item2 > .desc + div i {
    display: block;
  }
  .energyflow .group4 .item2 > .desc + div .desc {
    display: block;
    margin-top: 0.5rem;
  }
  .energyflow .group5 {
    padding: 5rem 0 8rem;
  }
  .energyflow .group5 .title strong {
    margin-bottom: 0.5rem;
  }
  .energyflow .group5 .title strong img {
    max-height: 3.5rem !important;
  }
  .energyflow .group5 .title span img {
    max-height: 2rem !important;
  }
  .energyflow .group5.active .title::before {
    top: -18rem;
  }
  .kmap {
    font-size: 1.5rem;
  }
  .kmap .txt {
    font-weight: 400;
  }
  .kmap .txt span {
    display: inline;
  }
  .kmap .group:nth-child(n+2) .title {
    font-size: 1.8rem;
  }
  .kmap .group.group3 .label {
    font-size: 1.7rem;
  }
  .kmap .group.group4 .label {
    font-size: 1.7rem;
  }
  .kmap .group.group5 .label {
    font-size: 1.7rem;
  }
  .kmap .group1 .title {
    font-size: 3.5rem;
  }
  .kmap .group1 .title span {
    font-size: 5rem;
  }
  .kmap .group1 .label {
    font-size: 2rem;
    margin: 2rem auto;
  }
  .kmap .group2 .title small {
    font-weight: 400;
  }
  .kmap .group2 .item1 img {
    margin-top: 2rem;
  }
  .kmap .group2 .item2 .img span:first-child {
    display: none;
  }
  .kmap .group2 .item2 .img span + span {
    display: block;
  }
  .kmap .group2 .item2 .img span + span img {
    width: 100%;
  }
  .kmap .group2 .item2 .txt {
    bottom: auto;
    top: 10%;
    padding-left: 22%;
    word-break: keep-all;
  }
  .kmap .group2 .item2 .txt br {
    display: none;
  }
  .kmap .group3 .list.pc {
    display: none;
  }
  .kmap .group3 .list.mo {
    display: inline-block;
    clear: both;
  }
  .kmap .group3 .list.mo:after {
    content: "";
    display: block;
    clear: both;
  }
  .kmap .group3 .list li:first-child {
    margin-top: 2.8rem;
  }
  .kmap .group3 .list li {
    margin-top: 6rem;
    width: calc(50% - 2rem);
    margin-right: 2rem;
  }
  .kmap .group3 .list li:nth-child(3n+1) {
    clear: none;
  }
  .kmap .group3 .list li:nth-child(2n+1) {
    clear: both;
  }
  .kmap .group4 .img.type1 {
    display: none;
  }
  .kmap .group4 .img.type2, .kmap .group4 .img.type2 span {
    display: block;
    text-align: center;
  }
  .kmap .group4 .img.type2 span + span {
    margin-top: 2rem;
  }
  .kmap .group6 .list {
    font-size: 1.3rem;
    margin-top: 2rem;
  }
  .kmap .group6 .list::before {
    display: none;
  }
  .guide_txt.t2 {
    width: calc(200% + 2rem);
  }
  .carbon.view2nd .group1 .item.item2 .txt {
    font-size: 2.5rem;
    line-height: 4rem;
  }
  .carbon.view2nd .graph_wrap {
    width: 90%;
    height: auto;
    padding: 4rem 0 4rem 3.5rem;
  }
  .carbon.view2nd .graph_wrap .graph_box {
    width: 95%;
  }
  .carbon.view2nd .graph_wrap .graph_box .line {
    top: 9%;
    left: 7%;
    height: 81%;
  }
  .carbon.view2nd .graph_wrap .graph_box .line img {
    height: 100%;
  }
  .carbon.view2nd .group1 .item.item4 .desc .title img {
    max-height: 3rem;
  }
  .carbon.view2nd .group1 .item4 .desc .title strong {
    margin-top: 2rem;
  }
  .carbon.view2nd .group1 .item.item4 .desc .txt,
  .carbon.view2nd .group1 .item.item4.active .txt {
    font-size: 2.5rem;
    line-height: 4rem;
  }
  .carbon.view2nd .group2 .desc > div .text {
    padding: 0 2rem;
  }
  .carbon.view2nd .group2 .desc > div .text div br {
    display: none;
  }
  .carbon.view2nd .group3 .item1 .title,
  .carbon.view2nd .group3 .item3 .cont1 .title {
    font-size: 4rem;
    line-height: 6rem;
  }
  .carbon.view2nd .group3 .item2 .desc {
    font-size: 2.7rem;
  }
  .carbon.view2nd .group3 .item3 .contBox {
    padding: 7rem 5rem;
  }
  .carbon.view2nd .group3 .item3 .lr_wrap > div {
    float: none;
    width: 100%;
  }
  .carbon.view2nd .group3 .item3 .lr_wrap > div.lr_left {
    text-align: center;
  }
  .carbon.view2nd .group3 .item3 .lr_wrap > div:nth-child(2) {
    padding: 3rem 0 0;
  }
  .carbon.view2nd .group3 .item3 .list4 > li {
    width: 100%;
  }
  .carbon.view2nd .group3 .item3 .list4 > li:nth-child(-n+2) > .item_box {
    border-top: 1px dashed rgba(255, 255, 255, 0.3);
  }
  .carbon.view2nd .group3 .item3 .list4 > li:first-child > .item_box {
    border-top: 0;
  }
  .carbon.view2nd .table4 {
    width: 100%;
    overflow-x: auto;
  }
  .carbon.view2nd .table4 table {
    width: 100%;
    min-width: 60rem;
    white-space: nowrap;
  }
  .carbon.t2 .group2 .circle .img img {
    max-width: 85%;
  }
  .carbon.t2 .group3 .item3 .contBox {
    padding: 5rem 2rem;
  }
  .carbon.t2 .group3 .item3 .lr_wrap > div .dot_line i:first-child {
    top: 82.5%;
    left: 19%;
  }
  .carbon.t2 .group3 .item3 .lr_wrap > div .dot_line i:nth-child(2) {
    top: 22%;
    left: 51%;
  }
  .carbon.t2 .group3 .item3 .lr_wrap > div .dot_line i:nth-child(3) {
    top: 82.5%;
    right: 13.5%;
  }
  .carbon.t2 .group3 .item3 .cont .menu a {
    width: 16.667%;
    border-left: 0;
    border-right: 1px solid #555;
  }
  .carbon.t2 .group3 .item3 .cont .menu a:nth-child(6) {
    clear: none;
  }
  .carbon.t2 .group3 .item3 .cont .menu a:nth-child(6n) {
    border-right: 0;
  }
  .carbon.t2 .group3 .item3 .cont .menu a:nth-child(n+6) {
    border-top: 0;
  }
  .carbon.t2 .group3 .item3 .cont .menu a:nth-child(-n+6) {
    border-bottom: 1px solid #555;
  }
  /* .carbon.t2 .group3 .item3 .cont2 .part.fixed{padding-top:12rem}
  .carbon.t2 .group3 .item3 .cont2 .part.fixed:first-of-type{padding-top:9rem} */
  .carbon.t2 .group3 .item4.on {
    background-position: left center;
  }
  .below.below_2_2 .group1 .txt {
    margin: 3rem 0 5rem;
  }
  .below.below_2_2 .group1 .txt br {
    display: none;
  }
  .below .txt_write {
    padding: 0 3rem;
  }
  .below .txt_write > strong {
    font-size: 2.2rem;
  }
  .below .txt_c {
    padding: 0 3rem;
    font-size: 1.7rem;
  }
  .below[class*=below_2_] .group .txt br,
  .below .txt_c br {
    display: none;
  }
  .below .group.group2 .img2 img {
    left: -10rem;
    transform: translate(0, -50%);
  }
  .below .group.group2 .column_txt > div > .tit {
    margin-bottom: 3rem;
  }
  .below .group.group2 .column_txt > div > .tit img {
    max-height: 20rem;
  }
  .below .group .column_txt {
    width: 100%;
    margin: 8rem auto;
    padding: 0 3rem;
  }
  .below .group .column_txt > div {
    width: 100%;
    margin-right: 0;
  }
  .below .group .column_txt > div .column_topImg img {
    height: 13rem;
  }
  .below .group .column_txt > div:nth-child(2) {
    margin-top: 3rem;
    padding-top: 17rem;
  }
  .below.below_2_2 .group3 {
    margin-top: 8rem;
    padding: 8rem 0;
  }
  .below.below_2_2 .group3 .txt_c br {
    display: none;
  }
  .below.below_2_2 .txt_def {
    margin: 5rem auto;
    max-width: calc(100% - 6rem);
  }
  .below.below_2_2 .group4,
  .below.below_2_2 .group5 {
    padding: 8rem 0;
  }
  .below.below_2_2 .group4 .txt_c {
    margin-bottom: 0;
  }
  .below.below_2_3 .group1 .desc .title {
    font-size: 4.5rem;
    line-height: 7.4rem;
  }
  .imgDesc_wrap {
    padding: 0 3rem;
  }
  .imgDesc_wrap > div.item_r {
    padding-left: 0;
  }
  .imgDesc_wrap > div.item_r .imgD_box .tit {
    text-align: center;
  }
  .imgDesc_wrap > div.item_r .imgD_box .txt_c {
    padding: 0;
  }
  .below .txt_def.type2 {
    padding-top: 5rem;
  }
  .below .txt_def [class^=txtImg_] {
    text-align: center;
  }
  .below .txtImg_left img,
  .below .txtImg_right img,
  .below.below_2_4 .group1 .txtImg_right img {
    float: none;
    width: 70%;
    margin: 0 auto 2rem !important;
  }
  .below .txtImg_left .desc, .below .txtImg_right .desc {
    overflow: inherit;
    text-align: left;
  }
  .def_img {
    margin: 5rem 0;
  }
  .def_img.type2 {
    height: 30rem;
  }
  .def_img.type2 > img {
    height: 100%;
    max-width: inherit;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1.2);
  }
  .def_img.type2.on > img {
    transform: translate(-50%, -50%) scale(1);
  }
  .def_img .desc {
    width: calc(100% - 4rem);
    max-width: 55rem;
  }
  .nation_list > li .desc {
    padding-right: 0;
  }
  .nation_list > li .flag {
    width: 8.5rem;
    top: -7rem;
  }
  .nation_list > li {
    padding: 3rem;
  }
  .below.below_2_8 .group4 .graph_box {
    padding: 3rem;
  }
  .below.below_2_10 .def_img.type2 > img {
    left: 12%;
  }
  .below.part2_ .group1 .title span,
  .below.part2_ .group1 .title h3,
  .below.part2_ .group1 .title .txt {
    background: #FAEACB;
  }
  .below.below_2_9 .group1 .desc .title {
    margin-bottom: 4rem;
    font-size: 3.2rem;
    line-height: 5rem;
  }
  .below.below_2_9 .group1 .sub_txt img {
    height: 15rem;
  }
  .below.below_2_9 .group1 .sub_txt .txt {
    margin-left: 2rem;
    padding-left: 2rem;
  }
  .below.below_2_9 .desc {
    font-size: 2rem;
    line-height: 3.5rem;
  }
  .below.below_2_9 .group2 {
    padding: 8rem 0 56rem;
  }
  .below.below_2_9 .group2 .point_txt {
    font-size: 2.3rem;
    line-height: 5rem;
  }
  .below.below_2_9 .group3 {
    padding: 8rem 0;
  }
  .below.below_2_9 .group3 .desc .title,
  .below.below_2_9 .group4 .desc .title {
    font-size: 3rem;
    line-height: 5rem;
  }
  .below.below_2_9 .desc > p br {
    display: none;
  }
  .below.below_2_9 .group3 .item4 .desc {
    font-size: 2.5rem;
  }
  .below.below_2_9 .group3 .item4 .desc > p {
    line-height: 4rem;
  }
  .below.below_2_9 .group4 .b_bg1,
  .below.below_2_9 .group4 .b_bg2,
  .below.below_2_9 .group4 .b_bg3 {
    width: 3.5rem;
  }
  .below.below_2_9 .group4 .b_bg3 {
    top: 25%;
  }
  .below.below_2_9 .group4 .b_bg4 {
    top: 10%;
  }
  .below.below_2_9 .group4 .b_bg5 {
    top: 3%;
  }
  .below.below_2_9 .group4 .balloon .balloon1 {
    left: 56%;
    top: 15%;
  }
  .below.below_2_9 .group4 .balloon .balloon2 {
    left: 4%;
    top: -8%;
  }
  .below.below_2_9 .group4 .balloon .balloon3 {
    left: 30%;
    top: 56%;
  }
  .below.below_2_9 .group4 .zero_wrap {
    padding: 5rem 3rem;
  }
  .below.below_2_9 .group4 .zero_wrap h5 {
    font-size: 2.5rem;
  }
  .below.below_2_9 .group4 .zero_wrap ul li {
    width: calc(50% - 2rem);
    margin: 2rem 2rem 0 0;
  }
  .below.below_2_9 .group4 .zero_wrap ul li .itemBox {
    height: 19rem;
  }
  .below.below_2_9 .group4 .zero_wrap ul li .itemBox > div > strong img {
    left: 43%;
    transform: scale(0.7) translate(-50%, -50%);
  }
  .below.below_2_9 .group5 .bg img {
    height: 20rem;
  }
  .below.below_2_9 .group5 .bg .b_bg2 {
    bottom: 11%;
    right: 1%;
  }
  .below.below_2_1 .group1 .desc .title {
    font-size: 4.3rem;
  }
  .below.below_2_1 .s_section .title {
    margin-bottom: 5rem;
  }
  .below.below_2_1 .s_section .title strong {
    font-size: 4rem;
    word-break: keep-all;
  }
  .below.below_2_1 .s_section p {
    margin-top: 7rem;
  }
  .below.below_2_1 .s_section .img_wrap {
    margin-top: 7rem;
  }
  .kmap2 .title {
    font-size: 4rem;
    margin-bottom: 4rem;
  }
  .kmap2 .txt {
    font-size: 2.5rem;
    text-align: left;
    font-weight: 300;
    line-height: 3.5rem;
    margin-top: 3rem;
  }
  .kmap2 .txt br {
    display: none;
  }
  .kmap2 .txt .mo_br {
    display: block;
    margin-top: 3rem;
  }
  .kmap2 .bar_tit {
    margin-bottom: 3rem;
    font-size: 3rem;
    text-align: left;
  }
  .kmap2 .bar_tit span {
    padding: 0 1rem 0 0;
    font-weight: bold;
  }
  .kmap2 .group {
    margin-top: 4.5rem;
  }
  .kmap2 .group3 .graph_wrap {
    position: relative;
    padding-top: 4rem;
    margin-top: 2rem;
  }
  .kmap2 .group3 .graph_wrap:before {
    content: "확대 및 축소가 가능합니다.";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0.5rem 0 0 3.8rem;
    height: 3.5rem;
    background: url(../img/contents/tpp/kmap_icon_swipe.png) left top no-repeat;
    background-size: auto 100%;
    text-align: left;
    font-size: 1.8rem;
  }
  .kmap2 .group2 .graph.mo,
  .kmap2 .group4 .graph.mo {
    display: block;
  }
  .kmap2 .group2 .graph.pc,
  .kmap2 .group4 .graph.pc {
    display: none;
  }
  .kmap2 .group4 .legend {
    right: 1rem;
    width: 16rem;
    padding: 3.5rem 2rem 2rem;
  }
  .kmap2 .group4 .legend strong {
    padding: 1rem;
  }
  .kmap2 .group4 .legend ul li {
    margin-top: 1rem;
  }
  .kmap2 .group4 .legend ul li:before {
    width: 2.8rem;
    height: 2.8rem;
  }
  .kmap2 .group4 .legend.fixed {
    left: auto;
    right: 3rem;
  }
  .kmap2 .group4 .legend,
  .kmap2 .group4 .legend strong:before {
    background: #f7f7f7;
  }
  .k_valence .sec6 .diagram iframe {
    height: calc(100% - 11rem);
  }
  .below_n3 .detail_txt,
  .below_n3 .group .txt_def,
  .detail_txt.t3 > p {
    font-size: 1.7rem;
    line-height: 3.3rem;
  }
  .below_n3 .detail_txt [class^=type] {
    font-size: 1.9rem;
    line-height: 3.5rem;
  }
  .below_n3_1 .def_img {
    height: 32rem;
  }
  .below_n3_1 .def_img .img_tit {
    font-size: 3.5rem;
    line-height: 5rem;
  }
  .numImg_wrap .num_img {
    flex-wrap: wrap;
  }
  .numImg_wrap .num_img .img {
    width: 50%;
  }
  .numImg_wrap.full .num_img .img {
    width: 100%;
  }
  .numImg_wrap.mo_full .num_img .img {
    width: 100%;
  }
  .numImg_wrap.mo_full.c_line .num_img .img + .img {
    border-width: 1px 0 0;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.5);
  }
  .below.normal.below_n3 .group1 .title {
    height: auto;
    padding: 12.7rem 0 5rem;
  }
  .below_n3 .detail_txt {
    margin-top: 0;
    background: none;
    padding: 4rem 3rem 0;
  }
  .below_n3 .detail_txt.t2 {
    padding: 0 3rem;
  }
  .below_n3 .detail_txt.t3,
  .below_n3 .detail_txt.t3.infoT {
    margin-top: 0;
    padding: 1.8rem 3rem 0;
  }
  .below_n3 .detail_txt .lr_box strong {
    font-size: 3.5rem;
  }
  .caption_img .num_title {
    transition-delay: 0s;
  }
  .detail_txt .num_title {
    margin-bottom: -2rem;
  }
  .below_n3_8 .blueCirc {
    margin-bottom: 2.5rem;
  }
  .below_n3_8 .top_title h2 {
    font-size: 3.2rem;
    line-height: 4.5rem;
    padding: 0 2rem;
  }
  .below_n3_8 .info {
    margin-top: 2rem;
  }
  .below_n3_8 .group1 .start_btn {
    margin-top: 5rem;
  }
  .vcn_wrap .visual .desc_wrap {
    left: 0;
    width: 100%;
    text-align: center;
  }
  .vcn_wrap .visual .desc_wrap .title {
    font-size: 5rem;
    line-height: 6.5rem;
  }
  .vcn_wrap .visual .desc_wrap .desc:before {
    left: 50%;
    transform: translateX(-50%);
  }
  .trend_bracket > strong {
    font-size: 5.6rem;
  }
  .info_trend .treemap_wrap .treemap .img {
    padding-right: 13rem;
  }
  .info_trend .treemap_wrap .treemap .img:before {
    top: 103%;
    width: 15rem;
    height: 14.4rem;
  }
  .info_trend .graph_2 {
    padding: 0 0 4.5rem;
  }
  .info_trend .graph_2:before, .info_trend .graph_2:after {
    display: none;
  }
  .info_trend .graph2_detail {
    display: block;
    width: 100%;
  }
  .info_trend .graph2_detail li {
    float: none;
    margin: 3rem 0 0;
    width: 100%;
  }
  .hydrogen .con_t1_slide .slide:before {
    content: "\e94b";
    font-family: "xeicon";
    position: absolute;
    right: 2rem;
    bottom: 15rem;
    animation: v_move 2s infinite;
    color: #000;
    font-size: 2.5rem;
  }
  @keyframes v_move {
    50% {
      margin-bottom: -1.5rem;
    }
    100% {
      margin-bottom: 0;
    }
  }
  .dust_wrap .cont_tt .graph_con.dif3 .g_img_con strong {
    padding-top: 2rem;
  }
  .dust_wrap .cont8 .tit {
    font-size: 3.4rem;
  }
  .below_n4_8 .book_wrap .b_img {
    margin-top: 0;
  }
}
@media (max-width: 600px) {
  .origin_btnWrap .btn.black_line {
    display: flex;
    width: 100%;
    margin: 1rem 0;
    max-width: inherit;
  }
  .info_trend .treemap_wrap.t2 .title5 > span {
    display: block;
    text-align: center !important;
  }
  .info_trend .treemap_wrap.t2 .title5 > span br {
    display: none;
  }
  .info_trend .graph_1 .graph_list > li {
    width: 31.3%;
  }
  .info_trend .graph_1 .graph_list > li:nth-child(-n+4) {
    margin-top: 3.5rem;
  }
  .info_trend .graph_1 .graph_list > li:nth-child(-n+3) {
    margin-top: 0;
  }
  .hydrogen .con .desc_box p {
    font-size: 2.2rem;
    word-break: keep-all;
  }
  .hydrogen .con .desc_box p br {
    display: none;
  }
  .dust_wrap .cont1 .txt_wrap .desc2 br {
    display: none;
  }
  .dust_wrap br.mobile {
    display: block;
  }
  .dust_wrap .cont4 .layerPop_wrap .layerPop {
    left: 50%;
    transform: translateX(-50%);
  }
  .dust_wrap .intro .desc_wrap:before {
    width: 15rem;
  }
  .dust_wrap .intro .desc_wrap:after {
    width: 15rem;
    top: 30rem;
  }
  .dust_wrap .intro .desc_wrap .desc:after {
    left: 20%;
    bottom: -20rem;
  }
  .dust_wrap .cont_tt .graph_con.dif3 .g_tit {
    top: -8rem;
  }
  .below_n4_1 .graph_con {
    margin-left: 0;
  }
  .below_n4_1 .graph_con > div {
    float: inherit;
    width: 100%;
    margin-left: 0;
  }
  .below_n4_1 .graph_con > div + div {
    margin-top: 4rem;
  }
  .below_n4_1 .graph {
    padding: 4rem 2rem;
  }
  .below_n4_1 .reference_con {
    max-width: calc(100% - 6rem);
    padding: 4rem 3rem;
  }
  .below_n4_2 .numImg_wrap .num_img > div {
    margin-top: 1rem;
  }
  .below_n4_2 .numImg_wrap .num_img .img {
    width: calc(50% - 0.5rem);
  }
  .below_n4_2 .numImg_wrap .num_img > div i {
    top: 1.4rem;
    left: 1.4rem;
  }
  .below_n4_2 .numImg_wrap .num_img > div i {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    font-size: 1.7rem;
  }
  .below_n4_2 .interview_box {
    padding: 4rem;
  }
  .below_n4_2 .numImg_wrap2 {
    margin: 0 auto;
  }
  .below_n4_2 .numImg_wrap2 .num_img .img {
    width: 100%;
  }
  .below_n4_2 .color_bg2 .numImg_wrap2 .num_img > div + div {
    margin-left: 0;
  }
  .below_n4_2 .interviewee_img {
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .below_n4_2 .interviewee_img .con + .con {
    margin-left: 0;
    margin-top: 4rem;
  }
  .below_n4_2 .interviewee_img .con .info {
    min-height: auto;
    padding: 3rem;
  }
  .below_n4_2 .bg_img {
    height: 32rem;
  }
  .below_n4_2 .bg_img p {
    font-size: 3rem;
    line-height: 4.5rem;
  }
}
@media (max-width: 570px) {
  .green_gas .graph_box.graph_4 {
    padding: 3rem 2rem;
  }
  .green_gas .graph_4 .chart_legend {
    bottom: 0;
    top: auto !important;
    min-width: 15rem;
    padding: 3.5rem 2.5rem;
  }
  .dust_wrap .cont6 .graph_svg .graph_img.mobile {
    margin: 0 1rem 0 4rem;
  }
}
@media (max-width: 550px) {
  .board_info .sch_open {
    display: none;
  }
  .board_info .search {
    float: none;
    visibility: visible;
    left: 0;
    width: 100%;
  }
  .board_info .form_select select {
    padding-left: 0;
  }
  .board_info .search input[type=text].form_textbox {
    max-width: inherit;
    width: calc(100% - 13rem - 4rem);
  }
  .board_info .search.typeNone input[type=text].form_textbox {
    width: calc(100% - 4rem);
  }
  .thumb_list > li > a {
    padding: 2rem 1rem;
  }
  .climate.p1 .group8 .desc p br {
    display: none;
  }
  .climate.p1 .group8 .desc .btn_area {
    margin-top: 4rem;
    width: 100%;
  }
  .climate.p1 .group8 .desc .btn_area a {
    margin-top: 1rem;
    width: 100%;
    margin-right: 0;
  }
  .climate.p2 .intro_wrap .intro.t2 .slide .top_title strong {
    margin: 1rem 0 4rem;
    font-size: 2rem !important;
    line-height: 3.5rem !important;
  }
  .climate.p2 .intro_wrap .intro.t2 .slide .list {
    margin-top: 4rem;
  }
  .climate.p2 .intro_wrap .intro.t2 .slide .list li {
    width: 50%;
  }
  .climate.p2 .intro_wrap .intro.t2 .slide .list li:last-child {
    width: 100%;
    margin-top: 3rem;
  }
  .climate.p2 .intro_wrap .intro.t2 .slide .list li p {
    font-size: 1.5rem;
    margin-top: 1rem;
  }
  .green_gas .col_list > li {
    width: 50%;
  }
  .mapChart_tab > li {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .mapChart_tab > li > a {
    display: block;
    padding: 1.5rem 4rem 1.5rem 2.5rem;
  }
  .mapChart_wrap .tab_conbox {
    height: calc(100% - 13.6rem);
  }
  .mapChart_wrap .tab_conbox .tab_con {
    text-align: center;
  }
  .green_gas .sec4 .mapChart_wrap {
    padding: 5rem 2rem;
  }
  .green_gas .sec4 .fixed_text {
    width: 28rem;
  }
  .hydrogen .nodeImg_box {
    height: 50rem;
    transform: scale(2);
  }
  .hydrogen .nodeImg_box img {
    transform: translateY(-5%);
  }
  .hydrogen .con.t2 .graph_item {
    transform: translate(-50%, -50%) scale(0.5);
  }
}
@media (max-width: 500px) {
  .carbon.view2nd .group1 .item1:before {
    top: 45%;
    width: 45rem;
    height: 45rem;
  }
  .carbon.view2nd .group1 .item1 .title_wrap {
    top: 45%;
    width: 35rem;
    height: 35rem;
    padding-top: 8rem;
  }
  .carbon.view2nd .group1 .item1 .title_wrap .sub_tit {
    font-size: 2.5rem;
  }
  .carbon.view2nd .group1 .item1 .title_wrap h3 {
    font-size: 4rem;
    line-height: 6rem;
  }
  .below .group .img4 {
    height: 35rem;
  }
  .below .group .img4.on {
    height: 40rem;
  }
  .below .group .img4 img {
    height: 100%;
    top: 0;
    transform: translateX(-50%);
  }
  .below.below_2_5 .group2 .tbl_wrap {
    overflow-x: auto;
  }
  .below.below_2_5 .group2 .tbl_wrap table {
    width: 60rem;
  }
  .below.below_2_5 .group2 .tbl_wrap table colgroup col:first-child {
    width: 17rem !important;
  }
  .below.below_2_9 .waste {
    display: none;
  }
  .climate.p1 .intro_wrap .intro.t2 .bg_wrap img {
    height: 12rem;
  }
  .climate.p1 .group1:before {
    background-size: 100% 101%;
  }
  .climate .part .part_top .part_topBox .box.t3 .col {
    margin-top: 1rem;
    width: 100%;
  }
  .climate .part .part_top .part_topBox .box.t3 .col:first-child {
    margin-top: 0;
  }
  .climate .part .part_top .part_topBox .box.t3 strong br {
    display: none;
  }
  .climate .part .part_top .part_topBox .box.t3 img {
    display: block;
    margin: 0 auto;
  }
  .climate .way_list > li > .num_list > li {
    width: 100%;
  }
  .climate.p2 .group.group2 .book_wrap .left {
    left: -5rem;
    transform: scale(0.65) !important;
    margin: -15rem auto 0;
  }
  .climate.p2 .group.group2 .book_wrap .right {
    margin-top: -13rem;
  }
  .carbon.view3rd .group1 .item2 {
    height: auto !important;
    padding: 10rem 1rem;
  }
  .carbon.view3rd .group1 .item2 .diagram_link > li {
    width: 100%;
    margin: 1rem 0;
  }
  .carbon.view3rd .group1 .item2 .desc > p br {
    display: none;
  }
  .carbon.view3rd .group1 .item3 .desc {
    padding-top: 1.8rem;
  }
  .carbon.view3rd .group1 .item3 .desc span {
    font-size: 5rem;
  }
  .carbon.view3rd .group1 .item3 .desc strong {
    font-size: 4rem;
  }
  .carbon.view3rd .group1 .item4 .desc > p br {
    display: none;
  }
  .carbon.view3rd .group1 .item4 .desc .link_list li {
    width: 100%;
    margin-top: 3rem;
  }
  .carbon.view3rd .group1 .item4 .desc .link_list li:first-child {
    margin-top: 0;
  }
  .carbon.view3rd .group1 .item4 .desc .link_list li .img_wrap {
    transform: none;
  }
  .carbon.view3rd .group1 .item4 .desc .link_list li strong {
    font-size: 2.5rem;
  }
  .rd3Con .conBox .conList > li {
    padding: 1.5rem 0 6rem;
  }
  .rd3Con .conBox .conList > li > h4 {
    position: static;
    font-size: 3.5rem;
  }
  .rd3Con .conBox .conList > li > h4 br {
    display: none;
  }
  .rd3Con .conBox .conList > li > h5 {
    font-size: 2.5rem;
  }
  .tracker .group1 .next_text {
    font-size: 3.5rem;
    line-height: 5rem;
    text-align: center;
  }
  .tracker .group1 .next_text .small {
    font-size: 2.3rem;
    line-height: 4rem;
  }
  .k_valence .intro .bg, .k_valence .main_intro .line_wrap {
    transform: translate(-50%, -61%) scale(0.3);
  }
  .statistics .graph .graph_list li,
  .statistics .graph .graph_list.col2 li {
    width: calc(50% - 1.5rem) !important;
  }
  .below_n3 .img_text {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    margin: -4rem auto 0;
  }
  .below3_graph .col .g_list li {
    width: calc(50% - 1.5rem);
  }
  .below_n3_12 .data_list li {
    width: 100%;
  }
  .below_n3_12 .data_list li:nth-child(2) {
    margin-top: 4rem;
  }
  .chk_listBox {
    padding: 5rem 3rem 3rem;
    border-radius: 2rem;
  }
  .chk_listBox .title {
    max-width: 36rem;
    font-size: 2.2rem;
    padding: 0 1.5rem;
    line-height: 3.5rem;
  }
  .hydrogen .intro .desc h2 {
    font-size: 4.5rem;
  }
  .info_def .top_area .bg {
    left: 22%;
    top: 31%;
    transition: all 0.2s;
  }
  .info_kor_heat .tbl_wrap {
    position: relative;
    width: 100%;
    border-top: 0;
  }
  .info_kor_heat .tbl_wrap:after {
    content: "\eafa";
    font-family: "xeicon";
    position: absolute;
    top: 0;
    font-size: 2.4rem;
    animation: h_scroll_move 1s ease infinite;
    z-index: 1;
  }
  .info_kor_heat .tbl_wrap:before {
    content: "모바일에서 표를 좌우로 스크롤 할 수 있습니다.";
    display: block;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: 0.7rem 0;
    background-color: #f5f6fa;
    border: 1px solid #d3d8dd;
    border-radius: 0.5rem;
    padding: 0.8rem 0.8rem 0.8rem 4rem;
    font-size: 1.6rem;
    text-align: left;
  }
  .info_kor_heat .tbl_box {
    overflow-x: auto;
    padding-bottom: 2rem;
    border-top: 3px solid #333;
  }
  .info_kor_heat .tbl_wrap table {
    width: 60rem;
  }
  .wether_legend {
    height: auto;
    padding: 2rem 0;
    flex-direction: column;
  }
  .wether_legend li:first-child {
    margin-bottom: 1rem;
  }
  .dust_wrap .cont_tt .graph_con.dif2 {
    padding: 5rem 2rem 0;
  }
  .dust_wrap .cont_tt .graph_con.dif4 {
    padding: 7rem 2rem 3rem;
  }
  .dust_wrap .cont_tt .graph_con .g_unit {
    bottom: initial;
    top: 2rem;
    right: 2rem;
  }
  .dust_wrap .cont_tt .graph_con.dif4 .g_unit {
    top: 3rem;
  }
  .dust_wrap .cont3 .path_con.path_A .path_all {
    top: 18%;
    left: 20%;
    transform: initial;
  }
  .dust_wrap .cont3 .path_con.path_A .path_arrow svg {
    height: 24rem;
  }
  .dust_wrap .cont3 .bg.bg_a, .dust_wrap .cont3 .bg.bg_b {
    background-position-x: 90%;
  }
  .dust_wrap .cont3 .path_con.path_B .path_arrow svg {
    width: 32rem;
  }
  .dust_wrap .cont3 .path_con.path_B .path_all {
    right: 25%;
  }
  .dust_wrap .cont3 .bg.bg_a {
    top: 21%;
  }
  .dust_wrap .cont3 .data_refer {
    bottom: -4rem;
  }
  .below_n4_2 .txt_def .def_tit {
    font-size: 4rem;
    line-height: 5.5rem;
    margin: 3rem 0 3.8rem;
  }
  .below_n4_2 .txt_def .def_tit3 {
    font-size: 3.5rem;
    line-height: 4.5rem;
  }
  .below_n4_3 .table_box.ty2 {
    padding: 5rem 3rem;
  }
  .below_n4_7 .electric_car {
    padding: 0 3rem 20rem;
  }
  .below_n4_7 .electric_car .car_num {
    flex-direction: column;
  }
  .below_n4_7 .electric_car .car_num .img {
    margin-right: 0;
    margin-bottom: 2rem;
  }
  .below_n4_7 .electric_car .car_num .car_txt > * {
    text-align: center;
  }
  .below_n4_9 .trash_wrap:after {
    background: url(../img/contents/tpp/below_4_9_4.png) no-repeat right/cover;
    bottom: 2rem;
    height: 18rem;
  }
  .below_n4_9 .co2_con .c_con1 .c_box .c_icon {
    margin-right: 1rem;
  }
  .below_n4_9 .co2_con .c_con1 .c_box:nth-child(2n) {
    padding-left: 2rem;
  }
  .below_n4_9 .co2_con .c_con1 .c_box .c_txt strong {
    font-size: 2.1rem;
  }
  .below_n4_9 .co2_con h4 {
    font-size: 6rem;
    line-height: 6.8rem;
  }
  .below_n4_9 .co2_wrap {
    padding-bottom: 22rem;
  }
}
@media (max-width: 450px) {
  .carbon.view2nd .group1 .item .txt {
    font-size: 2.5rem;
    line-height: 4.5rem;
  }
  .carbon.t2 .group1 .item1 .bg {
    background-position: right -50rem center;
  }
  .carbon.t2 .group3 .item4 .title {
    font-size: 2.5rem;
    line-height: 4.5rem;
  }
  .carbon.t2 .link_btn {
    width: 85%;
    height: 9rem;
    padding: 1.4rem 2rem;
    line-height: 1.5;
  }
  .below.below_2_8 .tit_topImg {
    left: 35%;
    top: 6rem;
  }
  .below.below_2_8 .tit_topImg img {
    height: 17rem;
  }
  .below.below_2_9 .group4 .zero_wrap ul li .itemBox > div > strong {
    max-width: 95%;
    font-size: 1.7rem;
  }
  .below.below_2_9 .group5 .bg img {
    height: 28rem;
  }
  .below.below_2_9 .group5 .bg .b_bg2 {
    display: none;
  }
  .climate.p2 .group.group2 .book_wrap .left {
    left: -6rem;
  }
  .climate.p2 .group.group2 .book_wrap .right .sub_tit {
    font-size: 2.2rem;
  }
  .climate.p2 .group.group2 .book_wrap .right .btn_area,
  .climate.p2 .group.group2 .book_wrap .right .btn_area a {
    width: 100%;
    margin-right: 0;
  }
  .climate.p2 .group.group2 .book_wrap .right .btn_area a {
    margin-bottom: 2rem;
  }
  .rd3Con.t2 .con_visual h3.tit {
    font-size: 3.5rem;
    line-height: 7rem;
  }
  .rd3Con.t2 .con_visual > p {
    font-size: 2rem;
  }
  .rd3Con.t2 .conBox .conItem_bottom .title {
    font-size: 3rem;
  }
  .rd3Con.t2 .conBox .conItem_bottom .desc br {
    display: none;
  }
  .rd3Con.t2 .conBox .conItem_bottom .desc b {
    text-decoration: underline;
  }
  .rd3Con.t2 .conBox .conItem_bottom .desc b:before {
    display: none;
  }
  .below.normal.below_n3 .group1 .title.t2 h3 {
    font-size: 2.7rem;
    line-height: 4rem;
  }
  .k_power .intro_title h2 {
    line-height: inherit;
    font-size: 4rem;
  }
  .hydrogen .con.t2 .graph_item {
    transform: translate(-50%, -50%) scale(0.4);
  }
  .hydrogen .con.t2 .graph_item.ani3 {
    top: 57%;
  }
  .hydrogen .con.t2 .con_layer.active .graph_item.ani3 {
    left: 37%;
  }
}
@media (max-width: 434px) {
  .carbon.t2 .group3 .item3 .lr_wrap > div .dot_line i:first-child {
    left: 22%;
  }
  .carbon.t2 .group3 .item3 .lr_wrap > div .dot_line i:nth-child(2) {
    top: 25.8%;
  }
  .carbon.t2 .group3 .item3 .lr_wrap > div .dot_line i:nth-child(3) {
    right: 11%;
  }
}
@media (max-width: 400px) {
  .box3 {
    padding: 3rem;
  }
  .box3 .img {
    display: block;
    width: auto;
  }
  .box3 .desc {
    display: block;
    padding: 2rem 0 0;
  }
  .txt2 {
    display: block;
    position: static;
    margin: -1rem 0 1rem;
  }
  .list1 {
    margin-top: -1rem;
    display: block;
    width: 100%;
    margin-top: 0;
  }
  .list1 > * {
    display: block;
    clear: none;
    float: none;
    width: 100%;
    margin: 0;
  }
  .list1 > * + * {
    margin-top: 1rem;
  }
  .list1.type1 {
    padding-bottom: 0;
  }
  .list1 .desc {
    height: auto !important;
    padding: 2rem 3rem;
  }
  /* .list3 > li { padding-top: 2.5rem; } */
  .list3 strong {
    margin: 1rem 0 1.5rem;
  }
  .list3 .btns a {
    float: none;
    width: 100%;
  }
  .list3 .btns a + a {
    margin-top: 1px;
  }
  .list5 .title {
    display: block;
    width: auto;
    margin-bottom: 2rem;
  }
  .list5 .title::before {
    left: 50%;
    transform: translateX(-50%);
  }
  .list5 .group {
    padding: 2rem 0 3rem;
  }
  .list5 .item {
    display: block;
    padding: 0;
  }
  .list6 .group + .group {
    margin-top: 3rem;
    padding-top: 2rem;
  }
  .list6 .icon2 {
    margin-top: 3rem;
  }
  .table1 th, .table1 td, .table2 th, .table2 td {
    padding: 1rem 1.5rem !important;
  }
  .img1 .img, .img1 .list {
    padding: 2rem;
  }
  .board_info .count {
    float: none;
    width: 100%;
  }
  .board_info .search {
    float: none;
    width: 100%;
    max-width: inherit;
  }
  #main.card .mission .title {
    width: 32rem;
    height: 32rem;
  }
  #main.card .mission .title::before {
    width: 90%;
    height: 90%;
  }
  #main.card .mission .title::after {
    font-size: 8rem;
  }
  #main.card .mission .group {
    margin-top: 0;
    display: block;
    width: 100%;
    margin-top: 0;
  }
  #main.card .mission .group > * {
    display: block;
    clear: none;
    float: none;
    width: 100%;
    margin: 0;
  }
  #main.card .mission .group > * + * {
    margin-top: 0;
  }
  #main.card .mission .group::before, #main.card .mission .group::after {
    display: none;
  }
  #main.card .mission .group .item {
    margin-top: 2rem;
    padding-bottom: 1px;
  }
  #main.card .mission .group .item::before {
    top: -2rem;
    height: 2rem;
  }
  .carbon.view2nd .group3 .item4 {
    background-position: right -4rem center;
  }
  .carbon.t2 .group3 .item3 .lr_wrap > div.lr_right > .type_list {
    text-align: center;
  }
  .below.below_2_2 .group1.active .title h3 br {
    display: none;
  }
  .below.below_2_7 .group2:before {
    height: 25rem;
  }
  .below.below_2_7 .group2:after {
    height: 27rem;
  }
  .below.below_2_10 .def_img.type2 > img {
    left: -24%;
  }
  .below.below_2_9 .group1 .sub_txt .txt {
    font-size: 1.6rem;
  }
  .climate.p1 .tbl colgroup col:last-child {
    width: 10rem !important;
  }
  .climate .img_list li {
    width: 100%;
    margin: 0 0 1rem;
  }
  .circle_list li {
    width: 100%;
  }
  .climate.p2 .intro_wrap .history_scroll .scroll_box {
    width: 391.6rem;
  }
  .climate.p2 .group.group1 .cont_wrap .desc_box .text .col_img,
  .climate.p2 .group.group1 .cont_wrap .desc_box .text .col_img img {
    width: 100%;
    margin-right: 0;
  }
  .climate.p2 .group.group1 .cont_wrap .desc_box .text .col_img img:first-child {
    margin-bottom: 2rem;
  }
  .climate.p2 .group.group2 .book_wrap .left {
    left: -10rem;
  }
  .view3rd .group1 .item1 .title_wrap h3 {
    font-size: 4rem;
    line-height: 6rem;
  }
  .rd3Con .con_visual h3 {
    font-size: 3rem;
  }
  .rd3Con .graph_box {
    padding: 3rem 2rem;
  }
  .rd3Con .conBox .conList > li {
    margin: 1rem 0 0;
    padding: 1.5rem 0 3rem;
  }
  .rd3Con.t2 .conBox .tit {
    font-size: 3rem;
    line-height: 5rem;
  }
  .rd3Con.t2 .conBox .desc br {
    display: none;
  }
  .thumb_list > li > a {
    flex-direction: column;
  }
  .thumb_list > li .thumb {
    margin: 0 0 2rem;
    width: 18rem;
    height: 18rem;
  }
  .thumb_list > li .desc {
    width: 100%;
  }
  .thumb_list.t2 > li .thumb {
    width: 22rem;
    height: 15rem;
  }
  .thumb_list.t3 {
    width: 100%;
  }
  .thumb_list.t3 > li {
    width: 100%;
    margin-right: 0;
  }
  .thumb_list.t3 > li .thumb {
    margin-bottom: 0;
  }
  .thumb_list.t3 > li:nth-child(2n+1):before {
    display: none;
  }
  .thumb_list.t3 > li:before {
    content: "";
    display: block !important;
    position: absolute;
    left: 0;
    top: -3rem;
    width: 100% !important;
    border-top: 1px solid #F1F1F1;
  }
  .k_valence .sec6 .img {
    top: 58%;
  }
  .below_n3 .group .txt_def {
    text-align: justify;
  }
  .green_gas .graph_4 .chart_legend {
    position: absolute !important;
    bottom: 0;
    top: auto !important;
    right: 0;
    padding: 2rem;
    min-width: inherit;
  }
  .below_n3_8 .def_tit {
    font-size: 2.3rem;
    line-height: 3.5rem;
  }
  .below_n3_8 .rotate_bg .r_bg {
    width: 140%;
  }
  .below_n3_8 .rotate_bg .r_bg.t2 {
    width: 180%;
  }
  .statistics .item .desc,
  .statistics .group11 .item4 .desc {
    padding-left: 0;
    margin-bottom: 0;
  }
  .statistics .item .desc .num {
    display: block;
    position: static;
    margin: 0 auto 0.5rem;
  }
  .statistics .item .desc .title {
    text-align: center;
  }
  .info_trend .graph_1 .graph_list > li {
    width: 48%;
  }
  .info_trend .graph_1 .graph_list > li:nth-child(-n+3) {
    margin-top: 3.5rem;
  }
  .info_trend .graph_1 .graph_list > li:nth-child(-n+2) {
    margin-top: 0;
  }
  .hydrogen .con_layer .cLayer_top {
    text-align: left;
    margin-left: 3rem;
  }
  .hydrogen .slick_dots {
    padding: 0;
  }
  .hydrogen .nodeImg_box img {
    transform: translateY(0);
  }
  .dust_wrap .cont4 .dust_reason .r_box1 div + div {
    margin-left: 0;
  }
  .dust_wrap .cont4 .dust_reason .r_box1 div:nth-child(2n) {
    margin-left: 1rem;
  }
  .dust_wrap .cont3 .bg_a {
    height: 55%;
    bottom: 25%;
  }
  .dust_wrap .cont3 .path_detail .d_box {
    padding: 1rem 1.2rem;
  }
  .dust_wrap .cont3 .path_detail .d_box p {
    font-size: 1.6rem;
  }
  .dust_wrap .cont3 .path_detail .d_box em {
    width: 2.8rem;
    height: 2.8rem;
    line-height: 2.8rem;
    left: 0.5rem;
    top: -1.8rem;
  }
  .dust_wrap .cont3 .data_refer {
    font-size: 1.4rem;
    padding: 0.6rem 1rem 0.5rem;
  }
  .dust_wrap .cont3 .path_detail .d_box + .d_box {
    margin-top: 2.4rem;
  }
  .dust_wrap .cont3 .path_detail {
    bottom: 6rem;
  }
  .dust_wrap .intro .desc_wrap .title {
    font-size: 4rem;
    line-height: 5.4rem;
  }
  .dust_wrap .intro .desc_wrap:before {
    top: -18rem;
    left: -10%;
    width: 10rem;
  }
  .dust_wrap .intro .desc_wrap:after {
    top: initial;
    bottom: -10rem;
    right: -10%;
    width: 10rem;
  }
  .dust_wrap .intro .desc_wrap .desc:after {
    left: 0;
    bottom: -12rem;
  }
}
@media (max-width: 370px) {
  .green_gas .graph_4 .chart_legend {
    position: relative !important;
    overflow: hidden;
  }
  .green_gas .graph_4 .chart_legend strong {
    margin-bottom: 0;
  }
  .green_gas .graph_4 .chart_legend ul li {
    float: left;
    width: 50%;
  }
  .hydrogen .nodeImg_box img {
    transform: translateY(7%);
  }
}
@media (max-width: 360px) {
  .carbon.view3rd .group1 .item3 .desc p {
    font-size: 1.8rem;
  }
  .carbon.view3rd .group1 .item4 .desc .link_btn {
    margin: 0.5rem 0;
    width: 100%;
    max-width: 25rem;
  }
}
/*세로 높이*/
@media (max-height: 800px) {
  .k_power .intro_desc {
    padding: 2rem 2rem;
  }
}
@media (max-height: 850px) {
  .hydrogen .con_layer .lr_box .box.w62,
  .hydrogen .con_layer .lr_box .box.w70 {
    max-width: 46rem;
  }
  .hydrogen .con_layer .lr_box .box {
    height: 39rem;
  }
}
@media (max-height: 1000px) {
  .carbon.t2 .group1 .item2.active .desc h4 {
    margin-top: -35rem;
  }
  .carbon.t2 .group1 .item2.active .desc h4 img {
    max-height: 5rem;
  }
  .carbon.t2 .group1 .item.item2.active .img {
    height: 39rem;
  }
  .carbon.t2 .group1 .item.item2 .txt {
    margin-top: 17.3rem;
    font-size: 3.5rem;
    line-height: 5.5rem;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c6 .third_box .left .img_box {
    bottom: 2rem;
    width: 32%;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c7 .desc_left .title {
    margin-bottom: 5rem;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c7 .desc_left .title img {
    width: 30rem;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c7 .desc_left .title:before {
    left: 39rem;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c7 .img_box2 {
    width: 45rem;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c8 .img_list ul li,
  .below.below_2_3 .group2 .column_wrap .col_item.c8 .img_list ul li img {
    height: 100%;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c10 .img_box {
    bottom: -12.8rem;
  }
  .below.below_2_3 .group2 .column_wrap .col_item.c11 .img_wrap .title {
    top: 50%;
    transform: translateY(-50%);
  }
  .climate.p2 .intro_wrap .intro.t2 .slide {
    height: calc(100% - 22rem);
  }
  .climate.p2 .intro_wrap .intro.t2 .slide .col_wrap .col img {
    transform: scale(0.8);
  }
  .climate.p2 .intro_wrap .intro.t2 .slide .top_title span {
    font-size: 2.5rem;
  }
  .climate.p2 .intro_wrap .intro.t2 .slide .top_title strong {
    margin: 2rem 0 4rem;
    font-size: 3.5rem;
    line-height: 5rem;
  }
  .climate.p2 .intro_wrap .intro.t2 .slide .list {
    margin-top: 5rem;
  }
  .climate.p2 .intro_wrap .intro.t2 .slide .list li strong {
    height: 5rem;
    line-height: 5rem;
    font-size: 2rem;
  }
  .climate.p2 .intro_wrap .intro.t2 .slide .list li img {
    height: 18rem;
  }
  .climate.p2 .intro_wrap .intro.t2 .slide .list li p {
    font-size: 1.8rem;
    margin-top: 1.5rem;
  }
  .climate.p2 .intro_wrap .intro.t2 .slide .col_wrap .col p {
    font-size: 3.5rem;
    line-height: 5.5rem;
  }
  .climate.p2 .group.group2 .book_wrap .left,
  .climate.p2 .group.group2 .book_wrap .right {
    transform: scale(0.8);
  }
  .carbon.view3rd .group1 .item3 .item3_bg.t1 {
    bottom: 2%;
  }
  .carbon.view3rd .group1 .item3.active .item3_bg {
    width: 30rem;
  }
  .dust_wrap .cont5 .tit > span {
    font-size: 6.2rem;
  }
  .dust_wrap .cont5 .tit > strong {
    margin-top: -7rem;
  }
  .dust_wrap .cont5 .tit > strong > em {
    width: 38rem;
    height: 16rem;
  }
  .dust_wrap .cont5 .tit > strong > i {
    font-size: 3.7rem;
    left: 38rem;
    bottom: 3rem;
  }
}
@media (max-height: 800px) {
  .climate.p2 .intro_wrap .intro.t2 h4.title {
    padding: 2rem 0 0 2rem;
  }
  .climate.p2 .intro_wrap .intro .msg {
    bottom: 2rem;
  }
  .climate.p2 .intro_wrap .intro.t2 .slide {
    height: calc(100% - 15rem);
  }
}
@media (max-height: 1000px) and (max-width: 1920px) {
  .dust_wrap .cont2 .inner .material_list .mtr2 > div {
    left: 7rem;
  }
  .dust_wrap .cont2 .inner .material_list .mtr3 > div {
    left: 21rem;
  }
  .dust_wrap .cont2 .inner .material_list .mtr4 > div {
    left: 34rem;
  }
  .dust_wrap .cont2 .inner .material_list .mtr4 > div:before {
    display: none;
  }
  .dust_wrap .cont2 .inner .material_list .mtr6 > div:before {
    left: -81rem;
  }
  .dust_wrap .cont2 .inner .material_list .mtr6 > div {
    left: 62rem;
  }
  .dust_wrap .cont2 .inner .material_list .mtr8 > div {
    bottom: 46%;
  }
  .dust_wrap .cont2 .inner .material_list .mtr8 > div:before {
    left: -48rem;
    bottom: -42rem;
  }
}
@media (max-height: 1000px) and (max-width: 600px) {
  .dust_wrap .cont5 .tit > span {
    font-size: 5.2rem;
  }
  .dust_wrap .cont5 .tit > strong > em {
    width: 30rem;
  }
  .dust_wrap .cont5 .tit > strong > i {
    font-size: 2.5rem;
    left: 29rem;
    bottom: 4rem;
  }
}
@media (max-width: 1500px) {
  .dust_wrap .cont2 .inner .material_list .mtr6 > div:before {
    display: block;
    left: 50%;
  }
}
@media (max-height: 900px) and (max-width: 1700px) {
  .issue_layerPopWrap .issue_detail .issue_inner .txt_con .detail {
    overflow-y: auto;
    height: 30rem;
  }
}
@media (max-height: 850px) and (max-width: 1500px) {
  .dust_wrap .cont5 {
    height: auto;
  }
  .dust_wrap .cont5 .issue_bg1 {
    height: 100% !important;
  }
}
@keyframes h_scroll_move {
  0% {
    left: 1.6rem;
  }
  50% {
    left: 1rem;
  }
  100% {
    left: 1.6rem;
  }
}