@charset "UTF-8";
/* common.scss */

/* _variables.scss */

/* 
  1537 ~ 
*/

@import url("common.css?v=0.04");
@import url("ui.css?v=0.03");
/* 메인 팝업 */

#main_popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    width: 500px;
    /* height: 626px; */
    overflow: hidden;
    background: #fff;
}

#main_popup .modal_area {
    position: relative;
    height: 696px;
    background: #e4e3df;
}

#main_popup .modal_body {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#main_popup .modal_area .modal_footer {
    display: flex;
    width: 100%;
    height: 56px;
    position: absolute;
    bottom: 0;
    padding: 0 15px;
    /* border-top: 1px solid #ccc; */
}

#main_popup .modal_area .modal_footer form {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

#main_popup .modal_area .modal_footer a {
    position: relative;
    z-index: 100;
    color: #222;
    font-size: 15px;
    font-family: var(--font-m);
}

#main_popup .modal_area .modal_footer #close {
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url(/resources/images/common/pop_close.png) no-repeat;
    text-indent: -999px;
}

#main_popup .slick-slide {
    height: 640px;
}

#main_popup .slick-slide div,
#main_popup .slick-slide a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

#main_popup .slick-slide div img,
#main_popup .slick-slide a img {
    max-height: 100%;
}

#main_popup .slick-slide a:focus-visible {
    border: 2px dotted red;
}

#main_popup .slick-dots {
    position: relative;
    height: 60px;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
}

#main_popup .slick-dots li {
    display: inline-block;
    margin: 0 5px;
}

#main_popup .slick-dots li a {
    display: inline-block;
    color: transparent;
    text-indent: -999px;
    border-radius: 100%;
    width: 10px;
    height: 10px;
    background-color: #939393;
}

#main_popup .slick-dots li.slick-active a {
    background-color: #55a30f;
}

@media (max-width: 1024px) {
    .popup_layer .alert_inner {
        width: 85%;
    }
    .popup_layer .alert_inner .alert_text p {
        font-size: 18px;
        line-height: 140%;
        text-align: center;
    }
    .popup_layer .alert_inner .alert_text .btn {
        width: 120px;
        height: 40px;
        font-size: 16px;
    }
}

@media (max-width: 640px) {
    #main_popup {
        width: 320px;
    }
    #main_popup .modal_area {
        height: 465px;
    }
    #main_popup .slick-slide {
        height: 410px;
    }
    .en #main_popup {
        height: 434px;
    }
    .en #main_popup .modal_area {
        height: 434px;
    }
    .en #main_popup .modal_area .modal_footer {
        height: 70px;
    }
    .en #main_popup .modal_area .modal_footer a {
        display: inline-block;
        margin-top: 17px;
    }
    .en #main_popup .slick-dots {
        height: 0px;
        margin-top: 23px;
    }
}

/*2024-06-27*/

.invest .faqbox {
    padding: 30px 4.46%;
    margin-bottom: 10px;
    border: 1px solid #dedede;
    background-color: #fff;
}

.invest .faqbox h2 {
    font-size: 24px;
    font-weight: 800;
}

.invest .po01 li {
    position: relative;
    padding: 0.2em 0.2em 0.2em 0.8em;
}

.invest .po01 li:after {
    content: "";
    display: block;
    width: 2px;
    height: 2px;
    position: absolute;
    top: 9px;
    left: 0;
    background-color: #555555;
}

/* 2025-02-20 */

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 {
    margin-top: 64px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 tbody td {
    padding: 40px 20px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .inner-cont {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid #dedede;
    min-height: 80px;
    color: #555;
    font-size: 18px;
    line-height: 30px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-body.rowflex.padding-x {
    margin-top: -5px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-body.rowflex.padding-x>div {
    margin: 5px 0;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot {
    margin-top: 25px;
    position: relative;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot::before,
.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 2px;
    background-color: #999;
    top: -16px;
    left: 50%;
    margin-left: -6px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot::after {
    transform: rotate(-90deg);
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot .inner-cont {
    background-color: #f9f9f9;
    padding: 20px 6.51%;
    justify-content: start;
    min-height: 122px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot .inner-cont .cont-tit {
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    color: #fff;
    background-color: #0EA09D;
    border-radius: 10px;
    /*margin-right:30px;*/
    margin-right: 11%;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot .inner-cont .cont-text {
    flex: 1 0 0;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot .inner-cont .cont-text .mark_dot-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot .inner-cont .cont-text .mark_dot-list li {
    width: 68px;
    margin-top: 0;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot .inner-cont .cont-text .mark_dot-list li:nth-child(n+3) {
    margin-top: 4px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot .inner-cont .cont-text>p:nth-child(2) {
    margin-top: 22px;
    position: relative;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot .inner-cont .cont-text>p:nth-child(2)::before,
.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot .inner-cont .cont-text>p:nth-child(2)::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 2px;
    background-color: #999;
    top: -14px;
    left: 50%;
    margin-left: -6px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot .inner-cont .cont-text>p:nth-child(2)::after {
    transform: rotate(-90deg);
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .thumb_img img {
    width: 100%;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .thumb_desc {
    margin-top: 14px;
    color: #555;
    font-size: 18px;
    line-height: 30px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 {
        margin-top: 34px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 tbody td {
        padding: 20px 20px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .thumb_desc {
        margin-top: 6px;
        font-size: 13px;
        line-height: 21px;
        text-align: left;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .inner-cont {
        min-height: 60px;
        font-size: 13px;
        line-height: 21px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot .inner-cont {
        justify-content: center;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot .inner-cont .cont-tit {
        width: 60px;
        height: 60px;
        margin-right: 16px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot .inner-cont .cont-text {
        width: 96px;
        flex: 0 0 auto;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot .inner-cont .cont-text .mark_dot-list li {
        width: 44px;
        padding-left: 10px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot .inner-cont .cont-text .mark_dot-list li::after {
        width: 3px;
        height: 3px;
        top: 9px;
    }
}

/*2024-05-28*/

.pndfile.download .list_type>li {
    font-size: 0;
}

.pndfile.download .list_type .tit_wrap {
    display: inline-block;
    width: calc(100% - 200px);
    padding-right: 16px;
    font-size: 18px;
    color: #212121;
    line-height: 1.5;
}

.pndfile.download .list_type .btn_area {
    display: inline-block;
    width: 200px;
    text-align: left;
    margin-top: 0;
}

/* .pndfile.download .list_type .btn_area .btn_base:first-child {
	margin-left: 0;
} */

.list_type {
    border-top: 2px solid #212121;
    border-bottom: 1px solid #212121;
}

.list_type>li {
    display: table;
    width: 100%;
    padding: 22px 24px;
    border-top: 1px solid #e5e5e5;
}

.list_type>li:first-child {
    border-top: 0;
}

.list_type .tit_wrap {
    display: table-cell;
    width: 52%;
    margin: 0;
    vertical-align: middle;
}

.list_type .btn_area {
    display: table-cell;
    font-size: 0;
    text-align: right;
    vertical-align: middle;
}

.reporting_list-section .ssb-t_2_3-panel.type-accordion .p-head i {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
}

@media (max-width: 768px) {
    .pndfile.download .list_type .tit_wrap {
        display: block;
        width: 100%;
        padding-bottom: 16px;
        line-height: 1.5;
        font-size: 14px;
    }
    .pndfile.download .list_type .btn_area {
        display: block;
        width: 100%;
        text-align: left;
        margin-top: 0;
    }
    .pndfile.download .list_type .btn_area .btn_lg {
        margin-left: -15px;
    }
    .pndfile.download .list_type .btn_area:after {
        content: "";
        display: block;
        clear: both;
    }
}

/* 자회사 소개 */

@media all and (max-width: 1023px) {
    .wrapper.page-subsidiary_info #container {
        display: flex;
    }
    .wrapper.page-subsidiary_info #container #contents {
        z-index: 2;
        width: 100%;
    }
    .wrapper.page-subsidiary_info::before {
        content: url(/resources/images/company/subsidiary_info-bg-mb.jpg);
        display: inline-block;
        width: 720px;
        height: auto;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 0;
    }
}

.wrapper.page-subsidiary_info #footer {
    /* mobile : ~ 1023 */
}

@media all and (max-width: 1023px) {
    .wrapper.page-subsidiary_info #footer {
        display: flex;
    }
    .wrapper.page-subsidiary_info #footer .footer-section {
        z-index: 3;
        width: 100%;
        background-color: #282828;
    }
}

.subsidiary_info-section .section-wrap {
    padding: 110px 0;
    background-image: url(/resources/images/company/subsidiary_info-bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media all and (max-width: 1023px) {
    .subsidiary_info-section .section-wrap {
        padding: 55px 0 60px;
        /*       background-image:url(/resources/images/company/subsidiary_info-bg-mb.jpg);
          background-attachment: fixed; 
          background-size: 100% auto;   
          background-position: right 200px; */
        background-image: none;
    }
}

.subsidiary_info-section .s-head .title {
    text-align: center;
}

.subsidiary_info-section .s-head .title span {
    font-size: 32px;
    color: #222222;
    line-height: 1.5;
    font-weight: 600;
}

.subsidiary_info-section .s-head .title span strong {
    font-weight: bold;
}

@media all and (max-width: 1023px) {
    .subsidiary_info-section .s-head .title span {
        font-size: 21px;
        line-height: 1.3;
    }
}

.subsidiary_info-section .s-body {
    margin-top: 70px;
    /* mobile : ~ 1023 */
}

@media all and (max-width: 1023px) {
    .subsidiary_info-section .s-body {
        margin-top: 30px;
        padding: 0 10%;
    }
}

.subsidiary_info-section .subsidiary-list {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-top: -30px;
    /* mobile : ~ 1023 */
}

@media all and (max-width: 1023px) {
    .subsidiary_info-section .subsidiary-list {
        width: 100%;
        margin-left: 0;
        margin-top: -15px;
    }
}

.subsidiary_info-section .subsidiary-list li {
    padding: 0 15px;
    margin-top: 30px;
    /* tablet : 1023 ~ 1279 */
    /* mobile : ~ 1023 */
}

.subsidiary_info-section .subsidiary-list li .li-inner {
    position: relative;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 14px;
    box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.08), 0 0px 15px 0 rgba(0, 0, 0, 0.08);
    /* overflow: hidden; 2023-07-07*/
}

.subsidiary_info-section .subsidiary-list li .li-inner a {
    position: relative;
    display: block;
    padding: 30px 25px;
}

.subsidiary_info-section .subsidiary-list li .li-inner a:hover .con-box .title,
.subsidiary_info-section .subsidiary-list li .li-inner a:focus .con-box .title,
.subsidiary_info-section .subsidiary-list li .li-inner a.hover .con-box .title {
    opacity: 0;
}

.subsidiary_info-section .subsidiary-list li .li-inner a:hover .con-box .image,
.subsidiary_info-section .subsidiary-list li .li-inner a:focus .con-box .image,
.subsidiary_info-section .subsidiary-list li .li-inner a.hover .con-box .image {
    opacity: 0.4;
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
}

.subsidiary_info-section .subsidiary-list li .li-inner a:hover .hover-box,
.subsidiary_info-section .subsidiary-list li .li-inner a:focus .hover-box,
.subsidiary_info-section .subsidiary-list li .li-inner a.hover .hover-box {
    opacity: 1;
}

@media all and (max-width: 1279px) {
    .subsidiary_info-section .subsidiary-list li.col-ep4 {
        width: 50%;
    }
}

@media all and (max-width: 1023px) {
    .subsidiary_info-section .subsidiary-list li {
        margin-left: 0;
        margin-top: 15px;
    }
    .subsidiary_info-section .subsidiary-list li.col-ep4 {
        width: 100%;
        padding: 0;
    }
    .subsidiary_info-section .subsidiary-list li .li-inner a {
        padding: 20px 36px 10px 27px;
    }
    .subsidiary_info-section .subsidiary-list li .li-inner a:hover .con-box .title,
    .subsidiary_info-section .subsidiary-list li .li-inner a:focus .con-box .title,
    .subsidiary_info-section .subsidiary-list li .li-inner a.hover .con-box .title {
        opacity: 1;
    }
    .subsidiary_info-section .subsidiary-list li .li-inner a:hover .con-box .image,
    .subsidiary_info-section .subsidiary-list li .li-inner a:focus .con-box .image,
    .subsidiary_info-section .subsidiary-list li .li-inner a.hover .con-box .image {
        opacity: 1;
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    .subsidiary_info-section .subsidiary-list li .li-inner a:hover .hover-box,
    .subsidiary_info-section .subsidiary-list li .li-inner a:focus .hover-box,
    .subsidiary_info-section .subsidiary-list li .li-inner a.hover .hover-box {
        opacity: 0;
    }
}

.subsidiary_info-section .subsidiary-list li .li-inner a:focus {
    outline: 2px solid #000000 !important;
    z-index: 10 !important;
    outline-style: dashed !important;
}

.subsidiary_info-section .subsidiary-list .con-box .title {
    text-align: center;
    margin-top: 5px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.subsidiary_info-section .subsidiary-list .con-box .title span {
    font-size: 24px;
    font-weight: bold;
    color: #16873e;
}

.subsidiary_info-section .subsidiary-list .con-box .link_arrow {
    display: none;
}

.subsidiary_info-section .subsidiary-list .con-box .image {
    text-align: center;
    margin-top: 25px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.subsidiary_info-section .subsidiary-list .con-box .image img {
    height: 154px;
}

@media all and (max-width: 1023px) {
    .subsidiary_info-section .subsidiary-list .con-box .title {
        text-align: left;
    }
    .subsidiary_info-section .subsidiary-list .con-box .title span {
        font-size: 17px;
    }
    .subsidiary_info-section .subsidiary-list .con-box .link_arrow {
        display: block;
        margin-top: 15px;
    }
    .subsidiary_info-section .subsidiary-list .con-box .image {
        text-align: right;
        margin-top: -20px;
    }
    .subsidiary_info-section .subsidiary-list .con-box .image img {
        height: 125px;
    }
}

.subsidiary_info-section .subsidiary-list .hover-box {
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 30px 25px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.subsidiary_info-section .subsidiary-list .hover-box .title {
    text-align: center;
    margin-top: 5px;
    width: 100%;
}

.subsidiary_info-section .subsidiary-list .hover-box .title span {
    font-size: 24px;
    font-weight: bold;
    color: #0EA09D;
}

.subsidiary_info-section .subsidiary-list .hover-box .link_arrow {
    text-align: center;
    margin-bottom: 0px;
}

/* CEO */

.ceo-section {
    /* PClg : 1734 ~ */
    /* tablet : 769 ~ 1279 */
    /* mobile :  ~ 1023 */
}

.ceo-section .only-pc_over {
    display: block;
}

.ceo-section .only_ib-pc_over {
    display: inline-block;
}

@media all and (min-width: 1734px) {
    .ceo-section .only-pc_over {
        display: block;
    }
    .ceo-section .only_ib-pc_over {
        display: inline-block;
    }
}

@media all and (max-width: 1279px) {
    .ceo-section .only-pc_over {
        display: none;
    }
    .ceo-section .only_ib-pc_over {
        display: none;
    }
}

@media all and (max-width: 1023px) {
    .ceo-section .only-pc_over {
        display: none;
    }
    .ceo-section .only_ib-pc_over {
        display: none;
    }
}

.ceo-section .section-wrap {
    overflow: hidden;
    background: url("/resources/images/company/ceo_bg.png") no-repeat;
    background-position: calc(50% + 770px) 0px;
}

.ceo-section .section-wrap .section-inner {
    padding: 150px 72px 120px;
    position: relative;
}

.ceo-section .section-wrap .green {
    color: #55a30f;
}

.ceo-section .section-wrap .darkgreen {
    color: #16873e;
}

@media all and (max-width: 1023px) {
    .ceo-section .section-wrap {
        background-size: 380px;
        background-position: calc(50% + 160px) 0px;
    }
    .ceo-section .section-wrap .section-inner {
        padding: 50px 20px;
    }
}

.ceo-section .content_person .typo-body .title-area {
    display: flex;
    justify-content: space-around;
}

.ceo-section .content_person .typo-body .title {
    position: relative;
    padding: 0;
    line-height: 66px;
    font-size: 42px;
    font-weight: 600;
    color: #222;
}

.ceo-section .content_person .typo-body .title::before {
    content: "";
    position: relative;
    display: inline-block;
    margin-left: -40px;
    margin-right: 5px;
    top: -10px;
    width: 26px;
    height: 19px;
    background: url("/resources//images/company/ceo_qt-top.png");
    background-size: 100% auto;
}

.ceo-section .content_person .typo-body .title::after {
    content: "";
    position: relative;
    display: inline-block;
    margin-left: 10px;
    top: -10px;
    width: 26px;
    height: 19px;
    background: url("/resources//images/company/ceo_qt-foot.png");
    background-size: 100% auto;
}

@media all and (max-width: 1023px) {
    .ceo-section .content_person {
        padding: 0px 0px 0px;
    }
    .ceo-section .content_person .typo-body img {
        width: 16px;
    }
    .ceo-section .content_person .typo-body .title-area {
        display: flex;
        justify-content: flex-start;
    }
    .ceo-section .content_person .typo-body .title {
        padding: 0px;
        padding-left: 22px;
        line-height: 36px;
        font-size: 26px;
    }
    .ceo-section .content_person .typo-body .title::before,
    .ceo-section .content_person .typo-body .title::after {
        width: 15px;
        height: 11px;
        top: -10px;
    }
    .ceo-section .content_person .typo-body .title::before {
        margin-left: -22px;
        margin-right: 2px;
    }
    .ceo-section .content_person .typo-body .title::after {
        margin-left: 3px;
    }
}

.ceo-section .content_person .row-ceo {
    position: relative;
}

@media all and (max-width: 1023px) {
    .ceo-section .content_person .row-ceo {
        position: relative;
        padding-top: 280px;
        display: flex;
        flex-direction: column;
    }
}

.ceo-section .content_person .desc-area {
    margin-top: 30px;
    /* padding-right: 480px; */
}

.ceo-section .content_person .desc-area .desc {
    padding-top: 58px;
    width: calc(100% - 460px);
}

.ceo-section .content_person .desc-area .desc.desc_full {
    width: 100%;
}

.ceo-section .content_person .desc-area .desc .desc_title {
    font-size: 24px;
    font-weight: 600;
    color: #222;
    line-height: 36px;
}

.ceo-section .content_person .desc-area .desc p {
    font-size: 20px;
    font-weight: 500;
    line-height: 34px;
    margin-top: 20px;
}

@media all and (max-width: 1023px) {
    .ceo-section .content_person .desc-area {
        margin-top: 0px;
        padding-right: 0px;
        width: 100%;
    }
    .ceo-section .content_person .desc-area .desc {
        padding-top: 30px;
        width: 100%;
    }
    .ceo-section .content_person .desc-area .desc.desc_full {
        width: 100%;
    }
    .ceo-section .content_person .desc-area .desc .desc_title {
        font-size: 17px;
        line-height: 27px;
    }
    .ceo-section .content_person .desc-area .desc p {
        font-size: 14px;
        line-height: 23px;
        margin-top: 10px;
    }
}

.ceo-section .content_person .ceo-area {
    position: absolute;
    top: 0;
    right: 0;
    width: 460px;
}

.ceo-section .content_person .ceo-area .ceo-inner {
    width: 460px;
}

@media all and (max-width: 1023px) {
    .ceo-section .content_person .ceo-area {
        position: static;
        top: auto;
        right: auto;
        width: 100%;
    }
    .ceo-section .content_person .ceo-area .ceo-inner {
        width: 100%;
        position: static !important;
        top: auto !important;
    }
}

.ceo-section .content_person .ceo-area .ceo-img {
    margin-top: 100px;
    margin-right: -35px;
}

@media all and (max-width: 1023px) {
    .ceo-section .content_person .ceo-area .ceo-img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin-top: 0;
        text-align: center;
        width: 100%;
    }
    .ceo-section .content_person .ceo-area .ceo-img .img-box {
        display: inline-block;
        margin-top: 30px;
    }
    .ceo-section .content_person .ceo-area .ceo-img .img-box img {
        height: 244px;
        width: auto;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
}

.ceo-section .content_person .ceo-area .ceo-typo p {
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 30px;
}

.ceo-section .content_person .ceo-area .ceo-typo .ceo {
    padding: 40px 0 18px;
    color: #222;
    font-size: 24px;
    font-weight: 500;
    text-align: right;
}

.ceo-section .content_person .ceo-area .ceo-typo .ceo>span {
    font-weight: 600;
}

.ceo-section .content_person .ceo-area .ceo-typo .name {
    color: #222;
    font-size: 30px;
    font-weight: 700;
    text-align: right;
}

@media all and (max-width: 1023px) {
    .ceo-section .content_person .ceo-area .ceo-typo {
        position: relative;
        top: 0px;
        right: 0px;
    }
    .ceo-section .content_person .ceo-area .ceo-typo p {
        font-size: 13px;
        line-height: 1.6;
        padding-bottom: 15px;
    }
    .ceo-section .content_person .ceo-area .ceo-typo .ceo {
        padding: 35px 0 8px;
        font-size: 17px;
    }
    .ceo-section .content_person .ceo-area .ceo-typo .name {
        padding-bottom: 0;
        font-size: 19px;
    }
}

/* BOD */

.bod-section {
    padding: 120px 0;
}

.bod-section em.only-pc {
    display: inline !important;
}

.bod-section em.only-mb {
    display: none !important;
}

@media all and (max-width: 1023px) {
    .bod-section {
        padding: 40px 0 60px;
    }
    .bod-section em.only-pc {
        display: none !important;
    }
    .bod-section em.only-mb {
        display: inline !important;
    }
}

.bod-section [class$=-pannel] .p-header {
    margin-bottom: 36px;
}

.bod-section [class$=-pannel] .p-header .text-area .title {
    color: #222;
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
}

.bod-section [class$=-pannel] .p-header .text-area .s-title {
    color: #222;
    font-size: 24px;
    font-weight: 600;
    /*line-height:36px;*/
    line-height: 1.6;
}

.bod-section [class$=-pannel]+[class$=-pannel] {
    margin-top: 75px;
}

@media all and (max-width: 1023px) {
    .bod-section [class$=-pannel] .p-header {
        margin-bottom: 25px;
    }
    .bod-section [class$=-pannel] .p-header .text-area .title {
        font-size: 18px;
        line-height: 30px;
    }
    .bod-section [class$=-pannel] .p-header .text-area .s-title {
        font-size: 17px;
        line-height: 27px;
    }
    .bod-section [class$=-pannel]+[class$=-pannel] {
        margin-top: 54px;
    }
}

.bod-section .director-pannel .p-header {
    margin-bottom: 72px;
}

.bod-section .director-pannel .rowflex.flexwrap {
    margin: -54px -15px 0px;
}

.bod-section .director-pannel .rowflex.flexwrap>div {
    /*padding:0px 15px;*/
    padding: 0px 1.26%;
    margin-top: 54px;
}

.bod-section .director-pannel .director-cont {
    border-top: 2px solid #222;
    padding: 24px 0px;
}

.bod-section .director-pannel .director-cont .cont-body {
    display: flex;
}

.bod-section .director-pannel .director-cont .name-box {
    margin-bottom: 26px;
    height: 36px;
}

.bod-section .director-pannel .director-cont .name-box .name {
    color: #222;
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
}

.bod-section .director-pannel .director-cont .name-box .position {
    color: #555;
    font-size: 16px;
    line-height: 1.3;
    margin-left: 4px;
}

.bod-section .director-pannel .director-cont .img-box {
    /*width:34.72%; max-width:200px; width:200px;*/
    width: 34.78%;
    flex: 0 0 auto;
    min-width: 160px;
}

.bod-section .director-pannel .director-cont .img-box img {
    width: 100%;
}

.bod-section .director-pannel .director-cont .info-box {
    /*width:58.68%; max-width:338px; padding-left:40px; padding-left:36px;*/
    padding-left: 6.26%;
}

.bod-section .director-pannel .director-cont .info-box .info-sec .tit {
    color: #222;
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
}

.bod-section .director-pannel .director-cont .info-box .info-sec .text {
    color: #555;
    font-size: 16px;
    line-height: 28px;
    margin-top: 7px;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
}

.bod-section .director-pannel .director-cont .info-box .info-sec+.info-sec {
    margin-top: 18px;
}

.bod-section .director-pannel .director-cont .info-box .text.mark_dot-list li::after {
    display: none;
}

.bod-section .director-pannel .director-cont .info-box .text.mark_dot-list li::before {
    content: "";
    display: block;
    position: absolute;
    top: 13px;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #555;
}

@media all and (max-width: 1023px) {
    .bod-section .director-pannel .p-header {
        margin-bottom: 44px;
    }
    .bod-section .director-pannel .rowflex.flexwrap {
        margin: 0px 0px 0px;
    }
    .bod-section .director-pannel .rowflex.flexwrap>div {
        padding: 0px;
        margin-top: 0px;
    }
    .bod-section .director-pannel .rowflex.flexwrap>div+div {
        margin-top: 27px;
    }
    .bod-section .director-pannel .director-cont {
        padding: 20px 0 8px;
    }
    .bod-section .director-pannel .director-cont .cont-body {
        justify-content: flex-start;
    }
    .bod-section .director-pannel .director-cont .name-box {
        height: 27px;
        margin-bottom: 20px;
    }
    .bod-section .director-pannel .director-cont .name-box .name {
        font-size: 17px;
        line-height: 27px;
    }
    .bod-section .director-pannel .director-cont .name-box .position {
        font-size: 12px;
        line-height: 18px;
        margin-left: 2px;
    }
    .bod-section .director-pannel .director-cont .img-box {
        width: 37.65%;
        max-width: 155px;
        min-width: 120px;
    }
    .bod-section .director-pannel .director-cont .info-box {
        width: auto;
        max-width: none;
        padding-left: 20px;
    }
    .bod-section .director-pannel .director-cont .info-box .info-sec .tit {
        font-size: 14px;
        line-height: 21px;
    }
    .bod-section .director-pannel .director-cont .info-box .info-sec .text {
        font-size: 12px;
        line-height: 19px;
        margin-top: 7px;
    }
    .bod-section .director-pannel .director-cont .info-box .info-sec+.info-sec {
        margin-top: 15px;
    }
    .bod-section .director-pannel .director-cont .info-box .text.mark_dot-list li::after {
        display: none;
    }
    .bod-section .director-pannel .director-cont .info-box .text.mark_dot-list li::before {
        content: "";
        display: block;
        position: absolute;
        top: 9px;
        left: 2px;
        width: 2px;
        height: 2px;
        background-color: #777;
    }
}

.bod-section .config-pannel .graph-area,
.bod-section .skill-pannel .graph-area {
    border: 1px solid #dedede;
    /*padding:60px 6.12%;*/
}

.bod-section .config-pannel .graph-area .unit,
.bod-section .skill-pannel .graph-area .unit {
    color: #777;
    text-align: right;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 28px;
}

@media all and (max-width: 1023px) {
    .bod-section .config-pannel .graph-area,
    .bod-section .skill-pannel .graph-area {
        padding: 30px 20px;
    }
    .bod-section .config-pannel .graph-area .unit,
    .bod-section .skill-pannel .graph-area .unit {
        font-size: 12px;
        line-height: 1.3;
        margin-bottom: 14px;
    }
    .bod-section .config-pannel .graph-area>.rowflex,
    .bod-section .skill-pannel .graph-area>.rowflex {
        width: 284px;
        margin: 0 auto;
    }
}

.bod-section .config-pannel .graph-area dl dd,
.bod-section .skill-pannel .graph-area dl dd {
    position: relative;
    padding-left: 24px;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 500;
    color: #555555;
}

.bod-section .config-pannel .graph-area dl dd::before,
.bod-section .skill-pannel .graph-area dl dd::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 0;
    width: 18px;
    height: 18px;
}

@media all and (max-width: 1023px) {
    .bod-section .config-pannel .graph-area dl dd,
    .bod-section .skill-pannel .graph-area dl dd {
        padding-left: 16px;
        margin-bottom: 10px;
        font-size: 12px;
    }
    .bod-section .config-pannel .graph-area dl dd::before,
    .bod-section .skill-pannel .graph-area dl dd::before {
        top: 2px;
        width: 11px;
        height: 11px;
    }
}

.bod-section .config-pannel .graph-area dl .color_light::before,
.bod-section .skill-pannel .graph-area dl .color_light::before {
    background-color: #b3cf0a;
}

.bod-section .config-pannel .graph-area dl .color_green::before,
.bod-section .skill-pannel .graph-area dl .color_green::before {
    background-color: #8cc63f;
}

.bod-section .config-pannel .graph-area dl .color_deep::before,
.bod-section .skill-pannel .graph-area dl .color_deep::before {
    background-color: #2fa459;
}

.bod-section .config-pannel .graph-area .layout_graph,
.bod-section .skill-pannel .graph-area .layout_graph {
    position: relative;
    width: 50%;
}

.bod-section .config-pannel .graph-area .layout_graph .img-box,
.bod-section .skill-pannel .graph-area .layout_graph .img-box {
    width: 60%;
    max-width: 280px;
}

.bod-section .config-pannel .graph-area .layout_graph .img-box img,
.bod-section .skill-pannel .graph-area .layout_graph .img-box img {
    width: 100%;
}

.bod-section .config-pannel .graph-area .layout_graph .txt-box,
.bod-section .skill-pannel .graph-area .layout_graph .txt-box {
    position: absolute;
    top: 50%;
    left: calc(60% + 10px);
}

.bod-section .config-pannel .graph-area .layout_graph .txt-box span,
.bod-section .skill-pannel .graph-area .layout_graph .txt-box span {
    display: inline-block;
}

.bod-section .config-pannel .graph-area .layout_graph.type-config,
.bod-section .skill-pannel .graph-area .layout_graph.type-config {
    padding-right: 15px;
}

/* 2025-01-17 */

.bod-section .config-pannel .graph-area .unit {
    color: #777;
    text-align: right;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 28px;
}

@media all and (max-width: 1023px) {
    .bod-section .config-pannel .graph-area .unit {
        font-size: 12px;
        line-height: 1.3;
        margin-bottom: 14px;
    }
}

/* 2025-01-17 */

.bod-section .config-pannel .graph-area .layout_graph.type-config .name,
.bod-section .skill-pannel .graph-area .layout_graph.type-config .name {
    width: 96px;
}

.bod-section .config-pannel .graph-area .layout_graph.type-gender,
.bod-section .skill-pannel .graph-area .layout_graph.type-gender {
    padding-left: 15px;
}

.bod-section .config-pannel .graph-area .layout_graph.type-gender .img-box,
.bod-section .skill-pannel .graph-area .layout_graph.type-gender .img-box {
    margin-left: 50px;
}

.bod-section .config-pannel .graph-area .layout_graph.type-gender .txt-box,
.bod-section .skill-pannel .graph-area .layout_graph.type-gender .txt-box {
    left: calc(60% + 75px);
}

@media all and (max-width: 1023px) {
    .bod-section .config-pannel .graph-area .layout_graph,
    .bod-section .skill-pannel .graph-area .layout_graph {
        width: 100%;
    }
    .bod-section .config-pannel .graph-area .layout_graph .img-box,
    .bod-section .skill-pannel .graph-area .layout_graph .img-box {
        width: 52%;
        max-width: 140px;
    }
    .bod-section .config-pannel .graph-area .layout_graph .img-box img,
    .bod-section .skill-pannel .graph-area .layout_graph .img-box img {
        width: 100%;
    }
    .bod-section .config-pannel .graph-area .layout_graph .txt-box,
    .bod-section .skill-pannel .graph-area .layout_graph .txt-box {
        left: calc(52% + 10px) !important;
    }
    .bod-section .config-pannel .graph-area .layout_graph.type-config,
    .bod-section .skill-pannel .graph-area .layout_graph.type-config {
        padding-right: 0px;
    }
    .bod-section .config-pannel .graph-area .layout_graph.type-config .txt-box .name,
    .bod-section .skill-pannel .graph-area .layout_graph.type-config .txt-box .name {
        width: 75px;
    }
    .bod-section .config-pannel .graph-area .layout_graph.type-gender,
    .bod-section .skill-pannel .graph-area .layout_graph.type-gender {
        padding-left: 0px;
        margin-top: 20px;
    }
    .bod-section .config-pannel .graph-area .layout_graph.type-gender .img-box,
    .bod-section .skill-pannel .graph-area .layout_graph.type-gender .img-box {
        margin-left: 0;
    }
    .bod-section .config-pannel .graph-area .layout_graph.type-gender .txt-box,
    .bod-section .skill-pannel .graph-area .layout_graph.type-gender .txt-box {
        margin: 0;
    }
}

.bod-section .config-pannel .graph-area {
    padding: 60px 6.12%;
}

@media all and (max-width: 1023px) {
    .bod-section .config-pannel .graph-area {
        padding: 30px 6.12%;
    }
    .bod-section .config-pannel .graph-box {
        padding: 30px 9.6%;
    }
    .bod-section .config-pannel .graph-box img {
        max-width: 385px;
        margin: auto;
    }
}

.bod-section .skill-pannel .graph-area {
    padding: 60px 8.17%;
}

@media all and (max-width: 1023px) {
    .bod-section .skill-pannel .graph-box {
        padding: 30px 30px;
        text-align: center;
    }
    .bod-section .skill-pannel .graph-box .scroll-typeX img {
        min-width: 100%;
        width: auto;
        max-width: 650px;
    }
}

/* 경영철학(SKMS) */

.subsidiary_management-section .section-wrap {
    padding: 120px 0;
}

.subsidiary_management-section .section-wrap .con_title {
    padding-bottom: 78px;
    font-size: 36px;
    font-weight: 700;
    color: #222;
}

.subsidiary_management-section .section-wrap .con_box-area {
    padding-bottom: 80px;
}

.subsidiary_management-section .section-wrap .con_box-area .typo-box .title {
    padding: 5px 0 15px;
    font-size: 28px;
    font-weight: 700;
    color: #222;
}

.subsidiary_management-section .section-wrap .con_box-area .typo-box .desc {
    font-size: 18px;
    line-height: 1.6;
}

.subsidiary_management-section .section-wrap .con_box-area .img-box img {
    width: 100%;
}

.subsidiary_management-section .section-wrap .con_box-area .btn-box {
    margin-top: 100px;
    text-align: left;
}

@media all and (max-width: 1023px) {
    .subsidiary_management-section .section-wrap {
        padding: 60px 0;
    }
    .subsidiary_management-section .section-wrap .con_title {
        padding-bottom: 40px;
        font-size: 26px;
    }
    .subsidiary_management-section .section-wrap .con_box-area {
        padding-bottom: 0;
    }
    .subsidiary_management-section .section-wrap .con_box-area .typo-box .title {
        padding: 30px 0 15px;
        font-size: 18px;
    }
    .subsidiary_management-section .section-wrap .con_box-area .typo-box .desc {
        font-size: 13px;
    }
    .subsidiary_management-section .section-wrap .con_box-area .btn-box {
        margin-top: 60px;
    }
}

.subsidiary_management-section .content_sk {
    padding-bottom: 20px;
}

@media all and (max-width: 1023px) {
    .subsidiary_management-section .content_sk {
        padding: 0;
    }
}

.subsidiary_management-section .content_sk .con_box-area .typo-box .title {
    padding: 5px 0 20px;
}

@media all and (max-width: 1023px) {
    .subsidiary_management-section .content_sk .con_box-area .typo-box .title {
        padding: 25px 0 10px;
    }
}

.subsidiary_management-section .content_sk .area-top .img-box {
    float: left;
    width: 50%;
    padding-right: 15px;
}

.subsidiary_management-section .content_sk .area-top .typo-box {
    float: left;
    width: 50%;
    padding-left: 45px;
}

@media all and (max-width: 1023px) {
    .subsidiary_management-section .content_sk .area-top {
        padding-bottom: 60px;
    }
    .subsidiary_management-section .content_sk .area-top .typo-box {
        width: 100%;
        padding: 0;
    }
    .subsidiary_management-section .content_sk .area-top .img-box {
        float: none;
        width: 100%;
        padding: 0;
    }
    .subsidiary_management-section .content_sk .area-top .img-box img {
        width: 100%;
    }
}

.subsidiary_management-section .content_sk .area-bottom .typo-box {
    float: left;
    width: 50%;
    padding-right: 80px;
}

.subsidiary_management-section .content_sk .area-bottom .typo-box .word {
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
}

.subsidiary_management-section .content_sk .area-bottom .img-box {
    float: right;
    width: 50%;
    padding-left: 15px;
}

@media all and (max-width: 1023px) {
    .subsidiary_management-section .content_sk .area-bottom {
        padding-bottom: 50px;
    }
    .subsidiary_management-section .content_sk .area-bottom .typo-box {
        width: 100%;
        padding: 0;
    }
    .subsidiary_management-section .content_sk .area-bottom .img-box {
        float: none;
        width: 100%;
        padding-left: 0;
    }
    .subsidiary_management-section .content_sk .area-bottom .img-box img {
        width: 100%;
    }
}

@media all and (max-width: 1023px) {
    .subsidiary_management-section .content_management .con_title {
        padding-bottom: 0;
    }
}

.subsidiary_management-section .content_management .con_box-area::after {
    content: "";
    display: block;
    clear: both;
}

.subsidiary_management-section .content_management .con_box-area .float_typo {
    float: left;
}

.subsidiary_management-section .content_management .con_box-area .float_typo .typo-box {
    padding: 0 53px 60px 0;
}

.subsidiary_management-section .content_management .con_box-area .float_typo .typo-box .exp {
    margin-top: 35px;
    font-size: 16px;
    color: #777;
}

.subsidiary_management-section .content_management .con_box-area .float_typo .pd_none {
    padding-bottom: 0;
}

.subsidiary_management-section .content_management .con_box-area .img-box {
    float: right;
    text-align: center;
    padding-left: 54px;
}

.subsidiary_management-section .content_management .con_box-area .img-box img {
    width: 100%;
}

@media all and (max-width: 1023px) {
    .subsidiary_management-section .content_management .con_box-area .float_typo {
        float: none;
    }
    .subsidiary_management-section .content_management .con_box-area .float_typo .typo-box {
        padding: 0;
    }
    .subsidiary_management-section .content_management .con_box-area .float_typo .typo-box .exp {
        margin-top: 15px;
        font-size: 12px;
    }
    .subsidiary_management-section .content_management .con_box-area .img-box {
        float: none;
        max-width: 320px;
        margin: 0 auto;
        padding: 35px 0 55px;
    }
}

.subsidiary_management-section .content_principle .con_title {
    padding-bottom: 40px;
}

@media all and (max-width: 1023px) {
    .subsidiary_management-section .content_principle .con_title {
        padding-bottom: 20px;
    }
}

.subsidiary_management-section .content_principle .con_box-area {
    padding-bottom: 0;
}

.subsidiary_management-section .content_principle .con_box-area::after {
    content: "";
    display: block;
    clear: both;
}

.subsidiary_management-section .content_principle .con_box-area .float_typo {
    float: left;
}

.subsidiary_management-section .content_principle .con_box-area .float_typo .typo-box {
    padding-right: 15px;
}

.subsidiary_management-section .content_principle .con_box-area .typo-box {
    padding: 0 0 40px;
}

.subsidiary_management-section .content_principle .con_box-area .img-box {
    float: right;
    padding-top: 10px;
    text-align: center;
    padding-left: 50px;
}

.subsidiary_management-section .content_principle .con_box-area .img-box img {
    width: auto;
}

@media all and (max-width: 1023px) {
    .subsidiary_management-section .content_principle .con_box-area .float_typo {
        float: none;
    }
    .subsidiary_management-section .content_principle .con_box-area .float_typo .typo-box {
        padding: 0 0 35px;
    }
    .subsidiary_management-section .content_principle .con_box-area .img-box {
        float: none;
        padding: 0;
        max-width: 220px;
        margin: 0 auto;
    }
    .subsidiary_management-section .content_principle .con_box-area .img-box img {
        width: 100%;
    }
}

.subsidiary_management-section .content_principle .vwbe-area .rowfloat {
    margin-top: 80px;
}

@media all and (max-width: 1023px) {
    .subsidiary_management-section .content_principle .vwbe-area .rowfloat {
        margin-top: 0px;
    }
    .subsidiary_management-section .content_principle .vwbe-area .typo-box {
        padding: 0;
    }
    .subsidiary_management-section .content_principle .vwbe-area .img-box {
        float: none;
        padding: 0;
        max-width: 320px;
        margin: 0 auto;
    }
    .subsidiary_management-section .content_principle .vwbe-area .img-box img {
        width: 100%;
    }
}

/* 연혁 */

.history_visual-section {
    margin-top: 120px;
}

@media all and (max-width: 1023px) {
    .history_visual-section {
        margin-top: 48px;
    }
}

.history_visual-section .section-wrap.scroll_active .typo-area .year-box {
    opacity: 1;
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.history_visual-section .section-wrap.scroll_active .typo-area .desc-box {
    opacity: 1;
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.history_visual-section .history_gallery.scroll_active .gallery-inner .gallery_container {
    opacity: 1;
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.history_visual-section .history_gallery.scroll_active .arrow_navi {
    opacity: 1;
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.history_visual-section .typo-area {
    background-color: #fff;
}

.history_visual-section .typo-area .year-box {
    text-align: center;
    margin-bottom: 50px;
    opacity: 0;
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.history_visual-section .typo-area .year-box span {
    font-size: 46px;
    font-weight: 800;
    color: #222222;
    line-height: 50px;
}

@media all and (max-width: 1023px) {
    .history_visual-section .typo-area .year-box {
        margin-bottom: 20px;
    }
    .history_visual-section .typo-area .year-box span {
        font-size: 29px;
        font-weight: 700;
        line-height: 40px;
    }
}

.history_visual-section .typo-area .desc-box {
    opacity: 0;
    display: flex;
    background-color: #eef5e4;
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    transition-delay: 0.2s;
}

.history_visual-section .typo-area .desc-box .img-blk {
    /*width:376px;*/
    width: 475px;
}

.history_visual-section .typo-area .desc-box .img-blk img {
    width: 100%;
}

.history_visual-section .typo-area .desc-box .text-blk {
    display: flex;
    flex: 1 1 0;
    justify-content: center;
    align-items: center;
    padding: 0 5.5%;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    line-height: 1.5;
    text-align: center;
}

@media all and (max-width: 1279px) {
    .history_visual-section .typo-area .desc-box .text-blk {
        padding: 0 2%;
        font-size: 23px;
        letter-spacing: -1px;
    }
}

@media all and (max-width: 1023px) {
    .history_visual-section .typo-area .desc-box {
        flex-direction: column;
    }
    .history_visual-section .typo-area .desc-box .img-blk {
        width: 100%;
    }
    .history_visual-section .typo-area .desc-box .text-blk {
        width: 100%;
        padding: 90px 40px;
        font-size: 17px;
        line-height: 27px;
        min-height: 340px;
        justify-content: center;
        text-align: center;
        letter-spacing: -0.4px;
        white-space: normal;
        word-wrap: break-word;
        word-break: keep-all;
    }
}

/* 2024-10-23 */

.history_visual-section .typo-area .desc-box .text-blk2 {
    display: flex;
    flex: 1 1 0;
    justify-content: center;
    align-items: center;
    padding: 0 5.5%;
    font-size: 24px;
    font-weight: 600;
    width: 100%;
    height: 309px;
    color: #fff;
    line-height: 1.5;
    text-align: center;
}

.history_visual-section .history_gallery .swiper-slide:nth-child(1) .text-blk2 {
    background-image: url("/resources/images/company/history-slide-5_bg.jpg");
    background-repeat: repeat-x;
}

@media all and (max-width: 1023px) {
    .history_visual-section .typo-area .desc-box .text-blk2 {
        width: 100%;
        padding: 90px 40px;
        font-size: 17px;
        line-height: 27px;
        min-height: 636px;
        justify-content: center;
        text-align: center;
        letter-spacing: -0.4px;
        white-space: normal;
        word-wrap: break-word;
        word-break: keep-all;
    }
    .history_visual-section .history_gallery .swiper-slide:nth-child(1) .text-blk2 {
        background-image: url("/resources/images/company/history-slide-5_bg_m.jpg");
        background-repeat: repeat-x;
    }
}

/* 2024-10-23 */

.history_visual-section .history_typo_gallery .prev,
.history_visual-section .history_typo_gallery .next {
    display: none;
}

.history_visual-section .history_gallery .gallery-inner {
    position: relative;
}

.history_visual-section .history_gallery .gallery-inner .gallery_container {
    overflow: hidden;
    /* @include transform( scaleX(0) ); */
    opacity: 0;
    -moz-transform: translateY(20%);
    -o-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    transition-delay: 0.4s;
}

.history_visual-section .history_gallery .swiper-slide .img-box img {
    width: 100%;
}

.history_visual-section .history_gallery .swiper-slide .text-blk {
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.history_visual-section .history_gallery .swiper-slide:nth-child(1) .text-blk {
    background-image: url("/resources/images/company/history-slide-5_bg.jpg");
}

.history_visual-section .history_gallery .swiper-slide:nth-child(2) .text-blk {
    background-image: url("/resources/images/company/history-slide-4_bg.jpg");
}

.history_visual-section .history_gallery .swiper-slide:nth-child(3) .text-blk {
    background-image: url("/resources/images/company/history-slide-3_bg.jpg");
}

.history_visual-section .history_gallery .swiper-slide:nth-child(4) .text-blk {
    background-image: url("/resources/images/company/history-slide-2_bg.jpg");
}

.history_visual-section .history_gallery .swiper-slide:nth-child(5) .text-blk {
    background-image: url("/resources/images/company/history-slide-1_bg.jpg");
}

.history_visual-section .history_gallery .swiper-slide:nth-child(6) .text-blk {
    background-image: url("/resources/images/company/history-slide-0_bg.jpg");
}

@media all and (max-width: 1023px) {
    .history_visual-section .history_gallery .swiper-slide:nth-child(1) .text-blk {
        background-image: url("/resources/images/company/history-slide-5_bg-mb.jpg");
    }
    .history_visual-section .history_gallery .swiper-slide:nth-child(2) .text-blk {
        background-image: url("/resources/images/company/history-slide-4_bg-mb.jpg");
    }
    .history_visual-section .history_gallery .swiper-slide:nth-child(3) .text-blk {
        background-image: url("/resources/images/company/history-slide-3_bg-mb.jpg");
    }
    .history_visual-section .history_gallery .swiper-slide:nth-child(4) .text-blk {
        background-image: url("/resources/images/company/history-slide-2_bg-mb.jpg");
    }
    .history_visual-section .history_gallery .swiper-slide:nth-child(5) .text-blk {
        background-image: url("/resources/images/company/history-slide-1_bg-mb.jpg");
    }
    .history_visual-section .history_gallery .swiper-slide:nth-child(6) .text-blk {
        background-image: url("/resources/images/company/history-slide-0_bg-mb.jpg");
    }
}

.history_visual-section .history_gallery .arrow_navi {
    position: absolute;
    /*top: 220px;*/
    top: 250px;
    z-index: 3;
    width: 100%;
    opacity: 0;
    -moz-transform: translateY(20%);
    -o-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
    -webkit-transition: all 0.5 ease-out;
    -moz-transition: all 0.5 ease-out;
    -ms-transition: all 0.5 ease-out;
    -o-transition: all 0.5 ease-out;
    transition: all 0.5 ease-out;
    transition-delay: 0.6s;
}

.history_visual-section .history_gallery .arrow_navi .prev,
.history_visual-section .history_gallery .arrow_navi .next {
    font-size: 0;
    position: absolute;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 65px;
    height: 65px;
    background-color: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 50%;
    box-sizing: border-box;
}

.history_visual-section .history_gallery .arrow_navi .prev.swiper-button-disabled::before,
.history_visual-section .history_gallery .arrow_navi .next.swiper-button-disabled::before {
    opacity: 0.4;
}

.history_visual-section .history_gallery .arrow_navi .prev::before,
.history_visual-section .history_gallery .arrow_navi .next::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.history_visual-section .history_gallery .arrow_navi .prev {
    left: -96px;
}

.history_visual-section .history_gallery .arrow_navi .prev::before {
    background-image: url(../images/common/sp_icons.png?v=2023_125_1337);
    background-position: -114px -278px;
    width: 40px;
    height: 40px;
}

.history_visual-section .history_gallery .arrow_navi .prev:hover {
    border: 1px solid #b3cf0a;
}

.history_visual-section .history_gallery .arrow_navi .prev:hover::before {
    background-image: url(../images/common/sp_icons.png?v=2023_125_1337);
    background-position: -273px -220px;
    width: 40px;
    height: 40px;
}

.history_visual-section .history_gallery .arrow_navi .next {
    right: -96px;
}

.history_visual-section .history_gallery .arrow_navi .next::before {
    background-image: url(../images/common/sp_icons.png?v=2023_125_1337);
    background-position: -420px -366px;
    width: 40px;
    height: 40px;
}

.history_visual-section .history_gallery .arrow_navi .next:hover {
    border: 1px solid #b3cf0a;
}

.history_visual-section .history_gallery .arrow_navi .next:hover::before {
    background-image: url(../images/common/sp_icons.png?v=2023_125_1337);
    background-position: -568px -490px;
    width: 40px;
    height: 40px;
}

@media all and (max-width: 1450px) {
    .history_visual-section .history_gallery .arrow_navi .prev {
        left: -32.5px;
    }
    .history_visual-section .history_gallery .arrow_navi .prev::before {
        background-image: url(../images/common/sp_icons.png?v=2023_125_1337);
        background-position: -114px -278px;
        width: 40px;
        height: 40px;
    }
    .history_visual-section .history_gallery .arrow_navi .next {
        right: -32.5px;
    }
    .history_visual-section .history_gallery .arrow_navi .next::before {
        background-image: url(../images/common/sp_icons.png?v=2023_125_1337);
        background-position: -420px -366px;
        width: 40px;
        height: 40px;
    }
}

@media all and (max-width: 1023px) {
    .history_visual-section .history_gallery .arrow_navi .prev,
    .history_visual-section .history_gallery .arrow_navi .next {
        display: none;
    }
}

.history_visual-section .history_gallery .pagination {
    padding-top: 30px;
    font-size: 0;
    text-align: center;
}

.history_visual-section .history_gallery .pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background-color: #dedede;
    opacity: 1;
}

.history_visual-section .history_gallery .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #b3cf0a;
    opacity: 1;
}

@media all and (max-width: 1023px) {
    .history_visual-section .history_gallery .pagination {
        padding-bottom: 24px;
    }
}

.history_visual-section .history_year_con {
    background-color: #fff;
}

.history_visual-section .history_year_con .history_year_con-inner {
    padding: 60px 0 calc(100vh - 544px);
}

.history_visual-section .history_year_con .history_year_con-inner .history_year_con-item {
    display: none;
}

.history_visual-section .history_year_con .history_year_con-inner .history_year_con-item.active {
    display: block;
}

@-webkit-keyframes fadeinItme {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@media all and (max-width: 1023px) {
    .history_visual-section .history_year_con .history_year_con-inner {
        padding: 0 0 32px;
    }
}

.history_visual-section .history_year_con .history_year_con-inner .rowflex {
    min-height: 100px;
}

.history_visual-section .history_year_con .history_year_con-inner .rowflex .col-auto:first-child {
    width: 220px;
}

.history_visual-section .history_year_con .history_year_con-inner .rowflex .col-auto:last-child {
    width: calc(100% - 220px);
    padding-left: 6.9373%;
}

@media all and (max-width: 1023px) {
    .history_visual-section .history_year_con .history_year_con-inner .rowflex .col-auto:first-child {
        display: none;
    }
    .history_visual-section .history_year_con .history_year_con-inner .rowflex .col-auto:last-child {
        width: 100%;
        padding-left: 0;
    }
}

.history_visual-section .year-area {
    background-color: #fff;
    min-height: 400px;
}

.history_visual-section .year-area .area-inner {
    padding: 78px 0;
    overflow: hidden;
    margin-top: -50px;
    height: 490px;
    background-color: #fff;
}

.history_visual-section .year-area .area-inner::before,
.history_visual-section .year-area .area-inner::after {
    content: "";
    display: block;
    width: 100%;
    height: 50px;
    position: absolute;
}

.history_visual-section .year-area .area-inner::before {
    top: 0;
    background-image: linear-gradient(to top, rgba(255, 0, 0, 0), rgb(255, 255, 255));
}

.history_visual-section .year-area .area-inner::after {
    bottom: 0;
    background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgb(255, 255, 255));
}

.history_visual-section .year-area ul.year-list {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.history_visual-section .year-area li.active span {
    color: #55a30f;
}

.history_visual-section .year-area a {
    display: block;
    cursor: default;
}

.history_visual-section .year-area span {
    display: block;
    font-size: 84px;
    font-weight: bold;
    color: #939393;
    line-height: 110px;
}

@media all and (max-width: 1023px) {
    .history_visual-section .year-area .area-inner {
        display: none;
    }
}

.history_visual-section .history-area .history-article+.history-article {
    margin-top: 125px;
}

@media all and (max-width: 1023px) {
    .history_visual-section .history-area .history-article+.history-article {
        margin-top: 0px;
    }
}

.history_visual-section .history-area .history-article:first-child.under .month span {
    color: #16873e;
}

.history_visual-section .history-area .history-article:first-child.pass .month span {
    color: #555;
}

.history_visual-section .history-area .history-article:first-child .history_con:nth-child(2)::before {
    display: none;
}

.history_visual-section .history-area .history-article.active .month span,
.history_visual-section .history-area .history-article.over .month span {
    color: #16873e;
}

.history_visual-section .history-area .history-article.active .history li::before,
.history_visual-section .history-area .history-article.over .history li::before {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
    width: 4px;
    height: 4px;
    background-color: #555;
}

.history_visual-section .history-area .history-article.active .history li span,
.history_visual-section .history-area .history-article.over .history li span {
    color: #555;
}

@media all and (max-width: 1023px) {
    .history_visual-section .history-area .history-article.active .history li::before,
    .history_visual-section .history-area .history-article.over .history li::before {
        content: "";
        display: block;
        position: absolute;
        top: 8px;
        left: 0;
        width: 4px;
        height: 4px;
        background-color: #555;
    }
    .history_visual-section .history-area .history-article.active .history li span,
    .history_visual-section .history-area .history-article.over .history li span {
        color: #555;
    }
}

.history_visual-section .history-area .history-article .history_year {
    display: none;
}

@media all and (max-width: 1023px) {
    .history_visual-section .history-area .history-article .history_year {
        display: block;
        font-size: 52px;
        font-weight: 700;
        color: #55a30f;
        padding: 32px 0 0px;
    }
}

.history_visual-section .history-area .history-article .history_con {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 45px 0;
}

.history_visual-section .history-area .history-article .history_con::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: #dedede;
}

.history_visual-section .history-area .history-article .history_con:last-child::after {
    display: none;
}

.history_visual-section .history-area .history-article .history_con .month {
    flex: 0 0 auto;
    width: 58px;
}

.history_visual-section .history-area .history-article .history_con .history {
    flex: 0 0 auto;
    width: calc(100% - 58px);
}

@media all and (max-width: 1023px) {
    .history_visual-section .history-area .history-article .history_con {
        padding: 28px 0;
    }
    .history_visual-section .history-area .history-article .history_con:nth-child(2)::before {
        display: none;
    }
    .history_visual-section .history-area .history-article .history_con .month {
        width: 50px;
    }
}

.history_visual-section .history-area .month span {
    font-size: 24px;
    color: #999;
    font-weight: 600;
    line-height: 28px;
}

@media all and (max-width: 1023px) {
    .history_visual-section .history-area .month span {
        font-size: 17px;
        line-height: 21px;
    }
}

.history_visual-section .history-area .history li+li {
    margin-top: 20px;
}

.history_visual-section .history-area .history li {
    position: relative;
    padding-left: 13px;
}

.history_visual-section .history-area .history li::before {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
    width: 4px;
    height: 4px;
    background-color: #777;
}

.history_visual-section .history-area .history li::before {
    border-radius: 50%;
}

.history_visual-section .history-area .history li span {
    font-size: 18px;
    color: #777;
    font-weight: 500;
    line-height: 28px;
}

@media all and (max-width: 1023px) {
    .history_visual-section .history-area .history li+li {
        margin-top: 16px;
    }
    .history_visual-section .history-area .history li {
        padding-left: 10px;
    }
    .history_visual-section .history-area .history li::before {
        content: "";
        display: block;
        position: absolute;
        top: 8px;
        left: 0;
        width: 4px;
        height: 4px;
        background-color: #777;
    }
    .history_visual-section .history-area .history li::before {
        border-radius: 50%;
    }
    .history_visual-section .history-area .history li span {
        font-size: 13px;
        line-height: 21px;
    }
}

/* RND */

.rnd-section {
    padding: 120px 0;
}

.rnd-section em.only-pc {
    display: inline !important;
}

.rnd-section em.only-mb {
    display: none !important;
}

@media all and (max-width: 1023px) {
    .rnd-section {
        padding: 40px 0 60px;
    }
    .rnd-section em.only-pc {
        display: none !important;
    }
    .rnd-section em.only-mb {
        display: inline !important;
    }
}

.rnd-section [class$=-pannel] .p-header {
    margin-bottom: 50px;
}

.rnd-section [class$=-pannel] .p-header .text-area .title {
    color: #222;
    font-size: 36px;
    font-weight: 700;
    line-height: 50px;
}

@media all and (max-width: 1023px) {
    .rnd-section [class$=-pannel] .p-header {
        margin-bottom: 25px;
    }
    .rnd-section [class$=-pannel] .p-header .text-area .title {
        font-size: 21px;
        line-height: 35px;
    }
}

.rnd-section .major-wrap .img_btn-area .img_btn-box,
.rnd-section .skon-wrap .img_btn-area .img_btn-box {
    margin: auto;
}

.rnd-section .major-wrap .img_btn-area .img_btn-box img,
.rnd-section .skon-wrap .img_btn-area .img_btn-box img {
    width: 100%;
}

.rnd-section .major-wrap .sect-area,
.rnd-section .skon-wrap .sect-area {
    margin-top: 80px;
}

.rnd-section .major-wrap .sect-area .rowflex.flexwrap>div:nth-child(1),
.rnd-section .skon-wrap .sect-area .rowflex.flexwrap>div:nth-child(1) {
    padding-right: 1.4%;
}

.rnd-section .major-wrap .sect-area .rowflex.flexwrap>div:nth-child(2),
.rnd-section .skon-wrap .sect-area .rowflex.flexwrap>div:nth-child(2) {
    padding-left: 1.4%;
}

.rnd-section .major-wrap .sect-area .sect-box,
.rnd-section .skon-wrap .sect-area .sect-box {
    min-height: 228px;
    border: 1px solid #dedede;
    padding: 54px 4.576%;
}

.rnd-section .major-wrap .sect-area .sect-box .major_info,
.rnd-section .major-wrap .sect-area .sect-box .skon_info,
.rnd-section .skon-wrap .sect-area .sect-box .major_info,
.rnd-section .skon-wrap .sect-area .sect-box .skon_info {
    display: flex;
}

.rnd-section .major-wrap .sect-area .sect-box .major_info .img-blk img,
.rnd-section .major-wrap .sect-area .sect-box .skon_info .img-blk img,
.rnd-section .skon-wrap .sect-area .sect-box .major_info .img-blk img,
.rnd-section .skon-wrap .sect-area .sect-box .skon_info .img-blk img {
    margin-top: 6px;
}

.rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk.title-environment .mark_star-item::before,
.rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk.title-environment .mark_star-item::before,
.rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk.title-environment .mark_star-item::before,
.rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk.title-environment .mark_star-item::before {
    text-align: center;
}

.rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk .title,
.rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk .title,
.rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk .title,
.rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk .title {
    display: block;
    color: #222;
    font-size: 28px;
    font-weight: 600;
    line-height: 40px;
}

.rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk .info,
.rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk .info,
.rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk .info,
.rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk .info {
    display: block;
    color: #777;
    font-size: 16px;
    line-height: 34px;
    margin-top: 8px;
}

.rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk .items,
.rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk .items,
.rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk .items,
.rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk .items {
    /*display:flex; flex-wrap:wrap;*/
    margin-top: 14px;
    font-size: 0;
}

.rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk .items .item,
.rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk .items .item,
.rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk .items .item,
.rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk .items .item {
    display: inline-block;
    position: relative;
    color: #16873e;
    font-size: 20px;
    line-height: 34px;
    /* margin-right:15px; padding-right:15px;
  @include list-div_bar(8px, 100%, 18px, #ccc); */
}

.rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk .items .item::after,
.rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk .items .item::after,
.rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk .items .item::after,
.rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk .items .item::after {
    content: "";
    display: inline-block;
    margin: 8px 15px 0;
    width: 1px;
    height: 18px;
    background-color: #ccc;
    vertical-align: top;
}

.rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk .items .item:last-child,
.rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk .items .item:last-child,
.rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk .items .item:last-child,
.rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk .items .item:last-child {
    margin-right: 0;
    padding-right: 0;
}

.rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk .items .item:last-child::before,
.rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk .items .item:last-child::before,
.rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk .items .item:last-child::before,
.rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk .items .item:last-child::before {
    display: none;
}

.rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk .items .item:last-child::after,
.rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk .items .item:last-child::after,
.rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk .items .item:last-child::after,
.rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk .items .item:last-child::after {
    display: none;
}

.rnd-section .major-wrap .sect-area .sect-box .detail_text,
.rnd-section .skon-wrap .sect-area .sect-box .detail_text {
    color: #555;
    font-size: 18px;
    line-height: 30px;
    padding-right: 5.769%;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
}

.rnd-section .major-wrap .sect-area .sect-box+.sect-box,
.rnd-section .skon-wrap .sect-area .sect-box+.sect-box {
    margin-top: 30px;
}

@media all and (max-width: 1023px) {
    .rnd-section .major-wrap .sect-area,
    .rnd-section .skon-wrap .sect-area {
        margin-top: 40px;
    }
    .rnd-section .major-wrap .sect-area .rowflex.flexwrap>div:nth-child(1),
    .rnd-section .major-wrap .sect-area .rowflex.flexwrap>div:nth-child(2),
    .rnd-section .skon-wrap .sect-area .rowflex.flexwrap>div:nth-child(1),
    .rnd-section .skon-wrap .sect-area .rowflex.flexwrap>div:nth-child(2) {
        padding: 0px;
    }
    .rnd-section .major-wrap .sect-area .sect-box,
    .rnd-section .skon-wrap .sect-area .sect-box {
        padding: 28px 28px;
        min-height: auto;
    }
    .rnd-section .major-wrap .sect-area .sect-box .major_info,
    .rnd-section .major-wrap .sect-area .sect-box .skon_info,
    .rnd-section .skon-wrap .sect-area .sect-box .major_info,
    .rnd-section .skon-wrap .sect-area .sect-box .skon_info {
        display: flex;
    }
    .rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk,
    .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk,
    .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk,
    .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk {
        padding-left: 0%;
    }
    .rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk .title,
    .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk .title,
    .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk .title,
    .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk .title {
        font-size: 18px;
        line-height: 29px;
    }
    .rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk .info,
    .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk .info,
    .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk .info,
    .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk .info {
        font-size: 12px;
        line-height: 19px;
        margin-top: 2px;
    }
    .rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk .items,
    .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk .items,
    .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk .items,
    .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk .items {
        margin-top: 2px;
        display: flex;
        flex-wrap: wrap;
    }
    .rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk .items .item,
    .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk .items .item,
    .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk .items .item,
    .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk .items .item {
        font-size: 14px;
        line-height: 22px;
        /* margin-right:10px; padding-right:10px;
    @include list-div_bar(5px, 100%, 12px, #ccc);*/
    }
    .rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk .items .item::after,
    .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk .items .item::after,
    .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk .items .item::after,
    .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk .items .item::after {
        content: "";
        display: inline-block;
        margin: 5px 10px 0;
        width: 1px;
        height: 12px;
        background-color: #ccc;
        vertical-align: top;
    }
    .rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk .items .item:last-child,
    .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk .items .item:last-child,
    .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk .items .item:last-child,
    .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk .items .item:last-child {
        margin-right: 0;
        padding-right: 0;
    }
    .rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk .items .item:last-child::before,
    .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk .items .item:last-child::before,
    .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk .items .item:last-child::before,
    .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk .items .item:last-child::before {
        display: none;
    }
    .rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk .items .item:last-child::after,
    .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk .items .item:last-child::after,
    .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk .items .item:last-child::after,
    .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk .items .item:last-child::after {
        display: none;
    }
    .rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk.title-plastics .items,
    .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk.title-plastics .items,
    .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk.title-plastics .items,
    .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk.title-plastics .items {
        display: block;
    }
    .rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk.title-plastics .item,
    .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk.title-plastics .item,
    .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk.title-plastics .item,
    .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk.title-plastics .item {
        display: block;
    }
    .rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk.title-plastics .item::before,
    .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk.title-plastics .item::before,
    .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk.title-plastics .item::before,
    .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk.title-plastics .item::before {
        display: none;
    }
    .rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk.title-environment .items,
    .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk.title-environment .items,
    .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk.title-environment .items,
    .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk.title-environment .items {
        display: block;
    }
    .rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk.title-environment .item:first-child,
    .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk.title-environment .item:first-child,
    .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk.title-environment .item:first-child,
    .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk.title-environment .item:first-child {
        display: block;
    }
    .rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk.title-environment .item:first-child::before,
    .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk.title-environment .item:first-child::before,
    .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk.title-environment .item:first-child::before,
    .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk.title-environment .item:first-child::before {
        display: none;
    }
    .rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk.title-oil .items,
    .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk.title-oil .items,
    .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk.title-oil .items,
    .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk.title-oil .items {
        display: block;
    }
    .rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk.title-oil .item:nth-child(2)::before,
    .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk.title-oil .item:nth-child(2)::before,
    .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk.title-oil .item:nth-child(2)::before,
    .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk.title-oil .item:nth-child(2)::before {
        display: none;
    }
    .rnd-section .major-wrap .sect-area .sect-box .detail_text,
    .rnd-section .skon-wrap .sect-area .sect-box .detail_text {
        font-size: 13px;
        line-height: 21px;
        padding-right: 0%;
        margin-top: 18px;
    }
    .rnd-section .major-wrap .sect-area .sect-box+.sect-box,
    .rnd-section .skon-wrap .sect-area .sect-box+.sect-box {
        margin-top: 16px;
    }
}

.rnd-section .major-pannel .p-body {
    margin-top: 20px;
}

.rnd-section .major-pannel .major-wrap .img_btn-area .img_btn-box {
    /*width:53.8071%;*/
    width: 636px;
}

.rnd-section .major-pannel .major-wrap .img_btn-area .img_btn-box img {
    display: block;
}

.rnd-section .major-pannel .major-wrap .img_btn-area .img_btn-box img.on {
    display: block;
}

.rnd-section .major-pannel .major-wrap .sect-area .major_info .title-blk {
    padding-left: 3.4%;
}

@media all and (max-width: 1023px) {
    .rnd-section .major-pannel .p-body {
        margin-top: 0px;
    }
    .rnd-section .major-pannel .major-wrap .img_btn-area .img_btn-box {
        width: 100%;
        max-width: 465px;
    }
    .rnd-section .major-pannel .major-wrap .img_btn-area .img_btn-box img {
        display: block;
    }
    .rnd-section .major-pannel .major-wrap .sect-area .major_info .img-blk img {
        height: 56px;
        transform: translate(-6px, 0px);
        margin-top: 2px;
    }
    .rnd-section .major-pannel .major-wrap .sect-area .major_info .title-blk {
        padding-left: 2%;
    }
}

.rnd-section .skon-pannel {
    margin-top: 95px;
}

.rnd-section .skon-pannel .skon-wrap {
    margin-top: 75px;
}

.rnd-section .skon-pannel .skon-wrap .img_btn-area .img_btn-box {
    width: 538px;
}

.rnd-section .skon-pannel .skon-wrap .sect-area .skon_info .img-blk {
    padding-left: 2%;
}

.rnd-section .skon-pannel .skon-wrap .sect-area .skon_info .title-blk {
    padding-left: 8.5%;
}

@media all and (max-width: 1023px) {
    .rnd-section .skon-pannel .skon-wrap {
        margin-top: 38px;
    }
    .rnd-section .skon-pannel .skon-wrap .img_btn-area .img_btn-box {
        width: 100%;
        max-width: 465px;
    }
    .rnd-section .skon-pannel .skon-wrap .sect-area .skon_info .img-blk {
        padding-left: 0%;
    }
    .rnd-section .skon-pannel .skon-wrap .sect-area .skon_info .img-blk img {
        height: 50px;
        transform: translate(-10px, 0px);
        margin-top: 0px;
    }
    .rnd-section .skon-pannel .skon-wrap .sect-area .skon_info .title-blk {
        padding-left: 4%;
    }
}

.rnd-section .skon-pannel .info-area {
    color: #555;
    font-size: 18px;
    line-height: 30px;
}

.rnd-section .skon-pannel .info-area .sub_title {
    margin-top: 40px;
    margin-bottom: -20px;
}

.rnd-section .skon-pannel .symbol-area {
    display: flex;
    justify-content: center;
    height: 340px;
    background: url("../images/company/skon-bg.jpg") no-repeat 50% 0;
    background-size: auto 100%;
}

.rnd-section .skon-pannel .symbol-area .symbol {
    padding: 60px 4.4% 0;
}

.rnd-section .skon-pannel .symbol-area .symbol>span {
    display: block;
    text-align: center;
}

.rnd-section .skon-pannel .symbol-area .symbol .img-box {
    width: 184px;
}

.rnd-section .skon-pannel .symbol-area .symbol .img-box img {
    width: 100%;
}

.rnd-section .skon-pannel .symbol-area .symbol .text-box {
    margin-top: 15px;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
}

.rnd-section .skon-pannel .info-area+.symbol-area {
    margin-top: 32px;
}

.rnd-section .skon-pannel .symbol-area+.info-area {
    margin-top: 34px;
}

@media all and (max-width: 1023px) {
    .rnd-section .skon-pannel {
        margin-top: 45px;
    }
    .rnd-section .skon-pannel .info-area {
        font-size: 13px;
        line-height: 21px;
    }
    .rnd-section .skon-pannel .info-area .sub_title {
        margin-top: 25px;
        margin-bottom: 20px;
    }
    .rnd-section .skon-pannel .symbol-area {
        display: block;
        text-align: center;
        height: auto;
        padding: 40px 0 35px;
        background: url("../images/company/skon-bg-mb.jpg") no-repeat 50% 50%;
        background-size: cover;
    }
    .rnd-section .skon-pannel .symbol-area .symbol {
        padding: 0;
        display: inline-block;
        width: 34.6875%;
        margin: 0px 6%;
    }
    .rnd-section .skon-pannel .symbol-area .symbol>span {
        display: inline-block;
    }
    .rnd-section .skon-pannel .symbol-area .symbol .img-box {
        width: 100%;
    }
    .rnd-section .skon-pannel .symbol-area .symbol .img-box img {
        max-width: 111px;
    }
    .rnd-section .skon-pannel .symbol-area .symbol .text-box {
        width: 100%;
        max-width: 111px;
        margin-top: 8px;
        font-size: 12px;
        line-height: 18px;
    }
    .rnd-section .skon-pannel .symbol-area .symbol:nth-child(1),
    .rnd-section .skon-pannel .symbol-area .symbol:nth-child(1) .img-box {
        text-align: right;
    }
    .rnd-section .skon-pannel .symbol-area .symbol:nth-child(2),
    .rnd-section .skon-pannel .symbol-area .symbol:nth-child(2) .img-box {
        text-align: left;
    }
    .rnd-section .skon-pannel .symbol-area .symbol:nth-child(3) {
        margin-top: 15px;
    }
    .rnd-section .skon-pannel .info-area+.symbol-area,
    .rnd-section .skon-pannel .symbol-area+.info-area {
        margin-top: 23px;
    }
}

.rnd-section .research-pannel {
    margin-top: 85px;
}

.rnd-section .research-pannel .p-body {
    margin-top: 10px;
}

.rnd-section .research-pannel .text-area .title {
    color: #222;
    font-size: 28px;
    font-weight: 700;
    line-height: 42px;
}

.rnd-section .research-pannel .text-area .desc {
    margin-top: 28px;
    color: #555;
    font-size: 18px;
    line-height: 30px;
    padding-right: 146px;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
}

.rnd-section .research-pannel .text-area .keyword {
    margin-top: 16px;
    color: #2b8f4f;
    font-size: 20px;
    line-height: 30px;
}

.rnd-section .research-pannel .text-area .keyword ul {
    display: flex;
}

.rnd-section .research-pannel .text-area .keyword ul li+li {
    position: relative;
    margin-left: 16px;
    padding-left: 16px;
}

.rnd-section .research-pannel .text-area .keyword ul li+li::before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 0px;
    width: 1px;
    height: 18px;
    background-color: #ccc;
}

.rnd-section .research-pannel .text-area+.text-area {
    margin-top: 66px;
}

.rnd-section .research-pannel .img-area {
    border: 1px solid #dedede;
    padding: 60px 0;
    margin-top: 75px;
}

.rnd-section .research-pannel .img-area img {
    width: 83.96%;
}

.rnd-section .research-pannel .img-area .rowflex>div {
    position: relative;
    text-align: center;
}

.rnd-section .research-pannel .img-area .rowflex>div+div::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-left: 1px dashed #dedede;
}

@media all and (max-width: 1023px) {
    .rnd-section .research-pannel {
        margin-top: 45px;
    }
    .rnd-section .research-pannel .p-body {
        margin-top: 0px;
    }
    .rnd-section .research-pannel .text-area .title {
        font-size: 18px;
        line-height: 29px;
    }
    .rnd-section .research-pannel .text-area .desc {
        margin-top: 17px;
        padding-right: 0;
        font-size: 13px;
        line-height: 21px;
    }
    .rnd-section .research-pannel .text-area .keyword {
        margin-top: 10px;
        font-size: 14px;
        line-height: 22px;
    }
    .rnd-section .research-pannel .text-area .keyword ul li+li {
        margin-left: 10px;
        padding-left: 10px;
    }
    .rnd-section .research-pannel .text-area .keyword ul li+li::before {
        content: "";
        display: block;
        position: absolute;
        top: 5px;
        left: 0px;
        width: 1px;
        height: 12px;
        background-color: #ccc;
    }
    .rnd-section .research-pannel .text-area+.text-area {
        margin-top: 30px;
    }
    .rnd-section .research-pannel .img-area {
        padding: 0 26px;
        margin-top: 36px;
    }
    .rnd-section .research-pannel .img-area img {
        width: auto;
        height: 235px;
    }
    .rnd-section .research-pannel .img-area .rowflex>div {
        padding: 30px 0;
    }
    .rnd-section .research-pannel .img-area .rowflex>div+div::before {
        left: 0;
        right: 0;
        top: 0;
        bottom: auto;
        border-left: none;
        border-top: 1px dashed #dedede;
    }
}

/* 글로벌 네트워크 */

.global_network-section {
    padding-top: 120px;
    padding-bottom: 120px;
    /* 국내 */
    /* 해외 */
    /* 지도 */
    /* 아코디언 레이아웃 */
    /* 리스트 아이템 */
}

@media all and (max-width: 1023px) {
    .global_network-section {
        padding-top: 48px;
        padding-bottom: 60px;
    }
}

.global_network-section.global_kor {
    padding-top: 50px;
    padding-bottom: 120px;
}

@media all and (max-width: 1023px) {
    .global_network-section.global_kor {
        padding-top: 20px;
        padding-bottom: 60px;
        /* 모바일 크기 확대-- */
    }
    .global_network-section.global_kor #kor_map_mb {
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-top: -20px;
    }
    .global_network-section.global_kor .global_accordion-wrap .country_kor.country-article {
        margin-top: 0;
    }
}

.global_network-section.global_world .section-wrap {
    background-image: url(/resources/images/company/global_network-world-pc.jpg);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 100%;
}

.global_network-section.global_world .section-wrap .global_visual {
    /* mobile : ~ 1023 */
    /* mobile : ~ 800 */
    /* mobile : ~ 500 */
    /* mobile : ~ 400 */
}

.global_network-section.global_world .section-wrap .global_visual .map-area {
    width: 100%;
    height: 0;
    padding-bottom: 57.0219%;
}

@media all and (max-width: 1023px) {
    .global_network-section.global_world .section-wrap .global_visual {
        margin-bottom: 5%;
    }
}

@media all and (max-width: 800px) {
    .global_network-section.global_world .section-wrap .global_visual {
        margin-bottom: 15%;
    }
}

@media all and (max-width: 500px) {
    .global_network-section.global_world .section-wrap .global_visual {
        margin-bottom: 25%;
    }
}

@media all and (max-width: 400px) {
    .global_network-section.global_world .section-wrap .global_visual {
        margin-bottom: 35%;
    }
}

.global_network-section.global_world .section-wrap .global_map .amc {
    cursor: pointer;
}

.global_network-section.global_world .section-wrap .global_map .amc:hover g.america_map path {
    fill: #d1e06a;
    filter: drop-shadow(3px 5px 10px rgba(0, 0, 0, 0.1));
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.global_network-section.global_world .section-wrap .global_map .amc:hover g[class^=america_dot] path {
    fill: #2b8e4f;
}

.global_network-section.global_world .section-wrap .global_map .amc.active g.america_map path {
    fill: #b3cf07;
    filter: drop-shadow(3px 5px 10px rgba(0, 0, 0, 0.1));
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.global_network-section.global_world .section-wrap .global_map .amc.active g[class^=america_dot] path {
    fill: #2b8e4f;
}

.global_network-section.global_world .section-wrap .global_map .as {
    cursor: pointer;
}

.global_network-section.global_world .section-wrap .global_map .as:hover g.asia_map path {
    fill: #d1e06a;
    filter: drop-shadow(3px 5px 10px rgba(0, 0, 0, 0.1));
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.global_network-section.global_world .section-wrap .global_map .as:hover g[class^=asia_dot] path {
    fill: #2b8e4f;
}

.global_network-section.global_world .section-wrap .global_map .as.active g.asia_map path {
    fill: #b3cf07;
    filter: drop-shadow(3px 5px 10px rgba(0, 0, 0, 0.1));
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.global_network-section.global_world .section-wrap .global_map .as.active g[class^=asia_dot] path {
    fill: #2b8e4f;
}

.global_network-section.global_world .section-wrap .global_map .eu {
    cursor: pointer;
}

.global_network-section.global_world .section-wrap .global_map .eu:hover g.europe_map path,
.global_network-section.global_world .section-wrap .global_map .eu.hover g.europe_map path {
    fill: #d1e06a;
    filter: drop-shadow(3px 5px 10px rgba(0, 0, 0, 0.1));
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.global_network-section.global_world .section-wrap .global_map .eu:hover g[class^=europe_dot] path,
.global_network-section.global_world .section-wrap .global_map .eu.hover g[class^=europe_dot] path {
    fill: #2b8e4f;
}

.global_network-section.global_world .section-wrap .global_map .eu.active g.europe_map path {
    fill: #b3cf07;
    filter: drop-shadow(3px 5px 10px rgba(0, 0, 0, 0.1));
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.global_network-section.global_world .section-wrap .global_map .eu.active g[class^=europe_dot] path {
    fill: #2b8e4f;
}

@media all and (min-width: 1280px) {
    .global_network-section.global_world .section-wrap {
        background-image: url(/resources/images/company/global_network-world.jpg);
        background-size: 1920px auto;
    }
}

.global_network-section .global_visual .map-area {
    position: relative;
}

.global_network-section .global_visual .map-area .global_map svg {
    transform: inherit !important;
}

.global_network-section .global_visual .map-area .number-box {
    display: none;
    padding: 10px 25px;
    background-color: #fff;
    border: 1px solid #dedede;
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.1), 1px 1px 6px 0 rgba(0, 0, 0, 0.1);
    /* mobile : ~ 1023 */
    /* mobile : ~ 800 */
    /* mobile : ~ 500 */
    /* mobile : ~ 400 */
}

.global_network-section .global_visual .map-area .number-box ul li {
    line-height: 38px;
}

.global_network-section .global_visual .map-area .number-box ul span {
    font-size: 18px;
    font-weight: 500;
    color: #555;
}

.global_network-section .global_visual .map-area .number-box ul em {
    position: relative;
    padding-left: 12px;
    margin-left: 10px;
    font-size: 18px;
    font-weight: 600;
    color: #16873e;
    text-decoration: underline;
}

.global_network-section .global_visual .map-area .number-box ul em::before {
    content: "";
    display: block;
    width: 1px;
    height: 13px;
    position: absolute;
    top: 5px;
    left: 0;
    background-color: #999;
}

@media all and (max-width: 1023px) {
    .global_network-section .global_visual .map-area .number-box {
        padding: 10px 15px;
    }
    .global_network-section .global_visual .map-area .number-box ul li {
        line-height: 24px;
    }
    .global_network-section .global_visual .map-area .number-box ul span {
        font-size: 12px;
        color: #222;
    }
    .global_network-section .global_visual .map-area .number-box ul em {
        padding-left: 7px;
        margin-left: 5px;
        font-size: 12px;
        color: #2ea358;
        text-decoration: none;
    }
    .global_network-section .global_visual .map-area .number-box ul em::before {
        height: 9px;
        top: 3px;
        left: 0;
    }
}

.global_network-section .global_visual .map-area .number-box.am-number {
    position: absolute;
    right: 245px;
    bottom: 20px;
}

.global_network-section .global_visual .map-area .number-box.eu-number {
    position: absolute;
    left: 50px;
    bottom: 60px;
}

.global_network-section .global_visual .map-area .number-box.as-number {
    position: absolute;
    right: 390px;
    bottom: 60px;
}

@media all and (max-width: 1023px) {
    .global_network-section .global_visual .map-area .number-box.am-number {
        width: 160px;
        left: 0;
        bottom: -5%;
    }
    .global_network-section .global_visual .map-area .number-box.eu-number {
        width: 160px;
        left: auto;
        right: 0;
        bottom: -5%;
    }
    .global_network-section .global_visual .map-area .number-box.as-number {
        width: 163px;
        right: 0;
        bottom: -5%;
    }
}

@media all and (max-width: 800px) {
    .global_network-section .global_visual .map-area .number-box.am-number {
        width: 160px;
        left: 0;
        bottom: -15%;
    }
    .global_network-section .global_visual .map-area .number-box.eu-number {
        width: 160px;
        left: auto;
        right: 0;
        bottom: -15%;
    }
    .global_network-section .global_visual .map-area .number-box.as-number {
        width: 163px;
        right: 0;
        bottom: -15%;
    }
}

@media all and (max-width: 500px) {
    .global_network-section .global_visual .map-area .number-box.am-number {
        width: 160px;
        left: 0;
        bottom: -20%;
    }
    .global_network-section .global_visual .map-area .number-box.eu-number {
        width: 160px;
        left: auto;
        right: 0;
        bottom: -20%;
    }
    .global_network-section .global_visual .map-area .number-box.as-number {
        width: 163px;
        right: 0;
        bottom: -20%;
    }
}

@media all and (max-width: 400px) {
    .global_network-section .global_visual .map-area .number-box.am-number {
        width: 160px;
        left: 0;
        bottom: -50%;
    }
    .global_network-section .global_visual .map-area .number-box.eu-number {
        width: 160px;
        left: auto;
        right: 0;
        bottom: -50%;
    }
    .global_network-section .global_visual .map-area .number-box.as-number {
        width: 163px;
        right: 0;
        bottom: -50%;
    }
}

.global_network-section .global_accordion-wrap .country-article {
    margin-top: 30px;
    /* 한국 */
}

.global_network-section .global_accordion-wrap .country-article.country_kor .workplace-area {
    display: block;
    border-top: 2px solid #222;
    border-bottom: 0px solid #dedede;
}

.global_network-section .global_accordion-wrap .country-article.country_kor .workplace-area>ul>li {
    border-top: 0;
    border-bottom: 1px solid #dedede;
}

.global_network-section .global_accordion-wrap .accor_name {
    position: relative;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.global_network-section .global_accordion-wrap .accor_name.on i {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.global_network-section .global_accordion-wrap .accor_name span {
    font-size: 24px;
    font-weight: 600;
    color: #222222;
    line-height: 40px;
}

.global_network-section .global_accordion-wrap .accor_name::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #222;
    position: absolute;
    bottom: 0;
}

@media all and (max-width: 1023px) {
    .global_network-section .global_accordion-wrap .accor_name {
        padding: 5px 0;
    }
    .global_network-section .global_accordion-wrap .accor_name span {
        font-size: 17px;
    }
}

.global_network-section .global_accordion-wrap .workplace-area {
    position: relative;
    overflow: hidden;
    display: none;
    border-bottom: 1px solid #999;
}

.global_network-section .global_accordion-wrap .workplace-area>ul>li+li {
    border-top: 1px solid #999;
}

.global_network-section .global_accordion-wrap .workplace-area .li-inner {
    padding: 0 40px;
}

@media all and (max-width: 1023px) {
    .global_network-section .global_accordion-wrap .workplace-area .li-inner {
        padding: 0 16px;
    }
}

.global_network-section .workplace-item+.workplace-item {
    border-top: 1px solid #dedede;
}

.global_network-section .workplace-item {
    padding: 36px 20px;
}

.global_network-section .workplace-item .rowflex {
    align-items: center;
}

.global_network-section .workplace-item .rowflex>.col-auto {
    width: 80px;
}

.global_network-section .workplace-item .rowflex .li-inner {
    padding: 0 40px;
}

@media all and (max-width: 1023px) {
    .global_network-section .workplace-item {
        padding: 15px 0 12px;
    }
    .global_network-section .workplace-item .rowflex>.col-auto {
        width: 100%;
    }
}

.global_network-section .workplace-item .name-box {
    margin-bottom: 27px;
}

.global_network-section .workplace-item .name-box span {
    font-size: 22px;
    font-weight: 600;
    color: #16873e;
    line-height: 30px;
}

@media all and (max-width: 1023px) {
    .global_network-section .workplace-item .name-box {
        margin-bottom: 10px;
    }
    .global_network-section .workplace-item .name-box span {
        font-size: 16px;
    }
}

.global_network-section .workplace-item .city-box span {
    font-size: 20px;
    font-weight: 600;
    color: #222222;
    line-height: 30px;
}

@media all and (max-width: 1023px) {
    .global_network-section .workplace-item .city-box span {
        font-size: 14px;
        line-height: 15px;
    }
}

.global_network-section .workplace-item .office-box .office,
.global_network-section .workplace-item .office-box .city {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.global_network-section .workplace-item .office-box span {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
}

.global_network-section .workplace-item .office-box .office span {
    color: #222222;
}

.global_network-section .workplace-item .office-box .city {
    margin-left: 15px;
    padding-left: 15px;
}

.global_network-section .workplace-item .office-box .city::before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 1px;
    height: 18px;
    background-color: #898989;
}

.global_network-section .workplace-item .office-box .city span {
    color: #16873e;
}

@media all and (max-width: 1023px) {
    .global_network-section .workplace-item .office-box span {
        font-size: 14px;
    }
    .global_network-section .workplace-item .office-box .city {
        margin-left: 9px;
        padding-left: 11px;
    }
    .global_network-section .workplace-item .office-box .city::before {
        content: "";
        display: block;
        position: absolute;
        top: 10px;
        left: 0;
        width: 1px;
        height: 11px;
        background-color: #898989;
    }
}

.global_network-section .workplace-item .address-box {
    margin-top: 13px;
}

.global_network-section .workplace-item .address-box address {
    display: inline-block;
    margin-right: 20px;
    font-size: 0;
    vertical-align: top;
}

.global_network-section .workplace-item .address-box address span {
    font-size: 18px;
    font-weight: 500;
    color: #555;
    line-height: 30px;
}

.global_network-section .workplace-item .address-box .tel,
.global_network-section .workplace-item .address-box .fax {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}

.global_network-section .workplace-item .address-box .tel em,
.global_network-section .workplace-item .address-box .fax em {
    font-size: 18px;
    font-weight: 600;
    color: #222222;
    line-height: 26px;
}

.global_network-section .workplace-item .address-box .tel span,
.global_network-section .workplace-item .address-box .fax span {
    font-size: 18px;
    font-weight: 500;
    color: #555;
    line-height: 26px;
}

@media all and (max-width: 1023px) {
    .global_network-section .workplace-item .address-box {
        margin: 5px 0 0;
    }
    .global_network-section .workplace-item .address-box address {
        display: block;
    }
    .global_network-section .workplace-item .address-box address span {
        font-size: 13px;
        line-height: 20px;
    }
    .global_network-section .workplace-item .address-box .tel em,
    .global_network-section .workplace-item .address-box .fax em {
        font-size: 13px;
        line-height: 28px;
    }
    .global_network-section .workplace-item .address-box .tel span,
    .global_network-section .workplace-item .address-box .fax span {
        font-size: 13px;
        line-height: 28px;
    }
}

.global_network-section .workplace-item .map-box {
    text-align: right;
}

.global_network-section .workplace-item .map-box .map_link:hover span,
.global_network-section .workplace-item .map-box .map_link.hover span {
    text-decoration: underline;
}

.global_network-section .workplace-item .map-box em {
    vertical-align: top;
}

.global_network-section .workplace-item .map-box span {
    font-size: 18px;
    font-weight: 500;
    color: #222222;
    line-height: 30px;
    vertical-align: top;
}

@media all and (max-width: 1023px) {
    .global_network-section .workplace-item .map-box {
        text-align: left;
        line-height: 1.2;
    }
    .global_network-section .workplace-item .map-box .icon-global_map::after {
        margin-left: -3px;
    }
    .global_network-section .workplace-item .map-box span {
        font-size: 13px;
        color: #555;
    }
}

/* 개요 */

.summary-section {
    padding: 120px 0;
}

.summary-section .s-head {
    margin-bottom: 86px;
}

.summary-section .s-head .sub-title {
    margin-top: -10px;
    color: #222;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 600;
}

.summary-section .s-head .sub-title .c-green {
    color: #16873e;
    font-weight: bold;
}

.summary-section .title {
    font-size: 36px;
    font-weight: 700;
    color: #222;
    line-height: 48px;
}

.summary-section .history-panel .p-body {
    margin-top: 56px;
}

.summary-section .history-panel .p-body .img-area {
    text-align: center;
}

.summary-section .history-panel .p-body .box-area {
    margin-top: 20px;
}

.summary-section .history-panel .p-body .box-area .b-head .rect-wrap {
    position: relative;
    padding-bottom: 50px;
}

/* .summary-section .history-panel .p-body .box-area .b-head .rect-wrap .rect {
  padding: 25px 60px;
  box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.03), 10px 10px 15px 0 rgba(0, 0, 0, 0.03);
  border: 4px solid #8cc63f;
  border-radius: 60px;
  width: 100%;
  height: 120px;
  max-width: 284px;
  margin: 0 auto;
  align-items: center;
} */

.summary-section .history-panel .p-body .box-area .b-head .rect-wrap::after {
    content: "";
    width: 1px;
    height: 50px;
    background-color: #999;
    position: absolute;
    bottom: 0;
    left: 50%;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.summary-section .history-panel .p-body .box-area .b-head .rect-wrap::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #b3cf0a;
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 2;
    transform: translate(-50%, 50%);
}

/* 2024-10-08 */

.summary-section .history-panel .p-body .box-area .b-head .rect-wrap .rect {
    padding: 0px 0;
    position: relative;
}

.summary-section .history-panel .p-body .box-area .b-head .rect-wrap .rect2 {
    z-index: 2;
    padding: 25px 60px;
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.03), 10px 10px 15px 0 rgba(0, 0, 0, 0.03);
    border: 4px solid #8cc63f;
    border-radius: 60px;
    width: 100%;
    height: 120px;
    max-width: 284px;
    margin: 0 auto;
    background: #FFF;
    align-items: center;
    position: relative;
}

.summary-section .history-panel .p-body .box-area .b-head .rect-wrap .ens {
    z-index: 1;
    position: absolute;
    top: -17px;
    padding: 25px 60px;
    height: 70px;
    max-width: 200px;
    margin: 0 auto;
    align-items: center;
    left: calc(50% + 82px);
}

@media all and (max-width: 1023px) {
    .summary-section .history-panel .p-body .box-area .b-head .rect-wrap .ens {
        z-index: 1;
        position: absolute;
        top: -22px;
        padding: 25px 60px;
        height: 70px;
        width: 200px;
        margin: 0 auto;
        align-items: center;
        left: calc(50% + 10px);
    }
    .summary-section .history-panel .p-body .box-area .b-head .rect-wrap .ens img {
        width: 150px !important;
    }
}

@media all and (max-width: 768px) {
    .summary-section .history-panel .p-body .box-area .b-head .rect-wrap .ens {
        z-index: 1;
        position: absolute;
        top: -20px;
        padding: 25px 60px;
        height: 70px;
        width: 200px;
        margin: 0 auto;
        align-items: center;
        left: calc(50% + 10px);
    }
    .summary-section .history-panel .p-body .box-area .b-head .rect-wrap .ens img {
        width: 150px !important;
    }
}

/* 2024-10-08 */

.summary-section .history-panel .p-body .box-area .b-head .logo-wrap {
    border: 1px solid #dedede;
    border-radius: 30px;
    width: 960px;
    height: 240px;
    margin: 0px auto 0;
    padding: 55px;
}

.summary-section .history-panel .p-body .box-area .b-head .logo-wrap .logo-layout {
    justify-content: center;
}

.summary-section .history-panel .p-body .box-area .b-head .logo-wrap .logo-layout .col {
    padding: 0 25px;
}

.summary-section .history-panel .p-body .box-area .b-head .logo-wrap .logo-layout+.logo-layout {
    margin-top: 35px;
}

.summary-section .business-panel {
    margin-top: 110px;
}

.summary-section .business-panel .p-head .text-desc {
    margin-top: 22px;
}

.summary-section .business-panel .p-head .text-desc p {
    color: #555;
    font-size: 18px;
    line-height: 30px;
}

.summary-section .business-panel .p-body {
    margin-top: 54px;
}

.summary-section .business-panel .p-body .box_list-area .box_title {
    font-size: 28px;
    line-height: 42px;
    color: #222;
    font-weight: 700;
}

.summary-section .business-panel .p-body .box_list-area .sub_title {
    font-size: 22px;
    line-height: 38px;
    color: #16873e;
    font-weight: 600;
    padding: 10px 0 24px;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
}

.summary-section .business-panel .p-body .box_list-area .sub_title em {
    color: #555;
}

.summary-section .business-panel .p-body .box_list-area .box_layout+.box_layout {
    margin-top: 40px;
}

.summary-section .business-panel .p-body .box_list-area .box_layout {
    justify-content: space-between;
    align-items: center;
    border: 1px solid #dedede;
    /*padding: 40px 60px;*/
    padding: 40px 0px 40px 5.08%;
}

.summary-section .business-panel .p-body .box_list-area .box_layout>.col-text {
    width: 31.25%;
}

.summary-section .business-panel .p-body .box_list-area .box_layout>.col-img {
    width: 63.4%;
}

.summary-section .business-panel .p-body .box_list-area .box_layout .text-area p {
    color: #555;
    font-size: 18px;
    line-height: 30px;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
}

.summary-section .business-panel .p-body .box_list-area .box_layout .img-area img {
    width: 100%;
}

@media all and (max-width: 1279px) {
    .summary-section .business-panel .p-body .box_list-area .box_layout>.col-text {
        width: 36%;
    }
    .summary-section .business-panel .p-body .box_list-area .box_layout>.col-img {
        width: 60%;
    }
}

.summary-section .business-panel .p-body .box-area {
    margin-top: 40px;
    margin-bottom: 40px;
    align-items: center;
    border: 1px solid #dedede;
    /*padding: 60px 69px;*/
    padding: 60px 5.837%;
}

.summary-section .business-panel .p-body .box-area .text-area .text-wrap {
    text-align: center;
}

.summary-section .business-panel .p-body .box-area .text-area .text-wrap.trade_item {
    margin-top: 48px;
}

.summary-section .business-panel .p-body .box-area .text-area .text-wrap .box_title {
    font-size: 28px;
    line-height: 42px;
    color: #222;
    font-weight: 700;
}

.summary-section .business-panel .p-body .box-area .text-area .text-wrap .sub_title {
    font-size: 22px;
    line-height: 36px;
    color: #16873e;
    font-weight: 600;
    padding: 14px 0 26px;
}

.summary-section .business-panel .p-body .box-area .text-area .text-wrap .desc {
    padding: 0px 60px;
    color: #555;
    font-size: 18px;
    line-height: 30px;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
}

.summary-section .business-panel .p-body .box-area .img-area {
    margin-top: 65px;
    text-align: center;
}

.summary-section .business-panel .p-body .box-area .img-area.trade_item {
    margin-top: 35px;
}

.summary-section .business-panel .p-body .box-area .img_full img {
    width: 100%;
}

@media all and (max-width: 1279px) {
    .summary-section .business-panel .p-body .box-area {
        padding: 60px 4%;
    }
    .summary-section .business-panel .p-body .box-area .text-area .text-wrap {
        padding: 0 30px;
    }
}

.summary-section .subcompany-panel {
    margin-top: 94px;
}

.summary-section .subcompany-panel .p-body {
    margin-top: 32px;
}

.summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x {
    width: calc(100% + 30px);
    margin-left: -15px;
}

.summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x>* {
    padding: 0 15px;
}

.summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box {
    position: relative;
    padding-bottom: 65px;
}

.summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box.botton_item {
    padding-bottom: 0;
    padding-top: 65px;
}

.summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box.botton_item::after {
    top: 0;
}

.summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box.botton_item::before {
    top: 65px;
    transform: translate(-50%, -50%);
}

.summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box::after {
    content: "";
    width: 1px;
    height: 65px;
    background-color: #ccc;
    position: absolute;
    bottom: 0;
    left: 50%;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #b3cf0a;
    position: absolute;
    bottom: 65px;
    left: 50%;
    transform: translate(-50%, 50%);
    z-index: 2;
}

.summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner {
    position: relative;
    border: 1px solid #ccc;
    border-radius: 15px;
    padding: 30px 0 24px;
    text-align: center;
}

.summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner>.title {
    font-size: 22px;
    line-height: 36px;
    padding: 22px 0 0;
}

.summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner .rate {
    font-size: 20px;
    line-height: 44px;
    color: #16873e;
    font-weight: 600;
}

.summary-section .subcompany-panel .p-body .diagram-wrap .rect-area {
    position: relative;
    width: calc(100% + 30px);
    margin-left: -15px;
}

.summary-section .subcompany-panel .p-body .diagram-wrap .rect-area::after {
    content: "";
    width: 50%;
    height: 1px;
    background-color: #ccc;
    position: absolute;
    left: 12.5%;
}

.summary-section .subcompany-panel .p-body .diagram-wrap .rect-area::before {
    content: "";
    width: 75%;
    height: 1px;
    background-color: #ccc;
    position: absolute;
    left: 12.5%;
    top: 0;
}

.summary-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect {
    padding: 70px 0;
    position: relative;
}

.summary-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect::after {
    content: "";
    width: 1px;
    height: 70px;
    background-color: #ccc;
    position: absolute;
    left: 50%;
    bottom: 0;
}

.summary-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect::before {
    content: "";
    width: 1px;
    height: 70px;
    background-color: #ccc;
    position: absolute;
    left: 50%;
    top: 0;
}

.summary-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect .inner {
    width: 320px;
    height: 120px;
    border-radius: 60px;
    background-color: #55a30f;
    padding: 24px 70px;
    margin: 0 auto;
}

@media all and (max-width: 1023px) {
    .summary-section {
        padding: 40px 0 60px;
    }
    .summary-section .s-head {
        margin-bottom: 38px;
    }
    .summary-section .s-head .sub-title {
        margin-top: 0px;
        font-size: 17px;
        line-height: 27px;
    }
    .summary-section .title {
        font-size: 21px;
        line-height: 33px;
    }
    .summary-section .history-panel .p-body {
        margin-top: 26px;
    }
    .summary-section .history-panel .p-body .img-area img {
        width: 100%;
        max-width: 642px;
    }
    .summary-section .history-panel .p-body .box-area {
        margin-top: 15px;
    }
    .summary-section .history-panel .p-body .box-area .b-head .rect-wrap {
        padding-bottom: 25px;
    }
    /* .summary-section .history-panel .p-body .box-area .b-head .rect-wrap .rect {
    padding: 11px 43px;
    box-shadow: 5px 5px 7px 0 rgba(0, 0, 0, 0.03), 5px 5px 7px 0 rgba(0, 0, 0, 0.03);
    border: 2px solid #8cc63f;
    border-radius: 35px;
    height: 70px;
    width: 190px;
  } */
    /* 2024-10-09 */
    .summary-section .history-panel .p-body .box-area .b-head .rect-wrap .rect2 {
        padding: 11px 33px;
        box-shadow: 5px 5px 7px 0 rgba(0, 0, 0, 0.03), 5px 5px 7px 0 rgba(0, 0, 0, 0.03);
        border: 2px solid #8cc63f;
        border-radius: 35px;
        height: 60px;
        width: 150px;
    }
    .summary-section .history-panel .p-body .box-area .b-head .rect-wrap .rect img {
        width: 85px;
    }
    /* 2024-10-09 */
    .summary-section .history-panel .p-body .box-area .b-head .rect-wrap::after {
        height: 25px;
    }
    .summary-section .history-panel .p-body .box-area .b-head .rect-wrap::before {
        content: "";
        width: 5px;
        height: 5px;
        border-radius: 2.5px;
    }
    .summary-section .history-panel .p-body .box-area .b-head .logo-wrap {
        border-radius: 15px;
        width: 100%;
        height: 100%;
        padding: 8px 15px;
    }
    .summary-section .history-panel .p-body .box-area .b-head .logo-wrap .logo-layout {
        justify-content: center;
        flex-wrap: wrap;
    }
    .summary-section .history-panel .p-body .box-area .b-head .logo-wrap .logo-layout .col {
        padding: 16px 15px;
    }
    .summary-section .history-panel .p-body .box-area .b-head .logo-wrap .logo-layout .col img {
        height: 26px;
    }
    .summary-section .history-panel .p-body .box-area .b-head .logo-wrap .logo-layout+.logo-layout {
        margin-top: 0px;
    }
    .summary-section .business-panel {
        margin-top: 50px;
    }
    .summary-section .business-panel .p-head .text-desc {
        margin-top: 17px;
    }
    .summary-section .business-panel .p-head .text-desc p {
        font-size: 13px;
        line-height: 21px;
    }
    .summary-section .business-panel .p-body {
        margin-top: 25px;
    }
    .summary-section .business-panel .p-body .box_list-area .box_title {
        font-size: 18px;
        line-height: 29px;
    }
    .summary-section .business-panel .p-body .box_list-area .sub_title {
        font-size: 16px;
        line-height: 25px;
        padding: 4px 0 14px;
    }
    .summary-section .business-panel .p-body .box_list-area .box_layout+.box_layout {
        margin-top: 15px;
    }
    .summary-section .business-panel .p-body .box_list-area .box_layout {
        align-items: center;
        border: 1px solid #dedede;
        padding: 35px 0px 40px;
    }
    .summary-section .business-panel .p-body .box_list-area .box_layout>.col-text {
        width: 100%;
    }
    .summary-section .business-panel .p-body .box_list-area .box_layout>.col-img {
        width: 100%;
    }
    .summary-section .business-panel .p-body .box_list-area .box_layout .text-area {
        padding: 0 28px;
    }
    .summary-section .business-panel .p-body .box_list-area .box_layout .text-area p {
        font-size: 13px;
        line-height: 21px;
    }
    .summary-section .business-panel .p-body .box_list-area .box_layout .img-area {
        padding: 35px 0 0 0;
        text-align: center;
    }
    .summary-section .business-panel .p-body .box_list-area .box_layout .img-area img {
        width: 100%;
        max-width: 400px;
    }
    .summary-section .business-panel .p-body .box-area {
        margin: 0px;
        border: 0px;
        padding: 45px 0px 50px;
    }
    .summary-section .business-panel .p-body .box-area .text-area {
        position: relative;
    }
    .summary-section .business-panel .p-body .box-area .text-area .text-wrap {
        text-align: center;
        padding: 0 30px;
        width: 320px;
        margin: 0 auto;
        position: relative;
    }
    .summary-section .business-panel .p-body .box-area .text-area .text-wrap.chemistry_item {
        position: absolute;
        top: 470px;
        left: 50%;
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .summary-section .business-panel .p-body .box-area .text-area .text-wrap.trade_item {
        margin-top: 20px;
    }
    .summary-section .business-panel .p-body .box-area .text-area .text-wrap .box_title {
        font-size: 18px;
        line-height: 29px;
    }
    .summary-section .business-panel .p-body .box-area .text-area .text-wrap .sub_title {
        font-size: 16px;
        line-height: 21px;
        padding: 8px 0 12px;
    }
    .summary-section .business-panel .p-body .box-area .text-area .text-wrap .desc {
        font-size: 13px;
        line-height: 21px;
        padding: 0;
    }
    .summary-section .business-panel .p-body .box-area .text-area .img-area.trade_item {
        margin-top: 20px;
    }
    .summary-section .business-panel .p-body .box-area .text-area .img-area img {
        width: 105px;
    }
    .summary-section .business-panel .p-body .box-area>.img-area {
        margin-top: 30px;
        text-align: center;
        position: relative;
        height: 1068px;
        background-image: url(/resources/images/company/summary_business_04_mb.png);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 320px;
    }
    .summary-section .subcompany-panel {
        margin-top: 54px;
    }
    .summary-section .subcompany-panel .p-body {
        margin-top: 16px;
    }
    .summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x {
        width: calc(100% + 16px);
        margin-left: -8px;
    }
    .summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .arrow_item {
        position: relative;
        padding-top: 20px;
    }
    .summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .arrow_item::after {
        content: "";
        width: 1px;
        height: 20px;
        background-color: #ccc;
        position: absolute;
        top: 0;
        left: 50%;
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .arrow_item::before {
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background-color: #b3cf0a;
        position: absolute;
        top: 15px;
        left: 50%;
        transform: translate(-50%, 0);
        z-index: 2;
    }
    .summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x.bottom_item {
        margin-top: -15px;
    }
    .summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x>* {
        padding: 0 8px;
    }
    .summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box {
        position: relative;
        padding-bottom: 15px;
    }
    .summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box.botton_item {
        padding-bottom: 0;
        padding-top: 16px;
    }
    .summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box.botton_item::after {
        top: 0;
    }
    .summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box.botton_item::before {
        top: 65px;
        transform: translate(-50%, -50%);
    }
    .summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box::after {
        display: none;
    }
    .summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box::before {
        display: none;
    }
    .summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner {
        border-radius: 10px;
        padding: 20px 0 20px;
    }
    .summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner .img-area img {
        width: 50px;
    }
    .summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner>.title {
        font-size: 14px;
        line-height: 22px;
        padding: 6px 0 0;
    }
    .summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner .rate {
        font-size: 13px;
        line-height: 21px;
    }
    .summary-section .subcompany-panel .p-body .diagram-wrap .rect-area {
        position: relative;
        width: calc(100% + 16px);
        margin-left: -8px;
        padding-bottom: 0px;
    }
    .summary-section .subcompany-panel .p-body .diagram-wrap .rect-area::after {
        display: none;
    }
    .summary-section .subcompany-panel .p-body .diagram-wrap .rect-area::before {
        display: none;
    }
    .summary-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect {
        padding: 18px 0px 18px;
        position: relative;
    }
    .summary-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect::after {
        content: "";
        width: 1px;
        height: 18px;
        background-color: #ccc;
        position: absolute;
        left: 50%;
        bottom: 0;
    }
    .summary-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect::before {
        content: "";
        width: 50%;
        height: 1px;
        background-color: #ccc;
        position: absolute;
        left: 25%;
        top: 122px;
    }
    .summary-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect .inner {
        width: 240px;
        height: 86px;
        border-radius: 43px;
        background-color: #b3cf0a;
        padding: 17px 56px;
        margin: 0 auto;
    }
    .summary-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect .inner img {
        width: 100%;
    }
}

/* ================= COMPANY 미디어센터  ================= */

.media_center-section {
    padding-top: 120px;
    padding-bottom: 120px;
    /* mobile : */
}

.media_center-section .s-head+.s-body {
    padding-top: 80px;
}

.media_center-section .media-list>li+li {
    margin-top: 30px;
}

.media_center-section .media-list>li>article {
    background-color: #f9f9f9;
}

.media_center-section .media-list .media-area .thumb-box {
    position: relative;
}

.media_center-section .media-list .media-area .thumb-box .play-btn {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.media_center-section .media-list .media-area.movie .img-ratio {
    padding-bottom: 61.742%;
}

.media_center-section .media-list .media-area.movie .img-ratio_new {
    padding-bottom: 100%;
    width: 100%;
}

@media all and (max-width: 1023px) {
    .media_center-section .media-list .media-area.movie .img-ratio_new {
        width: 100%;
        padding-bottom: 100%;
    }
}

.media_center-section .media-list .media-area.movie .img-ratio img,
.media_center-section .media-list .media-area.movie .img-ratio iframe {
    width: 100%;
}

.media_center-section .media-list .media-area.movie .thumb-box {
    display: block;
}

.media_center-section .media-list .media-area.movie .video-box {
    display: none;
}

.media_center-section .media-list .media-area.movie .video-box iframe {
    position: absolute;
    left: 0;
    top: 0;
}

.media_center-section .media-list .media-area.movie.media_playing .thumb-box {
    display: none;
}

.media_center-section .media-list .media-area.movie.media_playing .video-box {
    display: block;
}

.media_center-section .media-list .media-area.poster {
    position: relative;
    background: #dfdfdf;
    width: 100%;
    /*height:100%;*/
    height: 0;
    padding-bottom: 100%;
}

.media_center-section .media-list .media-area.poster .poster_view-btn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.media_center-section .media-list .media-area.poster .poster_view-btn .icon-poster_view {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
}

.media_center-section .media-list .media-area.poster .poster_view-btn:hover .icon-poster_view,
.media_center-section .media-list .media-area.poster .poster_view-btn:focus .icon-poster_view {
    display: block;
}

.media_center-section .media-list .media-area.poster .img-ratio {
    padding-bottom: 139%;
}

.media_center-section .media-list .media-area.poster .img-ratio img {
    width: 100%;
}

.media_center-section .media-list .media-area.poster .thumb-box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 56.4383%;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15);
}

.media_center-section .media-list .text-area {
    height: 100%;
    /*padding:45px 50px;*/
    padding: 45px 9.4%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    /*justify-content:center;*/
}

.media_center-section .media-list .text-area .title {
    color: #222;
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    box-sizing: initial;
    max-height: 72px;
    margin-bottom: 24px;
    flex: 0 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.media_center-section .media-list .text-area .txt-contents {
    flex: 1 1 auto;
    color: #555555;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    position: relative;
}

.media_center-section .media-list .text-area .txt-contents::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -24px;
    border-bottom: 1px solid #dedede;
}

.media_center-section .media-list .text-area .txt-contents .txt-box {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.media_center-section .media-list .text-area .title+.txt-contents {
    margin-top: 24px;
}

.media_center-section .media-list .text-area .scroll-type {
    height: 100%;
    /*max-height:200px;*/
    padding-right: 20px;
    margin-right: -20px;
}

@media all and (max-width: 1279px) {
    .media_center-section .media-list .text-area {
        padding-top: 35px;
        padding-bottom: 35px;
    }
}

.media_center-section .media-list .scroll-type::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.media_center-section .media-list .scroll-type::-webkit-scrollbar-thumb {
    background-color: #ccc;
}

.media_center-section .social-list {
    /*margin: 0 -15px;*/
    margin: 0 -1.27%;
}

.media_center-section .social-list li {
    /*padding:0 15px;*/
    padding: 0 1.27%;
}

@media all and (max-width: 1279px) {
    .media_center-section .social-list {
        margin: 0 -0.8%;
    }
    .media_center-section .social-list li {
        padding: 0 0.8%;
    }
}

.media_center-section .social-list li>a {
    display: block;
    position: relative;
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 15px;
    /*padding:50px 40px;*/
    padding: 50px 14.65%;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    transition: ease-out 0.15s;
}

.media_center-section .social-list li>a .social {
    display: block;
    margin-top: 30px;
    color: #222;
    font-weight: 700;
    font-size: 24px;
    line-height: 38px;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.media_center-section .social-list li>a .icon-social {
    display: block;
    width: 100%;
    height: 46px;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.media_center-section .social-list li>a .icon-golink_arrow {
    display: block;
    position: relative;
    z-index: 1;
    margin-top: 105px;
}

.media_center-section .social-list li>a:hover,
.media_center-section .social-list li>a:focus {
    border-color: transparent;
    box-shadow: 10px 0px 30px 0px rgba(0, 15, 21, 0.1);
}

.media_center-section .social-list li>a:hover .social,
.media_center-section .social-list li>a:focus .social {
    color: #96ad07;
}

.media_center-section .social-list li>a:hover .icon-golink_arrow::before,
.media_center-section .social-list li>a:focus .icon-golink_arrow::before {
    opacity: 1;
    transform: scale(1, 1);
}

.media_center-section .social-list .icon-social.youtube {
    background-image: url("../images/company/icon-social-youtube.png");
}

.media_center-section .social-list .icon-social.instagram {
    background-image: url("../images/company/icon-social-instagram.png");
}

.media_center-section .social-list .icon-social.linkedin {
    background-image: url("../images/company/icon-social-linkedin.png");
}

.media_center-section .social-list .icon-social.facebook {
    background-image: url("../images/company/icon-social-facebook.png");
}

@media all and (max-width: 1023px) {
    .media_center-section {
        padding-top: 48px;
        padding-bottom: 60px;
    }
    .media_center-section .s-head+.s-body {
        padding-top: 24px;
    }
    .media_center-section .media-list .media-area.poster {
        padding-bottom: 61.875%;
    }
    .media_center-section .media-list .media-area.poster .thumb-box {
        width: 35%;
    }
    .media_center-section .media-list .text-area {
        padding: 22px 25px 12px;
    }
    .media_center-section .media-list .text-area .title {
        font-size: 17px;
        line-height: 25px;
        margin-bottom: 14px;
    }
    .media_center-section .media-list .text-area .txt-contents {
        padding-bottom: 10px;
        font-size: 13px;
        line-height: 23px;
    }
    .media_center-section .media-list .text-area .txt-contents .txt-box {
        position: relative;
        max-height: 96px;
        height: auto;
        padding-right: 0;
        margin-right: 0;
        overflow-y: hidden;
    }
    .media_center-section .media-list .text-area .txt-contents .txt-box.expand {
        height: auto;
        max-height: none;
        box-sizing: initial;
        padding-bottom: 4px;
    }
    .media_center-section .media-list .text-area .txt-contents .txt-box .os-scrollbar {
        display: none;
    }
    .media_center-section .media-list .text-area .txt-contents .txt-box .os-viewport.os-viewport-native-scrollbars-invisible {
        overflow-y: hidden !important;
    }
    .media_center-section .media-list .text-area .txt-contents::before {
        top: -14px;
    }
    .media_center-section .media-list .text-area .title+.txt-contents {
        margin-top: 14px;
    }
    .media_center-section .media-list .text-area .more_txt-btn {
        padding: 8px 0;
        width: 100%;
    }
    .media_center-section .media-list .text-area .more_txt-btn.on>.icon-more_txt_arrow-2x {
        transform: rotate(-180deg);
    }
    .media_center-section .social-list {
        margin: -8px;
    }
    .media_center-section .social-list li {
        padding: 8px;
    }
    .media_center-section .social-list li>a {
        padding: 32px 24px;
    }
    .media_center-section .social-list li>a .social {
        font-size: 14px;
        line-height: 28px;
        margin-top: 15px;
    }
    .media_center-section .social-list li>a .icon-social {
        height: 36px;
    }
    .media_center-section .social-list li>a .icon-golink_arrow {
        margin-top: 45px;
    }
}

.sustainability-page {
    background: url(/resources/images/reporting/bg_esg_report.png) no-repeat right 840px;
}

@media all and (max-width: 1023px) {
    .sustainability-page {
        background: none;
    }
}

/* - GROWTH main (main) */

.sustainability_main-section {
    /* ===================== org ===================== */
}

.sustainability_main-section .section-wrap {
    padding: 140px 0 120px;
    background: url(/resources/images/reporting/bg_esg_report.png) no-repeat right 145px;
    /* pc 1280 ~ 1727 */
    /* tablet : 1024 ~ 1279 */
    /* mobile :  ~ 1023 */
}

@media all and (max-width: 1023px) {
    .sustainability_main-section .section-wrap {
        padding: 50px 0 60px;
        background-size: 50%;
        background-position: right 50px;
    }
}

.sustainability_main-section .section-wrap .section-inner {
    max-width: 1326px;
    padding: 0 72px;
    margin: 0 auto;
}

.sustainability_main-section .section-wrap .section2-inner {
    /* max-width: 1728px; */
    padding: 0 72px;
    margin: 0 auto;
}

@media all and (max-width: 1766px) {
    .sustainability_main-section .section-wrap .section-inner {
        padding: 0 49px;
    }
    .sustainability_main-section .section-wrap .section2-inner {
        padding: 0 49px;
        overflow: hidden;
    }
}

@media all and (max-width: 1023px) {
    .sustainability_main-section .section-wrap .section-inner {
        padding: 0 20px;
    }
    .sustainability_main-section .section-wrap .section2-inner {
        padding: 0 20px;
        overflow: hidden;
    }
}

.sustainability_main-section .section-wrap .s-head {
    /* mobile :  ~ 1023 */
}

.sustainability_main-section .section-wrap .s-head .title {
    text-align: center;
}

.sustainability_main-section .section-wrap .s-head .title span,
.sustainability_main-section .section-wrap .s-head .title em {
    font-size: 64px;
    font-weight: 800;
    line-height: 70px;
}

.sustainability_main-section .section-wrap .s-head .title span {
    color: #222222;
}

.sustainability_main-section .section-wrap .s-head .title em {
    color: #96ad07;
}

@media all and (max-width: 1023px) {
    .sustainability_main-section .section-wrap .s-head .title span,
    .sustainability_main-section .section-wrap .s-head .title em {
        font-size: 34px;
        font-weight: 900;
        line-height: 45px;
    }
}

.sustainability_main-section .content_typo-panel {
    /* mobile :  ~ 1023 */
}

.sustainability_main-section .content_typo-panel .p-head .typo-area {
    margin-top: 130px;
}

.sustainability_main-section .content_typo-panel .p-body {
    margin-top: 130px;
}

@media all and (max-width: 1023px) {
    .sustainability_main-section .content_typo-panel .p-head .typo-area {
        margin-top: 50px;
    }
    .sustainability_main-section .content_typo-panel .p-body {
        margin-top: 50px;
    }
}

.sustainability_main-section .content_graphy-panel {
    margin-top: 150px;
}

.sustainability_main-section .content_graphy-panel .p-body {
    margin-top: 90px;
}

@media all and (max-width: 1023px) {
    .sustainability_main-section .content_graphy-panel {
        margin-top: 50px;
    }
    .sustainability_main-section .content_graphy-panel .p-body {
        margin-top: 25px;
    }
}

.sustainability_main-section .typo-area {
    text-align: center;
}

.sustainability_main-section .typo-area .class span {
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    color: #55a30f;
}

.sustainability_main-section .typo-area .title {
    margin-top: 25px;
}

.sustainability_main-section .typo-area .title span,
.sustainability_main-section .typo-area .title em {
    font-size: 36px;
    font-weight: bold;
    line-height: 1.4;
    color: #222;
}

.sustainability_main-section .typo-area .title.second span,
.sustainability_main-section .typo-area .title.second em {
    font-style: 34px;
}

.sustainability_main-section .typo-area .title em {
    color: #16873e;
    font-weight: 900;
}

.sustainability_main-section .typo-area .desc {
    margin-top: 20px;
}

.sustainability_main-section .typo-area .desc span {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.6;
    color: #555;
}

@media all and (max-width: 1023px) {
    .sustainability_main-section .typo-area .class span {
        font-size: 17px;
        font-weight: 600;
        line-height: 25px;
    }
    .sustainability_main-section .typo-area .title {
        margin-top: 19px;
    }
    .sustainability_main-section .typo-area .title span,
    .sustainability_main-section .typo-area .title em {
        font-size: 21px;
        line-height: 1.6;
    }
    .sustainability_main-section .typo-area .title.second span,
    .sustainability_main-section .typo-area .title.second em {
        font-style: 34px;
    }
    .sustainability_main-section .typo-area .title em {
        color: #16873e;
    }
    .sustainability_main-section .typo-area .desc {
        margin-top: 13px;
    }
    .sustainability_main-section .typo-area .desc span {
        font-size: 13px;
    }
}

.sustainability_main-section .typography-article {
    /* pc 1280 ~ 1727 */
    /* tablet : 1024 ~ 1279 */
    /* mobile :  ~ 1023 */
}

@media all and (max-width: 1766px) {
    .sustainability_main-section .typography-article {
        position: relative;
        width: 1200px;
        margin: 0 auto;
    }
}

@media all and (max-width: 1279px) {
    .sustainability_main-section .typography-article {
        width: 930px;
    }
}

@media all and (max-width: 1023px) {
    .sustainability_main-section .typography-article {
        width: 100%;
    }
}

.sustainability_main-section .typography-article .row-growth {
    position: relative;
    /* 218px + (10px * 2) */
    /* 158px + (10px * 2)  */
    /* 706px + (10px * 2); */
    /* 143px + (6px * 2); */
    /* 706px + (6px * 2); */
    /* width: calc(100% + 20px); margin-left: -10px; */
    text-align: center;
    height: 390px;
    font-size: 0;
    /* =========== position   */
    /* pc 1280 ~ 1727 */
    /* tablet : 1024 ~ 1279 */
    /* mobile :  ~ 1023 */
    /* =========== width ; bg ;  */
    /* =========== 활성화 상태값 */
    /* =========== 아이템 설정 */
}

.sustainability_main-section .typography-article .row-growth>.col {
    /* position: absolute; left: calc( 16.6666% * var(--i) ); width: 16.6666%;*/
}

@media all and (max-width: 1766px) {
    .sustainability_main-section .typography-article .row-growth>.col {
        position: absolute;
        left: calc(200px * var(--i));
    }
    .sustainability_main-section .typography-article .row-growth.active-0>.col.col-r {
        left: 66.6664%;
    }
    .sustainability_main-section .typography-article .row-growth.active-0>.col.col-o {
        left: 83.333%;
    }
    .sustainability_main-section .typography-article .row-growth.active-0>.col.col-w {
        left: 99.9996%;
    }
    .sustainability_main-section .typography-article .row-growth.active-0>.col.col-t {
        left: 116.6662%;
    }
    .sustainability_main-section .typography-article .row-growth.active-0>.col.col-h {
        left: 133.3328%;
    }
    .sustainability_main-section .typography-article .row-growth.active-1>.col.col-g {
        left: -16.6666%;
    }
    .sustainability_main-section .typography-article .row-growth.active-1>.col.col-r {
        left: 0;
    }
    .sustainability_main-section .typography-article .row-growth.active-1>.col.col-o {
        left: 66.6664%;
    }
    .sustainability_main-section .typography-article .row-growth.active-1>.col.col-w {
        left: 83.333%;
    }
    .sustainability_main-section .typography-article .row-growth.active-1>.col.col-t {
        left: 99.9996%;
    }
    .sustainability_main-section .typography-article .row-growth.active-1>.col.col-h {
        left: 116.6662%;
    }
    .sustainability_main-section .typography-article .row-growth.active-2>.col.col-g {
        left: -33.3332%;
    }
    .sustainability_main-section .typography-article .row-growth.active-2>.col.col-r {
        left: -16.6666%;
    }
    .sustainability_main-section .typography-article .row-growth.active-2>.col.col-o {
        left: 0;
    }
    .sustainability_main-section .typography-article .row-growth.active-2>.col.col-w {
        left: 66.6664%;
    }
    .sustainability_main-section .typography-article .row-growth.active-2>.col.col-t {
        left: 83.333%;
    }
    .sustainability_main-section .typography-article .row-growth.active-2>.col.col-h {
        left: 99.9996%;
    }
    .sustainability_main-section .typography-article .row-growth.active-3>.col.col-g {
        left: -49.9998%;
    }
    .sustainability_main-section .typography-article .row-growth.active-3>.col.col-r {
        left: -33.3332%;
    }
    .sustainability_main-section .typography-article .row-growth.active-3>.col.col-o {
        left: -16.6666%;
    }
    .sustainability_main-section .typography-article .row-growth.active-3>.col.col-w {
        left: 0;
    }
    .sustainability_main-section .typography-article .row-growth.active-3>.col.col-t {
        left: 66.6664%;
    }
    .sustainability_main-section .typography-article .row-growth.active-3>.col.col-h {
        left: 83.333%;
    }
    .sustainability_main-section .typography-article .row-growth.active-4>.col.col-g {
        left: -33.3328%;
    }
    .sustainability_main-section .typography-article .row-growth.active-4>.col.col-r {
        left: -16.6662%;
    }
    .sustainability_main-section .typography-article .row-growth.active-4>.col.col-o {
        left: 0.0004%;
    }
    .sustainability_main-section .typography-article .row-growth.active-4>.col.col-w {
        left: 16.667%;
    }
    .sustainability_main-section .typography-article .row-growth.active-4>.col.col-t {
        left: 33.3336%;
    }
    .sustainability_main-section .typography-article .row-growth.active-4>.col.col-h {
        left: 100%;
    }
    .sustainability_main-section .typography-article .row-growth.active-5>.col.col-g {
        left: -49.9994%;
    }
    .sustainability_main-section .typography-article .row-growth.active-5>.col.col-r {
        left: -33.3328%;
    }
    .sustainability_main-section .typography-article .row-growth.active-5>.col.col-o {
        left: -16.6662%;
    }
    .sustainability_main-section .typography-article .row-growth.active-5>.col.col-w {
        left: 0.0004%;
    }
    .sustainability_main-section .typography-article .row-growth.active-5>.col.col-t {
        left: 16.667%;
    }
    .sustainability_main-section .typography-article .row-growth.active-5>.col.col-h {
        left: 33.3336%;
    }
}

@media all and (max-width: 1279px) {
    .sustainability_main-section .typography-article .row-growth>.col {
        position: absolute;
        left: calc(155px * var(--i));
    }
    .sustainability_main-section .typography-article .row-growth.active-0>.col.col-r {
        left: calc(563px + 155px * var(--i));
    }
    .sustainability_main-section .typography-article .row-growth.active-0>.col.col-o {
        left: calc(563px + 155px * var(--i));
    }
    .sustainability_main-section .typography-article .row-growth.active-0>.col.col-w {
        left: calc(563px + 155px * var(--i));
    }
    .sustainability_main-section .typography-article .row-growth.active-0>.col.col-t {
        left: calc(563px + 155px * var(--i));
    }
    .sustainability_main-section .typography-article .row-growth.active-0>.col.col-h {
        left: calc(563px + 155px * var(--i));
    }
    .sustainability_main-section .typography-article .row-growth.active-1>.col.col-g {
        left: -155px;
    }
    .sustainability_main-section .typography-article .row-growth.active-1>.col.col-r {
        left: 0;
    }
    .sustainability_main-section .typography-article .row-growth.active-1>.col.col-o {
        left: calc(408px + 155px * var(--i));
    }
    .sustainability_main-section .typography-article .row-growth.active-1>.col.col-w {
        left: calc(408px + 155px * var(--i));
    }
    .sustainability_main-section .typography-article .row-growth.active-1>.col.col-t {
        left: calc(408px + 155px * var(--i));
    }
    .sustainability_main-section .typography-article .row-growth.active-1>.col.col-h {
        left: calc(408px + 155px * var(--i));
    }
    .sustainability_main-section .typography-article .row-growth.active-2>.col.col-g {
        left: -310px;
    }
    .sustainability_main-section .typography-article .row-growth.active-2>.col.col-r {
        left: -155px;
    }
    .sustainability_main-section .typography-article .row-growth.active-2>.col.col-o {
        left: 0;
    }
    .sustainability_main-section .typography-article .row-growth.active-2>.col.col-w {
        left: calc(253px + 155px * var(--i));
    }
    .sustainability_main-section .typography-article .row-growth.active-2>.col.col-t {
        left: calc(253px + 155px * var(--i));
    }
    .sustainability_main-section .typography-article .row-growth.active-2>.col.col-h {
        left: calc(253px + 155px * var(--i));
    }
    .sustainability_main-section .typography-article .row-growth.active-3>.col.col-g {
        left: -465px;
    }
    .sustainability_main-section .typography-article .row-growth.active-3>.col.col-r {
        left: -310px;
    }
    .sustainability_main-section .typography-article .row-growth.active-3>.col.col-o {
        left: -155px;
    }
    .sustainability_main-section .typography-article .row-growth.active-3>.col.col-w {
        left: 0;
    }
    .sustainability_main-section .typography-article .row-growth.active-3>.col.col-t {
        left: calc(98px + 155px * var(--i));
    }
    .sustainability_main-section .typography-article .row-growth.active-3>.col.col-h {
        left: calc(98px + 155px * var(--i));
    }
    .sustainability_main-section .typography-article .row-growth.active-4>.col.col-g {
        left: calc(100% - 1338px);
    }
    .sustainability_main-section .typography-article .row-growth.active-4>.col.col-r {
        left: calc(100% - 1183px);
    }
    .sustainability_main-section .typography-article .row-growth.active-4>.col.col-o {
        left: calc(100% - 1028px);
    }
    .sustainability_main-section .typography-article .row-growth.active-4>.col.col-w {
        left: calc(100% - 873px);
    }
    .sustainability_main-section .typography-article .row-growth.active-4>.col.col-t {
        left: calc(100% - 718px);
    }
    .sustainability_main-section .typography-article .row-growth.active-4>.col.col-h {
        left: 100%;
    }
    .sustainability_main-section .typography-article .row-growth.active-5>.col.col-g {
        left: calc(100% - 1493px);
    }
    .sustainability_main-section .typography-article .row-growth.active-5>.col.col-r {
        left: calc(100% - 1338px);
    }
    .sustainability_main-section .typography-article .row-growth.active-5>.col.col-o {
        left: calc(100% - 1183px);
    }
    .sustainability_main-section .typography-article .row-growth.active-5>.col.col-w {
        left: calc(100% - 1028px);
    }
    .sustainability_main-section .typography-article .row-growth.active-5>.col.col-t {
        left: calc(100% - 873px);
    }
    .sustainability_main-section .typography-article .row-growth.active-5>.col.col-h {
        left: calc(100% - 718px);
    }
}

@media all and (max-width: 1023px) {
    .sustainability_main-section .typography-article .row-growth {
        height: auto;
    }
    .sustainability_main-section .typography-article .row-growth>.col {
        position: relative;
        left: 0 !important;
    }
}

.sustainability_main-section .typography-article .row-growth>.col {
    padding: 0 10px;
    width: 238px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    /* pc 1280 ~ 1727 */
    /* tablet : 1024 ~ 1279 */
    /* mobile :  ~ 1023 */
}

@media all and (max-width: 1766px) {
    .sustainability_main-section .typography-article .row-growth>.col {
        width: 16.6666%;
        padding: 0 9px;
    }
}

@media all and (max-width: 1279px) {
    .sustainability_main-section .typography-article .row-growth>.col {
        width: 155px;
        padding: 0 6px;
    }
}

@media all and (max-width: 1023px) {
    .sustainability_main-section .typography-article .row-growth>.col {
        padding: 0;
        position: relative;
        left: auto !important;
        top: auto;
        width: 100%;
    }
    .sustainability_main-section .typography-article .row-growth>.col+.col {
        margin-top: 20px;
    }
}

.sustainability_main-section .typography-article .row-growth>.col .item_default {
    /* background-position: -150% -65%;  */
    background-position: 70px -100px;
    background-repeat: no-repeat;
}

@media all and (max-width: 1279px) {
    .sustainability_main-section .typography-article .row-growth>.col .item_default {
        background-position: 50px -100px;
    }
}

@media all and (max-width: 1023px) {
    .sustainability_main-section .typography-article .row-growth>.col .item_default {
        background-position: 120% -50px;
        background-size: auto 150px;
        background-repeat: no-repeat;
    }
}

.sustainability_main-section .typography-article .row-growth>.col .item_active .typo-box {
    background-color: #fff;
}

.sustainability_main-section .typography-article .row-growth>.col .item_active .img-box .img {
    background-repeat: no-repeat;
    background-size: cover;
}

.sustainability_main-section .typography-article .row-growth>.col.col-g .item_default {
    background-image: url(/resources/images/sustainability/bg-G.png);
}

.sustainability_main-section .typography-article .row-growth>.col.col-g .item_active .img-box .img {
    background-image: url(/resources/images/sustainability/sustainability_g-bg.jpg);
}

@media all and (max-width: 1023px) {
    .sustainability_main-section .typography-article .row-growth>.col.col-g .item_active .img-box .img {
        background-image: url(/resources/images/sustainability/sustainability_g-bg-mb.jpg);
    }
}

.sustainability_main-section .typography-article .row-growth>.col.col-r .item_default {
    background-image: url(/resources/images/sustainability/bg-R.png);
}

.sustainability_main-section .typography-article .row-growth>.col.col-r .item_active .img-box .img {
    background-image: url(/resources/images/sustainability/sustainability_r-bg.jpg);
}

@media all and (max-width: 1023px) {
    .sustainability_main-section .typography-article .row-growth>.col.col-r .item_active .img-box .img {
        background-image: url(/resources/images/sustainability/sustainability_r-bg-mb.jpg);
    }
}

.sustainability_main-section .typography-article .row-growth>.col.col-o .item_default {
    background-image: url(/resources/images/sustainability/bg-O.png);
}

.sustainability_main-section .typography-article .row-growth>.col.col-o .item_active .img-box .img {
    background-image: url(/resources/images/sustainability/sustainability_o-bg.jpg);
}

@media all and (max-width: 1023px) {
    .sustainability_main-section .typography-article .row-growth>.col.col-o .item_active .img-box .img {
        background-image: url(/resources/images/sustainability/sustainability_o-bg-mb.jpg);
    }
}

.sustainability_main-section .typography-article .row-growth>.col.col-w .item_default {
    background-image: url(/resources/images/sustainability/bg-W.png);
    background-position: 70px -65px;
}

@media all and (max-width: 1766px) {
    .sustainability_main-section .typography-article .row-growth>.col.col-w .item_default .top-box span {
        margin-left: -10px;
    }
}

@media all and (max-width: 1279px) {
    .sustainability_main-section .typography-article .row-growth>.col.col-w .item_default {
        background-position: 40px -65px;
    }
}

@media all and (max-width: 1023px) {
    .sustainability_main-section .typography-article .row-growth>.col.col-w .item_default {
        background-position: 120% -30px;
    }
}

.sustainability_main-section .typography-article .row-growth>.col.col-w .item_active .img-box .img {
    background-image: url(/resources/images/sustainability/sustainability_w-bg.jpg);
}

@media all and (max-width: 1023px) {
    .sustainability_main-section .typography-article .row-growth>.col.col-w .item_active .img-box .img {
        background-image: url(/resources/images/sustainability/sustainability_w-bg-mb.jpg);
    }
}

.sustainability_main-section .typography-article .row-growth>.col.col-t .item_default {
    background-image: url(/resources/images/sustainability/bg-T.png);
    background-position: 50px -100px;
}

@media all and (max-width: 1279px) {
    .sustainability_main-section .typography-article .row-growth>.col.col-t .item_default {
        background-position: -20px -100px;
    }
}

@media all and (max-width: 1023px) {
    .sustainability_main-section .typography-article .row-growth>.col.col-t .item_default {
        background-position: 120% -50px;
    }
}

.sustainability_main-section .typography-article .row-growth>.col.col-t .item_active .img-box .img {
    background-image: url(/resources/images/sustainability/sustainability_t-bg.jpg);
}

@media all and (max-width: 1023px) {
    .sustainability_main-section .typography-article .row-growth>.col.col-t .item_active .img-box .img {
        background-image: url(/resources/images/sustainability/sustainability_t-bg-mb.jpg);
    }
}

.sustainability_main-section .typography-article .row-growth>.col.col-h .item_default {
    background-image: url(/resources/images/sustainability/bg-H.png);
}

@media all and (max-width: 1023px) {
    .sustainability_main-section .typography-article .row-growth>.col.col-h .item_default {
        background-position: 130% -50px;
    }
}

.sustainability_main-section .typography-article .row-growth>.col.col-h .item_active .img-box .img {
    background-image: url(/resources/images/sustainability/sustainability_h-bg.jpg);
}

@media all and (max-width: 1023px) {
    .sustainability_main-section .typography-article .row-growth>.col.col-h .item_active .img-box .img {
        background-image: url(/resources/images/sustainability/sustainability_h-bg-mb.jpg);
    }
}

.sustainability_main-section .typography-article .row-growth[class*=active-] .col.active.out,
.sustainability_main-section .typography-article .row-growth[class*=active-] .col.hover.out {
    width: 726px;
    /* width: calc(16.6666% * 4); */
    /* pc 1280 ~ 1727 */
    /* tablet : 1024 ~ 1279 */
    /* mobile :  ~ 1023 */
}

.sustainability_main-section .typography-article .row-growth[class*=active-] .col.active.out .col-item .item_default,
.sustainability_main-section .typography-article .row-growth[class*=active-] .col.hover.out .col-item .item_default {
    opacity: 0;
}

.sustainability_main-section .typography-article .row-growth[class*=active-] .col.active.out .col-item .item_active,
.sustainability_main-section .typography-article .row-growth[class*=active-] .col.hover.out .col-item .item_active {
    visibility: visible;
    opacity: 1;
    transition-delay: 0.1s;
    height: auto;
}

@media all and (max-width: 1766px) {
    .sustainability_main-section .typography-article .row-growth[class*=active-] .col.active.out,
    .sustainability_main-section .typography-article .row-growth[class*=active-] .col.hover.out {
        width: 66.6664%;
    }
}

@media all and (max-width: 1279px) {
    .sustainability_main-section .typography-article .row-growth[class*=active-] .col.active.out,
    .sustainability_main-section .typography-article .row-growth[class*=active-] .col.hover.out {
        width: 718px;
    }
}

@media all and (max-width: 1023px) {
    .sustainability_main-section .typography-article .row-growth[class*=active-] .col.active.out,
    .sustainability_main-section .typography-article .row-growth[class*=active-] .col.hover.out {
        width: 100%;
    }
    .sustainability_main-section .typography-article .row-growth[class*=active-] .col.active.out .col-item,
    .sustainability_main-section .typography-article .row-growth[class*=active-] .col.hover.out .col-item {
        height: 501px;
        box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.13), 3px 3px 20px 0 rgba(0, 0, 0, 0.13);
    }
    .sustainability_main-section .typography-article .row-growth[class*=active-] .col.active.out .col-item .item_active .row-item,
    .sustainability_main-section .typography-article .row-growth[class*=active-] .col.hover.out .col-item .item_active .row-item {
        height: auto;
    }
}

.sustainability_main-section .typography-article .row-growth[class*=active-] .col.out {
    width: 178px;
    /* pc 1280 ~ 1727 */
    /* tablet : 1024 ~ 1279 */
    /* mobile :  ~ 1023 */
}

.sustainability_main-section .typography-article .row-growth[class*=active-] .col.out .col-item .item_default {
    /* background-position: -50% -65%;  */
    background-position: 60px -100px;
}

.sustainability_main-section .typography-article .row-growth[class*=active-] .col.out .col-item .item_default .top-box span {
    font-size: 120px;
}

.sustainability_main-section .typography-article .row-growth[class*=active-] .col.out .col-item .item_default .middle-box {
    margin-top: 20px;
}

.sustainability_main-section .typography-article .row-growth[class*=active-] .col.out .col-item .item_default .middle-box span {
    font-size: 20px;
}

.sustainability_main-section .typography-article .row-growth[class*=active-] .col.out .col-item .item_default .middle-box span.desc {
    font-size: 15px;
}

.sustainability_main-section .typography-article .row-growth[class*=active-] .col.out.col-w .col-item .item_default {
    background-position: -20% -65%;
}

.sustainability_main-section .typography-article .row-growth[class*=active-] .col.out.col-w .col-item .item_default .top-box span {
    margin-left: -5px;
}

.sustainability_main-section .typography-article .row-growth[class*=active-] .col.out.col-t .col-item .item_default {
    background-position: 10% -65%;
}

.sustainability_main-section .typography-article .row-growth[class*=active-] .col.out.col-h .col-item .item_default {
    background-position: -30% -65%;
}

@media all and (max-width: 1766px) {
    .sustainability_main-section .typography-article .row-growth[class*=active-] .col.out {
        width: 16.6666%;
    }
    .sustainability_main-section .typography-article .row-growth[class*=active-] .col.out .col-item .item_default .top-box span {
        font-size: 120px;
        line-height: 150px;
    }
    .sustainability_main-section .typography-article .row-growth[class*=active-] .col.out .col-item .item_default .middle-box {
        margin-top: 20px;
    }
    .sustainability_main-section .typography-article .row-growth[class*=active-] .col.out .col-item .item_default .middle-box span {
        font-size: 20px;
        line-height: 1.6;
    }
    .sustainability_main-section .typography-article .row-growth[class*=active-] .col.out .col-item .item_default .middle-box span.desc {
        font-size: 15px;
        line-height: 1.5;
    }
    .sustainability_main-section .typography-article .row-growth[class*=active-] .col.out .col-item .item_default .arrow-box {
        display: none;
    }
}

@media all and (max-width: 1279px) {
    .sustainability_main-section .typography-article .row-growth[class*=active-] .col.out {
        width: 155px;
    }
}

@media all and (max-width: 1023px) {
    .sustainability_main-section .typography-article .row-growth[class*=active-] .col.out {
        width: 100%;
    }
    .sustainability_main-section .typography-article .row-growth[class*=active-] .col.out .col-item .item_default {
        background-position: 120% -50px;
        background-size: auto 150px;
        background-repeat: no-repeat;
    }
    .sustainability_main-section .typography-article .row-growth[class*=active-] .col.out .col-item .item_default .top-box span {
        margin-left: 0;
        font-size: 88px;
        line-height: 100px;
    }
    .sustainability_main-section .typography-article .row-growth[class*=active-] .col.out .col-item .item_default .middle-box {
        margin-top: 0px;
    }
    .sustainability_main-section .typography-article .row-growth[class*=active-] .col.out .col-item .item_default .middle-box span {
        font-size: 17px;
        line-height: 1.6;
    }
    .sustainability_main-section .typography-article .row-growth[class*=active-] .col.out .col-item .item_default .middle-box span.desc {
        font-size: 13px;
        line-height: 1.5;
    }
    .sustainability_main-section .typography-article .row-growth[class*=active-] .col.out .col-item .item_default .arrow-box {
        display: block;
    }
    .sustainability_main-section .typography-article .row-growth[class*=active-] .col.out.col-w .col-item .item_default {
        background-position: 120% -50px;
    }
    .sustainability_main-section .typography-article .row-growth[class*=active-] .col.out.col-w .col-item .item_default .top-box span {
        margin-left: 0px;
    }
    .sustainability_main-section .typography-article .row-growth[class*=active-] .col.out.col-t .col-item .item_default {
        background-position: 120% -50px;
    }
    .sustainability_main-section .typography-article .row-growth[class*=active-] .col.out.col-h .col-item .item_default {
        background-position: 120% -50px;
    }
}

.sustainability_main-section .typography-article .row-growth .col-item {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 3px 3px 30px 0 rgba(0, 0, 0, 0.07), 3px 3px 30px 0 rgba(0, 0, 0, 0.07);
    /* pc 1280 ~ 1727 */
    /* tablet : 1024 ~ 1279 */
    /* mobile :  ~ 1023 */
}

@media all and (max-width: 1023px) {
    .sustainability_main-section .typography-article .row-growth .col-item {
        border-radius: 15px;
        box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0), 0px 0px 0px 0 rgba(0, 0, 0, 0);
        height: 135px;
        overflow: hidden;
        -webkit-transition: height 0.35s ease-out;
        -moz-transition: height 0.35s ease-out;
        -ms-transition: height 0.35s ease-out;
        -o-transition: height 0.35s ease-out;
        transition: height 0.35s ease-out;
    }
}

.sustainability_main-section .typography-article .row-growth .col-item .item_default {
    padding: 50px 10px 50px;
    text-align: center;
    background-color: #36964c;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -ms-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    opacity: 1;
    /* pc 1280 ~ 1727 */
    /* tablet : 1024 ~ 1279 */
    /* mobile :  ~ 1023 */
}

.sustainability_main-section .typography-article .row-growth .col-item .item_default .top-box span {
    font-size: 140px;
    line-height: 150px;
    font-weight: 800;
    color: #fff;
    letter-spacing: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_default .middle-box {
    margin-top: 20px;
    opacity: 80%;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_default .middle-box span {
    font-size: 24px;
    line-height: 35px;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_default .middle-box span.desc {
    display: block;
    margin-top: 15px;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 600;
    color: #fff;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_default .arrow-box {
    display: none;
}

@media all and (max-width: 1766px) {
    .sustainability_main-section .typography-article .row-growth .col-item .item_default {
        padding: 50px 10px 50px;
        /* pc 1280 ~ 1727 */
    }
    .sustainability_main-section .typography-article .row-growth .col-item .item_default .top-box span {
        font-size: 120px;
        line-height: 150px;
    }
    .sustainability_main-section .typography-article .row-growth .col-item .item_default .middle-box {
        margin-top: 20px;
    }
    .sustainability_main-section .typography-article .row-growth .col-item .item_default .middle-box span {
        font-size: 20px;
        line-height: 1.6;
    }
    .sustainability_main-section .typography-article .row-growth .col-item .item_default .middle-box span.desc {
        margin-top: 15px;
    }
    .sustainability_main-section .typography-article .row-growth .col-item .item_default .arrow-box {
        display: none;
    }
}

@media all and (max-width: 1023px) {
    .sustainability_main-section .typography-article .row-growth .col-item .item_default {
        /* padding: 20px 25px; */
        padding: 17.5px 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .sustainability_main-section .typography-article .row-growth .col-item .item_default .top-box {
        /*  width: per(200px, 540px); */
        width: 38%;
        padding-left: 8%;
    }
    .sustainability_main-section .typography-article .row-growth .col-item .item_default .top-box span {
        font-size: 88px;
        line-height: 100px;
    }
    .sustainability_main-section .typography-article .row-growth .col-item .item_default .middle-box {
        margin-top: 0px;
        /* width: per(220px, 540px); */
        width: 47%;
        padding-left: 4%;
        padding-right: 9%;
    }
    .sustainability_main-section .typography-article .row-growth .col-item .item_default .middle-box span {
        font-size: 17px;
        line-height: 1.55;
        color: #c3e30c;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
    .sustainability_main-section .typography-article .row-growth .col-item .item_default .middle-box span.desc {
        display: block;
        margin-top: 8px;
        font-size: 13px;
        line-height: 1.5;
    }
    .sustainability_main-section .typography-article .row-growth .col-item .item_default .arrow-box {
        display: block;
        overflow: hidden;
        text-align: right;
        /* width: per(120px, 540px);  */
        width: 15%;
        padding-right: 8%;
    }
    .sustainability_main-section .typography-article .row-growth .col-item .item_default .arrow-box i {
        display: inline-block;
        width: 22px;
        height: 15px;
    }
    .sustainability_main-section .typography-article .row-growth .col-item .item_default .arrow-box img {
        width: 100%;
    }
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -ms-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    visibility: hidden;
    opacity: 0;
    text-align: left;
    /* mobile :  ~ 1023 */
}

@media all and (max-width: 1023px) {
    .sustainability_main-section .typography-article .row-growth .col-item .item_active {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        z-index: 2;
    }
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .row-item {
    display: flex;
    height: 100%;
    /* pc 1280 ~ 1727 */
    /* tablet : 1024 ~ 1279 */
    /* mobile :  ~ 1023 */
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .row-item .typo-box {
    width: 50%;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .row-item .img-box {
    width: 50%;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .row-item .img-box .img {
    height: 100%;
}

@media all and (max-width: 1766px) {
    .sustainability_main-section .typography-article .row-growth .col-item .item_active .row-item .img-box .img {
        min-width: 390px;
    }
}

@media all and (max-width: 1279px) {
    .sustainability_main-section .typography-article .row-growth .col-item .item_active .row-item .img-box .img {
        min-width: 353px;
    }
}

@media all and (max-width: 1023px) {
    .sustainability_main-section .typography-article .row-growth .col-item .item_active .row-item {
        flex-direction: column;
        margin-top: -120px;
        height: 120px;
    }
    .sustainability_main-section .typography-article .row-growth .col-item .item_active .row-item .typo-box {
        width: 100%;
        height: 275px;
    }
    .sustainability_main-section .typography-article .row-growth .col-item .item_active .row-item .img-box {
        width: 100%;
        height: 226px;
        min-width: auto;
    }
    .sustainability_main-section .typography-article .row-growth .col-item .item_active .row-item .img-box .img {
        min-width: auto;
    }
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .typo-box {
    padding: 30px 36px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* mobile :  ~ 1023 */
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .typo-box .typo-set {
    min-width: 276px;
}

@media all and (max-width: 1023px) {
    .sustainability_main-section .typography-article .row-growth .col-item .item_active .typo-box {
        padding: 25px 30px;
    }
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .arrow-box {
    display: none;
}

@media all and (max-width: 1023px) {
    .sustainability_main-section .typography-article .row-growth .col-item .item_active .arrow-box {
        position: absolute;
        top: 0;
        right: 25px;
        height: 120px;
        display: flex;
        align-items: center;
    }
    .sustainability_main-section .typography-article .row-growth .col-item .item_active .arrow-box i {
        width: 22px;
        height: 15px;
        overflow: hidden;
        margin-top: -30px;
    }
    .sustainability_main-section .typography-article .row-growth .col-item .item_active .arrow-box i img {
        margin-top: -15px;
        width: 100%;
    }
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .title span {
    font-size: 40px;
    line-height: 46px;
    font-weight: 800;
    color: #55a30f;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .desc {
    margin-top: 10px;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .desc span {
    font-size: 20px;
    line-height: 1.5;
    font-weight: bold;
    color: #222222;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .mark_dot-list {
    margin-top: 25px;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .mark_dot-list li+li {
    margin-top: 5px;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .mark_dot-list li {
    font-size: 18px;
    line-height: 1.6;
    font-weight: 600;
    color: #222222;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .mark_dot-list li::after {
    top: 12px;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background-color: #222222;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .more_link {
    display: block;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .more_link span {
    font-size: 16px;
    line-height: 1.6;
    font-weight: bold;
    color: #222222;
    vertical-align: top;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .more_link i {
    margin-left: 5px;
    vertical-align: top;
    margin-top: 5px;
}

@media all and (max-width: 1023px) {
    .sustainability_main-section .typography-article .row-growth .col-item .item_active .title span {
        font-size: 29px;
        line-height: 1.2;
    }
    .sustainability_main-section .typography-article .row-growth .col-item .item_active .desc {
        margin-top: 10px;
    }
    .sustainability_main-section .typography-article .row-growth .col-item .item_active .desc span {
        font-size: 14px;
        line-height: 20px;
    }
    .sustainability_main-section .typography-article .row-growth .col-item .item_active .mark_dot-list {
        margin-top: 20px;
    }
    .sustainability_main-section .typography-article .row-growth .col-item .item_active .mark_dot-list li+li {
        margin-top: 3px;
    }
    .sustainability_main-section .typography-article .row-growth .col-item .item_active .mark_dot-list li {
        font-size: 13px;
        line-height: 1.6;
    }
    .sustainability_main-section .typography-article .row-growth .col-item .item_active .mark_dot-list li::after {
        top: 9px;
    }
    .sustainability_main-section .typography-article .row-growth .col-item .item_active .more_link span {
        font-size: 12px;
    }
    .sustainability_main-section .typography-article .row-growth .col-item .item_active .more_link i {
        margin-left: 5px;
        vertical-align: top;
        margin-top: 5px;
    }
}

.sustainability_main-section .typography-article .pagination-set {
    margin-top: 42px;
    display: none;
    text-align: center;
    /* pc 1280 ~ 1727 */
    /* mobile :  ~ 1023 */
}

.sustainability_main-section .typography-article .pagination-set button {
    border: 1px solid #bbb;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    margin: 0 5px;
    font-weight: 900;
    font-size: 14px;
    line-height: 30px;
    color: #bbb;
}

.sustainability_main-section .typography-article .pagination-set button.active {
    color: #fff;
    background-color: #36964c;
    border-color: #36964c;
}

@media all and (max-width: 1766px) {
    .sustainability_main-section .typography-article .pagination-set {
        display: block;
    }
}

@media all and (max-width: 1023px) {
    .sustainability_main-section .typography-article .pagination-set {
        display: none;
    }
}

.sustainability_main-section .banner-area {
    margin-top: 80px;
}

@media all and (max-width: 1023px) {
    .sustainability_main-section .banner-area {
        margin-top: 50px;
    }
}

.sustainability_main-section .banner-area .row-banner {
    width: calc(100% + 30px);
    margin-left: -15px;
}

.sustainability_main-section .banner-area .row-banner .banner-item {
    padding: 0 15px;
}

@media all and (max-width: 1023px) {
    .sustainability_main-section .banner-area .row-banner {
        width: 100%;
        margin-left: 0px;
    }
    .sustainability_main-section .banner-area .row-banner .banner-item {
        padding: 0;
    }
}

.sustainability_main-section .banner-area .banner-item .item-inner {
    padding: 40px 20px;
    background-color: #f9f9f9;
    text-align: center;
}

.sustainability_main-section .banner-area .banner-item .item-inner .img_left {
    display: inline-block;
}

.sustainability_main-section .banner-area .banner-item .item-inner .img_left img {
    height: 100px;
}

.sustainability_main-section .banner-area .banner-item .item-inner .txt_right {
    display: inline-block;
    padding-left: 20px;
}

.sustainability_main-section .banner-area .banner-item em {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #55a30f;
}

.sustainability_main-section .banner-area .banner-item .link_text {
    margin-top: 15px;
}

.sustainability_main-section .banner-area .banner-item .link_text span {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: #222;
    vertical-align: top;
}

.sustainability_main-section .banner-area .banner-item .link_text i {
    vertical-align: top;
}

.sustainability_main-section .banner-area .banner-item.banner-item_governance .link_text i {
    margin-left: 5px;
}

@media all and (max-width: 1023px) {
    .sustainability_main-section .banner-area .banner-item .item-inner {
        padding: 20px;
        height: 116px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .sustainability_main-section .banner-area .banner-item .item-inner .img_left img {
        height: 55px;
    }
    .sustainability_main-section .banner-area .banner-item .item-inner .txt_right {
        padding-left: 20px;
    }
    .sustainability_main-section .banner-area .banner-item em {
        font-size: 15px;
    }
    .sustainability_main-section .banner-area .banner-item .link_text {
        margin-top: 12px;
    }
    .sustainability_main-section .banner-area .banner-item .link_text span {
        font-size: 17px;
    }
    .sustainability_main-section .banner-area .banner-item .link_text i {
        margin-top: -2px;
    }
    .sustainability_main-section .banner-area .banner-item.banner-item_governance {
        margin-top: 20px;
    }
    .sustainability_main-section .banner-area .banner-item.banner-item_governance .link_text i {
        margin-left: 5px;
    }
}

/* == GROWTH = 공통 */

.sustainability-section {
    padding-bottom: 120px;
    /* ssb-xxx-panel */
    /* sample */
}

@media all and (max-width: 1023px) {
    .sustainability-section {
        padding-bottom: 60px;
    }
}

.sustainability-section .section-wrap {
    margin-top: 60px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .section-wrap {
        margin-top: 57px;
    }
}

.sustainability-section .section-wrap .s-head {
    color: #222222;
}

.sustainability-section .section-wrap .s-head .title-box span {
    font-size: 42px;
    line-height: 74px;
    font-weight: bold;
}

.sustainability-section .section-wrap .s-head .desc-box {
    margin-top: 36px;
}

.sustainability-section .section-wrap .s-head .desc-box .sub_title span {
    font-size: 28px;
    line-height: 40px;
    font-weight: bold;
}

.sustainability-section .section-wrap .s-head .desc-box .sub_desc {
    padding: 25px 0 5px;
}

.sustainability-section .section-wrap .s-head .desc-box .sub_desc span {
    font-size: 18px;
    line-height: 1.6;
    font-weight: 500;
    color: #555555;
}

@media all and (max-width: 1023px) {
    .sustainability-section .section-wrap .s-head {
        margin-top: 57px;
    }
    .sustainability-section .section-wrap .s-head .title-box span {
        font-size: 26px;
        line-height: 32px;
        font-weight: bold;
    }
    .sustainability-section .section-wrap .s-head .desc-box {
        margin-top: 20px;
    }
    .sustainability-section .section-wrap .s-head .desc-box .sub_title span {
        font-size: 18px;
        line-height: 1.6;
    }
    .sustainability-section .section-wrap .s-head .desc-box .sub_desc {
        padding: 10px 0 5px;
    }
    .sustainability-section .section-wrap .s-head .desc-box .sub_desc span {
        font-size: 13px;
        line-height: 1.6;
    }
}

.sustainability-section .section-wrap .s-body {
    margin-top: 60px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .section-wrap .s-body {
        margin-top: 30px;
    }
}

.sustainability-section .section-wrap .s-foot {
    margin-top: 80px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .section-wrap .s-foot {
        margin-top: 40px;
    }
}

.sustainability-section .section-wrap .rect_line-box {
    border: 1px solid #dedede;
    background-color: #fff;
}

.sustainability-section [class^=ssb-]+[class^=ssb-] {
    margin-top: 70px;
}

.sustainability-section [class^=ssb-] .p-head {
    padding-bottom: 30px;
    color: #222222;
}

.sustainability-section [class^=ssb-] .p-head span {
    font-size: 28px;
    line-height: 44px;
    font-weight: bold;
}

.sustainability-section [class^=ssb-] .p-head .sub_title {
    margin-bottom: 5px;
}

.sustainability-section [class^=ssb-] .p-head .sub_title span {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 500;
    color: #222222;
}

@media all and (max-width: 1023px) {
    .sustainability-section [class^=ssb-] {
        margin-top: 35px;
    }
    .sustainability-section [class^=ssb-]+[class^=ssb-] {
        margin-top: 45px;
    }
    .sustainability-section [class^=ssb-] .p-head {
        padding-bottom: 15px;
    }
    .sustainability-section [class^=ssb-] .p-head span {
        font-size: 18px;
        line-height: 25px;
        font-weight: bold;
    }
    .sustainability-section [class^=ssb-] .p-head .sub_title {
        margin-bottom: 0px;
    }
    .sustainability-section [class^=ssb-] .p-head .sub_title span {
        font-size: 14px;
    }
}

.sustainability-section [class^=ssb-] .year_2025-area .rect_line-box,
.sustainability-section [class^=ssb-] .year_2030-area .rect_line-box {
    position: relative;
    padding: 96px 8.4602% 60px;
    /*padding: 96px 0px 60px;*/
}

.sustainability-section [class^=ssb-] .year_2025-area .rect_line-box.rect_line-box2 {
    position: relative;
    padding: 96px 8.4602% 60px;
    /*padding: 96px 0px 60px;*/
}

@media all and (max-width: 1279px) {
    .sustainability-section [class^=ssb-] .year_2025-area .rect_line-box,
    .sustainability-section [class^=ssb-] .year_2030-area .rect_line-box {
        padding-top: 126px;
    }
    .sustainability-section [class^=ssb-] .year_2025-area .rect_line-box.rect_line-box2 {
        padding-top: 96px;
    }
}

@media all and (max-width: 1023px) {
    .sustainability-section [class^=ssb-] .year_2025-area .rect_line-box,
    .sustainability-section [class^=ssb-] .year_2030-area .rect_line-box {
        /* padding: 50px 0 50px 24px; */
        padding: 100px 20px 35px;
    }
    .sustainability-section [class^=ssb-] .year_2025-area .rect_line-box.rect_line-box2 {
        padding: 0px 20px 35px;
    }
}

.sustainability-section [class^=ssb-] .year_2025-area .un_sdgs-box,
.sustainability-section [class^=ssb-] .year_2030-area .un_sdgs-box {
    position: absolute;
    top: 13px;
    right: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.sustainability-section [class^=ssb-] .year_2025-area .un_sdgs-box .txt,
.sustainability-section [class^=ssb-] .year_2030-area .un_sdgs-box .txt {
    font-size: 14px;
    font-weight: 600;
    color: #777777;
    line-height: 30px;
}

.sustainability-section [class^=ssb-] .year_2025-area .un_sdgs-box .img img,
.sustainability-section [class^=ssb-] .year_2030-area .un_sdgs-box .img img {
    height: 64px;
}

@media all and (max-width: 1023px) {
    .sustainability-section [class^=ssb-] .year_2025-area .un_sdgs-box,
    .sustainability-section [class^=ssb-] .year_2030-area .un_sdgs-box {
        flex-direction: row;
        top: 24px;
        right: 24px;
        /* & + .rowflex.flexwrap {margin-top:50px;} */
    }
    .sustainability-section [class^=ssb-] .year_2025-area .un_sdgs-box .txt,
    .sustainability-section [class^=ssb-] .year_2030-area .un_sdgs-box .txt {
        font-size: 11px;
        text-align: center;
        margin-right: 12px;
        line-height: 1.5;
    }
    .sustainability-section [class^=ssb-] .year_2025-area .un_sdgs-box .img img,
    .sustainability-section [class^=ssb-] .year_2030-area .un_sdgs-box .img img {
        height: 30px;
    }
}

.rowflex.padding-x.foot-layout {
    width: calc(100% + 30px);
    margin-left: -15px;
}

.rowflex.padding-x.foot-layout>div {
    padding: 0 15px;
}

@media all and (max-width: 1023px) {
    .rowflex.padding-x.foot-layout>div+div {
        margin-top: 20px;
    }
}

.rowflex.padding-x.foot_s-layout {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-top: -30px;
}

.rowflex.padding-x.foot_s-layout>div {
    padding: 0 15px;
    margin-top: 30px;
}

@media all and (max-width: 1023px) {
    .rowflex.padding-x.foot_s-layout {
        margin-top: 0;
    }
    .rowflex.padding-x.foot_s-layout>div:first-child {
        margin-top: 0;
    }
    .rowflex.padding-x.foot_s-layout>div+div {
        margin-top: 20px;
    }
}

.esg_banner-box.bg_report,
.esg_banner-box.bg_data,
.esg_banner-box.bg_performance,
.esg_banner-box.bg_report_s,
.esg_banner-box.bg_data_s,
.esg_banner-box.bg_performance_s,
.esg_banner-box.bg_pdf_s {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.esg_banner-box.bg_report {
    background-image: url(/resources/images/sustainability/s_foot-bg_report.jpg);
}

.esg_banner-box.bg_data {
    background-image: url(/resources/images/sustainability/s_foot-bg_data.jpg);
}

.esg_banner-box.bg_performance {
    background-image: url(/resources/images/sustainability/s_foot-bg_performance.jpg);
}

.esg_banner-box.bg_report_s {
    background-image: url(/resources/images/sustainability/s_foot-bg_report_s.jpg);
}

.esg_banner-box.bg_data_s {
    background-image: url(/resources/images/sustainability/s_foot-bg_data_s.jpg);
}

.esg_banner-box.bg_performance_s {
    background-image: url(/resources/images/sustainability/s_foot-bg_performance_s.jpg);
}

.esg_banner-box.bg_pdf_s {
    background-image: url(/resources/images/sustainability/s_foot-bg_pdf_s.jpg);
}

.esg_banner-box a {
    display: block;
    height: 140px;
}

.esg_banner-box .icon {
    /*margin-top: 8px;*/
    margin-right: 18px;
    display: inline-flex;
}

.esg_banner-box .text {
    color: #fff;
    min-width: 172px;
    line-height: 1.3;
}

.esg_banner-box .text p span {
    font-size: 20px;
    font-weight: bold;
    vertical-align: middle;
}

.esg_banner-box .text p i {
    margin-left: 8px;
    vertical-align: middle;
}

.esg_banner-box .text p+p {
    margin-top: 2px;
}

.esg_banner-box .banner_layout {
    height: 100%;
    align-items: center;
}

@media all and (max-width: 1023px) {
    .esg_banner-box.bg_report {
        background-image: url(/resources/images/sustainability/s_foot-bg_report-mb.jpg);
    }
    .esg_banner-box.bg_data {
        background-image: url(/resources/images/sustainability/s_foot-bg_data-mb.jpg);
    }
    .esg_banner-box.bg_performance {
        background-image: url(/resources/images/sustainability/s_foot-bg_performance-mb.jpg);
    }
    .esg_banner-box.bg_report_s {
        background-image: url(/resources/images/sustainability/s_foot-bg_report_s-mb.jpg);
    }
    .esg_banner-box.bg_data_s {
        background-image: url(/resources/images/sustainability/s_foot-bg_data_s-mb.jpg);
    }
    .esg_banner-box.bg_performance_s {
        background-image: url(/resources/images/sustainability/s_foot-bg_performance_s-mb.jpg);
    }
    .esg_banner-box.bg_pdf_s {
        background-image: url(/resources/images/sustainability/s_foot-bg_pdf_s-mb.jpg);
    }
    .esg_banner-box a {
        height: 100px;
    }
    .esg_banner-box .icon {
        /*margin-top: 8px;*/
        margin-right: 16px;
    }
    .esg_banner-box .text {
        color: #fff;
        min-width: 132px;
    }
    .esg_banner-box .text p span {
        font-size: 15px;
    }
    .esg_banner-box .text p i {
        margin-left: 8px;
        margin-bottom: 1px;
    }
    .esg_banner-box .text p+p {
        margin-top: 0px;
    }
}

.sustainability-section .ssb-g_1-panel .year_2025-area .colitem-1 {
    text-align: center;
}

.sustainability-section .ssb-g_1-panel .year_2025-area .colitem-1 .txt {
    font-size: 18px;
    font-weight: 600;
    color: #777;
}

.sustainability-section .ssb-g_1-panel .year_2025-area .colitem-1 .img {
    margin-top: 25px;
}

.sustainability-section .ssb-g_1-panel .year_2025-area .colitem-1 .img img {
    width: 300px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-g_1-panel .year_2025-area .colitem-1 .txt {
        font-size: 14px;
    }
    .sustainability-section .ssb-g_1-panel .year_2025-area .colitem-1 .img {
        margin-top: 15px;
    }
    .sustainability-section .ssb-g_1-panel .year_2025-area .colitem-1 .img img {
        width: 202px;
    }
}

.sustainability-section .ssb-g_1-panel .year_2025-area .colitem-2 {
    text-align: center;
}

.sustainability-section .ssb-g_1-panel .year_2025-area .colitem-2 .txt1 {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 600;
    color: #222222;
}

.sustainability-section .ssb-g_1-panel .year_2025-area .colitem-2 .txt2 {
    margin-top: 10px;
    font-size: 22px;
    font-weight: 600;
    color: #777;
}

.sustainability-section .ssb-g_1-panel .year_2025-area .colitem-2 .txt2 i {
    display: inline-block;
    margin-bottom: 20px;
    vertical-align: bottom;
}

.sustainability-section .ssb-g_1-panel .year_2025-area .colitem-2 .txt2 i img {
    width: 60px;
}

.sustainability-section .ssb-g_1-panel .year_2025-area .colitem-2 .txt2 em {
    vertical-align: baseline;
    margin-left: 10px;
    font-size: 72px;
    font-weight: bold;
    color: #16873e;
}

.sustainability-section .ssb-g_1-panel .year_2025-area .colitem-2 .txt2 span {
    vertical-align: baseline;
    color: #16873e;
    font-size: 22px;
    font-weight: 600;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-g_1-panel .year_2025-area .colitem-2 .txt1 {
        font-size: 14px;
    }
    .sustainability-section .ssb-g_1-panel .year_2025-area .colitem-2 .txt2 {
        margin-top: 5px;
        font-size: 19px;
    }
    .sustainability-section .ssb-g_1-panel .year_2025-area .colitem-2 .txt2 i {
        margin-bottom: 15px;
        vertical-align: bottom;
    }
    .sustainability-section .ssb-g_1-panel .year_2025-area .colitem-2 .txt2 i img {
        width: 45px;
    }
    .sustainability-section .ssb-g_1-panel .year_2025-area .colitem-2 .txt2 em {
        vertical-align: baseline;
        margin-left: 10px;
        font-size: 60px;
    }
    .sustainability-section .ssb-g_1-panel .year_2025-area .colitem-2 .txt2 span {
        vertical-align: baseline;
        font-size: 19px;
    }
}

.sustainability-section .ssb-g_1-panel .year_2022-area .rowflex.padding-x {
    /*width: calc(100% + 30px); margin-left: -15px;*/
    width: 102.52%;
    margin: 0 -1.26%;
}

.sustainability-section .ssb-g_1-panel .year_2022-area .rowflex.padding-x>div {
    /*padding:0 15px;*/
    padding: 0 1.26%;
}

.sustainability-section .ssb-g_1-panel .year_2022-area .rowflex.padding-x .rect_line-box {
    padding: 60px 30px 55px;
    height: 100%;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-g_1-panel .year_2022-area .rowflex.padding-x {
        width: 100%;
        margin-left: 0;
    }
    .sustainability-section .ssb-g_1-panel .year_2022-area .rowflex.padding-x>div {
        padding: 0px;
    }
    .sustainability-section .ssb-g_1-panel .year_2022-area .rowflex.padding-x>div+div {
        margin-top: 15px;
    }
    .sustainability-section .ssb-g_1-panel .year_2022-area .rowflex.padding-x .rect_line-box {
        padding: 50px 20px 45px;
        height: 100%;
    }
}

.sustainability-section .ssb-g_1-panel .year_2022-area .img-box {
    text-align: center;
}

.sustainability-section .ssb-g_1-panel .year_2022-area .img-box img {
    width: 143px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-g_1-panel .year_2022-area .img-box img {
        width: 100px;
    }
}

.sustainability-section .ssb-g_1-panel .year_2022-area .text-box {
    text-align: center;
    margin-top: 35px;
}

.sustainability-section .ssb-g_1-panel .year_2022-area .text-box .title span {
    font-size: 24px;
    font-weight: 600;
    color: #16873e;
}

.sustainability-section .ssb-g_1-panel .year_2022-area .text-box .desc {
    margin-top: 20px;
}

.sustainability-section .ssb-g_1-panel .year_2022-area .text-box .desc span {
    font-size: 18px;
    line-height: 1.7;
    font-weight: 500;
    color: #555555;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-g_1-panel .year_2022-area .text-box {
        margin-top: 18px;
    }
    .sustainability-section .ssb-g_1-panel .year_2022-area .text-box .title span {
        font-size: 17px;
    }
    .sustainability-section .ssb-g_1-panel .year_2022-area .text-box .desc {
        margin-top: 15px;
    }
    .sustainability-section .ssb-g_1-panel .year_2022-area .text-box .desc span {
        font-size: 14px;
    }
}

.sustainability-section .ssb-g_1-panel .year_2021-area .rect_line-box {
    /*padding: 55px 100px;*/
    padding: 55px 8.4602%;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-g_1-panel .year_2021-area .rect_line-box {
        padding: 45px 25px;
    }
    .sustainability-section .ssb-g_1-panel .year_2021-area .colitem-2 {
        margin-top: 25px;
    }
}

.sustainability-section .ssb-g_1-panel .year_2021-area .title-box {
    text-align: left;
    padding-bottom: 10px;
}

.sustainability-section .ssb-g_1-panel .year_2021-area .title-box span {
    font-size: 24px;
    font-weight: 600;
    color: #222222;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-g_1-panel .year_2021-area .title-box {
        padding-bottom: 0px;
    }
    .sustainability-section .ssb-g_1-panel .year_2021-area .title-box span {
        font-size: 17px;
    }
}

.sustainability-section .ssb-g_1-panel .year_2021-area .mark_dot-list li {
    margin-top: 15px;
}

.sustainability-section .ssb-g_1-panel .year_2021-area .mark_dot-list li::after {
    width: 4px;
    height: 4px;
    background-color: #555555;
    border-radius: 50%;
}

.sustainability-section .ssb-g_1-panel .year_2021-area .mark_dot-list span {
    font-size: 18px;
    font-weight: 500;
    color: #555555;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-g_1-panel .year_2021-area .mark_dot-list li {
        margin-top: 12px;
    }
    .sustainability-section .ssb-g_1-panel .year_2021-area .mark_dot-list li::after {
        top: 7px;
    }
    .sustainability-section .ssb-g_1-panel .year_2021-area .mark_dot-list span {
        font-size: 14px;
    }
}

.sustainability-section .ssb-g_2-panel .year_2025-area .colitem-1 {
    text-align: center;
}

.sustainability-section .ssb-g_2-panel .year_2025-area .colitem-1 .txt {
    font-size: 18px;
    font-weight: 600;
    color: #777;
}

.sustainability-section .ssb-g_2-panel .year_2025-area .colitem-1 .img {
    margin-top: 25px;
}

.sustainability-section .ssb-g_2-panel .year_2025-area .colitem-1 .img img {
    width: 200px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-g_2-panel .year_2025-area .colitem-1 .txt {
        font-size: 14px;
    }
    .sustainability-section .ssb-g_2-panel .year_2025-area .colitem-1 .img {
        margin-top: 15px;
    }
    .sustainability-section .ssb-g_2-panel .year_2025-area .colitem-1 .img img {
        width: 151px;
    }
}

.sustainability-section .ssb-g_2-panel .year_2025-area .colitem-2 {
    text-align: center;
}

.sustainability-section .ssb-g_2-panel .year_2025-area .colitem-2 .txt1 {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 600;
    color: #222222;
}

.sustainability-section .ssb-g_2-panel .year_2025-area .colitem-2 .txt2 {
    margin-top: 10px;
    font-size: 22px;
    font-weight: 600;
    color: #777;
}

.sustainability-section .ssb-g_2-panel .year_2025-area .colitem-2 .txt2 i {
    display: inline-block;
    margin-bottom: 20px;
    vertical-align: bottom;
}

.sustainability-section .ssb-g_2-panel .year_2025-area .colitem-2 .txt2 i img {
    width: 60px;
}

.sustainability-section .ssb-g_2-panel .year_2025-area .colitem-2 .txt2 em {
    vertical-align: baseline;
    margin-left: 10px;
    font-size: 72px;
    font-weight: bold;
    color: #55a30f;
}

.sustainability-section .ssb-g_2-panel .year_2025-area .colitem-2 .txt2 span {
    vertical-align: baseline;
    font-size: 22px;
    font-weight: 600;
    color: #55a30f;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-g_2-panel .year_2025-area .colitem-2 .txt1 {
        font-size: 14px;
    }
    .sustainability-section .ssb-g_2-panel .year_2025-area .colitem-2 .txt2 {
        margin-top: 5px;
        font-size: 15px;
    }
    .sustainability-section .ssb-g_2-panel .year_2025-area .colitem-2 .txt2 i {
        margin-bottom: 15px;
        vertical-align: bottom;
    }
    .sustainability-section .ssb-g_2-panel .year_2025-area .colitem-2 .txt2 i img {
        width: 45px;
    }
    .sustainability-section .ssb-g_2-panel .year_2025-area .colitem-2 .txt2 em {
        vertical-align: baseline;
        margin-left: 0px;
        font-size: 50px;
    }
    .sustainability-section .ssb-g_2-panel .year_2025-area .colitem-2 .txt2 span {
        vertical-align: baseline;
        font-size: 15px;
    }
}

.sustainability-section .ssb-g_2-panel .year_2022-area .typo-box {
    margin-top: 20px;
    margin-bottom: 5px;
}

.sustainability-section .ssb-g_2-panel .year_2022-area .typo-box .title span {
    font-size: 24px;
    font-weight: 600;
    color: #222222;
}

.sustainability-section .ssb-g_2-panel .year_2022-area .typo-box .desc {
    margin-top: 20px;
}

.sustainability-section .ssb-g_2-panel .year_2022-area .typo-box .desc span {
    font-size: 18px;
    font-weight: 500;
    color: #555555;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-g_2-panel .year_2022-area .typo-box .title span {
        font-size: 17px;
    }
    .sustainability-section .ssb-g_2-panel .year_2022-area .typo-box .desc span {
        font-size: 13px;
    }
}

.sustainability-section .ssb-g_2-panel .year_2022-area .rowflex.padding-x {
    /*width: calc(100% + 30px); margin-left: -15px;*/
    width: 102.52%;
    margin-left: -1.26%;
}

.sustainability-section .ssb-g_2-panel .year_2022-area .rowflex.padding-x>div {
    /*padding: 0 15px;*/
    padding: 0 1.26%;
    margin-top: 30px;
}

.sustainability-section .ssb-g_2-panel .year_2022-area .rowflex.padding-x .rect_line-box {
    /*padding: 60px 8.695% 60px;*/
    padding: 60px 0 60px;
    height: 100%;
    display: flex;
    justify-content: center;
}

@media all and (max-width: 1279px) {
    .sustainability-section .ssb-g_2-panel .year_2022-area .rowflex.padding-x .rect_line-box {
        padding: 60px 0% 60px;
    }
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-g_2-panel .year_2022-area .rowflex.padding-x {
        width: 100%;
        margin-left: 0;
    }
    .sustainability-section .ssb-g_2-panel .year_2022-area .rowflex.padding-x>div {
        padding: 0;
        margin-top: 15px;
    }
    .sustainability-section .ssb-g_2-panel .year_2022-area .rowflex.padding-x .rect_line-box {
        padding: 38px 20px 45px;
        height: auto;
        display: block;
    }
}

.sustainability-section .ssb-g_2-panel .year_2022-area .img-box {
    width: 25%;
    text-align: center;
    /* width: 143px; margin-right: 35px;*/
    margin-right: 6%;
}

.sustainability-section .ssb-g_2-panel .year_2022-area .img-box img {
    width: 100%;
}

@media all and (max-width: 1279px) {
    .sustainability-section .ssb-g_2-panel .year_2022-area .img-box {
        margin-right: 4%;
    }
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-g_2-panel .year_2022-area .img-box {
        margin: auto;
        width: 100px;
    }
}

.sustainability-section .ssb-g_2-panel .year_2022-area .text-box {
    margin-top: 0px;
    max-width: 294px;
    min-width: 284px;
    text-align: left;
}

.sustainability-section .ssb-g_2-panel .year_2022-area .text-box .title span {
    font-size: 24px;
    font-weight: 600;
    color: #16873e;
}

.sustainability-section .ssb-g_2-panel .year_2022-area .text-box .desc {
    margin-top: 20px;
}

.sustainability-section .ssb-g_2-panel .year_2022-area .text-box .desc span {
    font-size: 18px;
    line-height: 1.7;
    font-weight: 500;
    color: #555555;
}

@media all and (max-width: 1279px) {
    .sustainability-section .ssb-g_2-panel .year_2022-area .text-box {
        max-width: 278px;
        min-width: 268px;
    }
    .sustainability-section .ssb-g_2-panel .year_2022-area .text-box .title span {
        font-size: 23px;
    }
    .sustainability-section .ssb-g_2-panel .year_2022-area .text-box .desc {
        margin-top: 14px;
    }
    .sustainability-section .ssb-g_2-panel .year_2022-area .text-box .desc span {
        font-size: 17px;
    }
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-g_2-panel .year_2022-area .text-box {
        margin-top: 18px;
        min-width: 100%;
        width: 100%;
        max-width: 100%;
        text-align: center;
    }
    .sustainability-section .ssb-g_2-panel .year_2022-area .text-box .title span {
        font-size: 17px;
    }
    .sustainability-section .ssb-g_2-panel .year_2022-area .text-box .desc {
        margin-top: 15px;
    }
    .sustainability-section .ssb-g_2-panel .year_2022-area .text-box .desc span {
        font-size: 14px;
    }
}

.sustainability-section .ssb-g_2-panel .year_2021-area .rect_line-box {
    padding: 60px 8.4602%;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-g_2-panel .year_2021-area .rect_line-box {
        padding: 75px 10px;
    }
}

.sustainability-section .ssb-g_2-panel .year_2021-area .item-box {
    text-align: center;
}

.sustainability-section .ssb-g_2-panel .year_2021-area .item-box .txt1 {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 600;
    color: #222222;
}

.sustainability-section .ssb-g_2-panel .year_2021-area .item-box .txt2 {
    margin-top: 10px;
    font-size: 22px;
    font-weight: 600;
    color: #777;
}

.sustainability-section .ssb-g_2-panel .year_2021-area .item-box .txt2 i {
    display: inline-block;
    margin-bottom: 20px;
    vertical-align: bottom;
}

.sustainability-section .ssb-g_2-panel .year_2021-area .item-box .txt2 i img {
    width: 60px;
}

.sustainability-section .ssb-g_2-panel .year_2021-area .item-box .txt2 em {
    vertical-align: baseline;
    margin-left: 10px;
    font-size: 72px;
    font-weight: bold;
    color: #55a30f;
}

.sustainability-section .ssb-g_2-panel .year_2021-area .item-box .txt2 span {
    vertical-align: baseline;
    font-size: 22px;
    font-weight: 600;
    color: #55a30f;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-g_2-panel .year_2021-area .item-box .txt1 {
        font-size: 14px;
    }
    .sustainability-section .ssb-g_2-panel .year_2021-area .item-box .txt2 {
        margin-top: 5px;
    }
    .sustainability-section .ssb-g_2-panel .year_2021-area .item-box .txt2 i {
        margin-bottom: 15px;
        vertical-align: bottom;
    }
    .sustainability-section .ssb-g_2-panel .year_2021-area .item-box .txt2 i img {
        width: 45px;
    }
    .sustainability-section .ssb-g_2-panel .year_2021-area .item-box .txt2 em {
        vertical-align: baseline;
        margin-left: 10px;
        font-size: 50px;
    }
    .sustainability-section .ssb-g_2-panel .year_2021-area .item-box .txt2 span {
        vertical-align: baseline;
        font-size: 15px;
    }
    .sustainability-section .ssb-g_2-panel .year_2021-area .item-box .txt2 span::after {
        content: "";
        display: block;
        height: 0;
    }
}

.sustainability-section em.only-pc {
    display: inline !important;
}

@media all and (max-width: 1023px) {
    .sustainability-section em.only-mb {
        display: inline !important;
    }
}

.sustainability-section .ssb-r_1-panel .item-box {
    text-align: center;
}

.sustainability-section .ssb-r_1-panel .item-box .txt {
    font-size: 18px;
    font-weight: 600;
    color: #777;
}

.sustainability-section .ssb-r_1-panel .item-box .img {
    margin-top: 25px;
}

.sustainability-section .ssb-r_1-panel .item-box .txt1 {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 600;
    color: #222222;
}

.sustainability-section .ssb-r_1-panel .item-box .txt2 {
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sustainability-section .ssb-r_1-panel .item-box .txt2 span {
    vertical-align: baseline;
    font-size: 22px;
    font-weight: 600;
    color: #777;
}

.sustainability-section .ssb-r_1-panel .item-box .txt2 em {
    vertical-align: baseline;
    color: #55a30f;
    font-weight: 700;
}

.sustainability-section .ssb-r_1-panel .item-box .txt2 em.fs-lg {
    font-size: 72px;
}

.sustainability-section .ssb-r_1-panel .item-box .txt2 i+span {
    margin-left: 20px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-r_1-panel .item-box .txt {
        font-size: 14px;
    }
    .sustainability-section .ssb-r_1-panel .item-box .img {
        margin-top: 15px;
    }
    .sustainability-section .ssb-r_1-panel .item-box .txt1 {
        font-size: 14px;
    }
    .sustainability-section .ssb-r_1-panel .item-box .txt2 {
        margin-top: 5px;
    }
    .sustainability-section .ssb-r_1-panel .item-box .txt2 span {
        font-size: 18px;
    }
    .sustainability-section .ssb-r_1-panel .item-box .txt2 em.fs-lg {
        font-size: 55px;
    }
    .sustainability-section .ssb-r_1-panel .item-box .txt2 i+span {
        margin-left: 14px;
    }
}

.sustainability-section .ssb-r_1-panel .year_2025-area .rowflex.flexwrap {
    justify-content: center;
}

.sustainability-section .ssb-r_1-panel .year_2025-area .rowflex.flexwrap>.col {
    flex: 0 0 auto;
    margin: 0 50px;
}

.sustainability-section .ssb-r_1-panel .year_2025-area .rowflex.flexwrap .colitem-1 .item-box img {
    width: 200px;
}

.sustainability-section .ssb-r_1-panel .year_2025-area .rowflex.flexwrap .colitem-2 .item-box img {
    width: 55px;
}

.sustainability-section .ssb-r_1-panel .year_2025-area .rowflex.flexwrap .colitem-3 .item-box img {
    width: 59px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-r_1-panel .year_2025-area .rowflex.flexwrap {
        padding: 0px;
        justify-content: center;
    }
    .sustainability-section .ssb-r_1-panel .year_2025-area .rowflex.flexwrap>.col {
        margin: 0;
    }
    .sustainability-section .ssb-r_1-panel .year_2025-area .rowflex.flexwrap .colitem-3 {
        margin-top: 40px;
    }
    .sustainability-section .ssb-r_1-panel .year_2025-area .rowflex.flexwrap .colitem-1 .item-box img {
        width: 136px;
    }
    .sustainability-section .ssb-r_1-panel .year_2025-area .rowflex.flexwrap .colitem-2 .item-box img {
        width: 44px;
    }
    .sustainability-section .ssb-r_1-panel .year_2025-area .rowflex.flexwrap .colitem-3 .item-box img {
        width: 45px;
    }
}

.sustainability-section .ssb-r_1-panel .year_2025-area .graph-wrap {
    margin-top: 70px;
}

.sustainability-section .ssb-r_1-panel .year_2025-area .graph-wrap .w-head {
    margin-bottom: 60px;
}

.sustainability-section .ssb-r_1-panel .year_2025-area .graph-wrap .w-head .title {
    padding: 9px 0;
    background: #0EA09D;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    text-align: center;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-r_1-panel .year_2025-area .graph-wrap {
        margin-top: 45px;
    }
    .sustainability-section .ssb-r_1-panel .year_2025-area .graph-wrap .w-head {
        margin-bottom: 37px;
    }
    .sustainability-section .ssb-r_1-panel .year_2025-area .graph-wrap .w-head .title {
        padding: 15px 0;
        font-size: 14px;
        line-height: 22px;
    }
}

.sustainability-section .ssb-r_1-panel .year_2025-area .graph-box .title-area {
    margin-bottom: 10px;
}

.sustainability-section .ssb-r_1-panel .year_2025-area .graph-box .title-area .tit {
    color: #222;
    font-weight: 600;
    font-size: 24px;
    line-height: 22px;
}

.sustainability-section .ssb-r_1-panel .year_2025-area .graph-box .title-area .sub_txt {
    color: #555;
    font-size: 16px;
    line-height: 21px;
}

.sustainability-section .ssb-r_1-panel .year_2025-area .graph-box .title-area .tit+.sub_txt {
    margin-left: 20px;
}

.sustainability-section .ssb-r_1-panel .year_2025-area .graph-box .contents-area {
    position: relative;
}

.sustainability-section .ssb-r_1-panel .year_2025-area .graph-box .contents-area .unit {
    position: absolute;
    right: 0;
    top: -34px;
    color: #777;
    text-align: right;
    font-size: 14px;
    line-height: 24px;
}

.sustainability-section .ssb-r_1-panel .year_2025-area .graph-box+.graph-box {
    margin-top: 55px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-r_1-panel .year_2025-area .graph-box .title-area {
        margin-bottom: 8px;
    }
    .sustainability-section .ssb-r_1-panel .year_2025-area .graph-box .title-area>span {
        display: block;
    }
    .sustainability-section .ssb-r_1-panel .year_2025-area .graph-box .title-area .tit {
        font-size: 17px;
        line-height: 22px;
    }
    .sustainability-section .ssb-r_1-panel .year_2025-area .graph-box .title-area .sub_txt {
        font-size: 13px;
        line-height: 21px;
    }
    .sustainability-section .ssb-r_1-panel .year_2025-area .graph-box .title-area .tit+.sub_txt {
        margin-left: 0px;
        margin-top: 7px;
    }
    .sustainability-section .ssb-r_1-panel .year_2025-area .graph-box .contents-area .unit {
        position: relative;
        top: auto;
        margin-bottom: 5px;
        font-size: 11px;
        line-height: 21px;
    }
    .sustainability-section .ssb-r_1-panel .year_2025-area .graph-box .contents-area .scroll-typeX {
        padding-bottom: 20px;
    }
    .sustainability-section .ssb-r_1-panel .year_2025-area .graph-box .contents-area .scroll-typeX img {
        width: 800px;
    }
    .sustainability-section .ssb-r_1-panel .year_2025-area .graph-box+.graph-box {
        margin-top: 40px;
    }
}

.sustainability-section .ssb-r_1-panel .year_2022-area .rect_line-box {
    /*padding:55px 100px;*/
    padding: 55px 8.4602%;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-r_1-panel .year_2022-area .rect_line-box {
        padding: 45px 27px;
    }
}

.sustainability-section .ssb-r_1-panel .year_2022-area .mark_dot-list li {
    color: #555;
    font-size: 18px;
    line-height: 30px;
}

.sustainability-section .ssb-r_1-panel .year_2022-area .mark_dot-list li::after {
    width: 4px;
    height: 4px;
    background-color: #555555;
    border-radius: 50%;
    top: 11px;
}

.sustainability-section .ssb-r_1-panel .year_2022-area .mark_dot-list li+li {
    margin-top: 8px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-r_1-panel .year_2022-area .mark_dot-list li {
        font-size: 14px;
        line-height: 22px;
        padding-right: 4px;
        white-space: normal;
        word-wrap: break-word;
        word-break: keep-all;
    }
    .sustainability-section .ssb-r_1-panel .year_2022-area .mark_dot-list li::after {
        top: 9px;
    }
    .sustainability-section .ssb-r_1-panel .year_2022-area .mark_dot-list li+li {
        margin-top: 8px;
    }
}

.sustainability-section .ssb-r_1-panel .year_2021-area .rect_line-box {
    /*padding:55px 100px;*/
    padding: 55px 8.4602%;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-r_1-panel .year_2021-area .rect_line-box {
        padding: 45px 27px;
    }
}

.sustainability-section .ssb-r_1-panel .year_2021-area .item-box img {
    width: 57px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-r_1-panel .year_2021-area .item-box img {
        width: 45px;
    }
}

.sustainability-section .ssb-r_2-panel .item-box {
    text-align: center;
}

.sustainability-section .ssb-r_2-panel .item-box .txt {
    font-size: 18px;
    font-weight: 600;
    color: #777;
}

.sustainability-section .ssb-r_2-panel .item-box .img {
    margin-top: 25px;
}

.sustainability-section .ssb-r_2-panel .item-box .txt1 {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 600;
    color: #222222;
}

.sustainability-section .ssb-r_2-panel .item-box .txt2 {
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sustainability-section .ssb-r_2-panel .item-box .txt2 span {
    vertical-align: baseline;
    font-size: 22px;
    font-weight: 600;
    color: #777;
}

.sustainability-section .ssb-r_2-panel .item-box .txt2 em {
    vertical-align: baseline;
    color: #55a30f;
    font-weight: 700;
}

.sustainability-section .ssb-r_2-panel .item-box .txt2 em.fs-lg {
    font-size: 72px;
}

.sustainability-section .ssb-r_2-panel .item-box .txt2 i+span {
    margin-left: 20px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-r_2-panel .item-box .txt {
        font-size: 14px;
    }
    .sustainability-section .ssb-r_2-panel .item-box .img {
        margin-top: 15px;
    }
    .sustainability-section .ssb-r_2-panel .item-box .txt1 {
        font-size: 14px;
    }
    .sustainability-section .ssb-r_2-panel .item-box .txt2 {
        margin-top: 5px;
    }
    .sustainability-section .ssb-r_2-panel .item-box .txt2 span {
        font-size: 18px;
    }
    .sustainability-section .ssb-r_2-panel .item-box .txt2 em.fs-lg {
        font-size: 55px;
    }
    .sustainability-section .ssb-r_2-panel .item-box .txt2 i+span {
        margin-left: 14px;
    }
}

.sustainability-section .ssb-r_2-panel .year_2030-area .rect_line-box {
    padding-left: 0px;
    padding-right: 0px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-r_2-panel .year_2030-area .rect_line-box {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.sustainability-section .ssb-r_2-panel .year_2030-area .rowflex.flexwrap {
    align-items: center;
    justify-content: center;
}

.sustainability-section .ssb-r_2-panel .year_2030-area .rowflex.flexwrap>.col {
    flex: 0 0 auto;
    margin: 0 50px;
}

.sustainability-section .ssb-r_2-panel .year_2030-area .rowflex.flexwrap .item-box .txt1 {
    height: 96px;
}

.sustainability-section .ssb-r_2-panel .year_2030-area .rowflex.flexwrap .colitem-1 .item-box img {
    width: 100px;
}

.sustainability-section .ssb-r_2-panel .year_2030-area .rowflex.flexwrap .colitem-2 .item-box img {
    width: 67px;
}

.sustainability-section .ssb-r_2-panel .year_2030-area .rowflex.flexwrap .colitem-3 .item-box img {
    width: 50px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-r_2-panel .year_2030-area .rowflex.flexwrap {
        padding: 0px;
        justify-content: center;
    }
    .sustainability-section .ssb-r_2-panel .year_2030-area .rowflex.flexwrap>.col {
        margin: 0;
    }
    .sustainability-section .ssb-r_2-panel .year_2030-area .rowflex.flexwrap .item-box .txt1 {
        height: auto;
    }
    .sustainability-section .ssb-r_2-panel .year_2030-area .rowflex.flexwrap .colitem-3 {
        margin-top: 40px;
    }
    .sustainability-section .ssb-r_2-panel .year_2030-area .rowflex.flexwrap .colitem-1 .item-box img {
        width: 68px;
    }
    .sustainability-section .ssb-r_2-panel .year_2030-area .rowflex.flexwrap .colitem-2 .item-box img {
        width: 52px;
    }
    .sustainability-section .ssb-r_2-panel .year_2030-area .rowflex.flexwrap .colitem-3 .item-box img {
        width: 38px;
    }
}

.sustainability-section .ssb-r_2-panel .year_2022-area .rect_line-box {
    padding: 60px 0px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-r_2-panel .year_2022-area .rect_line-box {
        padding: 35px 27px;
    }
}

.sustainability-section .ssb-r_2-panel .year_2022-area .typo-box .title {
    color: #222;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    margin: 0 0 34px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-r_2-panel .year_2022-area .typo-box .title {
        font-size: 17px;
        line-height: 27px;
        margin: 2px 0 15px;
    }
}

.sustainability-section .ssb-r_2-panel .year_2022-area .icon-box {
    text-align: center;
}

.sustainability-section .ssb-r_2-panel .year_2022-area .icon-box img {
    width: 143px;
}

.sustainability-section .ssb-r_2-panel .year_2022-area .icon-box .text {
    margin-top: 18px;
    color: #16873e;
    font-size: 24px;
    line-height: 42px;
    font-weight: 600;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-r_2-panel .year_2022-area .icon-box img {
        width: 100px;
    }
    .sustainability-section .ssb-r_2-panel .year_2022-area .icon-box .text {
        margin-top: 14px;
        font-size: 17px;
        line-height: 27px;
    }
}

.sustainability-section .ssb-r_2-panel .year_2022-area .ex-text {
    color: #777;
    font-size: 16px;
    line-height: 28px;
}

.sustainability-section .ssb-r_2-panel .year_2022-area .ex-text em {
    color: #96ad07;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-r_2-panel .year_2022-area .ex-text {
        font-size: 13px;
        line-height: 22px;
    }
}

.sustainability-section .ssb-r_2-panel .year_2022-area .mark_dot-list li {
    color: #555;
    font-size: 18px;
    line-height: 30px;
}

.sustainability-section .ssb-r_2-panel .year_2022-area .mark_dot-list li::after {
    width: 4px;
    height: 4px;
    background-color: #555555;
    border-radius: 50%;
    top: 11px;
}

.sustainability-section .ssb-r_2-panel .year_2022-area .mark_dot-list li:first-child {
    margin-top: 6px;
}

.sustainability-section .ssb-r_2-panel .year_2022-area .mark_dot-list li+li {
    margin-top: 8px;
}

.sustainability-section .ssb-r_2-panel .year_2022-area .mark_dot-list li .mark_char_item {
    font-size: 16px;
    line-height: 28px;
}

.sustainability-section .ssb-r_2-panel .year_2022-area .mark_dot-list li .mark_char_item sup {
    color: #96ad07;
    font-weight: 600;
}

.sustainability-section .ssb-r_2-panel .year_2022-area .mark_dot-list+.ex-text {
    margin-top: 40px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-r_2-panel .year_2022-area .mark_dot-list li {
        font-size: 14px;
        line-height: 22px;
        padding-right: 4px;
        white-space: normal;
        word-wrap: break-word;
        word-break: keep-all;
    }
    .sustainability-section .ssb-r_2-panel .year_2022-area .mark_dot-list li::after {
        top: 9px;
    }
    .sustainability-section .ssb-r_2-panel .year_2022-area .mark_dot-list li:first-child {
        margin-top: 12px;
    }
    .sustainability-section .ssb-r_2-panel .year_2022-area .mark_dot-list li+li {
        margin-top: 8px;
    }
    .sustainability-section .ssb-r_2-panel .year_2022-area .mark_dot-list li .mark_char_item {
        font-size: 13px;
        line-height: 22px;
    }
    .sustainability-section .ssb-r_2-panel .year_2022-area .mark_dot-list+.ex-text {
        margin-top: 20px;
    }
}

.sustainability-section .ssb-r_2-panel .year_2021-area .rect_line-box {
    /*padding:60px 50px;*/
    padding: 60px 4.23%;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-r_2-panel .year_2021-area .rect_line-box {
        padding: 35px 27px;
    }
    .sustainability-section .ssb-r_2-panel .year_2021-area .rect_line-box .col-mb-p100 {
        width: 100% !important;
    }
}

.sustainability-section .ssb-r_2-panel .year_2021-area .rowflex.flexwrap .col-auto:first-child {
    width: 286px;
}

.sustainability-section .ssb-r_2-panel .year_2021-area .rowflex.flexwrap .col-auto:last-child {
    width: calc(100% - 286px);
}

.sustainability-section .ssb-r_2-panel .year_2021-area .graph-area {
    padding-right: 50px;
}

.sustainability-section .ssb-r_2-panel .year_2021-area .graph-area .tit-box {
    color: #222;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
}

.sustainability-section .ssb-r_2-panel .year_2021-area .graph-area .img-box {
    margin-top: 54px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-r_2-panel .year_2021-area .graph-area {
        padding: 0;
    }
    .sustainability-section .ssb-r_2-panel .year_2021-area .graph-area .tit-box {
        font-size: 14px;
        line-height: 22px;
    }
    .sustainability-section .ssb-r_2-panel .year_2021-area .graph-area .img-box {
        margin-top: 30px;
    }
    .sustainability-section .ssb-r_2-panel .year_2021-area .graph-area .img-box img {
        width: 183px;
        margin: auto;
    }
}

.sustainability-section .ssb-r_2-panel .year_2021-area .tbl-area+.tbl-area {
    margin-top: 30px;
}

.sustainability-section .ssb-r_2-panel .year_2021-area .tbl-area .list_table {
    min-width: 740px;
    /*margin-bottom: 20px;*/
}

.sustainability-section .ssb-r_2-panel .year_2021-area .tbl-area .list_table th,
.sustainability-section .ssb-r_2-panel .year_2021-area .tbl-area .list_table td {
    height: 55px;
}

.sustainability-section .ssb-r_2-panel .year_2021-area .tbl-area .list_table tbody th {
    text-align: left;
    padding-left: 20px;
}

.sustainability-section .ssb-r_2-panel .year_2021-area .tbl-area .list_table tbody td {
    text-align: right;
    padding-right: 20px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-r_2-panel .year_2021-area .tbl-area:first-child {
        margin-top: 30px;
    }
    .sustainability-section .ssb-r_2-panel .year_2021-area .tbl-area+.tbl-area {
        margin-top: 40px;
    }
    .sustainability-section .ssb-r_2-panel .year_2021-area .tbl-area .tit-box {
        color: #222;
        font-weight: 600;
        font-size: 17px;
        line-height: 22px;
        margin-bottom: 15px;
    }
    .sustainability-section .ssb-r_2-panel .year_2021-area .tbl-area .list_table {
        min-width: 730px;
    }
}

.sustainability-section .ssb-r_3-panel .item-box {
    text-align: center;
}

.sustainability-section .ssb-r_3-panel .item-box .txt {
    font-size: 18px;
    font-weight: 600;
    color: #777;
}

.sustainability-section .ssb-r_3-panel .item-box .img {
    margin-top: 25px;
}

.sustainability-section .ssb-r_3-panel .item-box .txt1 {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 600;
    color: #222222;
}

.sustainability-section .ssb-r_3-panel .item-box .txt2 {
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sustainability-section .ssb-r_3-panel .item-box .txt2 span {
    vertical-align: baseline;
    font-size: 22px;
    font-weight: 600;
    color: #777;
}

.sustainability-section .ssb-r_3-panel .item-box .txt2 span .color_point {
    color: #55a30f;
}

.sustainability-section .ssb-r_3-panel .item-box .txt2 em {
    vertical-align: baseline;
    color: #55a30f;
    font-weight: 700;
}

.sustainability-section .ssb-r_3-panel .item-box .txt2 em.fs-lg {
    font-size: 72px;
}

.sustainability-section .ssb-r_3-panel .item-box .txt2 i+span {
    margin-left: 20px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-r_3-panel .item-box .txt {
        font-size: 14px;
    }
    .sustainability-section .ssb-r_3-panel .item-box .img {
        margin-top: 15px;
    }
    .sustainability-section .ssb-r_3-panel .item-box .txt1 {
        font-size: 14px;
    }
    .sustainability-section .ssb-r_3-panel .item-box .txt2 {
        margin-top: 5px;
    }
    .sustainability-section .ssb-r_3-panel .item-box .txt2 span {
        font-size: 18px;
    }
    .sustainability-section .ssb-r_3-panel .item-box .txt2 em.fs-lg {
        font-size: 55px;
    }
    .sustainability-section .ssb-r_3-panel .item-box .txt2 i+span {
        margin-left: 14px;
    }
}

.sustainability-section .ssb-r_3-panel .year_2025-area .rowflex.flexwrap .colitem-1 .item-box img {
    width: 200px;
}

.sustainability-section .ssb-r_3-panel .year_2025-area .rowflex.flexwrap .colitem-2 .item-box img {
    width: 54px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-r_3-panel .year_2025-area .rowflex.flexwrap {
        padding: 0px;
        justify-content: center;
    }
    .sustainability-section .ssb-r_3-panel .year_2025-area .rowflex.flexwrap .colitem-1 .item-box img {
        width: 136px;
    }
    .sustainability-section .ssb-r_3-panel .year_2025-area .rowflex.flexwrap .colitem-2 .item-box img {
        width: 44px;
    }
}

.sustainability-section .ssb-r_3-panel .year_2022-area .rect_line-box {
    /*padding:50px 70px;*/
    padding: 50px 5.922%;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-r_3-panel .year_2022-area .rect_line-box {
        padding: 35px 27px;
    }
}

.sustainability-section .ssb-r_3-panel .year_2022-area .rowflex.flexwrap+.rowflex.flexwrap {
    border-top: 1px dashed #dedede;
    margin-top: 40px;
    padding-top: 40px;
}

.sustainability-section .ssb-r_3-panel .year_2022-area .typo-box .title {
    color: #222;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    margin: 0 0 34px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-r_3-panel .year_2022-area .typo-box .title {
        font-size: 17px;
        line-height: 27px;
        margin: 2px 0 15px;
    }
}

.sustainability-section .ssb-r_3-panel .year_2022-area .icon-box {
    text-align: center;
    padding-right: 40px;
}

.sustainability-section .ssb-r_3-panel .year_2022-area .icon-box img {
    width: 143px;
}

.sustainability-section .ssb-r_3-panel .year_2022-area .icon-box .text {
    margin-top: 18px;
    color: #16873e;
    font-size: 24px;
    line-height: 42px;
    font-weight: 600;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-r_3-panel .year_2022-area .icon-box {
        padding-right: 0px;
    }
    .sustainability-section .ssb-r_3-panel .year_2022-area .icon-box img {
        width: 100px;
    }
    .sustainability-section .ssb-r_3-panel .year_2022-area .icon-box .text {
        margin-top: 14px;
        font-size: 17px;
        line-height: 27px;
    }
}

.sustainability-section .ssb-r_3-panel .year_2022-area .mark_dot-list li {
    color: #555;
    font-size: 18px;
    line-height: 30px;
}

.sustainability-section .ssb-r_3-panel .year_2022-area .mark_dot-list li::after {
    width: 4px;
    height: 4px;
    background-color: #555555;
    border-radius: 50%;
    top: 11px;
}

.sustainability-section .ssb-r_3-panel .year_2022-area .mark_dot-list li:first-child {
    margin-top: 6px;
}

.sustainability-section .ssb-r_3-panel .year_2022-area .mark_dot-list li+li {
    margin-top: 8px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-r_3-panel .year_2022-area .mark_dot-list li {
        font-size: 14px;
        line-height: 22px;
        padding-right: 4px;
        white-space: normal;
        word-wrap: break-word;
        word-break: keep-all;
    }
    .sustainability-section .ssb-r_3-panel .year_2022-area .mark_dot-list li::after {
        top: 9px;
    }
    .sustainability-section .ssb-r_3-panel .year_2022-area .mark_dot-list li:first-child {
        margin-top: 12px;
    }
    .sustainability-section .ssb-r_3-panel .year_2022-area .mark_dot-list li+li {
        margin-top: 8px;
    }
}

.sustainability-section .ssb-r_3-panel .year_2021-area .rect_line-box {
    /* padding:60px 80px;*/
    padding: 60px 6.768%;
}

@media all and (max-width: 1279px) {
    .sustainability-section .ssb-r_3-panel .year_2021-area .rect_line-box {
        padding: 60px 3.4%;
    }
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-r_3-panel .year_2021-area .rect_line-box {
        padding: 50px 20px;
    }
}

.sustainability-section .ssb-r_3-panel .year_2021-area .rowflex.flexwrap .colitem-1 .item-box img {
    width: 54px;
}

.sustainability-section .ssb-r_3-panel .year_2021-area .rowflex.flexwrap .colitem-2 .item-box img {
    width: 146px;
}

.sustainability-section .ssb-r_3-panel .year_2021-area .rowflex.flexwrap .colitem-2 .item-box img:first-child {
    /*margin-right: 9.60%;*/
    margin-right: 50px;
}

@media all and (max-width: 1279px) {
    .sustainability-section .ssb-r_3-panel .year_2021-area .rowflex.flexwrap {
        justify-content: space-around;
    }
    .sustainability-section .ssb-r_3-panel .year_2021-area .rowflex.flexwrap>.col {
        flex: 0 0 auto;
        width: auto;
    }
    .sustainability-section .ssb-r_3-panel .year_2021-area .rowflex.flexwrap .colitem-2 .item-box img:first-child {
        margin-right: 40px;
    }
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-r_3-panel .year_2021-area .rowflex.flexwrap {
        padding: 0px;
        justify-content: center;
    }
    .sustainability-section .ssb-r_3-panel .year_2021-area .rowflex.flexwrap>.col {
        width: 100%;
    }
    .sustainability-section .ssb-r_3-panel .year_2021-area .rowflex.flexwrap .colitem-2 {
        margin-top: 40px;
    }
    .sustainability-section .ssb-r_3-panel .year_2021-area .rowflex.flexwrap .colitem-1 .item-box img {
        width: 44px;
    }
    .sustainability-section .ssb-r_3-panel .year_2021-area .rowflex.flexwrap .colitem-2 .item-box img {
        width: 104px;
    }
    .sustainability-section .ssb-r_3-panel .year_2021-area .rowflex.flexwrap .colitem-2 .item-box img:first-child {
        margin-right: 30px;
    }
}

.sustainability-section .ssb-r_3-panel .year_2021-area .item-box .txt2 {
    margin-top: 25px;
    height: 146px;
}

.sustainability-section .ssb-r_3-panel .year_2021-area .item-box .txt2 em {
    vertical-align: baseline;
    margin-right: 4px;
}

.sustainability-section .ssb-r_3-panel .year_2021-area .item-box .txt2 em,
.sustainability-section .ssb-r_3-panel .year_2021-area .item-box .txt2 i {
    position: relative;
    top: -2px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-r_3-panel .year_2021-area .item-box .txt2 {
        margin-top: 15px;
        height: auto;
    }
    .sustainability-section .ssb-r_3-panel .year_2021-area .item-box .txt2 i+span {
        margin-left: 10px;
    }
    .sustainability-section .ssb-r_3-panel .year_2021-area .item-box .txt2 span {
        font-size: 15px;
    }
    .sustainability-section .ssb-r_3-panel .year_2021-area .item-box .txt2 em,
    .sustainability-section .ssb-r_3-panel .year_2021-area .item-box .txt2 i {
        top: 0px;
    }
    .sustainability-section .ssb-r_3-panel .year_2021-area .item-box .txt2 em {
        margin-right: 0;
        vertical-align: baseline;
    }
    .sustainability-section .ssb-r_3-panel .year_2021-area .item-box .txt2 em.fs-lg {
        font-size: 50px;
    }
}

.sustainability-section em.only-pc {
    display: inline !important;
}

@media all and (max-width: 1023px) {
    .sustainability-section em.only-mb {
        display: inline !important;
    }
}

.sustainability-section .ssb-o_1-panel .item-box {
    text-align: center;
}

.sustainability-section .ssb-o_1-panel .item-box .txt {
    font-size: 18px;
    font-weight: 600;
    color: #777;
}

.sustainability-section .ssb-o_1-panel .item-box .img {
    margin-top: 25px;
}

.sustainability-section .ssb-o_1-panel .item-box .txt1 {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 600;
    color: #222222;
}

.sustainability-section .ssb-o_1-panel .item-box .txt2 {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sustainability-section .ssb-o_1-panel .item-box .txt2 span {
    vertical-align: baseline;
    font-size: 22px;
    font-weight: 600;
    color: #777;
    line-height: 1;
}

.sustainability-section .ssb-o_1-panel .item-box .txt2 em {
    vertical-align: baseline;
    color: #55a30f;
    font-weight: 700;
}

.sustainability-section .ssb-o_1-panel .item-box .txt2 em.fs-lg {
    font-size: 72px;
}

.sustainability-section .ssb-o_1-panel .item-box .txt2 i+span {
    margin-left: 20px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-o_1-panel .item-box .txt {
        font-size: 14px;
    }
    .sustainability-section .ssb-o_1-panel .item-box .img {
        margin-top: 15px;
    }
    .sustainability-section .ssb-o_1-panel .item-box .txt1 {
        font-size: 14px;
    }
    .sustainability-section .ssb-o_1-panel .item-box .txt2 {
        margin-top: 5px;
    }
    .sustainability-section .ssb-o_1-panel .item-box .txt2 span {
        font-size: 18px;
        line-height: 1.3;
    }
    .sustainability-section .ssb-o_1-panel .item-box .txt2 em.fs-lg {
        font-size: 55px;
    }
    .sustainability-section .ssb-o_1-panel .item-box .txt2 i+span {
        margin-left: 14px;
    }
}

.sustainability-section .ssb-o_1-panel .year_2025-area .item-box {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.sustainability-section .ssb-o_1-panel .year_2025-area .rowflex.flexwrap .colitem-1 .item-box img {
    width: 100px;
}

.sustainability-section .ssb-o_1-panel .year_2025-area .rowflex.flexwrap .colitem-2 .item-box img {
    width: 56px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-o_1-panel .year_2025-area .rowflex.flexwrap {
        padding: 0px;
        justify-content: center;
    }
    .sustainability-section .ssb-o_1-panel .year_2025-area .rowflex.flexwrap .colitem-1 .item-box img {
        width: 68px;
    }
    .sustainability-section .ssb-o_1-panel .year_2025-area .rowflex.flexwrap .colitem-2 .item-box img {
        width: 43px;
    }
}

.sustainability-section .ssb-o_1-panel .year_2022-area .rect_line-box {
    /*padding:50px 100px;*/
    padding: 50px 8.46%;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-o_1-panel .year_2022-area .rect_line-box {
        padding: 50px 27px 45px;
    }
}

.sustainability-section .ssb-o_1-panel .year_2022-area .mark_dot-list li {
    color: #555;
    font-size: 18px;
    line-height: 30px;
}

.sustainability-section .ssb-o_1-panel .year_2022-area .mark_dot-list li::after {
    width: 4px;
    height: 4px;
    background-color: #555555;
    border-radius: 50%;
    top: 11px;
}

.sustainability-section .ssb-o_1-panel .year_2022-area .mark_dot-list li+li {
    margin-top: 8px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-o_1-panel .year_2022-area .mark_dot-list li {
        font-size: 14px;
        line-height: 22px;
        padding-right: 4px;
        white-space: normal;
        word-wrap: break-word;
        word-break: keep-all;
    }
    .sustainability-section .ssb-o_1-panel .year_2022-area .mark_dot-list li::after {
        top: 9px;
    }
    .sustainability-section .ssb-o_1-panel .year_2022-area .mark_dot-list li+li {
        margin-top: 8px;
    }
}

.sustainability-section .ssb-o_1-panel .year_2022-area .rowflex.flexwrap .img-box {
    width: 204px;
    padding-right: 30px;
    text-align: center;
}

.sustainability-section .ssb-o_1-panel .year_2022-area .rowflex.flexwrap .img-box img {
    width: 134px;
}

.sustainability-section .ssb-o_1-panel .year_2022-area .rowflex.flexwrap .text-box .tit {
    color: #16873e;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
}

.sustainability-section .ssb-o_1-panel .year_2022-area .rowflex.flexwrap .text-box .s-tit {
    color: #222;
    font-size: 20px;
    font-weight: 600;
    line-height: 37px;
}

.sustainability-section .ssb-o_1-panel .year_2022-area .rowflex.flexwrap .text-box .tit+.s-tit {
    margin-top: 18px;
}

.sustainability-section .ssb-o_1-panel .year_2022-area .rowflex.flexwrap .text-box .mark_dot-list {
    margin-top: 5px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-o_1-panel .year_2022-area .rowflex.flexwrap {
        padding: 0px;
        justify-content: center;
    }
    .sustainability-section .ssb-o_1-panel .year_2022-area .rowflex.flexwrap .img-box {
        width: 100%;
        padding-right: 0px;
    }
    .sustainability-section .ssb-o_1-panel .year_2022-area .rowflex.flexwrap .img-box img {
        width: 88px;
    }
    .sustainability-section .ssb-o_1-panel .year_2022-area .rowflex.flexwrap .text-box {
        text-align: center;
        margin-top: 27px;
    }
    .sustainability-section .ssb-o_1-panel .year_2022-area .rowflex.flexwrap .text-box .tit {
        font-size: 17px;
        line-height: 22px;
    }
    .sustainability-section .ssb-o_1-panel .year_2022-area .rowflex.flexwrap .text-box .s-tit {
        font-size: 14px;
        line-height: 22px;
    }
    .sustainability-section .ssb-o_1-panel .year_2022-area .rowflex.flexwrap .text-box .mark_dot-list {
        display: inline-block;
        width: 242px;
        text-align: left;
        margin: 5px auto 0;
    }
    .sustainability-section .ssb-o_1-panel .year_2022-area .rowflex.flexwrap .text-box .mark_dot-list li {
        padding-right: 0;
    }
    .sustainability-section .ssb-o_1-panel .year_2022-area .rowflex.flexwrap .text-box .tit+.s-tit {
        margin-top: 10px;
    }
}

.sustainability-section .ssb-o_1-panel .year_2021-area .rect_line-box {
    padding: 60px 8.46%;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-o_1-panel .year_2021-area .rect_line-box {
        padding: 60px 27px 35px;
    }
}

.sustainability-section .ssb-o_1-panel .year_2021-area .item-box {
    margin-bottom: 70px;
}

.sustainability-section .ssb-o_1-panel .year_2021-area .item-box img {
    width: 63px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-o_1-panel .year_2021-area .item-box {
        margin-bottom: 40px;
    }
    .sustainability-section .ssb-o_1-panel .year_2021-area .item-box img {
        width: 50px;
    }
}

.sustainability-section .ssb-o_1-panel .year_2021-area .graph-wrap {
    max-width: 785px;
    margin: auto;
}

.sustainability-section .ssb-o_1-panel .year_2021-area .graph-wrap .w-head {
    margin-bottom: 25px;
    color: #555;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
}

.sustainability-section .ssb-o_1-panel .year_2021-area .graph-wrap .w-body img {
    max-width: auto;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-o_1-panel .year_2021-area .graph-wrap {
        max-width: 660px;
    }
    .sustainability-section .ssb-o_1-panel .year_2021-area .graph-wrap .w-head {
        margin-bottom: 25px;
        font-size: 17px;
        line-height: 22px;
    }
    .sustainability-section .ssb-o_1-panel .year_2021-area .graph-wrap .w-body img {
        max-width: 660px;
    }
}

.sustainability-section .ssb-o_2-panel .item-box {
    text-align: center;
}

.sustainability-section .ssb-o_2-panel .item-box .txt {
    font-size: 18px;
    font-weight: 600;
    color: #777;
}

.sustainability-section .ssb-o_2-panel .item-box .img {
    margin-top: 25px;
}

.sustainability-section .ssb-o_2-panel .item-box .txt1 {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 600;
    color: #222222;
}

.sustainability-section .ssb-o_2-panel .item-box .txt2 {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sustainability-section .ssb-o_2-panel .item-box .txt2 span {
    vertical-align: baseline;
    font-size: 22px;
    font-weight: 600;
    color: #777;
    line-height: 1;
}

.sustainability-section .ssb-o_2-panel .item-box .txt2 em {
    vertical-align: baseline;
    color: #55a30f;
    font-weight: 700;
}

.sustainability-section .ssb-o_2-panel .item-box .txt2 em.fs-lg {
    font-size: 72px;
}

.sustainability-section .ssb-o_2-panel .item-box .txt2 i+span {
    margin-left: 20px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-o_2-panel .item-box .txt {
        font-size: 14px;
    }
    .sustainability-section .ssb-o_2-panel .item-box .img {
        margin-top: 15px;
    }
    .sustainability-section .ssb-o_2-panel .item-box .txt1 {
        font-size: 14px;
    }
    .sustainability-section .ssb-o_2-panel .item-box .txt2 {
        margin-top: 5px;
    }
    .sustainability-section .ssb-o_2-panel .item-box .txt2 span {
        font-size: 18px;
        line-height: 1.3;
    }
    .sustainability-section .ssb-o_2-panel .item-box .txt2 em.fs-lg {
        font-size: 55px;
    }
    .sustainability-section .ssb-o_2-panel .item-box .txt2 i+span {
        margin-left: 14px;
    }
}

.sustainability-section .ssb-o_2-panel .year_2025-area .item-box .txt-ex {
    margin-top: 10px;
}

.sustainability-section .ssb-o_2-panel .year_2025-area .item-box .txt-ex>span {
    color: #555;
    font-size: 18px;
    line-height: 30px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-o_2-panel .year_2025-area .item-box .txt2 span {
        font-size: 17px;
    }
    .sustainability-section .ssb-o_2-panel .year_2025-area .item-box .txt-ex {
        margin-top: 0px;
    }
    .sustainability-section .ssb-o_2-panel .year_2025-area .item-box .txt-ex>span {
        font-size: 14px;
        line-height: 22px;
    }
}

.sustainability-section .ssb-o_2-panel .year_2025-area .rowflex.flexwrap .colitem-1 .item-box img {
    width: 100px;
}

.sustainability-section .ssb-o_2-panel .year_2025-area .rowflex.flexwrap .colitem-2 .item-box img {
    width: 40px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-o_2-panel .year_2025-area .rowflex.flexwrap {
        justify-content: center;
    }
    .sustainability-section .ssb-o_2-panel .year_2025-area .rowflex.flexwrap .colitem-1 .item-box img {
        width: 68px;
    }
    .sustainability-section .ssb-o_2-panel .year_2025-area .rowflex.flexwrap .colitem-2 .item-box img {
        width: 30px;
    }
}

.sustainability-section .ssb-o_2-panel .year_2025-area .graph-wrap {
    max-width: 803px;
    margin: 70px auto 0;
}

.sustainability-section .ssb-o_2-panel .year_2025-area .graph-wrap .w-head {
    margin-bottom: 20px;
    color: #555;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
}

.sustainability-section .ssb-o_2-panel .year_2025-area .graph-wrap .w-body {
    position: relative;
}

.sustainability-section .ssb-o_2-panel .year_2025-area .graph-wrap .w-body .unit {
    position: absolute;
    right: 0;
    top: -48px;
    text-align: right;
    color: #777;
    font-size: 16px;
    line-height: 30px;
}

.sustainability-section .ssb-o_2-panel .year_2025-area .graph-wrap .w-body img {
    max-width: none;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-o_2-panel .year_2025-area .graph-wrap {
        max-width: 660px;
        margin-top: 45px;
    }
    .sustainability-section .ssb-o_2-panel .year_2025-area .graph-wrap .w-head {
        margin-bottom: 14px;
        font-size: 17px;
        line-height: 22px;
    }
    .sustainability-section .ssb-o_2-panel .year_2025-area .graph-wrap .w-body img {
        max-width: 660px;
    }
    .sustainability-section .ssb-o_2-panel .year_2025-area .graph-wrap .w-body .unit {
        position: relative;
        top: 0;
        margin-bottom: 5px;
        font-size: 11px;
        line-height: 21px;
    }
}

.sustainability-section .ssb-o_2-panel .year_2022-area .rect_line-box {
    padding: 60px 7.275% 50px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-o_2-panel .year_2022-area .rect_line-box {
        padding: 50px 27px;
    }
}

.sustainability-section .ssb-o_2-panel .year_2022-area .rowflex.flexwrap .col:last-child {
    position: relative;
}

.sustainability-section .ssb-o_2-panel .year_2022-area .rowflex.flexwrap .col:last-child::before {
    content: "";
    width: 58px;
    height: 58px;
    background: url("../images/sustainability/ssb_o/o2-2022_plus.png") no-repeat 50% 50%;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%);
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-o_2-panel .year_2022-area .rowflex.flexwrap .col:last-child {
        padding-top: 60px;
        margin-top: 60px;
    }
    .sustainability-section .ssb-o_2-panel .year_2022-area .rowflex.flexwrap .col:last-child::before {
        width: 43px;
        height: 43px;
        left: 50%;
        top: 0;
    }
}

.sustainability-section .ssb-o_2-panel .year_2022-area .typo-box .title {
    color: #222;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    margin: 0 0 34px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-o_2-panel .year_2022-area .typo-box .title {
        font-size: 17px;
        line-height: 27px;
        margin: 2px 0 15px;
    }
}

.sustainability-section .ssb-o_2-panel .year_2022-area .plan-box {
    text-align: center;
}

.sustainability-section .ssb-o_2-panel .year_2022-area .plan-box img {
    width: 144px;
}

.sustainability-section .ssb-o_2-panel .year_2022-area .plan-box .title {
    margin-top: 34px;
    color: #16873e;
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
}

.sustainability-section .ssb-o_2-panel .year_2022-area .plan-box .desc {
    margin-top: 20px;
    color: #555;
    font-size: 18px;
    line-height: 30px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-o_2-panel .year_2022-area .plan-box img {
        width: 100px;
    }
    .sustainability-section .ssb-o_2-panel .year_2022-area .plan-box .title {
        margin-top: 16px;
        font-size: 17px;
        line-height: 26px;
    }
    .sustainability-section .ssb-o_2-panel .year_2022-area .plan-box .desc {
        margin-top: 10px;
        font-size: 14px;
        line-height: 22px;
    }
}

.sustainability-section .ssb-o_2-panel .year_2021-area .rect_line-box {
    padding: 70px 8.46% 60px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-o_2-panel .year_2021-area .rect_line-box {
        padding: 55px 27px 45px;
    }
}

.sustainability-section .ssb-o_2-panel .year_2021-area .mark_dot-list {
    margin-left: 60px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.sustainability-section .ssb-o_2-panel .year_2021-area .mark_dot-list li {
    color: #555;
    font-size: 18px;
    line-height: 30px;
}

.sustainability-section .ssb-o_2-panel .year_2021-area .mark_dot-list li::after {
    width: 4px;
    height: 4px;
    background-color: #555555;
    border-radius: 50%;
    top: 11px;
}

.sustainability-section .ssb-o_2-panel .year_2021-area .mark_dot-list li+li {
    margin-top: 8px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-o_2-panel .year_2021-area .mark_dot-list {
        margin-left: 0px;
        top: 0;
        transform: translateY(0);
        margin-top: 20px;
    }
    .sustainability-section .ssb-o_2-panel .year_2021-area .mark_dot-list li {
        font-size: 14px;
        line-height: 22px;
        padding-right: 4px;
        white-space: normal;
        word-wrap: break-word;
        word-break: keep-all;
    }
    .sustainability-section .ssb-o_2-panel .year_2021-area .mark_dot-list li::after {
        top: 9px;
    }
    .sustainability-section .ssb-o_2-panel .year_2021-area .mark_dot-list li+li {
        margin-top: 8px;
    }
}

.sustainability-section .ssb-o_2-panel .year_2021-area .rowflex.flexwrap .item-box {
    width: 260px;
}

.sustainability-section .ssb-o_2-panel .year_2021-area .rowflex.flexwrap .item-box .txt2 {
    margin-top: 15px;
}

.sustainability-section .ssb-o_2-panel .year_2021-area .rowflex.flexwrap .item-box img {
    width: 68px;
    margin-top: 6px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-o_2-panel .year_2021-area .rowflex.flexwrap {
        justify-content: center;
    }
    .sustainability-section .ssb-o_2-panel .year_2021-area .rowflex.flexwrap .item-box {
        width: 100%;
        padding-right: 0;
    }
    .sustainability-section .ssb-o_2-panel .year_2021-area .rowflex.flexwrap .item-box .txt2 {
        margin-top: 5px;
    }
    .sustainability-section .ssb-o_2-panel .year_2021-area .rowflex.flexwrap .item-box img {
        width: 55px;
        margin-top: 0px;
    }
}

.sustainability-section .ssb-o_3-panel .item-box {
    text-align: center;
}

.sustainability-section .ssb-o_3-panel .item-box .txt {
    font-size: 18px;
    font-weight: 600;
    color: #777;
}

.sustainability-section .ssb-o_3-panel .item-box .img {
    margin-top: 25px;
}

.sustainability-section .ssb-o_3-panel .item-box .txt1 {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 600;
    color: #222222;
}

.sustainability-section .ssb-o_3-panel .item-box .txt2 {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sustainability-section .ssb-o_3-panel .item-box .txt2 span {
    vertical-align: baseline;
    font-size: 22px;
    font-weight: 600;
    color: #777;
    line-height: 1;
}

.sustainability-section .ssb-o_3-panel .item-box .txt2 em {
    vertical-align: baseline;
    color: #55a30f;
    font-weight: 700;
}

.sustainability-section .ssb-o_3-panel .item-box .txt2 em.fs-lg {
    font-size: 72px;
}

.sustainability-section .ssb-o_3-panel .item-box .txt2 i+span {
    margin-left: 20px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-o_3-panel .item-box .txt {
        font-size: 14px;
    }
    .sustainability-section .ssb-o_3-panel .item-box .img {
        margin-top: 15px;
    }
    .sustainability-section .ssb-o_3-panel .item-box .txt1 {
        font-size: 14px;
    }
    .sustainability-section .ssb-o_3-panel .item-box .txt2 {
        margin-top: 5px;
    }
    .sustainability-section .ssb-o_3-panel .item-box .txt2 span {
        font-size: 18px;
        line-height: 1.3;
    }
    .sustainability-section .ssb-o_3-panel .item-box .txt2 em.fs-lg {
        font-size: 55px;
    }
    .sustainability-section .ssb-o_3-panel .item-box .txt2 i+span {
        margin-left: 14px;
    }
}

.sustainability-section .ssb-o_3-panel .year_2025-area .rowflex.flexwrap .item-box .txt2 {
    margin-top: 20px;
}

.sustainability-section .ssb-o_3-panel .year_2025-area .rowflex.flexwrap .colitem-1 .item-box img {
    width: 200px;
}

.sustainability-section .ssb-o_3-panel .year_2025-area .rowflex.flexwrap .colitem-2 .item-box img {
    width: 56px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-o_3-panel .year_2025-area .rowflex.flexwrap {
        padding: 0px;
        justify-content: center;
    }
    .sustainability-section .ssb-o_3-panel .year_2025-area .rowflex.flexwrap .colitem-1 .item-box img {
        width: 136px;
    }
    .sustainability-section .ssb-o_3-panel .year_2025-area .rowflex.flexwrap .colitem-2 .item-box img {
        width: 46px;
    }
}

.sustainability-section .ssb-o_3-panel .year_2025-area .item-box {
    display: block;
    height: 100%;
}

.sustainability-section .ssb-o_3-panel .year_2025-area .item-box .rowflex {
    height: 100%;
    align-items: center;
}

.sustainability-section .ssb-o_3-panel .year_2025-area .item-box .rowflex .txt1 {
    margin-left: 25px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-o_3-panel .year_2025-area .item-box .rowflex .txt1 {
        margin-left: 10px;
    }
}

.sustainability-section .ssb-o_3-panel .year_2022-area .rect_line-box {
    padding: 55px 8.46%;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-o_3-panel .year_2022-area .rect_line-box {
        padding: 45px 27px;
    }
}

.sustainability-section .ssb-o_3-panel .year_2022-area .mark_dot-list li {
    color: #555;
    font-size: 18px;
    line-height: 30px;
}

.sustainability-section .ssb-o_3-panel .year_2022-area .mark_dot-list li::after {
    width: 4px;
    height: 4px;
    background-color: #555555;
    border-radius: 50%;
    top: 11px;
}

.sustainability-section .ssb-o_3-panel .year_2022-area .mark_dot-list li+li {
    margin-top: 8px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-o_3-panel .year_2022-area .mark_dot-list li {
        font-size: 14px;
        line-height: 22px;
        padding-right: 4px;
        white-space: normal;
        word-wrap: break-word;
        word-break: keep-all;
    }
    .sustainability-section .ssb-o_3-panel .year_2022-area .mark_dot-list li::after {
        top: 9px;
    }
    .sustainability-section .ssb-o_3-panel .year_2022-area .mark_dot-list li+li {
        margin-top: 8px;
    }
}

.sustainability-section .ssb-o_3-panel .year_2021-area .rect_line-box {
    padding: 60px 6.345%;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-o_3-panel .year_2021-area .rect_line-box {
        padding: 45px 27px 50px;
    }
}

.sustainability-section .ssb-o_3-panel .year_2021-area .ex-info {
    margin-top: 25px;
    color: #777;
    font-size: 16px;
    line-height: 32px;
}

.sustainability-section .ssb-o_3-panel .year_2021-area .ex-info em {
    color: #96ad07;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-o_3-panel .year_2021-area .ex-info {
        margin-top: 16px;
        font-size: 12px;
        line-height: 18px;
    }
}

.sustainability-section .ssb-o_3-panel .year_2021-area .item-box {
    margin-bottom: 70px;
}

.sustainability-section .ssb-o_3-panel .year_2021-area .item-box img {
    width: 73px;
    margin-bottom: -4px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-o_3-panel .year_2021-area .item-box {
        margin-bottom: 40px;
    }
    .sustainability-section .ssb-o_3-panel .year_2021-area .item-box img {
        width: 54px;
    }
}

.sustainability-section .ssb-o_3-panel .year_2021-area .mark_dot-list li {
    color: #555;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
}

.sustainability-section .ssb-o_3-panel .year_2021-area .mark_dot-list li sup {
    color: #55a30f;
    vertical-align: middle;
    position: relative;
    top: -9px;
}

.sustainability-section .ssb-o_3-panel .year_2021-area .mark_dot-list li::after {
    width: 4px;
    height: 4px;
    background-color: #555555;
    border-radius: 50%;
    top: 11px;
}

.sustainability-section .ssb-o_3-panel .year_2021-area .mark_dot-list li+li {
    margin-top: 8px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-o_3-panel .year_2021-area .mark_dot-list li {
        font-size: 14px;
        line-height: 22px;
        padding-right: 4px;
        white-space: normal;
        word-wrap: break-word;
        word-break: keep-all;
    }
    .sustainability-section .ssb-o_3-panel .year_2021-area .mark_dot-list li sup {
        top: -8px;
    }
    .sustainability-section .ssb-o_3-panel .year_2021-area .mark_dot-list li::after {
        top: 9px;
    }
    .sustainability-section .ssb-o_3-panel .year_2021-area .mark_dot-list li+li {
        margin-top: 8px;
    }
}

.sustainability-section .ssb-o_3-panel .year_2021-area .perform-wrap .w-head {
    margin-bottom: 45px;
    margin-left: 2.2%;
    color: #555;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
}

.sustainability-section .ssb-o_3-panel .year_2021-area .perform-wrap .icon-box img {
    width: 144px;
}

.sustainability-section .ssb-o_3-panel .year_2021-area .perform-wrap .icon-box .text {
    margin-top: 20px;
    height: 72px;
    color: #16873e;
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-o_3-panel .year_2021-area .perform-wrap .icon-box {
        padding-right: 0px;
        width: 100%;
    }
    .sustainability-section .ssb-o_3-panel .year_2021-area .perform-wrap .icon-box img {
        width: 100px;
    }
    .sustainability-section .ssb-o_3-panel .year_2021-area .perform-wrap .icon-box .text {
        margin-top: 14px;
        height: auto;
        font-size: 17px;
        line-height: 27px;
    }
}

.sustainability-section .ssb-o_3-panel .year_2021-area .perform-wrap .rowflex.flexwrap .mark_dot-list {
    display: inline-block;
    margin-top: 24px;
}

.sustainability-section .ssb-o_3-panel .year_2021-area .perform-wrap .rowflex.flexwrap .col {
    text-align: center;
}

.sustainability-section .ssb-o_3-panel .year_2021-area .perform-wrap .rowflex.flexwrap .col+.col {
    border-left: 1px dashed #dedede;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-o_3-panel .year_2021-area .perform-wrap .w-head {
        margin-bottom: 25px;
        margin-left: 0;
        font-size: 17px;
        line-height: 22px;
        text-align: center;
    }
    .sustainability-section .ssb-o_3-panel .year_2021-area .perform-wrap .rowflex.flexwrap .mark_dot-list {
        margin-top: 15px;
    }
    .sustainability-section .ssb-o_3-panel .year_2021-area .perform-wrap .rowflex.flexwrap .col+.col {
        margin-top: 36px;
        border: none;
    }
}

.sustainability-section .help_info-area {
    margin-top: 80px;
}

.sustainability-section .help_info-area .rect_line-box {
    padding: 60px 80px;
}

.sustainability-section .help_info-area .rowflex {
    align-items: center;
}

.sustainability-section .help_info-area .rowflex>.col-auto {
    padding-right: 6.7681%;
}

.sustainability-section .help_info-area .rowflex>.col-auto img {
    width: 144px;
}

.sustainability-section .help_info-area .rowflex .typo-box .contact {
    margin-top: 30px;
}

.sustainability-section .help_info-area .rowflex .contact-list li {
    position: relative;
    display: inline-block;
    margin: 10px 15px 0 0;
    padding-right: 15px;
}

.sustainability-section .help_info-area .rowflex .contact-list li::after {
    content: "";
    display: block;
    width: 1px;
    height: 15px;
    background-color: #ccc;
    position: absolute;
    top: 5px;
    right: 0;
}

.sustainability-section .help_info-area .rowflex .contact-list li:last-child {
    margin-right: 0px;
    padding-right: 0px;
}

.sustainability-section .help_info-area .rowflex .contact-list li:last-child::after {
    display: none;
}

.sustainability-section .help_info-area .rowflex .contact-list strong,
.sustainability-section .help_info-area .rowflex .contact-list em,
.sustainability-section .help_info-area .rowflex .contact-list span {
    font-size: 20px;
    font-weight: 600;
}

.sustainability-section .help_info-area .rowflex .contact-list strong {
    color: #222222;
    margin-right: 7px;
}

.sustainability-section .help_info-area .rowflex .contact-list em {
    color: #16873e;
}

.sustainability-section .help_info-area .rowflex .contact-list span {
    font-weight: 500;
    color: #555555;
}

.sustainability-section .help_info-area .rowflex .manager {
    margin-top: 10px;
}

.sustainability-section .help_info-area .rowflex .manager span {
    font-size: 20px;
    font-weight: bold;
    color: #222222;
}

@media all and (max-width: 1023px) {
    .sustainability-section .help_info-area .rect_line-box {
        padding: 50px 30px;
    }
    .sustainability-section .help_info-area .rowflex {
        align-items: center;
    }
    .sustainability-section .help_info-area .rowflex>.col-auto {
        text-align: center;
        width: 100%;
        padding-right: 0;
    }
    .sustainability-section .help_info-area .rowflex>.col-auto img {
        width: 100px;
    }
    .sustainability-section .help_info-area .rowflex .typo-box {
        margin-top: 20px;
    }
    .sustainability-section .help_info-area .rowflex .typo-box .btn_set {
        text-align: center;
    }
    .sustainability-section .help_info-area .rowflex .typo-box .btn_set .btn {
        width: 100%;
    }
    .sustainability-section .help_info-area .rowflex .typo-box .contact {
        margin-top: 25px;
    }
    .sustainability-section .help_info-area .rowflex .contact-list {
        margin-top: 0;
    }
    .sustainability-section .help_info-area .rowflex .contact-list li {
        position: relative;
        display: block;
        margin-top: 8px;
        margin-right: 15px;
        padding-right: 15px;
    }
    .sustainability-section .help_info-area .rowflex .contact-list li::after {
        display: none;
    }
    .sustainability-section .help_info-area .rowflex .contact-list li:last-child {
        margin-right: 0px;
        padding-right: 0px;
    }
    .sustainability-section .help_info-area .rowflex .contact-list li:last-child::after {
        display: none;
    }
    .sustainability-section .help_info-area .rowflex .contact-list strong,
    .sustainability-section .help_info-area .rowflex .contact-list em,
    .sustainability-section .help_info-area .rowflex .contact-list span {
        font-size: 15px;
        font-weight: 600;
    }
    .sustainability-section .help_info-area .rowflex .contact-list strong {
        color: #222222;
        margin-right: 5px;
    }
    .sustainability-section .help_info-area .rowflex .manager {
        margin-top: 10px;
    }
    .sustainability-section .help_info-area .rowflex .manager span {
        font-size: 15px;
    }
}

.sustainability-section .ssb-w_1-panel .year_2025-area .rowflex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sustainability-section .ssb-w_1-panel .year_2025-area .rowflex>.col {
    flex: 0 0 auto;
    margin: 0 50px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-w_1-panel .year_2025-area .rowflex>.col {
        margin: 0;
    }
    .sustainability-section .ssb-w_1-panel .year_2025-area .rowflex>.colitem-3 {
        margin-top: 40px;
    }
}

.sustainability-section .ssb-w_1-panel .year_2025-area .colitem-1 {
    text-align: center;
}

.sustainability-section .ssb-w_1-panel .year_2025-area .colitem-1 .txt {
    font-size: 18px;
    font-weight: 600;
    color: #777;
}

.sustainability-section .ssb-w_1-panel .year_2025-area .colitem-1 .img {
    margin-top: 25px;
}

.sustainability-section .ssb-w_1-panel .year_2025-area .colitem-1 .img img {
    height: 100px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-1 .txt {
        font-size: 14px;
    }
    .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-1 .img {
        margin-top: 15px;
    }
    .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-1 .img img {
        height: 68px;
    }
}

.sustainability-section .ssb-w_1-panel .year_2025-area .colitem-2,
.sustainability-section .ssb-w_1-panel .year_2025-area .colitem-3 {
    text-align: center;
}

.sustainability-section .ssb-w_1-panel .year_2025-area .colitem-2 .txt1,
.sustainability-section .ssb-w_1-panel .year_2025-area .colitem-3 .txt1 {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 600;
    color: #222222;
}

.sustainability-section .ssb-w_1-panel .year_2025-area .colitem-2 .txt2,
.sustainability-section .ssb-w_1-panel .year_2025-area .colitem-3 .txt2 {
    margin-top: 0px;
}

.sustainability-section .ssb-w_1-panel .year_2025-area .colitem-2 .txt2 i,
.sustainability-section .ssb-w_1-panel .year_2025-area .colitem-3 .txt2 i {
    display: inline-block;
    margin-bottom: 20px;
    vertical-align: bottom;
}

.sustainability-section .ssb-w_1-panel .year_2025-area .colitem-2 .txt2 i img,
.sustainability-section .ssb-w_1-panel .year_2025-area .colitem-3 .txt2 i img {
    height: 53px;
}

.sustainability-section .ssb-w_1-panel .year_2025-area .colitem-2 .txt2 em,
.sustainability-section .ssb-w_1-panel .year_2025-area .colitem-3 .txt2 em {
    vertical-align: baseline;
    margin-left: 10px;
    font-size: 72px;
    font-weight: bold;
    color: #55a30f;
}

.sustainability-section .ssb-w_1-panel .year_2025-area .colitem-2 .txt2 .em,
.sustainability-section .ssb-w_1-panel .year_2025-area .colitem-3 .txt2 .em {
    color: #55a30f;
}

.sustainability-section .ssb-w_1-panel .year_2025-area .colitem-2 .txt2 span,
.sustainability-section .ssb-w_1-panel .year_2025-area .colitem-3 .txt2 span {
    vertical-align: baseline;
    font-size: 22px;
    font-weight: 600;
    color: #777;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-2 .txt1,
    .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-3 .txt1 {
        font-size: 14px;
    }
    .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-2 .txt2,
    .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-3 .txt2 {
        margin-top: 5px;
    }
    .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-2 .txt2 i,
    .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-3 .txt2 i {
        margin-bottom: 15px;
        vertical-align: bottom;
    }
    .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-2 .txt2 i img,
    .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-3 .txt2 i img {
        height: 40px;
    }
    .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-2 .txt2 em,
    .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-3 .txt2 em {
        vertical-align: baseline;
        margin-left: 10px;
        font-size: 55px;
    }
    .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-2 .txt2 span,
    .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-3 .txt2 span {
        vertical-align: baseline;
        font-size: 18px;
    }
}

.sustainability-section .ssb-w_1-panel .year_2022-area .rect_line-box,
.sustainability-section .ssb-w_1-panel .year_2021-area .rect_line-box {
    /*padding: 55px 100px;*/
    padding: 55px 8.4602%;
}

.sustainability-section .ssb-w_1-panel .year_2022-area .rect_line-box>div+div,
.sustainability-section .ssb-w_1-panel .year_2021-area .rect_line-box>div+div {
    margin-top: 50px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-w_1-panel .year_2022-area .rect_line-box,
    .sustainability-section .ssb-w_1-panel .year_2021-area .rect_line-box {
        padding: 45px 25px;
    }
    .sustainability-section .ssb-w_1-panel .year_2022-area .rect_line-box>div+div,
    .sustainability-section .ssb-w_1-panel .year_2021-area .rect_line-box>div+div {
        margin-top: 25px;
    }
}

.sustainability-section .ssb-w_1-panel .year_2022-area .title-box,
.sustainability-section .ssb-w_1-panel .year_2021-area .title-box {
    text-align: left;
}

.sustainability-section .ssb-w_1-panel .year_2022-area .title-box span,
.sustainability-section .ssb-w_1-panel .year_2021-area .title-box span {
    font-size: 24px;
    font-weight: 600;
    color: #222222;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-w_1-panel .year_2022-area .title-box span,
    .sustainability-section .ssb-w_1-panel .year_2021-area .title-box span {
        font-size: 17px;
    }
}

.sustainability-section .ssb-w_1-panel .year_2022-area .title-box+.mark_dot-list,
.sustainability-section .ssb-w_1-panel .year_2021-area .title-box+.mark_dot-list {
    margin-top: 25px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-w_1-panel .year_2022-area .title-box+.mark_dot-list,
    .sustainability-section .ssb-w_1-panel .year_2021-area .title-box+.mark_dot-list {
        margin-top: 0;
    }
}

.sustainability-section .ssb-w_1-panel .year_2022-area .mark_dot-list li,
.sustainability-section .ssb-w_1-panel .year_2021-area .mark_dot-list li {
    margin-top: 15px;
}

.sustainability-section .ssb-w_1-panel .year_2022-area .mark_dot-list li::after,
.sustainability-section .ssb-w_1-panel .year_2021-area .mark_dot-list li::after {
    width: 4px;
    height: 4px;
    background-color: #555555;
    border-radius: 50%;
}

.sustainability-section .ssb-w_1-panel .year_2022-area .mark_dot-list span,
.sustainability-section .ssb-w_1-panel .year_2021-area .mark_dot-list span {
    font-size: 18px;
    font-weight: 500;
    color: #555555;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-w_1-panel .year_2022-area .mark_dot-list li,
    .sustainability-section .ssb-w_1-panel .year_2021-area .mark_dot-list li {
        margin-top: 12px;
    }
    .sustainability-section .ssb-w_1-panel .year_2022-area .mark_dot-list li::after,
    .sustainability-section .ssb-w_1-panel .year_2021-area .mark_dot-list li::after {
        top: 7px;
    }
    .sustainability-section .ssb-w_1-panel .year_2022-area .mark_dot-list span,
    .sustainability-section .ssb-w_1-panel .year_2021-area .mark_dot-list span {
        font-size: 14px;
    }
}

.sustainability-section .ssb-w_2-panel .year_2025-area .rect_line-box {
    padding: 60px 8.4602%;
}

.sustainability-section .ssb-w_2-panel .year_2025-area .rowflex {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-w_2-panel .year_2025-area .rect_line-box {
        padding: 45px 20px;
    }
    .sustainability-section .ssb-w_2-panel .year_2025-area .rowflex>.colitem-2 {
        margin-top: 30px;
    }
}

.sustainability-section .ssb-w_2-panel .year_2025-area .colitem-1,
.sustainability-section .ssb-w_2-panel .year_2025-area .colitem-2 {
    text-align: center;
}

.sustainability-section .ssb-w_2-panel .year_2025-area .colitem-1 .txt1,
.sustainability-section .ssb-w_2-panel .year_2025-area .colitem-2 .txt1 {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 600;
    color: #222222;
}

.sustainability-section .ssb-w_2-panel .year_2025-area .colitem-1 .txt2,
.sustainability-section .ssb-w_2-panel .year_2025-area .colitem-2 .txt2 {
    margin-top: 0px;
}

.sustainability-section .ssb-w_2-panel .year_2025-area .colitem-1 .txt2 i,
.sustainability-section .ssb-w_2-panel .year_2025-area .colitem-2 .txt2 i {
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: bottom;
}

.sustainability-section .ssb-w_2-panel .year_2025-area .colitem-1 .txt2 i img,
.sustainability-section .ssb-w_2-panel .year_2025-area .colitem-2 .txt2 i img {
    height: 66px;
}

.sustainability-section .ssb-w_2-panel .year_2025-area .colitem-1 .txt2 em,
.sustainability-section .ssb-w_2-panel .year_2025-area .colitem-2 .txt2 em {
    vertical-align: baseline;
    margin-left: 10px;
    font-size: 72px;
    font-weight: bold;
    color: #55a30f;
}

.sustainability-section .ssb-w_2-panel .year_2025-area .colitem-1 .txt2 .em,
.sustainability-section .ssb-w_2-panel .year_2025-area .colitem-2 .txt2 .em {
    color: #55a30f;
}

.sustainability-section .ssb-w_2-panel .year_2025-area .colitem-1 .txt2 span,
.sustainability-section .ssb-w_2-panel .year_2025-area .colitem-2 .txt2 span {
    vertical-align: baseline;
    font-size: 22px;
    font-weight: 600;
    color: #777;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-1,
    .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-2 {
        margin-top: 0px;
    }
    .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-1 .txt1,
    .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-2 .txt1 {
        font-size: 14px;
    }
    .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-1 .txt2,
    .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-2 .txt2 {
        margin-top: 5px;
    }
    .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-1 .txt2 i,
    .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-2 .txt2 i {
        margin-bottom: 7px;
        vertical-align: bottom;
    }
    .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-1 .txt2 i img,
    .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-2 .txt2 i img {
        height: 50px;
    }
    .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-1 .txt2 em,
    .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-2 .txt2 em {
        vertical-align: baseline;
        margin-left: 10px;
        font-size: 50px;
    }
    .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-1 .txt2 span,
    .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-2 .txt2 span {
        vertical-align: baseline;
        font-size: 15px;
    }
}

.sustainability-section .ssb-w_2-panel .year_2022-area .rect_line-box {
    /*padding: 50px 100px;*/
    padding: 50px 0%;
}

.sustainability-section .ssb-w_2-panel .year_2022-area .rect_line-box>div+div {
    margin-top: 50px;
}

@media all and (max-width: 1279px) {
    .sustainability-section .ssb-w_2-panel .year_2022-area .rect_line-box {
        padding: 50px 0%;
    }
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-w_2-panel .year_2022-area .rect_line-box {
        padding: 45px 25px;
    }
    .sustainability-section .ssb-w_2-panel .year_2022-area .rect_line-box>div+div {
        margin-top: 25px;
    }
}

.sustainability-section .ssb-w_2-panel .year_2022-area .img-box {
    text-align: center;
    margin-top: 10px;
}

.sustainability-section .ssb-w_2-panel .year_2022-area .img-box img {
    width: 143px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-w_2-panel .year_2022-area .img-box img {
        width: 100px;
    }
}

.sustainability-section .ssb-w_2-panel .year_2022-area .title-box {
    text-align: center;
    margin-top: 35px;
}

.sustainability-section .ssb-w_2-panel .year_2022-area .title-box span {
    font-size: 24px;
    font-weight: 600;
    color: #16873e;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-w_2-panel .year_2022-area .title-box {
        margin-top: 20px;
    }
    .sustainability-section .ssb-w_2-panel .year_2022-area .title-box span {
        font-size: 17px;
    }
}

.sustainability-section .ssb-w_2-panel .year_2022-area .title-box+.mark_dot-list {
    margin-top: 20px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-w_2-panel .year_2022-area .title-box+.mark_dot-list {
        margin-top: 14px;
    }
}

.sustainability-section .ssb-w_2-panel .year_2022-area .mark_dot-list {
    display: inline-block;
    /*width: 378px; margin: 0 auto;*/
}

.sustainability-section .ssb-w_2-panel .year_2022-area .mark_dot-list li {
    margin-top: 10px;
    text-align: left;
}

.sustainability-section .ssb-w_2-panel .year_2022-area .mark_dot-list li::after {
    top: 11px;
    width: 4px;
    height: 4px;
    background-color: #555555;
    border-radius: 50%;
}

.sustainability-section .ssb-w_2-panel .year_2022-area .mark_dot-list li:first-child {
    margin-top: 0;
}

.sustainability-section .ssb-w_2-panel .year_2022-area .mark_dot-list span {
    font-size: 18px;
    font-weight: 500;
    color: #555555;
    line-height: 1.7;
}

.sustainability-section .ssb-w_2-panel .year_2022-area .mark_dot-list span.colorL {
    color: #777777;
}

.sustainability-section .ssb-w_2-panel .year_2022-area .mark_dot-list span.mark_char_item {
    display: block;
    font-size: 16px;
    margin-top: 4px;
}

.sustainability-section .ssb-w_2-panel .year_2022-area .mark_dot-list span.mark_char_item+.mark_char_item {
    margin-top: 2px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-w_2-panel .year_2022-area .mark_dot-list {
        width: auto;
        max-width: 300px;
    }
    .sustainability-section .ssb-w_2-panel .year_2022-area .mark_dot-list li {
        margin-top: 8px;
    }
    .sustainability-section .ssb-w_2-panel .year_2022-area .mark_dot-list li::after {
        top: 7px;
    }
    .sustainability-section .ssb-w_2-panel .year_2022-area .mark_dot-list span {
        font-size: 14px;
    }
    .sustainability-section .ssb-w_2-panel .year_2022-area .mark_dot-list span.mark_char_item {
        font-size: 12px;
        margin-top: 4px;
    }
    .sustainability-section .ssb-w_2-panel .year_2022-area .mark_dot-list span.mark_char_item+.mark_char_item {
        margin-top: 2px;
    }
}

.sustainability-section .ssb-w_2-panel .year_2022-area .colitem-1,
.sustainability-section .ssb-w_2-panel .year_2022-area .colitem-2 {
    text-align: center;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-w_2-panel .year_2022-area .colitem-1 {
        padding-bottom: 40px;
    }
}

.sustainability-section .ssb-w_2-panel .year_2022-area .colitem-2 {
    position: relative;
    border-left: 1px dashed #dedede;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-w_2-panel .year_2022-area .colitem-2 {
        padding-top: 40px;
        border-left: 0px dashed #dedede;
        border-top: 1px dashed #dedede;
    }
}

.sustainability-section .ssb-w_2-panel .year_2021-area .rect_line-box {
    padding: 55px 8.4602%;
}

.sustainability-section .ssb-w_2-panel .year_2021-area .rowflex {
    display: flex;
    align-items: center;
}

@media all and (max-width: 1279px) {
    .sustainability-section .ssb-w_2-panel .year_2021-area .rect_line-box {
        padding: 55px 4.6%;
    }
    .sustainability-section .ssb-w_2-panel .year_2021-area .rowflex.flexwrap {
        justify-content: space-between;
    }
    .sustainability-section .ssb-w_2-panel .year_2021-area .rowflex.flexwrap>.col {
        flex: 0 0 auto;
        width: auto;
    }
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-w_2-panel .year_2021-area .rect_line-box {
        padding: 45px 20px;
    }
    .sustainability-section .ssb-w_2-panel .year_2021-area .rowflex.flexwrap>.col {
        flex: 1 0 auto;
        width: 100%;
    }
}

.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-1,
.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-2,
.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-3 {
    text-align: center;
}

.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-1 .txt1,
.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-2 .txt1,
.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-3 .txt1 {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 600;
    color: #222222;
}

.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-1 .txt2,
.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-2 .txt2,
.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-3 .txt2 {
    margin-top: 0px;
}

.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-1 .txt2 i,
.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-2 .txt2 i,
.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-3 .txt2 i {
    display: inline-block;
    margin-bottom: 5px;
    vertical-align: bottom;
}

.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-1 .txt2 i img,
.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-2 .txt2 i img,
.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-3 .txt2 i img {
    height: 70px;
}

.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-1 .txt2 em,
.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-2 .txt2 em,
.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-3 .txt2 em {
    vertical-align: baseline;
    margin-left: 10px;
    font-size: 72px;
    font-weight: bold;
    color: #55a30f;
}

.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-1 .txt2 .em,
.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-2 .txt2 .em,
.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-3 .txt2 .em {
    color: #55a30f;
}

.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-1 .txt2 span,
.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-2 .txt2 span,
.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-3 .txt2 span {
    vertical-align: baseline;
    font-size: 22px;
    font-weight: 600;
    color: #777;
}

.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-1 .txt2 .color_point,
.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-2 .txt2 .color_point,
.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-3 .txt2 .color_point {
    color: #55a30f;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-1,
    .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-2,
    .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-3 {
        margin-top: 40px;
    }
    .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-1 .txt1,
    .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-2 .txt1,
    .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-3 .txt1 {
        font-size: 14px;
    }
    .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-1 .txt2,
    .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-2 .txt2,
    .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-3 .txt2 {
        margin-top: 5px;
    }
    .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-1 .txt2 i,
    .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-2 .txt2 i,
    .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-3 .txt2 i {
        margin-bottom: 7px;
        vertical-align: bottom;
    }
    .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-1 .txt2 i img,
    .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-2 .txt2 i img,
    .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-3 .txt2 i img {
        height: 50px;
    }
    .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-1 .txt2 em,
    .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-2 .txt2 em,
    .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-3 .txt2 em {
        vertical-align: baseline;
        margin-left: 10px;
        font-size: 50px;
    }
    .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-1 .txt2 span,
    .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-2 .txt2 span,
    .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-3 .txt2 span {
        vertical-align: baseline;
        font-size: 15px;
    }
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-1 {
        margin-top: 0;
    }
}

.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-3 .txt2 {
    margin-top: 15px;
}

.sustainability-section .s-foot .btn_gray_grayline {
    border: 1px solid #222;
    background-color: #fff;
}

.sustainability-section {
    /* 섹션공통 */
    /* 패널 공통 */
}

.sustainability-section .section-wrap.ssb-t2 {
    /*margin-top: 90px;*/
}

.sustainability-section .section-wrap.ssb-t3 {
    margin-top: 60px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .section-wrap.ssb-t2 {
        /*margin-top:57px;*/
    }
    .sustainability-section .section-wrap.ssb-t3 {
        margin-top: -40px;
    }
}

.sustainability-section .section-wrap.ssb-t2 .s-head .head_title-box {
    padding-bottom: 60px;
}

.sustainability-section .section-wrap.ssb-t2 .s-head .head_title-box span {
    font-size: 42px;
    color: #222222;
    font-weight: bold;
}

@media all and (max-width: 1023px) {
    .sustainability-section .section-wrap.ssb-t2 .s-head .head_title-box {
        padding-bottom: 35px;
    }
    .sustainability-section .section-wrap.ssb-t2 .s-head .head_title-box span {
        font-size: 26px;
    }
}

.sustainability-section .section-wrap.ssb-t2 .s-body {
    margin-top: 60px;
}

.sustainability-section .section-wrap.ssb-t2 .s-body [class^=ssb-t_2_] {
    margin-top: 70px;
}

.sustainability-section .section-wrap.ssb-t2 .s-body [class^=ssb-t_2_]+[class^=ssb-t_2_] {
    margin-top: 90px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .section-wrap.ssb-t2 .s-body {
        margin-top: 35px;
    }
    .sustainability-section .section-wrap.ssb-t2 .s-body [class^=ssb-t_2_] {
        margin-top: 45px;
    }
    .sustainability-section .section-wrap.ssb-t2 .s-body [class^=ssb-t_2_]+[class^=ssb-t_2_] {
        margin-top: 45px;
    }
}

.sustainability-section .section-wrap.ssb-t2 .s-body .title-box span {
    color: #222;
    font-size: 32px;
    line-height: 58px;
    font-weight: bold;
}

.sustainability-section .section-wrap.ssb-t2 .s-body .title-box+.desc-box {
    margin-top: 20px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .section-wrap.ssb-t2 .s-body .title-box span {
        font-size: 22px;
        line-height: 28px;
        font-weight: bold;
    }
    .sustainability-section .section-wrap.ssb-t2 .s-body .title-box+.desc-box {
        margin-top: 10px;
    }
}

.sustainability-section .section-wrap.ssb-t2 .s-body .desc-box .sub_title {
    margin-top: 30px;
    margin-bottom: 24px;
}

.sustainability-section .section-wrap.ssb-t2 .s-body .desc-box .sub_title span {
    color: #222;
    font-size: 24px;
    line-height: 36px;
    font-weight: bold;
}

.sustainability-section .section-wrap.ssb-t2 .s-body .desc-box .sub_desc span {
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    color: #555555;
}

@media all and (max-width: 1023px) {
    .sustainability-section .section-wrap.ssb-t2 .s-body .desc-box .sub_title {
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .sustainability-section .section-wrap.ssb-t2 .s-body .desc-box .sub_title span {
        font-size: 18px;
        line-height: 1.6;
    }
    .sustainability-section .section-wrap.ssb-t2 .s-body .desc-box .sub_desc span {
        font-size: 13px;
        line-height: 1.6;
    }
}

.sustainability-section .section-wrap.ssb-t2 .s-body .gray-box {
    margin-top: 70px;
    padding: 45px 40px 60px;
    background-color: #f9f9f9;
}

.sustainability-section .section-wrap.ssb-t2 .s-body .gray-box .title span {
    font-size: 28px;
    font-weight: bold;
    line-height: 58px;
    color: #222222;
}

.sustainability-section .section-wrap.ssb-t2 .s-body .gray-box .mark_dot-list li+li {
    margin-top: 6px;
}

.sustainability-section .section-wrap.ssb-t2 .s-body .gray-box .mark_dot-list li {
    font-size: 18px;
    line-height: 30px;
    padding-left: 20px;
    text-align: left;
}

.sustainability-section .section-wrap.ssb-t2 .s-body .gray-box .mark_dot-list li::after {
    top: 12px;
    width: 4px;
    height: 4px;
    background-color: #555;
    border-radius: 2px;
}

.sustainability-section .section-wrap.ssb-t2 .s-body .gray-box .btn-box {
    margin-top: 25px;
}

.sustainability-section .section-wrap.ssb-t2 .s-body .gray-box .btn-box span+i {
    margin-left: 8px;
}

.sustainability-section .section-wrap.ssb-t2 .s-body .gray-box .title+.mark_dot-list {
    margin-top: 15px;
}

.sustainability-section .section-wrap.ssb-t2 .s-body .gray-box .mark_dot-list+.btn-box {
    margin-top: 25px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .section-wrap.ssb-t2 .s-body .gray-box {
        margin-top: 40px;
        padding: 34px 30px 36px;
    }
    .sustainability-section .section-wrap.ssb-t2 .s-body .gray-box .title span {
        font-size: 18px;
        line-height: 28px;
    }
    .sustainability-section .section-wrap.ssb-t2 .s-body .gray-box .mark_dot-list li {
        font-size: 13px;
        line-height: 21px;
        padding-left: 12px;
    }
    .sustainability-section .section-wrap.ssb-t2 .s-body .gray-box .mark_dot-list li::after {
        top: 8px;
    }
    .sustainability-section .section-wrap.ssb-t2 .s-body .gray-box .title+.mark_dot-list {
        margin-top: 15px;
    }
}

@media all and (max-width: 1023px) {
    .sustainability-section .section-wrap.ssb-t2 .tab_linebox-list {
        border-bottom: 0;
    }
    .sustainability-section .section-wrap.ssb-t2 .tab_linebox-list li {
        width: 50%;
        margin-left: 0px;
        margin-bottom: 0px;
        flex: 0 0 auto;
    }
    .sustainability-section .section-wrap.ssb-t2 .tab_linebox-list li a {
        margin-top: -1px;
        margin-left: -1px;
    }
    .sustainability-section .section-wrap.ssb-t2 .tab_linebox-list li:nth-child(even) {
        border-right: 1px solid #dedede;
    }
}

.sustainability-section .ssb-t_1-panel.type-accordion .p-head,
.sustainability-section .ssb-t_2_1-panel.type-accordion .p-head,
.sustainability-section .ssb-t_2_2-panel.type-accordion .p-head,
.sustainability-section .ssb-t_2_3-panel.type-accordion .p-head,
.sustainability-section .ssb-t_2_4-panel.type-accordion .p-head,
.sustainability-section .ssb-t_2_5-panel.type-accordion .p-head,
.sustainability-section .ssb-t_3-panel.type-accordion .p-head {
    padding-bottom: 22px;
    position: relative;
    border-bottom: 4px solid #222;
}

.sustainability-section .ssb-t_1-panel.type-accordion .p-head a,
.sustainability-section .ssb-t_2_1-panel.type-accordion .p-head a,
.sustainability-section .ssb-t_2_2-panel.type-accordion .p-head a,
.sustainability-section .ssb-t_2_3-panel.type-accordion .p-head a,
.sustainability-section .ssb-t_2_4-panel.type-accordion .p-head a,
.sustainability-section .ssb-t_2_5-panel.type-accordion .p-head a,
.sustainability-section .ssb-t_3-panel.type-accordion .p-head a {
    display: block;
    position: relative;
}

.sustainability-section .ssb-t_1-panel.type-accordion .p-head a .title,
.sustainability-section .ssb-t_2_1-panel.type-accordion .p-head a .title,
.sustainability-section .ssb-t_2_2-panel.type-accordion .p-head a .title,
.sustainability-section .ssb-t_2_3-panel.type-accordion .p-head a .title,
.sustainability-section .ssb-t_2_4-panel.type-accordion .p-head a .title,
.sustainability-section .ssb-t_2_5-panel.type-accordion .p-head a .title,
.sustainability-section .ssb-t_3-panel.type-accordion .p-head a .title {
    padding-right: 40px;
}

.sustainability-section .ssb-t_1-panel.type-accordion .p-head a i,
.sustainability-section .ssb-t_2_1-panel.type-accordion .p-head a i,
.sustainability-section .ssb-t_2_2-panel.type-accordion .p-head a i,
.sustainability-section .ssb-t_2_3-panel.type-accordion .p-head a i,
.sustainability-section .ssb-t_2_4-panel.type-accordion .p-head a i,
.sustainability-section .ssb-t_2_5-panel.type-accordion .p-head a i,
.sustainability-section .ssb-t_3-panel.type-accordion .p-head a i {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_1-panel.type-accordion .p-head,
    .sustainability-section .ssb-t_2_1-panel.type-accordion .p-head,
    .sustainability-section .ssb-t_2_2-panel.type-accordion .p-head,
    .sustainability-section .ssb-t_2_3-panel.type-accordion .p-head,
    .sustainability-section .ssb-t_2_4-panel.type-accordion .p-head,
    .sustainability-section .ssb-t_2_5-panel.type-accordion .p-head,
    .sustainability-section .ssb-t_3-panel.type-accordion .p-head {
        padding-bottom: 15px;
    }
    .sustainability-section .ssb-t_1-panel.type-accordion .p-head a i,
    .sustainability-section .ssb-t_2_1-panel.type-accordion .p-head a i,
    .sustainability-section .ssb-t_2_2-panel.type-accordion .p-head a i,
    .sustainability-section .ssb-t_2_3-panel.type-accordion .p-head a i,
    .sustainability-section .ssb-t_2_4-panel.type-accordion .p-head a i,
    .sustainability-section .ssb-t_2_5-panel.type-accordion .p-head a i,
    .sustainability-section .ssb-t_3-panel.type-accordion .p-head a i {
        margin-top: -10px;
    }
}

.sustainability-section .ssb-t_1-panel.type-accordion .p-head.on i,
.sustainability-section .ssb-t_2_1-panel.type-accordion .p-head.on i,
.sustainability-section .ssb-t_2_2-panel.type-accordion .p-head.on i,
.sustainability-section .ssb-t_2_3-panel.type-accordion .p-head.on i,
.sustainability-section .ssb-t_2_4-panel.type-accordion .p-head.on i,
.sustainability-section .ssb-t_2_5-panel.type-accordion .p-head.on i,
.sustainability-section .ssb-t_3-panel.type-accordion .p-head.on i {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sustainability-section .ssb-t_1-panel.type-accordion .p-body,
.sustainability-section .ssb-t_2_1-panel.type-accordion .p-body,
.sustainability-section .ssb-t_2_2-panel.type-accordion .p-body,
.sustainability-section .ssb-t_2_3-panel.type-accordion .p-body,
.sustainability-section .ssb-t_2_4-panel.type-accordion .p-body,
.sustainability-section .ssb-t_2_5-panel.type-accordion .p-body,
.sustainability-section .ssb-t_3-panel.type-accordion .p-body {
    display: none;
}

.sustainability-section .ssb-t_1-panel ul,
.sustainability-section .ssb-t_2_1-panel ul,
.sustainability-section .ssb-t_2_2-panel ul,
.sustainability-section .ssb-t_2_3-panel ul,
.sustainability-section .ssb-t_2_4-panel ul,
.sustainability-section .ssb-t_2_5-panel ul,
.sustainability-section .ssb-t_3-panel ul {
    text-align: left;
}

.sustainability-section .ssb-t_1-panel ul.big_dot li,
.sustainability-section .ssb-t_2_1-panel ul.big_dot li,
.sustainability-section .ssb-t_2_2-panel ul.big_dot li,
.sustainability-section .ssb-t_2_3-panel ul.big_dot li,
.sustainability-section .ssb-t_2_4-panel ul.big_dot li,
.sustainability-section .ssb-t_2_5-panel ul.big_dot li,
.sustainability-section .ssb-t_3-panel ul.big_dot li {
    padding-left: 1em;
}

.sustainability-section .ssb-t_1-panel ul.big_dot li::after,
.sustainability-section .ssb-t_2_1-panel ul.big_dot li::after,
.sustainability-section .ssb-t_2_2-panel ul.big_dot li::after,
.sustainability-section .ssb-t_2_3-panel ul.big_dot li::after,
.sustainability-section .ssb-t_2_4-panel ul.big_dot li::after,
.sustainability-section .ssb-t_2_5-panel ul.big_dot li::after,
.sustainability-section .ssb-t_3-panel ul.big_dot li::after {
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background-color: #777;
}

.sustainability-section .ssb-t_1-panel ul li,
.sustainability-section .ssb-t_2_1-panel ul li,
.sustainability-section .ssb-t_2_2-panel ul li,
.sustainability-section .ssb-t_2_3-panel ul li,
.sustainability-section .ssb-t_2_4-panel ul li,
.sustainability-section .ssb-t_2_5-panel ul li,
.sustainability-section .ssb-t_3-panel ul li {
    font-size: 18px;
}

.sustainability-section .ssb-t_1-panel ul li+li,
.sustainability-section .ssb-t_2_1-panel ul li+li,
.sustainability-section .ssb-t_2_2-panel ul li+li,
.sustainability-section .ssb-t_2_3-panel ul li+li,
.sustainability-section .ssb-t_2_4-panel ul li+li,
.sustainability-section .ssb-t_2_5-panel ul li+li,
.sustainability-section .ssb-t_3-panel ul li+li {
    margin-top: 12px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_1-panel ul.big_dot li,
    .sustainability-section .ssb-t_2_1-panel ul.big_dot li,
    .sustainability-section .ssb-t_2_2-panel ul.big_dot li,
    .sustainability-section .ssb-t_2_3-panel ul.big_dot li,
    .sustainability-section .ssb-t_2_4-panel ul.big_dot li,
    .sustainability-section .ssb-t_2_5-panel ul.big_dot li,
    .sustainability-section .ssb-t_3-panel ul.big_dot li {
        padding-left: 0.8em;
    }
    .sustainability-section .ssb-t_1-panel ul.big_dot li::after,
    .sustainability-section .ssb-t_2_1-panel ul.big_dot li::after,
    .sustainability-section .ssb-t_2_2-panel ul.big_dot li::after,
    .sustainability-section .ssb-t_2_3-panel ul.big_dot li::after,
    .sustainability-section .ssb-t_2_4-panel ul.big_dot li::after,
    .sustainability-section .ssb-t_2_5-panel ul.big_dot li::after,
    .sustainability-section .ssb-t_3-panel ul.big_dot li::after {
        top: 7px;
    }
    .sustainability-section .ssb-t_1-panel ul.y_item li::after,
    .sustainability-section .ssb-t_2_1-panel ul.y_item li::after,
    .sustainability-section .ssb-t_2_2-panel ul.y_item li::after,
    .sustainability-section .ssb-t_2_3-panel ul.y_item li::after,
    .sustainability-section .ssb-t_2_4-panel ul.y_item li::after,
    .sustainability-section .ssb-t_2_5-panel ul.y_item li::after,
    .sustainability-section .ssb-t_3-panel ul.y_item li::after {
        top: 6px;
    }
    .sustainability-section .ssb-t_1-panel ul li,
    .sustainability-section .ssb-t_2_1-panel ul li,
    .sustainability-section .ssb-t_2_2-panel ul li,
    .sustainability-section .ssb-t_2_3-panel ul li,
    .sustainability-section .ssb-t_2_4-panel ul li,
    .sustainability-section .ssb-t_2_5-panel ul li,
    .sustainability-section .ssb-t_3-panel ul li {
        font-size: 14px;
        line-height: 1.6em;
    }
    .sustainability-section .ssb-t_1-panel ul li+li,
    .sustainability-section .ssb-t_2_1-panel ul li+li,
    .sustainability-section .ssb-t_2_2-panel ul li+li,
    .sustainability-section .ssb-t_2_3-panel ul li+li,
    .sustainability-section .ssb-t_2_4-panel ul li+li,
    .sustainability-section .ssb-t_2_5-panel ul li+li,
    .sustainability-section .ssb-t_3-panel ul li+li {
        margin-top: 7px;
    }
}

.sustainability-section .ssb-t_1-panel .contact li+li,
.sustainability-section .ssb-t_2_1-panel .contact li+li,
.sustainability-section .ssb-t_2_2-panel .contact li+li,
.sustainability-section .ssb-t_2_3-panel .contact li+li,
.sustainability-section .ssb-t_2_4-panel .contact li+li,
.sustainability-section .ssb-t_2_5-panel .contact li+li,
.sustainability-section .ssb-t_3-panel .contact li+li {
    margin-top: 0;
}

.sustainability-section .ssb-t_1-panel .news-area+.news-area,
.sustainability-section .ssb-t_1-panel .news-row+.news-row,
.sustainability-section .ssb-t_2_1-panel .news-area+.news-area,
.sustainability-section .ssb-t_2_1-panel .news-row+.news-row,
.sustainability-section .ssb-t_2_2-panel .news-area+.news-area,
.sustainability-section .ssb-t_2_2-panel .news-row+.news-row,
.sustainability-section .ssb-t_2_3-panel .news-area+.news-area,
.sustainability-section .ssb-t_2_3-panel .news-row+.news-row,
.sustainability-section .ssb-t_2_4-panel .news-area+.news-area,
.sustainability-section .ssb-t_2_4-panel .news-row+.news-row,
.sustainability-section .ssb-t_2_5-panel .news-area+.news-area,
.sustainability-section .ssb-t_2_5-panel .news-row+.news-row,
.sustainability-section .ssb-t_3-panel .news-area+.news-area,
.sustainability-section .ssb-t_3-panel .news-row+.news-row {
    margin-top: 80px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_1-panel,
    .sustainability-section .ssb-t_2_1-panel,
    .sustainability-section .ssb-t_2_2-panel,
    .sustainability-section .ssb-t_2_3-panel,
    .sustainability-section .ssb-t_2_4-panel,
    .sustainability-section .ssb-t_2_5-panel,
    .sustainability-section .ssb-t_3-panel {
        margin-top: 40px;
    }
    .sustainability-section .ssb-t_1-panel .news-area+.news-area,
    .sustainability-section .ssb-t_1-panel .news-row+.news-row,
    .sustainability-section .ssb-t_2_1-panel .news-area+.news-area,
    .sustainability-section .ssb-t_2_1-panel .news-row+.news-row,
    .sustainability-section .ssb-t_2_2-panel .news-area+.news-area,
    .sustainability-section .ssb-t_2_2-panel .news-row+.news-row,
    .sustainability-section .ssb-t_2_3-panel .news-area+.news-area,
    .sustainability-section .ssb-t_2_3-panel .news-row+.news-row,
    .sustainability-section .ssb-t_2_4-panel .news-area+.news-area,
    .sustainability-section .ssb-t_2_4-panel .news-row+.news-row,
    .sustainability-section .ssb-t_2_5-panel .news-area+.news-area,
    .sustainability-section .ssb-t_2_5-panel .news-row+.news-row,
    .sustainability-section .ssb-t_3-panel .news-area+.news-area,
    .sustainability-section .ssb-t_3-panel .news-row+.news-row {
        margin-top: 40px;
    }
}

.sustainability-section .ssb-t_1-panel .news-area .news-row,
.sustainability-section .ssb-t_2_1-panel .news-area .news-row,
.sustainability-section .ssb-t_2_2-panel .news-area .news-row,
.sustainability-section .ssb-t_2_3-panel .news-area .news-row,
.sustainability-section .ssb-t_2_4-panel .news-area .news-row,
.sustainability-section .ssb-t_2_5-panel .news-area .news-row,
.sustainability-section .ssb-t_3-panel .news-area .news-row {
    width: calc(100% + 30px);
    margin-left: -15px;
}

.sustainability-section .ssb-t_1-panel .news-area .news-row>div,
.sustainability-section .ssb-t_2_1-panel .news-area .news-row>div,
.sustainability-section .ssb-t_2_2-panel .news-area .news-row>div,
.sustainability-section .ssb-t_2_3-panel .news-area .news-row>div,
.sustainability-section .ssb-t_2_4-panel .news-area .news-row>div,
.sustainability-section .ssb-t_2_5-panel .news-area .news-row>div,
.sustainability-section .ssb-t_3-panel .news-area .news-row>div {
    padding: 0 15px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_1-panel .news-area .news-row>div+div,
    .sustainability-section .ssb-t_2_1-panel .news-area .news-row>div+div,
    .sustainability-section .ssb-t_2_2-panel .news-area .news-row>div+div,
    .sustainability-section .ssb-t_2_3-panel .news-area .news-row>div+div,
    .sustainability-section .ssb-t_2_4-panel .news-area .news-row>div+div,
    .sustainability-section .ssb-t_2_5-panel .news-area .news-row>div+div,
    .sustainability-section .ssb-t_3-panel .news-area .news-row>div+div {
        margin-top: 40px;
    }
}

.sustainability-section .ssb-t_1-panel .news-area .img-box img,
.sustainability-section .ssb-t_2_1-panel .news-area .img-box img,
.sustainability-section .ssb-t_2_2-panel .news-area .img-box img,
.sustainability-section .ssb-t_2_3-panel .news-area .img-box img,
.sustainability-section .ssb-t_2_4-panel .news-area .img-box img,
.sustainability-section .ssb-t_2_5-panel .news-area .img-box img,
.sustainability-section .ssb-t_3-panel .news-area .img-box img {
    width: 100%;
}

.sustainability-section .ssb-t_1-panel .news-area .img-box+.img-box,
.sustainability-section .ssb-t_2_1-panel .news-area .img-box+.img-box,
.sustainability-section .ssb-t_2_2-panel .news-area .img-box+.img-box,
.sustainability-section .ssb-t_2_3-panel .news-area .img-box+.img-box,
.sustainability-section .ssb-t_2_4-panel .news-area .img-box+.img-box,
.sustainability-section .ssb-t_2_5-panel .news-area .img-box+.img-box,
.sustainability-section .ssb-t_3-panel .news-area .img-box+.img-box {
    margin-top: 42px;
}

.sustainability-section .ssb-t_1-panel .news-area .img-box+.typo-box,
.sustainability-section .ssb-t_2_1-panel .news-area .img-box+.typo-box,
.sustainability-section .ssb-t_2_2-panel .news-area .img-box+.typo-box,
.sustainability-section .ssb-t_2_3-panel .news-area .img-box+.typo-box,
.sustainability-section .ssb-t_2_4-panel .news-area .img-box+.typo-box,
.sustainability-section .ssb-t_2_5-panel .news-area .img-box+.typo-box,
.sustainability-section .ssb-t_3-panel .news-area .img-box+.typo-box {
    margin-top: 35px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_1-panel .news-area .img-box+.typo-box,
    .sustainability-section .ssb-t_2_1-panel .news-area .img-box+.typo-box,
    .sustainability-section .ssb-t_2_2-panel .news-area .img-box+.typo-box,
    .sustainability-section .ssb-t_2_3-panel .news-area .img-box+.typo-box,
    .sustainability-section .ssb-t_2_4-panel .news-area .img-box+.typo-box,
    .sustainability-section .ssb-t_2_5-panel .news-area .img-box+.typo-box,
    .sustainability-section .ssb-t_3-panel .news-area .img-box+.typo-box {
        margin-top: 25px;
    }
}

.sustainability-section .ssb-t_1-panel .news-area .typo-box.box_right,
.sustainability-section .ssb-t_2_1-panel .news-area .typo-box.box_right,
.sustainability-section .ssb-t_2_2-panel .news-area .typo-box.box_right,
.sustainability-section .ssb-t_2_3-panel .news-area .typo-box.box_right,
.sustainability-section .ssb-t_2_4-panel .news-area .typo-box.box_right,
.sustainability-section .ssb-t_2_5-panel .news-area .typo-box.box_right,
.sustainability-section .ssb-t_3-panel .news-area .typo-box.box_right {
    margin-left: 30px;
    margin-top: -8px;
}

.sustainability-section .ssb-t_1-panel .news-area .typo-box .title,
.sustainability-section .ssb-t_2_1-panel .news-area .typo-box .title,
.sustainability-section .ssb-t_2_2-panel .news-area .typo-box .title,
.sustainability-section .ssb-t_2_3-panel .news-area .typo-box .title,
.sustainability-section .ssb-t_2_4-panel .news-area .typo-box .title,
.sustainability-section .ssb-t_2_5-panel .news-area .typo-box .title,
.sustainability-section .ssb-t_3-panel .news-area .typo-box .title {
    margin-bottom: 10px;
}

.sustainability-section .ssb-t_1-panel .news-area .typo-box .title strong,
.sustainability-section .ssb-t_2_1-panel .news-area .typo-box .title strong,
.sustainability-section .ssb-t_2_2-panel .news-area .typo-box .title strong,
.sustainability-section .ssb-t_2_3-panel .news-area .typo-box .title strong,
.sustainability-section .ssb-t_2_4-panel .news-area .typo-box .title strong,
.sustainability-section .ssb-t_2_5-panel .news-area .typo-box .title strong,
.sustainability-section .ssb-t_3-panel .news-area .typo-box .title strong {
    font-size: 24px;
    line-height: 42px;
    font-weight: 600;
    color: #222222;
}

.sustainability-section .ssb-t_1-panel .news-area .typo-box .desc span,
.sustainability-section .ssb-t_2_1-panel .news-area .typo-box .desc span,
.sustainability-section .ssb-t_2_2-panel .news-area .typo-box .desc span,
.sustainability-section .ssb-t_2_3-panel .news-area .typo-box .desc span,
.sustainability-section .ssb-t_2_4-panel .news-area .typo-box .desc span,
.sustainability-section .ssb-t_2_5-panel .news-area .typo-box .desc span,
.sustainability-section .ssb-t_3-panel .news-area .typo-box .desc span {
    font-size: 18px;
    line-height: 1.7;
    font-weight: 500;
    color: #555555;
}

.sustainability-section .ssb-t_1-panel .news-area .typo-box .simbole,
.sustainability-section .ssb-t_2_1-panel .news-area .typo-box .simbole,
.sustainability-section .ssb-t_2_2-panel .news-area .typo-box .simbole,
.sustainability-section .ssb-t_2_3-panel .news-area .typo-box .simbole,
.sustainability-section .ssb-t_2_4-panel .news-area .typo-box .simbole,
.sustainability-section .ssb-t_2_5-panel .news-area .typo-box .simbole,
.sustainability-section .ssb-t_3-panel .news-area .typo-box .simbole {
    margin-top: 30px;
}

.sustainability-section .ssb-t_1-panel .news-area .typo-box .simbole img,
.sustainability-section .ssb-t_2_1-panel .news-area .typo-box .simbole img,
.sustainability-section .ssb-t_2_2-panel .news-area .typo-box .simbole img,
.sustainability-section .ssb-t_2_3-panel .news-area .typo-box .simbole img,
.sustainability-section .ssb-t_2_4-panel .news-area .typo-box .simbole img,
.sustainability-section .ssb-t_2_5-panel .news-area .typo-box .simbole img,
.sustainability-section .ssb-t_3-panel .news-area .typo-box .simbole img {
    height: 58px;
}

.sustainability-section .ssb-t_1-panel .news-area .typo-box .btn_set,
.sustainability-section .ssb-t_2_1-panel .news-area .typo-box .btn_set,
.sustainability-section .ssb-t_2_2-panel .news-area .typo-box .btn_set,
.sustainability-section .ssb-t_2_3-panel .news-area .typo-box .btn_set,
.sustainability-section .ssb-t_2_4-panel .news-area .typo-box .btn_set,
.sustainability-section .ssb-t_2_5-panel .news-area .typo-box .btn_set,
.sustainability-section .ssb-t_3-panel .news-area .typo-box .btn_set {
    margin-top: 20px;
    font-size: 0;
}

.sustainability-section .ssb-t_1-panel .news-area .typo-box .btn_set .btn span+i,
.sustainability-section .ssb-t_2_1-panel .news-area .typo-box .btn_set .btn span+i,
.sustainability-section .ssb-t_2_2-panel .news-area .typo-box .btn_set .btn span+i,
.sustainability-section .ssb-t_2_3-panel .news-area .typo-box .btn_set .btn span+i,
.sustainability-section .ssb-t_2_4-panel .news-area .typo-box .btn_set .btn span+i,
.sustainability-section .ssb-t_2_5-panel .news-area .typo-box .btn_set .btn span+i,
.sustainability-section .ssb-t_3-panel .news-area .typo-box .btn_set .btn span+i {
    margin-left: 8px;
}

.sustainability-section .ssb-t_1-panel .news-area .typo-box .btn_set .btn+.btn,
.sustainability-section .ssb-t_2_1-panel .news-area .typo-box .btn_set .btn+.btn,
.sustainability-section .ssb-t_2_2-panel .news-area .typo-box .btn_set .btn+.btn,
.sustainability-section .ssb-t_2_3-panel .news-area .typo-box .btn_set .btn+.btn,
.sustainability-section .ssb-t_2_4-panel .news-area .typo-box .btn_set .btn+.btn,
.sustainability-section .ssb-t_2_5-panel .news-area .typo-box .btn_set .btn+.btn,
.sustainability-section .ssb-t_3-panel .news-area .typo-box .btn_set .btn+.btn {
    margin-left: 10px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_1-panel .news-area .typo-box.box_right,
    .sustainability-section .ssb-t_2_1-panel .news-area .typo-box.box_right,
    .sustainability-section .ssb-t_2_2-panel .news-area .typo-box.box_right,
    .sustainability-section .ssb-t_2_3-panel .news-area .typo-box.box_right,
    .sustainability-section .ssb-t_2_4-panel .news-area .typo-box.box_right,
    .sustainability-section .ssb-t_2_5-panel .news-area .typo-box.box_right,
    .sustainability-section .ssb-t_3-panel .news-area .typo-box.box_right {
        margin-left: 0px;
        margin-top: -15px;
    }
    .sustainability-section .ssb-t_1-panel .news-area .typo-box .title,
    .sustainability-section .ssb-t_2_1-panel .news-area .typo-box .title,
    .sustainability-section .ssb-t_2_2-panel .news-area .typo-box .title,
    .sustainability-section .ssb-t_2_3-panel .news-area .typo-box .title,
    .sustainability-section .ssb-t_2_4-panel .news-area .typo-box .title,
    .sustainability-section .ssb-t_2_5-panel .news-area .typo-box .title,
    .sustainability-section .ssb-t_3-panel .news-area .typo-box .title {
        margin-bottom: 12px;
    }
    .sustainability-section .ssb-t_1-panel .news-area .typo-box .title strong,
    .sustainability-section .ssb-t_2_1-panel .news-area .typo-box .title strong,
    .sustainability-section .ssb-t_2_2-panel .news-area .typo-box .title strong,
    .sustainability-section .ssb-t_2_3-panel .news-area .typo-box .title strong,
    .sustainability-section .ssb-t_2_4-panel .news-area .typo-box .title strong,
    .sustainability-section .ssb-t_2_5-panel .news-area .typo-box .title strong,
    .sustainability-section .ssb-t_3-panel .news-area .typo-box .title strong {
        font-size: 17px;
        line-height: 21px;
    }
    .sustainability-section .ssb-t_1-panel .news-area .typo-box .desc span,
    .sustainability-section .ssb-t_2_1-panel .news-area .typo-box .desc span,
    .sustainability-section .ssb-t_2_2-panel .news-area .typo-box .desc span,
    .sustainability-section .ssb-t_2_3-panel .news-area .typo-box .desc span,
    .sustainability-section .ssb-t_2_4-panel .news-area .typo-box .desc span,
    .sustainability-section .ssb-t_2_5-panel .news-area .typo-box .desc span,
    .sustainability-section .ssb-t_3-panel .news-area .typo-box .desc span {
        font-size: 13px;
        line-height: 21px;
    }
    .sustainability-section .ssb-t_1-panel .news-area .typo-box .simbole,
    .sustainability-section .ssb-t_2_1-panel .news-area .typo-box .simbole,
    .sustainability-section .ssb-t_2_2-panel .news-area .typo-box .simbole,
    .sustainability-section .ssb-t_2_3-panel .news-area .typo-box .simbole,
    .sustainability-section .ssb-t_2_4-panel .news-area .typo-box .simbole,
    .sustainability-section .ssb-t_2_5-panel .news-area .typo-box .simbole,
    .sustainability-section .ssb-t_3-panel .news-area .typo-box .simbole {
        margin-top: 20px;
    }
    .sustainability-section .ssb-t_1-panel .news-area .typo-box .simbole img,
    .sustainability-section .ssb-t_2_1-panel .news-area .typo-box .simbole img,
    .sustainability-section .ssb-t_2_2-panel .news-area .typo-box .simbole img,
    .sustainability-section .ssb-t_2_3-panel .news-area .typo-box .simbole img,
    .sustainability-section .ssb-t_2_4-panel .news-area .typo-box .simbole img,
    .sustainability-section .ssb-t_2_5-panel .news-area .typo-box .simbole img,
    .sustainability-section .ssb-t_3-panel .news-area .typo-box .simbole img {
        height: 45px;
    }
    .sustainability-section .ssb-t_1-panel .news-area .typo-box .btn_set .btn span+i,
    .sustainability-section .ssb-t_2_1-panel .news-area .typo-box .btn_set .btn span+i,
    .sustainability-section .ssb-t_2_2-panel .news-area .typo-box .btn_set .btn span+i,
    .sustainability-section .ssb-t_2_3-panel .news-area .typo-box .btn_set .btn span+i,
    .sustainability-section .ssb-t_2_4-panel .news-area .typo-box .btn_set .btn span+i,
    .sustainability-section .ssb-t_2_5-panel .news-area .typo-box .btn_set .btn span+i,
    .sustainability-section .ssb-t_3-panel .news-area .typo-box .btn_set .btn span+i {
        margin-left: 4px;
    }
}

.sustainability-section .ssb-t_1-panel .news-area .news_img-slide,
.sustainability-section .ssb-t_2_1-panel .news-area .news_img-slide,
.sustainability-section .ssb-t_2_2-panel .news-area .news_img-slide,
.sustainability-section .ssb-t_2_3-panel .news-area .news_img-slide,
.sustainability-section .ssb-t_2_4-panel .news-area .news_img-slide,
.sustainability-section .ssb-t_2_5-panel .news-area .news_img-slide,
.sustainability-section .ssb-t_3-panel .news-area .news_img-slide {
    width: 100%;
    overflow: hidden;
}

.sustainability-section .ssb-t_1-panel .news-area .news_img-slide .gallery_view,
.sustainability-section .ssb-t_2_1-panel .news-area .news_img-slide .gallery_view,
.sustainability-section .ssb-t_2_2-panel .news-area .news_img-slide .gallery_view,
.sustainability-section .ssb-t_2_3-panel .news-area .news_img-slide .gallery_view,
.sustainability-section .ssb-t_2_4-panel .news-area .news_img-slide .gallery_view,
.sustainability-section .ssb-t_2_5-panel .news-area .news_img-slide .gallery_view,
.sustainability-section .ssb-t_3-panel .news-area .news_img-slide .gallery_view {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.sustainability-section .ssb-t_1-panel .news-area .news_img-slide .gallery_view .gallery_center,
.sustainability-section .ssb-t_2_1-panel .news-area .news_img-slide .gallery_view .gallery_center,
.sustainability-section .ssb-t_2_2-panel .news-area .news_img-slide .gallery_view .gallery_center,
.sustainability-section .ssb-t_2_3-panel .news-area .news_img-slide .gallery_view .gallery_center,
.sustainability-section .ssb-t_2_4-panel .news-area .news_img-slide .gallery_view .gallery_center,
.sustainability-section .ssb-t_2_5-panel .news-area .news_img-slide .gallery_view .gallery_center,
.sustainability-section .ssb-t_3-panel .news-area .news_img-slide .gallery_view .gallery_center {
    width: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.sustainability-section .ssb-t_1-panel .news-area .news_img-slide .gallery_view .pagination,
.sustainability-section .ssb-t_2_1-panel .news-area .news_img-slide .gallery_view .pagination,
.sustainability-section .ssb-t_2_2-panel .news-area .news_img-slide .gallery_view .pagination,
.sustainability-section .ssb-t_2_3-panel .news-area .news_img-slide .gallery_view .pagination,
.sustainability-section .ssb-t_2_4-panel .news-area .news_img-slide .gallery_view .pagination,
.sustainability-section .ssb-t_2_5-panel .news-area .news_img-slide .gallery_view .pagination,
.sustainability-section .ssb-t_3-panel .news-area .news_img-slide .gallery_view .pagination {
    position: absolute;
    right: 6px;
    bottom: 10px;
    font-size: 0;
    line-height: 0;
    z-index: 2;
}

.sustainability-section .ssb-t_1-panel .news-area .news_img-slide .gallery_view .pagination .swiper-pagination-bullet,
.sustainability-section .ssb-t_2_1-panel .news-area .news_img-slide .gallery_view .pagination .swiper-pagination-bullet,
.sustainability-section .ssb-t_2_2-panel .news-area .news_img-slide .gallery_view .pagination .swiper-pagination-bullet,
.sustainability-section .ssb-t_2_3-panel .news-area .news_img-slide .gallery_view .pagination .swiper-pagination-bullet,
.sustainability-section .ssb-t_2_4-panel .news-area .news_img-slide .gallery_view .pagination .swiper-pagination-bullet,
.sustainability-section .ssb-t_2_5-panel .news-area .news_img-slide .gallery_view .pagination .swiper-pagination-bullet,
.sustainability-section .ssb-t_3-panel .news-area .news_img-slide .gallery_view .pagination .swiper-pagination-bullet {
    margin: 0px 4px;
    overflow: hidden;
    width: 9px;
    height: 9px;
    display: inline-block;
    border-radius: 100%;
    background: #a6a5a4;
    font-size: 0;
    line-height: 0;
    text-indent: 100px;
    opacity: 1;
}

.sustainability-section .ssb-t_1-panel .news-area .news_img-slide .gallery_view .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.sustainability-section .ssb-t_2_1-panel .news-area .news_img-slide .gallery_view .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.sustainability-section .ssb-t_2_2-panel .news-area .news_img-slide .gallery_view .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.sustainability-section .ssb-t_2_3-panel .news-area .news_img-slide .gallery_view .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.sustainability-section .ssb-t_2_4-panel .news-area .news_img-slide .gallery_view .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.sustainability-section .ssb-t_2_5-panel .news-area .news_img-slide .gallery_view .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.sustainability-section .ssb-t_3-panel .news-area .news_img-slide .gallery_view .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #b3cf0a;
}

.sustainability-section .ssb-t_1-panel .sup_desc {
    font-size: 16px;
    margin-top: 25px;
    color: #777;
}

.sustainability-section .ssb-t_1-panel .sup_desc em {
    color: #96ad07;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_1-panel .sup_desc {
        font-size: 12px;
        margin: 18px 0 0px;
    }
}

.sustainability-section .ssb-t_1-panel .item-box {
    text-align: center;
}

.sustainability-section .ssb-t_1-panel .item-box .txt {
    font-size: 18px;
    font-weight: 600;
    color: #777;
}

.sustainability-section .ssb-t_1-panel .item-box .img {
    margin-top: 25px;
}

.sustainability-section .ssb-t_1-panel .item-box .txt1 {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 600;
    color: #222222;
}

.sustainability-section .ssb-t_1-panel .item-box .txt2 {
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sustainability-section .ssb-t_1-panel .item-box .txt2 span {
    vertical-align: baseline;
    font-size: 22px;
    font-weight: 600;
    color: #777;
}

.sustainability-section .ssb-t_1-panel .item-box .txt2 em {
    vertical-align: baseline;
    color: #55a30f;
    font-weight: 700;
}

.sustainability-section .ssb-t_1-panel .item-box .txt2 em.fs-lg {
    font-size: 72px;
}

.sustainability-section .ssb-t_1-panel .item-box .txt2 em.c-green {
    margin-right: 5px;
}

.sustainability-section .ssb-t_1-panel .item-box .txt2 i+span {
    margin-left: 20px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_1-panel .item-box .txt {
        font-size: 14px;
    }
    .sustainability-section .ssb-t_1-panel .item-box .img {
        margin-top: 15px;
    }
    .sustainability-section .ssb-t_1-panel .item-box .txt1 {
        font-size: 14px;
    }
    .sustainability-section .ssb-t_1-panel .item-box .txt2 {
        margin-top: 5px;
    }
    .sustainability-section .ssb-t_1-panel .item-box .txt2 span {
        font-size: 18px;
    }
    .sustainability-section .ssb-t_1-panel .item-box .txt2 em.fs-lg {
        font-size: 55px;
    }
    .sustainability-section .ssb-t_1-panel .item-box .txt2 i+span {
        margin-left: 14px;
    }
}

.sustainability-section .ssb-t_1-panel .year_2025-area .rowflex {
    justify-content: center;
}

.sustainability-section .ssb-t_1-panel .year_2025-area .rowflex>.col-ep2 {
    flex: 0 0 auto;
    margin: 0 50px;
    width: auto;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_1-panel .year_2025-area .rowflex>.col-ep2 {
        margin: 0;
    }
    .sustainability-section .ssb-t_1-panel .year_2025-area .rowflex>.col-mb-ep1 {
        width: 100% !important;
    }
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_1-panel .year_2025-area .rect_line-box {
        /*.t-3_item{ margin-top: 40px;}*/
    }
    .sustainability-section .ssb-t_1-panel .year_2025-area .rect_line-box .colitem-1+.colitem-2 {
        margin-top: 35px;
    }
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_1-panel .year_2025-area .item-box img {
        width: 40px;
    }
}

.sustainability-section .ssb-t_1-panel .year_2022-area .rect_line-box {
    /*padding: 60px 100px;*/
    padding: 60px 8.4602%;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_1-panel .year_2022-area .rect_line-box {
        padding: 45px 25px;
    }
}

.sustainability-section .ssb-t_1-panel .year_2021-area .rect_line-box {
    padding: 60px 5%;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_1-panel .year_2021-area .rect_line-box {
        padding: 45px 25px;
    }
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_1-panel .year_2021-area .item-box img {
        width: 44px;
    }
}

.sustainability-section .ssb-t_1-panel .year_2021-area .table-panel {
    margin-top: 40px;
}

.sustainability-section .ssb-t_1-panel .year_2021-area .table-panel sup {
    font-size: 10px;
    color: #96ad07;
}

.sustainability-section .ssb-t_1-panel .year_2021-area .table-panel colgroup .col1 {
    width: 10%;
}

.sustainability-section .ssb-t_1-panel .year_2021-area .table-panel colgroup .col2 {
    width: 45%;
}

.sustainability-section .ssb-t_1-panel .year_2021-area .table-panel colgroup .col3 {
    width: 45%;
}

.sustainability-section .ssb-t_1-panel .year_2021-area .table-panel thead th {
    height: 56px;
}

.sustainability-section .ssb-t_1-panel .year_2021-area .table-panel tbody td {
    text-align: left;
    background-color: #fff;
    padding-left: 40px;
    height: 85px;
    color: #555;
    line-height: 1.6em;
}

.sustainability-section .ssb-t_1-panel .year_2021-area .table-panel tbody td.left_item {
    text-align: center;
    padding-left: 10px;
    color: #222;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_1-panel .year_2021-area .table-panel .title {
        font-size: 14px;
    }
    .sustainability-section .ssb-t_1-panel .year_2021-area .table-panel colgroup .col1 {
        width: 18%;
    }
    .sustainability-section .ssb-t_1-panel .year_2021-area .table-panel colgroup .col2 {
        width: 42%;
    }
    .sustainability-section .ssb-t_1-panel .year_2021-area .table-panel colgroup .col3 {
        width: 40%;
    }
    .sustainability-section .ssb-t_1-panel .year_2021-area .table-panel tbody td {
        padding-left: 10px;
        height: 85px;
    }
}

.sustainability-section .ssb-t_2_1-panel .item-box {
    text-align: center;
}

.sustainability-section .ssb-t_2_1-panel .item-box .txt {
    font-size: 18px;
    font-weight: 600;
    color: #777;
}

.sustainability-section .ssb-t_2_1-panel .item-box .img {
    margin-top: 25px;
}

.sustainability-section .ssb-t_2_1-panel .item-box .txt1 {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 600;
    color: #222222;
}

.sustainability-section .ssb-t_2_1-panel .item-box .txt2 {
    margin-top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sustainability-section .ssb-t_2_1-panel .item-box .txt2 span {
    vertical-align: baseline;
    font-size: 22px;
    font-weight: 600;
    color: #777;
}

.sustainability-section .ssb-t_2_1-panel .item-box .txt2 em {
    vertical-align: baseline;
    color: #55a30f;
    font-weight: 700;
}

.sustainability-section .ssb-t_2_1-panel .item-box .txt2 em.fs-lg {
    font-size: 72px;
}

.sustainability-section .ssb-t_2_1-panel .item-box .txt2 em.c-green {
    margin-right: 5px;
}

.sustainability-section .ssb-t_2_1-panel .item-box .txt2 i+span {
    margin-left: 20px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_1-panel .item-box .txt {
        font-size: 14px;
    }
    .sustainability-section .ssb-t_2_1-panel .item-box .img {
        margin-top: 15px;
    }
    .sustainability-section .ssb-t_2_1-panel .item-box .txt1 {
        font-size: 14px;
    }
    .sustainability-section .ssb-t_2_1-panel .item-box .txt2 {
        margin-top: 5px;
    }
    .sustainability-section .ssb-t_2_1-panel .item-box .txt2 span {
        font-size: 18px;
    }
    .sustainability-section .ssb-t_2_1-panel .item-box .txt2 em.fs-lg {
        font-size: 55px;
    }
    .sustainability-section .ssb-t_2_1-panel .item-box .txt2 i+span {
        margin-left: 14px;
    }
}

.sustainability-section .ssb-t_2_1-panel .year_2025-area .rowflex {
    justify-content: center;
    align-items: center;
}

.sustainability-section .ssb-t_2_1-panel .year_2025-area .rowflex .type2 {
    margin-top: 0;
}

.sustainability-section .ssb-t_2_1-panel .year_2025-area .rowflex .txt1 {
    margin-left: 30px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_1-panel .year_2025-area .rowflex {
        /*margin-top: 50px;*/
    }
    .sustainability-section .ssb-t_2_1-panel .year_2025-area .rowflex img {
        width: 60px;
    }
    .sustainability-section .ssb-t_2_1-panel .year_2025-area .rowflex .txt1 {
        margin-left: 20px;
    }
}

.sustainability-section .ssb-t_2_1-panel .year_2022-area .rect_line-box {
    /*padding: 60px 100px;*/
    padding: 60px 8.4602%;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_1-panel .year_2022-area .rect_line-box {
        padding: 45px 25px;
    }
}

.sustainability-section .ssb-t_2_1-panel .year_2021-area .rect_line-box {
    padding: 55px 8%;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_1-panel .year_2021-area .rect_line-box {
        padding: 45px 25px 35px;
    }
    .sustainability-section .ssb-t_2_1-panel .year_2021-area .rect_line-box .colitem-1+.colitem-2 {
        margin-top: 30px;
    }
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_1-panel .year_2021-area .item-box img {
        width: 39px;
    }
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area {
    padding-top: 20px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_2-panel .happinnovation-area {
        padding-top: 0px;
    }
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head {
    position: relative;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 455px;
    height: 225px;
    margin: 0 auto;
    background: url(/resources/images/sustainability/ssb_t/t4_2_2-typo-bg.png) no-repeat 0 0;
    background-size: 100% auto;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .inner .title {
    text-align: center;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .inner .title span {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.71;
    color: #f9f9f9;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .inner .add {
    text-align: center;
    margin-top: 20px;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .inner .add em {
    display: inline-block;
    padding: 5px 20px;
    vertical-align: top;
    border-radius: 20px;
    background-color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    color: #16873e;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .inner .add i {
    position: relative;
    display: inline-block;
    height: 40px;
    width: 40px;
    vertical-align: top;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .inner .add i::after,
.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .inner .add i::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5px;
    width: 10px;
    height: 2px;
    background-color: #fff;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .inner .add i::after {
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 320px;
        height: 158px;
        max-width: 455px;
        margin: 0 auto;
        background: url(/resources/images/sustainability/ssb_t/t4_2_2-typo-bg-mb.png) no-repeat 0 0;
        background-size: 100% auto;
    }
    .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .inner .title span {
        font-size: 20px;
    }
    .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .inner .add em {
        font-size: 13px;
        line-height: 20px;
        border-radius: 10px;
    }
    .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .inner .add i {
        width: 20px;
        height: 30px;
    }
    .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .inner .add i::after,
    .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .inner .add i::before {
        width: 8px;
        height: 2px;
    }
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .title-box {
    position: relative;
    text-align: center;
    margin-top: 20px;
    padding-bottom: 85px;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .title-box em,
.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .title-box span {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.71;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .title-box em {
    color: #16873e;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .title-box span {
    color: #222222;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .title-box::after {
    content: "";
    display: block;
    width: 1px;
    height: 70px;
    background-color: #ccc;
    position: absolute;
    bottom: 0px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .title-box::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #b3cf0a;
    position: absolute;
    left: 50%;
    bottom: 70px;
    z-index: 2;
    transform: translate(-50%, 50%);
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .title-box {
        margin-top: 13px;
        padding-bottom: 30px;
    }
    .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .title-box em,
    .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .title-box span {
        font-size: 17px;
    }
    .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .title-box::after {
        content: "";
        display: block;
        width: 1px;
        height: 20px;
        background-color: #ccc;
        position: absolute;
        bottom: 0px;
        left: 50%;
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .title-box::before {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background-color: #b3cf0a;
        position: absolute;
        left: 50%;
        bottom: 20px;
        z-index: 2;
        transform: translate(-50%, 50%);
    }
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh {
    position: relative;
    width: calc(100% + 30px);
    margin-left: -15px;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh::before {
    content: "";
    display: block;
    width: 66.6666%;
    height: 1px;
    background-color: #ccc;
    position: absolute;
    top: 0;
    left: 50%;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh>div:nth-child(1) .item-head {
    background-color: #55a30f;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh>div:nth-child(1) .item::before {
    background-color: #55a30f;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh>div:nth-child(2) .item-head {
    background-color: #0EA09D;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh>div:nth-child(2) .item::before {
    background-color: #0EA09D;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh>div:nth-child(3) .item-head {
    background-color: #0c90c1;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh>div:nth-child(3) .item::before {
    background-color: #0c90c1;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh::before {
        height: 0px;
    }
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item {
    padding: 65px 15px 0;
    height: 100%;
    position: relative;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item::after {
    content: "";
    display: block;
    width: 1px;
    height: 65px;
    background-color: #ccc;
    position: absolute;
    top: 0px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #b3cf0a;
    position: absolute;
    left: 50%;
    top: 65px;
    z-index: 2;
    transform: translate(-50%, -50%);
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-inner {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-head {
    padding: 25px 10px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    text-align: center;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-head span {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    color: #fff;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-body {
    padding: 30px 40px;
    height: 100%;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-body .title span {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.7;
    color: #222222;
}

/* 2024-12-13 */

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-head .info1 {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    color: #fff;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-body .title .info2 {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-body .info4 {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: -20px;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-foot .info3 {
    font-size: 12px;
    font-weight: 600;
    line-height: 30px;
    color: #222222;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-head .info1 {
        font-size: 10px;
    }
    .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-body .title .info2 {
        font-size: 10px;
        line-height: 10px;
    }
    .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-body .info4 {
        font-size: 10px;
        line-height: 10px;
        margin-bottom: -0px;
        padding-top: 10px;
    }
    .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-foot .info3 {
        font-size: 10px;
        line-height: 20px;
    }
}

/* 2024-12-13 */

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-body .mark_dot-list {
    margin-top: 20px;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-body .mark_dot-list li+li {
    margin-top: 5px;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-body .mark_dot-list li {
    padding-left: 13px;
    font-size: 18px;
    line-height: 1.67;
    text-align: left;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-body .mark_dot-list li::after {
    top: 13px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-foot {
    padding: 0 40px 40px;
    border: 1px solid #999;
    border-top: 0;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-foot .foot-inner {
    position: relative;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-foot img {
    width: 100%;
    /* height: 58px; */
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item {
        padding: 30px 15px 0;
    }
    .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item::after {
        content: "";
        display: block;
        width: 1px;
        height: 30px;
        background-color: #ccc;
        position: absolute;
        top: 0px;
        left: 50%;
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item::before {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background-color: #b3cf0a;
        position: absolute;
        left: 50%;
        top: 30px;
        z-index: 2;
        transform: translate(-50%, -50%);
    }
    .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-head {
        padding: 15px;
    }
    .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-head span {
        font-size: 17px;
    }
    .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-body {
        padding: 35px 50px 30px;
        padding-left: 15.625%;
    }
    .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-body .title span {
        font-size: 15px;
    }
    .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-body .mark_dot-list {
        margin-top: 13px;
    }
    .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-body .mark_dot-list li {
        padding-left: 9px;
        font-size: 13px;
    }
    .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-body .mark_dot-list li::after {
        top: 8px;
    }
    .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-foot {
        padding: 0 50px 35px;
        padding-left: 15.625%;
    }
    .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-foot .foot-inner {
        width: 218px;
        max-width: 248px;
    }
    .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-foot .foot-inner img {
        width: 100%;
    }
}

.sustainability-section .ssb-t_2_2-panel .btn-box {
    margin-top: 60px;
    text-align: center;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_2-panel .btn-box {
        margin-top: 30px;
    }
}

.sustainability-section .ssb-t_2_3-panel .loadmap-area img {
    width: 100%;
}

.sustainability-section .ssb-t_2_3-panel .support-area .rect_line-box {
    padding: 60px 8.46%;
    margin-bottom: 80px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_3-panel .support-area .rect_line-box {
        padding: 40px 20px;
        margin-bottom: 40px;
    }
}

.sustainability-section .ssb-t_2_3-panel .support-area .row-support {
    display: flex;
    position: relative;
}

.sustainability-section .ssb-t_2_3-panel .support-area .row-support>div {
    position: relative;
}

.sustainability-section .ssb-t_2_3-panel .support-area .row-support>div::before {
    content: "";
    display: block;
    width: 1px;
    position: absolute;
    background-color: #dedede;
}

.sustainability-section .ssb-t_2_3-panel .support-area .row-support>div::after {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    background-color: #dedede;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_3-panel .support-area .row-support>div::before,
    .sustainability-section .ssb-t_2_3-panel .support-area .row-support>div::after {
        display: none;
    }
}

.sustainability-section .ssb-t_2_3-panel .support-area .row-support>div.support-center {
    position: absolute;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_3-panel .support-area .row-support>div.support-center {
        position: relative;
    }
}

.sustainability-section .ssb-t_2_3-panel .support-area .row-support .col-1 {
    padding-bottom: 70px;
}

.sustainability-section .ssb-t_2_3-panel .support-area .row-support .col-2 {
    padding-bottom: 70px;
    padding-left: 185px;
}

.sustainability-section .ssb-t_2_3-panel .support-area .row-support .col-2::before {
    bottom: 170px;
    left: 0;
    height: calc(100% - 210px);
}

.sustainability-section .ssb-t_2_3-panel .support-area .row-support .col-3 {
    padding-top: 60px;
}

.sustainability-section .ssb-t_2_3-panel .support-area .row-support .col-3::after {
    top: 0px;
    left: 0;
    width: calc(100% - 170px);
}

.sustainability-section .ssb-t_2_3-panel .support-area .row-support .col-4 {
    padding-top: 60px;
    padding-left: 185px;
}

.sustainability-section .ssb-t_2_3-panel .support-area .row-support .col-4::before {
    top: 170px;
    left: 0;
    height: calc(100% - 170px);
}

.sustainability-section .ssb-t_2_3-panel .support-area .row-support .col-4::after {
    top: 0px;
    right: 0;
    width: calc(100% - 170px);
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_3-panel .support-area .row-support .col-1 {
        padding-bottom: 0px;
    }
    .sustainability-section .ssb-t_2_3-panel .support-area .row-support .col-2 {
        padding-bottom: 0px;
        padding-left: 0px;
    }
    .sustainability-section .ssb-t_2_3-panel .support-area .row-support .col-3 {
        padding-top: 0px;
    }
    .sustainability-section .ssb-t_2_3-panel .support-area .row-support .col-4 {
        padding-top: 0px;
        padding-left: 0px;
    }
}

.sustainability-section .ssb-t_2_3-panel .support-area .support-center {
    position: absolute;
    top: calc(50% + 20px);
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    border: 4px solid #b3cf0a;
    background-color: #fff;
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.06), 5px 5px 20px 0 rgba(0, 0, 0, 0.06);
}

.sustainability-section .ssb-t_2_3-panel .support-area .support-center .icon img {
    height: 90px;
}

.sustainability-section .ssb-t_2_3-panel .support-area .support-center .title {
    margin-top: 15px;
    text-align: center;
}

.sustainability-section .ssb-t_2_3-panel .support-area .support-center .title span {
    font-size: 26px;
    font-weight: bold;
    color: #16873e;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_3-panel .support-area .support-center {
        position: relative;
        top: auto;
        left: auto;
        transform: translate(0%, 0%);
        margin: 0 auto;
        width: 230px;
        height: 230px;
    }
    .sustainability-section .ssb-t_2_3-panel .support-area .support-center .icon img {
        height: 65px;
    }
    .sustainability-section .ssb-t_2_3-panel .support-area .support-center .title {
        margin-top: 15px;
        text-align: center;
    }
    .sustainability-section .ssb-t_2_3-panel .support-area .support-center .title span {
        font-size: 18px;
        font-weight: bold;
        color: #55a30f;
    }
}

.sustainability-section .ssb-t_2_3-panel .support-area .support-item .icon {
    margin-top: 20px;
}

.sustainability-section .ssb-t_2_3-panel .support-area .support-item .icon img {
    height: 70px;
}

.sustainability-section .ssb-t_2_3-panel .support-area .support-item .title {
    margin-top: 25px;
}

.sustainability-section .ssb-t_2_3-panel .support-area .support-item .title span {
    font-size: 24px;
    font-weight: 600;
    color: #222222;
}

.sustainability-section .ssb-t_2_3-panel .support-area .support-item .mark_dot-list {
    margin-top: 15px;
}

.sustainability-section .ssb-t_2_3-panel .support-area .support-item .mark_dot-list li+li {
    margin-top: 5px;
}

.sustainability-section .ssb-t_2_3-panel .support-area .support-item .mark_dot-list li {
    padding-left: 0.6em;
    font-size: 18px;
    line-height: 1.7;
}

.sustainability-section .ssb-t_2_3-panel .support-area .support-item .mark_dot-list li::after {
    top: 13px;
    width: 3px;
    height: 3px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_3-panel .support-area .support-item {
        margin-top: 35px;
        padding-left: 63px;
    }
    .sustainability-section .ssb-t_2_3-panel .support-area .support-item .icon {
        margin-top: 0px;
        position: absolute;
        top: 35px;
        left: 0;
        width: 50px;
        text-align: center;
    }
    .sustainability-section .ssb-t_2_3-panel .support-area .support-item .icon img {
        height: 45px;
    }
    .sustainability-section .ssb-t_2_3-panel .support-area .support-item .title {
        margin-top: 0px;
    }
    .sustainability-section .ssb-t_2_3-panel .support-area .support-item .title span {
        font-size: 17px;
        line-height: 1.5;
    }
    .sustainability-section .ssb-t_2_3-panel .support-area .support-item .mark_dot-list {
        margin-top: 10px;
    }
    .sustainability-section .ssb-t_2_3-panel .support-area .support-item .mark_dot-list li+li {
        margin-top: 5px;
    }
    .sustainability-section .ssb-t_2_3-panel .support-area .support-item .mark_dot-list li {
        padding-left: 0.6em;
        font-size: 13px;
        line-height: 1.7;
    }
    .sustainability-section .ssb-t_2_3-panel .support-area .support-item .mark_dot-list li::after {
        top: 10px;
        width: 3px;
        height: 3px;
    }
}

.sustainability-section .ssb-t_2_3-panel .support-area .btn-box {
    margin-top: 50px;
    text-align: center;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_3-panel .support-area .btn-box {
        margin-top: 25px;
    }
}

.sustainability-section .ssb-t_2_3-panel .news-area .btn_down i {
    width: 20px;
    height: 20px;
    margin: 0;
}

.sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area {
    margin-top: 40px;
}

.sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table tbody th,
.sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table tbody td {
    padding: 30px 20px;
    line-height: 1.6;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
}

.sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table tbody th strong,
.sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table tbody td strong {
    color: #222;
    font-weight: 600;
}

.sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table tbody th em,
.sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table tbody td em {
    color: #16873e;
    font-weight: 600;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area {
        margin-top: 24px;
    }
    .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table thead tr:nth-child(even) th,
    .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table thead tr:nth-child(even) td,
    .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table tbody tr:nth-child(even) th,
    .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table tbody tr:nth-child(even) td {
        background-color: #fff;
    }
    .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table thead th,
    .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table thead td,
    .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table tbody th,
    .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table tbody td {
        padding: 15px 10px;
        line-height: 1.6;
    }
    .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table thead th strong,
    .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table thead td strong,
    .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table tbody th strong,
    .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table tbody td strong {
        color: #222;
        font-weight: 600;
    }
    .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table thead th em,
    .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table thead td em,
    .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table tbody th em,
    .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table tbody td em {
        color: #16873e;
        font-weight: 600;
    }
    .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table thead th,
    .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table tbody th {
        font-size: 14px;
        color: #222;
        font-weight: 600;
    }
    .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table thead td,
    .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table tbody td {
        text-align-last: left;
        word-wrap: normal;
        word-break: normal;
    }
}

.sustainability-section .ssb-t_2_3-panel .partners-area {
    margin-top: 40px;
    width: calc(100% - 1px);
    margin-left: 1px;
}

.sustainability-section .ssb-t_2_3-panel .partners-area .col-inner {
    padding: 40px 10px;
    margin-left: -1px;
    margin-top: -1px;
    border: 1px solid #dedede;
}

.sustainability-section .ssb-t_2_3-panel .partners-area .icon {
    text-align: center;
}

.sustainability-section .ssb-t_2_3-panel .partners-area .icon img {
    height: 80px;
}

.sustainability-section .ssb-t_2_3-panel .partners-area .name {
    margin-top: 20px;
    text-align: center;
    font-size: 18px;
    color: #555555;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_3-panel .partners-area {
        margin-top: 24px;
    }
    .sustainability-section .ssb-t_2_3-panel .partners-area .col-inner {
        padding: 20px 10px;
    }
    .sustainability-section .ssb-t_2_3-panel .partners-area .icon img {
        height: 50px;
    }
    .sustainability-section .ssb-t_2_3-panel .partners-area .name {
        margin-top: 12px;
        font-size: 13px;
    }
}

.sustainability-section .ssb-t_2_4-panel .graph-area {
    margin: 100px 0 110px;
}

.sustainability-section .ssb-t_2_4-panel .graph-area .graph-box {
    position: relative;
    padding: 60px 5.92% 60px 8.46%;
    border: 1px solid #dedede;
}

.sustainability-section .ssb-t_2_4-panel .graph-area .graph-box .img_graph {
    position: relative;
}

.sustainability-section .ssb-t_2_4-panel .graph-area .graph-box .img_graph img {
    width: 100%;
}

.sustainability-section .ssb-t_2_4-panel .graph-area .graph-box .img_graph .img-txt {
    position: absolute;
    top: 0%;
    left: 0%;
}

.sustainability-section .ssb-t_2_4-panel .graph-area .graph-box .img_graph .img-txt p {
    line-height: 1.5;
    font-size: 24px;
    font-weight: 600;
    color: #222;
}

.sustainability-section .ssb-t_2_4-panel .graph-area .graph-box .img_graph .img-txt p span {
    color: #16873e;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_4-panel .graph-area {
        margin: 40px 0 50px;
    }
    .sustainability-section .ssb-t_2_4-panel .graph-area .graph-box {
        padding: 32px 20px 38px;
    }
    .sustainability-section .ssb-t_2_4-panel .graph-area .graph-box .img_graph .img-txt {
        position: relative;
        margin-bottom: 24px;
    }
    .sustainability-section .ssb-t_2_4-panel .graph-area .graph-box .img_graph .img-txt p {
        line-height: 25px;
        font-size: 17px;
    }
}

.sustainability-section .ssb-t_2_5-panel .c-green {
    color: #16873e;
}

.sustainability-section .ssb-t_2_5-panel .sm-bold {
    font-weight: 600;
}

.sustainability-section .ssb-t_2_5-panel.gray-panel .p-head .title span {
    font-size: 36px;
}

.sustainability-section .ssb-t_2_5-panel .p-head {
    /*padding-bottom:0;*/
}

.sustainability-section .ssb-t_2_5-panel .p-body .gray-box {
    margin-top: 0 !important;
}

.sustainability-section .ssb-t_2_5-panel .p-body .sub-title {
    color: #222;
    font-size: 24px;
    line-height: 38px;
    font-weight: 600;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_5-panel .p-body .sub-title {
        font-size: 17px;
        line-height: 27px;
    }
}

.sustainability-section .ssb-t_2_5-panel .p-body .desc_text-box {
    padding-top: 28px;
    color: #555;
    font-size: 18px;
    line-height: 30px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_5-panel .p-body .desc_text-box {
        padding-top: 20px;
        font-size: 13px;
        line-height: 21px;
    }
}

.sustainability-section .ssb-t_2_5-panel .p-body .sub-title+.desc_text-box {
    padding-top: 23px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_5-panel .p-body .sub-title+.desc_text-box {
        padding-top: 10px;
    }
}

.sustainability-section .ssb-t_2_5-panel .p-body .sub-title+table,
.sustainability-section .ssb-t_2_5-panel .p-body .sub-title+.table-box {
    margin-top: 24px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_5-panel .p-body .sub-title+table,
    .sustainability-section .ssb-t_2_5-panel .p-body .sub-title+.table-box {
        margin-top: 14px;
    }
}

.sustainability-section .ssb-t_2_5-panel .p-body table.only-pc {
    display: table !important;
}

.sustainability-section .ssb-t_2_5-panel .p-body table.only-mb {
    display: none !important;
}

.sustainability-section .ssb-t_2_5-panel .p-body table.noline {
    border-top: 0;
}

.sustainability-section .ssb-t_2_5-panel .p-body table tr:nth-child(even) th,
.sustainability-section .ssb-t_2_5-panel .p-body table tr:nth-child(even) td {
    background-color: #fff;
}

.sustainability-section .ssb-t_2_5-panel .p-body table tbody th {
    font-weight: 600;
}

.sustainability-section .ssb-t_2_5-panel .p-body table tbody td {
    vertical-align: top;
    padding: 30px 20px;
}

.sustainability-section .ssb-t_2_5-panel .p-body table tbody .mark_dot-list li {
    font-size: 18px;
    line-height: 30px;
    padding-left: 14px;
    text-align: left;
}

.sustainability-section .ssb-t_2_5-panel .p-body table tbody .mark_dot-list li::after {
    width: 4px;
    height: 4px;
    top: 12px;
    border-radius: 2px;
}

.sustainability-section .ssb-t_2_5-panel .p-body table tbody .mark_dot-list li+li {
    margin-top: 6px;
}

.sustainability-section .ssb-t_2_5-panel .p-body table tbody .symbole img {
    height: 58px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_5-panel .p-body table.only-pc {
        display: none !important;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body table.only-mb {
        display: table !important;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body table tbody td {
        padding: 15px 20px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body table tbody .mark_dot-list li {
        font-size: 13px;
        line-height: 21px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body table tbody .symbole img {
        height: 45px;
    }
}

.sustainability-section .ssb-t_2_5-panel .p-body .f-info {
    margin-top: 30px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .f-info .mark_sect-item,
.sustainability-section .ssb-t_2_5-panel .p-body .f-info .mark_sect-list li {
    color: #777;
    font-size: 18px;
    line-height: 30px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .f-info .mark_sect-item {
    display: inline-block;
}

.sustainability-section .ssb-t_2_5-panel .p-body .f-info .mark_sect-list li+li {
    margin-top: 0;
}

.sustainability-section .ssb-t_2_5-panel .p-body .f-info .info-blk+.info-blk {
    margin-top: 32px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_5-panel .p-body .f-info .mark_sect-item,
    .sustainability-section .ssb-t_2_5-panel .p-body .f-info .mark_sect-list li {
        font-size: 13px;
        line-height: 21px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .f-info .info-blk+.info-blk {
        margin-top: 25px;
    }
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-1 {
    margin-top: 50px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-1 .info_graph-box {
    text-align: center;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-1 .info_graph-box img {
    width: 100%;
    max-width: 1024px;
    margin: auto;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-1 {
        margin-top: 35px;
    }
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 {
    margin-top: 70px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box {
    margin-top: 74px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .title-blk {
    position: relative;
    padding-bottom: 70px;
    margin-bottom: 25px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .title-blk::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 15.75%;
    right: 15.75%;
    height: 1px;
    background-color: #ccc;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .title-blk span {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    width: 748px;
    max-width: 100%;
    height: 100px;
    border-radius: 50px;
    background-color: #2fa459;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont {
    position: relative;
    border: 1px solid #999;
    height: 100%;
    border-radius: 15px;
    padding: 44px 30px 30px;
    background-color: #fff;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background-color: #b3cf0a;
    border-radius: 5px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
    width: 1px;
    height: 65px;
    background-color: #ccc;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont .logo-img {
    text-align: center;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont .logo-img img {
    height: 54px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont .logo-img2 {
    text-align: center;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont .logo-img2 img {
    height: 72px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont .count {
    text-align: center;
    color: #555;
    font-size: 18px;
    line-height: 34px;
    margin: 12px 0 22px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont .ment {
    margin-top: 10px;
    font-size: 13px;
    text-align: center;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont>.rowflex {
    border-top: 1px dashed #dedede;
    padding-top: 22px;
    text-align: center;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont>.rowflex dt {
    color: #555;
    font-size: 18px;
    line-height: 30px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont>.rowflex dd {
    color: #222;
    font-size: 36px;
    line-height: 48px;
    font-weight: 600;
    margin-top: 7px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box>.rowflex.padding-x {
    width: 102.474%;
    margin-left: -1.237%;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box>.rowflex.padding-x>div {
    padding: 0 1.237%;
    margin-top: 40px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box>.rowflex.padding-x>div:nth-child(2) .info_g-cont::after {
    height: 136px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box>.rowflex.padding-x>div:nth-child(n+4) .info_g-cont::after {
    height: 41px;
}

@media all and (max-width: 1279px) {
    .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont {
        padding: 44px 18px 30px;
    }
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 {
        margin-top: 32px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box {
        margin-top: 35px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .title-blk {
        padding-bottom: 10px;
        margin-bottom: 0;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .title-blk::before {
        display: none;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .title-blk span {
        font-size: 17px;
        width: 100%;
        height: 60px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont {
        padding: 35px 20px 25px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont .logo-img img {
        height: 50px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont .logo-img2 img {
        height: 70px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont .count {
        font-size: 13px;
        line-height: 17px;
        margin: 12px 0 18px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont .ment {
        font-size: 10px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont>.rowflex {
        padding-top: 15px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont>.rowflex dt {
        font-size: 13px;
        line-height: 15px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont>.rowflex dd {
        font-size: 22px;
        line-height: 24px;
        margin-top: 7px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box>.rowflex.padding-x {
        width: 100%;
        margin-left: 0px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box>.rowflex.padding-x>div {
        margin-top: 30px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box>.rowflex.padding-x>div:nth-child(1) .info_g-cont::after {
        height: 41px !important;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box>.rowflex.padding-x>div:nth-child(n+2) .info_g-cont::after {
        height: 31px !important;
    }
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-1 {
    margin-top: 50px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-1 {
        margin-top: 34px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-1 .f-info {
        margin-top: 14px;
        flex-direction: column-reverse;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-1 .f-info>.info-lft {
        width: 100%;
        text-align: center;
        margin-top: 25px;
    }
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 {
    margin-top: 80px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex table th,
.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex table td {
    height: 60px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex>div:first-child {
    width: 74.45%;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex>div:first-child col:nth-child(1) {
    width: 9.6%;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex>div:first-child col:nth-child(2) {
    width: 11.4%;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex>div:first-child col:nth-child(3) {
    width: 16%;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex>div:first-child col:nth-child(4) {
    width: 13.6%;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex>div:first-child table {
    /*max-width:880px;*/
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex>div:first-child table tbody th,
.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex>div:first-child table tbody td {
    vertical-align: middle;
    line-height: 30px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex>div:last-child {
    margin-left: 2.53%;
    width: 23%;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex>div:last-child table {
    /*max-width:272px;*/
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex>div:last-child table tbody th,
.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex>div:last-child table tbody td {
    padding: 18px 20px;
    height: 60px;
    vertical-align: middle;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .f-info {
    margin-top: 22px;
}

@media all and (max-width: 1279px) {
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex>div:first-child col:nth-child(1) {
        width: 9%;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex>div:first-child col:nth-child(2) {
        width: 13%;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex>div:first-child col:nth-child(3) {
        width: 18%;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex>div:first-child col:nth-child(4) {
        width: 13.6%;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex>div:first-child table tbody th,
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex>div:first-child table tbody td {
        padding: 30px 15px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex>div:last-child table tbody th,
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex>div:last-child table tbody td {
        padding: 18px 0px;
    }
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 {
        margin-top: 44px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex .col-mb-ep1 {
        width: 100% !important;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex .tbl-title {
        margin-bottom: 15px;
        display: flex !important;
        justify-content: space-between;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex .tbl-title .tit {
        color: #222;
        font-size: 17px;
        line-height: 27px;
        font-weight: 600;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex .tbl-title .align_rgt .select-box {
        margin-top: -2.5px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex .tbl-title .align_rgt .select-box .select2-container--default .select2-selection--single {
        height: 32px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex .tbl-title .align_rgt .select-box .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 30px;
        padding: 0 34px 0 12px;
        font-size: 13px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex .tbl-title .align_rgt .select-box .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 100%;
        width: 30px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex .tbl-title .align_rgt .select-box .select2-container--default .select2-selection--single .select2-selection__arrow b {
        right: 8px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex>div:first-child table {
        max-width: none;
        width: 100%;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex>div:first-child table tbody th,
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex>div:first-child table tbody td {
        line-height: 21px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex>div:last-child {
        margin-top: 24px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex>div:last-child table {
        max-width: none;
        width: 100%;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex>div:last-child table th,
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex>div:last-child table td {
        height: 50px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .f-info {
        margin-top: 14px;
    }
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .list_table.only-mb {
        display: none !important;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .list_table.only-mb.on {
        display: table !important;
    }
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-4 {
    margin-top: 40px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-4 .list_table+.list_table {
    margin-top: 40px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-4 .f-info {
    margin-top: 22px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-4 {
        margin-top: 30px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-4 .list_table+.list_table {
        margin-top: 30px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-4 .f-info {
        margin-top: 14px;
    }
}

/* 2025-02-20 */

.sustainability-section .ssb-t_2_5-panel .p-body .news-area {
    margin-top: 32px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .news-area .f-info {
    margin-top: 40px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .news-area .title-g {
    color: #222;
    font-size: 28px;
    line-height: 38px;
    font-weight: 600;
    padding: 20px 0px 60px;
    text-align: center;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_5-panel .p-body .news-area {
        margin-top: 25px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .news-area .title-g {
        font-size: 22px;
        line-height: 27px;
        text-align: center;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .news-area .f-info {
        margin-top: 30px;
    }
    .sustainability-section .ssb-t_2_5-panel .p-body .news-area .f-info .info-blk {
        text-align: center;
    }
}

.sustainability-section .ssb-t_2_5-panel .p-body .img-area {
    margin-top: 6px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .img-area img {
    width: 100%;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_5-panel .p-body .img-area {
        margin-top: 18px;
    }
}

.sustainability-section .ssb-t_3-panel .item-box {
    text-align: center;
}

.sustainability-section .ssb-t_3-panel .item-box .txt {
    font-size: 18px;
    font-weight: 600;
    color: #777;
}

.sustainability-section .ssb-t_3-panel .item-box .img {
    margin-top: 25px;
}

.sustainability-section .ssb-t_3-panel .item-box .txt1 {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 600;
    color: #222222;
}

.sustainability-section .ssb-t_3-panel .item-box .txt2 {
    margin-top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sustainability-section .ssb-t_3-panel .item-box .txt2 span {
    vertical-align: baseline;
    font-size: 22px;
    font-weight: 600;
    color: #777;
}

.sustainability-section .ssb-t_3-panel .item-box .txt2 em {
    vertical-align: baseline;
    color: #55a30f;
    font-weight: 700;
}

.sustainability-section .ssb-t_3-panel .item-box .txt2 em.fs-lg {
    font-size: 72px;
}

.sustainability-section .ssb-t_3-panel .item-box .txt2 em.c-green {
    margin-right: 5px;
}

.sustainability-section .ssb-t_3-panel .item-box .txt2 i+span {
    margin-left: 20px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_3-panel .item-box .txt {
        font-size: 14px;
    }
    .sustainability-section .ssb-t_3-panel .item-box .img {
        margin-top: 15px;
    }
    .sustainability-section .ssb-t_3-panel .item-box .txt1 {
        font-size: 14px;
    }
    .sustainability-section .ssb-t_3-panel .item-box .txt2 {
        margin-top: 5px;
    }
    .sustainability-section .ssb-t_3-panel .item-box .txt2 span {
        font-size: 18px;
    }
    .sustainability-section .ssb-t_3-panel .item-box .txt2 em.fs-lg {
        font-size: 55px;
    }
    .sustainability-section .ssb-t_3-panel .item-box .txt2 i+span {
        margin-left: 14px;
    }
}

.sustainability-section .ssb-t_3-panel .year_2021-area .rect_line-box {
    padding: 55px 8%;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_3-panel .year_2021-area .rect_line-box {
        padding: 45px 25px 35px;
    }
    .sustainability-section .ssb-t_3-panel .year_2021-area .rect_line-box .colitem-1+.colitem-2 {
        margin-top: 30px;
    }
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_3-panel .year_2021-area .item-box img {
        width: 52px;
    }
}

.sustainability-section .ssb-h_1-panel ul,
.sustainability-section .ssb-h_2-panel ul {
    text-align: left;
}

.sustainability-section .ssb-h_1-panel ul.big_dot li,
.sustainability-section .ssb-h_2-panel ul.big_dot li {
    padding-left: 1em;
}

.sustainability-section .ssb-h_1-panel ul.big_dot li::after,
.sustainability-section .ssb-h_2-panel ul.big_dot li::after {
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background-color: #777;
}

.sustainability-section .ssb-h_1-panel ul.y_item li::after,
.sustainability-section .ssb-h_2-panel ul.y_item li::after {
    top: 11px;
}

.sustainability-section .ssb-h_1-panel ul li,
.sustainability-section .ssb-h_2-panel ul li {
    font-size: 18px;
}

.sustainability-section .ssb-h_1-panel ul li+li,
.sustainability-section .ssb-h_2-panel ul li+li {
    margin-top: 12px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-h_1-panel ul.big_dot li,
    .sustainability-section .ssb-h_2-panel ul.big_dot li {
        padding-left: 0.8em;
    }
    .sustainability-section .ssb-h_1-panel ul.big_dot li::after,
    .sustainability-section .ssb-h_2-panel ul.big_dot li::after {
        top: 7px;
    }
    .sustainability-section .ssb-h_1-panel ul.y_item li::after,
    .sustainability-section .ssb-h_2-panel ul.y_item li::after {
        top: 8px;
    }
    .sustainability-section .ssb-h_1-panel ul li,
    .sustainability-section .ssb-h_2-panel ul li {
        font-size: 14px;
    }
}

.sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-1 {
    text-align: center;
}

.sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-1 .txt {
    font-size: 18px;
    font-weight: 600;
    color: #777;
}

.sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-1 .img {
    margin-top: 25px;
}

.sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-1 .img img {
    width: 101px;
}

.sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-2 {
    text-align: center;
}

.sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-2 .txt1 {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 600;
    color: #222222;
}

.sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-2 .txt2 {
    margin-top: 10px;
}

.sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-2 .txt2 i {
    display: inline-block;
    margin-bottom: 20px;
    vertical-align: bottom;
}

.sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-2 .txt2 i img {
    width: 49px;
}

.sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-2 .txt2 em {
    vertical-align: baseline;
    margin-left: 10px;
    font-size: 72px;
    font-weight: bold;
    color: #55a30f;
}

.sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-2 .txt2 span {
    vertical-align: baseline;
    font-size: 22px;
    font-weight: 600;
    color: #777;
}

.sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-2 .txt2 .color_point {
    color: #55a30f;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-h_1-panel .year_2025-area .box_layout {
        flex-direction: column;
    }
    .sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-1 .txt {
        font-size: 14px;
    }
    .sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-1 .img {
        margin-top: 15px;
    }
    .sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-1 .img img {
        width: 69px;
    }
    .sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-2 {
        /*margin-top: 45px;*/
    }
    .sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-2 .txt1 {
        font-size: 14px;
    }
    .sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-2 .txt2 {
        margin-top: 0px;
    }
    .sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-2 .txt2 i {
        margin-bottom: 15px;
    }
    .sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-2 .txt2 i img {
        width: 38.5px;
    }
    .sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-2 .txt2 em {
        margin-left: 10px;
        font-size: 55px;
    }
    .sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-2 .txt2 span {
        font-size: 17px;
    }
}

.sustainability-section .ssb-h_1-panel .year_2022-area .rect_line-box {
    /*padding: 60px 100px;*/
    padding: 60px 8.4602%;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-h_1-panel .year_2022-area .rect_line-box {
        padding: 45px 25px;
    }
}

.sustainability-section .ssb-h_1-panel .year_2021-area .desc-area .sub_title {
    padding: 50px 0 35px;
}

.sustainability-section .ssb-h_1-panel .year_2021-area .desc-area .sub_title span {
    font-size: 24px;
    font-weight: 600;
    color: #222;
}

.sustainability-section .ssb-h_1-panel .year_2021-area .desc-area .desc span {
    font-size: 18px;
    font-weight: 500;
    color: #555;
}

.sustainability-section .ssb-h_1-panel .year_2021-area .box-layout {
    /*width: calc( 100% + 30px); margin-left: -15px; */
    width: 102.52%;
    margin-left: -1.26%;
}

.sustainability-section .ssb-h_1-panel .year_2021-area .box-layout.padding-x>* {
    /*padding: 0 15px;*/
    padding: 0 1.26%;
}

.sustainability-section .ssb-h_1-panel .year_2021-area .box-layout .rect_line-box {
    padding: 60px 0 55px;
    text-align: center;
}

.sustainability-section .ssb-h_1-panel .year_2021-area .box-layout .rect_line-box .text-area .title {
    font-size: 24px;
    font-weight: 600;
    color: #16873e;
    padding: 35px 0 20px;
}

.sustainability-section .ssb-h_1-panel .year_2021-area .box-layout .rect_line-box .text-area .desc {
    font-size: 18px;
    line-height: 1.7;
}

@media all and (max-width: 1279px) {
    .sustainability-section .ssb-h_1-panel .year_2021-area .box-layout {
        width: 101.6%;
        margin-left: -0.8%;
    }
    .sustainability-section .ssb-h_1-panel .year_2021-area .box-layout.padding-x>* {
        padding: 0 0.8%;
    }
    .sustainability-section .ssb-h_1-panel .year_2021-area .box-layout .rect_line-box {
        padding: 50px 0 45px;
    }
    .sustainability-section .ssb-h_1-panel .year_2021-area .box-layout .rect_line-box .img-area img {
        width: 133px;
    }
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-h_1-panel .year_2021-area .desc-area .sub_title {
        padding: 25px 0 15px;
    }
    .sustainability-section .ssb-h_1-panel .year_2021-area .desc-area .sub_title span {
        font-size: 17px;
    }
    .sustainability-section .ssb-h_1-panel .year_2021-area .desc-area .desc span {
        font-size: 13px;
    }
    .sustainability-section .ssb-h_1-panel .year_2021-area .box-layout {
        width: calc(100% + 16px);
        margin-left: -8px;
    }
    .sustainability-section .ssb-h_1-panel .year_2021-area .box-layout .mt_item {
        margin-top: 15px;
    }
    .sustainability-section .ssb-h_1-panel .year_2021-area .box-layout.padding-x>* {
        padding: 0 8px;
    }
    .sustainability-section .ssb-h_1-panel .year_2021-area .box-layout .rect_line-box {
        padding: 40px 10px 55px;
        height: 100%;
    }
    .sustainability-section .ssb-h_1-panel .year_2021-area .box-layout .rect_line-box .img-area img {
        width: 100px;
    }
    .sustainability-section .ssb-h_1-panel .year_2021-area .box-layout .rect_line-box .text-area .title {
        font-size: 17px;
        padding: 20px 0 10px;
    }
    .sustainability-section .ssb-h_1-panel .year_2021-area .box-layout .rect_line-box .text-area .desc {
        font-size: 13px;
        line-height: 1.7;
    }
}

.sustainability-section .ssb-h_2-panel .sup_desc {
    font-size: 16px;
    margin-top: 25px;
    color: #777;
}

.sustainability-section .ssb-h_2-panel .sup_desc em {
    color: #96ad07;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-h_2-panel .sup_desc {
        font-size: 12px;
        margin: 18px 0 18px;
    }
}

.sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box {
    /*padding: 60px 5%;*/
}

.sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex {
    align-items: center;
    justify-content: center;
    text-align: center;
}

.sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex>.col {
    flex: 0 0 auto;
    margin: 0 50px;
    width: auto;
}

.sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-1 .txt {
    font-size: 18px;
    font-weight: 600;
    color: #777;
}

.sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-1 .img {
    margin-top: 25px;
}

.sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-2 .txt,
.sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-3 .txt {
    font-size: 20px;
    font-weight: 600;
    color: #222;
    line-height: 1.6;
    padding-left: 15px;
}

.sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-2 .txt sup,
.sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-3 .txt sup {
    font-size: 10px;
    color: #96ad07;
}

.sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-2 .txt_sm,
.sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-3 .txt_sm {
    font-size: 16px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box {
        /*padding: 45px 0;*/
    }
    .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex {
        flex-direction: column;
    }
    .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex>.col {
        margin: 0;
    }
    .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-1 .txt {
        font-size: 14px;
    }
    .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-1 .img {
        margin-top: 15px;
    }
    .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-1 .img img {
        width: 138px;
    }
    .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-2,
    .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-3 {
        /*margin-top: 60px;*/
    }
    .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-2 .item-box,
    .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-3 .item-box {
        padding: 0 40px;
    }
    .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-2 .img img,
    .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-3 .img img {
        width: 71px;
    }
    .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-2 .txt,
    .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-3 .txt {
        font-size: 14px;
        line-height: 1.6;
        padding-left: 0px;
        margin-top: 15px;
    }
    .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-2 .txt_sm,
    .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-3 .txt_sm {
        font-size: 13px;
    }
    .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-3 {
        margin-top: 44px;
    }
}

.sustainability-section .ssb-h_2-panel .year_2021-area .box-layout {
    /*width: calc( 100% + 30px); margin-left: -15px;*/
    width: 102.52%;
    margin-left: -1.26%;
}

.sustainability-section .ssb-h_2-panel .year_2021-area .box-layout.padding-x>* {
    /*padding: 0 15px;*/
    padding: 0 1.26%;
}

.sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box {
    padding: 60px 0 55px;
    text-align: center;
    height: 100%;
}

.sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box .text-area .title {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin: 25px 0 25px;
    padding: 0 8.042%;
    line-height: 1.5em;
    height: 72px;
    font-size: 24px;
    font-weight: 600;
    color: #16873e;
}

.sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box .text-area .title.y_item {
    /*padding-bottom: 25px;*/
}

.sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box .text-area .title.h_3_item {
    height: 36px;
    margin: 30px 0;
}

.sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box .text-area ul {
    /*padding: 0 20px 0 30px;*/
    padding: 0 8.042%;
    line-height: 1.6;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
}

.sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box .text-area ul li sup {
    font-size: 10px;
    color: #96ad07;
}

.sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box .text-area ul li+li {
    margin-top: 6px;
}

.sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box .text-area ol {
    margin-top: 10px;
}

.sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box .text-area ol li {
    font-size: 16px;
    padding-left: 0.5em;
    line-height: 1.6;
}

.sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box .text-area ol li::after {
    display: none;
}

@media all and (max-width: 1279px) {
    .sustainability-section .ssb-h_2-panel .year_2021-area .box-layout {
        width: 101.6%;
        margin-left: -0.8%;
    }
    .sustainability-section .ssb-h_2-panel .year_2021-area .box-layout.padding-x>* {
        padding: 0 0.8%;
    }
    .sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box {
        padding: 50px 0 45px;
    }
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-h_2-panel .year_2021-area .box-layout>.col-mb-ep1+.col-mb-ep1 {
        margin-top: 20px;
    }
    .sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box {
        padding: 40px 0px 40px;
        height: 100%;
    }
    .sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box .img-area img {
        width: 100px;
    }
    .sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box .text-area .title {
        font-size: 17px;
        margin: 20px 0 25px;
        height: auto;
    }
    .sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box .text-area ul li sup {
        font-size: 5px;
    }
    .sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box .text-area ul>li {
        font-size: 13px;
    }
    .sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box .text-area ol {
        margin-top: 10px;
    }
    .sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box .text-area ol li {
        font-size: 12px;
        padding-left: 0.5em;
    }
}

.reporting-page {
    background: url(/resources/images/reporting/bg_esg_report.png) no-repeat right 153px;
}

@media all and (max-width: 1023px) {
    .reporting-page {
        background-size: 221px auto;
        background-position: calc(100% + 50px) 52px;
    }
}

.reporting-page .reporting_list-section {
    padding-bottom: 120px;
}

.reporting-page .reporting_list-section>.section-wrap+.section-wrap {
    margin-top: 20px;
}

.reporting-page .reporting_list-section .esg_title-area {
    margin-top: 78px;
    margin-bottom: 15px;
}

.reporting-page .reporting_list-section .esg_title-area .esg_title span {
    color: #222;
    font-size: 42px;
    line-height: 58px;
    font-weight: 700;
}

.reporting-page .reporting_list-section .esg_title-area .esg_desc {
    margin-top: 35px;
}

.reporting-page .reporting_list-section .esg_title-area .esg_desc p {
    margin-top: 0;
    color: #222;
    font-size: 28px;
    line-height: 42px;
    font-weight: 600;
}

.reporting-page .reporting_list-section .esg_title-area.esg_gravity {
    margin-bottom: 5px;
}

.reporting-page .reporting_list-section .esg_title-area.esg_gravity .esg_desc {
    margin-top: 45px;
}

.reporting-page .reporting_list-section .esg_title-area.esg_gravity .esg_desc p {
    color: #555;
    font-size: 18px;
    line-height: 30px;
}

@media all and (max-width: 1023px) {
    .reporting-page .reporting_list-section .esg_title-area {
        margin-top: 54px;
        margin-bottom: 25px;
    }
    .reporting-page .reporting_list-section .esg_title-area .esg_title span {
        font-size: 26px;
        line-height: 36px;
    }
    .reporting-page .reporting_list-section .esg_title-area .esg_desc {
        margin-top: 8px;
    }
    .reporting-page .reporting_list-section .esg_title-area .esg_desc p {
        font-size: 16px;
        line-height: 26px;
        padding-right: 20px;
        white-space: normal;
        word-wrap: break-word;
        word-break: keep-all;
    }
    .reporting-page .reporting_list-section .esg_title-area.esg_gravity {
        margin-bottom: 20px;
    }
    .reporting-page .reporting_list-section .esg_title-area.esg_gravity .esg_desc {
        margin-top: 7px;
    }
    .reporting-page .reporting_list-section .esg_title-area.esg_gravity .esg_desc p {
        font-size: 16px;
        line-height: 26px;
        padding-right: 0px;
        white-space: normal;
        word-wrap: normal;
        word-break: break-all;
    }
}

.reporting-page .reporting_list-section .tab-area {
    /*margin-top: -6px; padding-top: 0; padding-bottom: 30px;*/
    margin-top: 60px;
    padding-bottom: 30px;
}

@media all and (max-width: 1023px) {
    .reporting-page .reporting_list-section .tab-area {
        /*margin-top: -8px; padding-top: 0;*/
        margin-top: 37px;
        padding-bottom: 30px;
    }
}

.reporting-page .reporting_list-section .s-head {
    padding: 0 0 45px;
}

.reporting-page .reporting_list-section .s-head .title {
    /*margin-top: -6px;*/
}

.reporting-page .reporting_list-section .s-head .title span {
    font-size: 28px;
    color: #222;
    line-height: 1.36;
    font-weight: 700;
}

.reporting-page .reporting_list-section .s-head .title .process {
    display: block;
    padding-top: 64px;
}

.reporting-page .reporting_list-section .s-head p {
    margin-top: 20px;
    font-size: 18px;
    line-height: 30px;
    color: #555;
}

@media all and (max-width: 1023px) {
    .reporting-page .reporting_list-section .s-head {
        padding: 0 0 10px;
    }
    .reporting-page .reporting_list-section .s-head .title {
        /*margin-top: -8px;*/
    }
    .reporting-page .reporting_list-section .s-head .title span {
        font-size: 18px;
        line-height: 1.3;
    }
    .reporting-page .reporting_list-section .s-head .title .process {
        padding-top: 0;
    }
    .reporting-page .reporting_list-section .s-head p {
        margin-top: 15px;
        font-size: 13px;
        line-height: 21px;
    }
}

@media all and (max-width: 1023px) {
    .reporting-page .reporting_list-section .tab_linebox-list li {
        flex: 1 1 50%;
    }
    .reporting-page .reporting_list-section>.section-wrap+.section-wrap {
        margin-top: 58px;
    }
}

.reporting-page .reporting_list-section .s-body .p-footer p {
    color: #777;
}

.reporting-page .reporting_list-section .s-body .p-footer p .color_green {
    color: #96ad07;
}

.reporting-page .reporting_list-section .ini-thumb {
    display: flex;
    width: 100%;
    margin: 0;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-right: 0;
}

.reporting-page .reporting_list-section .ini-thumb .img {
    width: 248px;
    text-align: center;
}

.reporting-page .reporting_list-section .ini-thumb figcaption {
    text-align: left;
    font-size: 18px;
    line-height: 30px;
    color: #555;
    font-weight: 500;
}

@media all and (max-width: 1023px) {
    .reporting-page .reporting_list-section .ini-thumb {
        flex-wrap: wrap;
        padding: 15px 10px 15px;
    }
    .reporting-page .reporting_list-section .ini-thumb .img {
        width: 100%;
    }
    .reporting-page .reporting_list-section .ini-thumb figcaption {
        width: 100%;
        text-align: center;
        margin-top: 13px;
        font-size: 13px;
        line-height: 19px;
        white-space: normal;
        word-wrap: break-word;
        word-break: keep-all;
    }
    .reporting-page .reporting_list-section .ini-thumb.ini-thumb-1 img {
        width: 48px;
    }
    .reporting-page .reporting_list-section .ini-thumb.ini-thumb-2 img {
        width: 52px;
    }
    .reporting-page .reporting_list-section .ini-thumb.ini-thumb-3 img {
        width: 63px;
    }
    .reporting-page .reporting_list-section .ini-thumb.ini-thumb-4 img {
        width: 46px;
    }
    .reporting-page .reporting_list-section .ini-thumb.ini-thumb-5 img {
        width: 59px;
    }
}

.reporting-page .down_pdf_detail-area {
    display: none;
}

.reporting-page .down_pdf-panel .down_pdf-list {
    /*margin:0px -22px;*/
    margin: 0px -1.8%;
    display: flex;
    flex-wrap: wrap;
}

.reporting-page .down_pdf-panel .down_pdf-list li {
    width: 33.3333333333%;
    /*padding: 0px 22px;*/
    padding: 0px 1.8%;
}

.reporting-page .down_pdf-panel .down_pdf-list li:nth-child(n+4) {
    margin-top: 60px;
}

.reporting-page .down_pdf-panel .down_pdf-area .thumb-box {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-color: #dfdfdf;
}

.reporting-page .down_pdf-panel .down_pdf-area .thumb-box .img-ratio {
    padding-bottom: 126.9565217391%;
}

.reporting-page .down_pdf-panel .down_pdf-area .thumb-box .img-ratio img {
    width: 100%;
}

.reporting-page .down_pdf-panel .down_pdf-area .thumb-box .img-thumb {
    position: absolute;
    width: 63.0136986301%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15);
}

.reporting-page .down_pdf-panel .down_pdf-area .text-box {
    margin-top: 27px;
    padding: 0 8px;
}

.reporting-page .down_pdf-panel .down_pdf-area .text-box .year,
.reporting-page .down_pdf-panel .down_pdf-area .text-box .title {
    display: block;
    color: #222;
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    margin-bottom: 9px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.reporting-page .down_pdf-panel .down_pdf-area .text-box .year {
    font-weight: 400;
    margin-bottom: 0;
}

.reporting-page .down_pdf-panel .down_pdf-area .text-box .btn.btn_lg {
    padding: 0;
    margin-bottom: 10px;
    margin-right: 30px;
}

.reporting-page .down_pdf-panel .down_pdf-area .text-box .btn.btn_lg span {
    font-weight: 500;
}

@media all and (max-width: 1279px) {
    .reporting-page .down_pdf-panel .down_pdf-area .text-box .btn.btn_lg {
        margin-right: 8px;
    }
}

@media all and (max-width: 1023px) {
    .reporting-page .down_pdf-panel {
        margin-top: 0;
    }
    .reporting-page .down_pdf-panel .down_pdf-list {
        margin: 0px -8px;
    }
    .reporting-page .down_pdf-panel .down_pdf-list li {
        width: 50%;
        padding: 0px 8px;
    }
    .reporting-page .down_pdf-panel .down_pdf-list li:nth-child(n+3) {
        margin-top: 40px;
    }
    .reporting-page .down_pdf-panel .down_pdf-area .thumb-box .img-thumb {
        box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15);
    }
    .reporting-page .down_pdf-panel .down_pdf-area .text-box {
        margin-top: 17px;
        padding: 0;
    }
    .reporting-page .down_pdf-panel .down_pdf-area .text-box .year,
    .reporting-page .down_pdf-panel .down_pdf-area .text-box .title {
        font-size: 17px;
        line-height: 27px;
        font-weight: 700;
        margin-bottom: 5px;
    }
    .reporting-page .down_pdf-panel .down_pdf-area .text-box .year {
        font-weight: 500;
        margin-bottom: 0;
        color: #555;
    }
    .reporting-page .down_pdf-panel .down_pdf-area .text-box .btn.btn_lg {
        padding: 1px;
        display: block;
    }
    .reporting-page .down_pdf-panel .down_pdf-area .text-box .btn.btn_lg span {
        font-weight: 500;
    }
    .reporting-page .down_pdf-panel .down_pdf-area .text-box .btn.btn_lg+.btn {
        margin-left: 0;
        margin-top: 12px;
    }
}

.reporting-page .card_list-panel .card_list {
    /*margin: 0 -22px;*/
    margin: 0 -1.8%;
    display: flex;
    flex-wrap: wrap;
}

.reporting-page .card_list-panel .card_list li {
    width: 33.3333333%;
    /*padding: 0 22px;*/
    padding: 0px 1.8%;
}

.reporting-page .card_list-panel .card_list li:nth-child(n+4) {
    margin-top: 58px;
}

.reporting-page .card_list-panel .card_list .card_list-item {
    display: block;
}

.reporting-page .card_list-panel .card_list .card_list-item img {
    width: 100%;
}

.reporting-page .card_list-panel .card_list .card_list-item .img {
    border: 1px solid #dedede;
}

.reporting-page .card_list-panel .card_list .card_list-item .txt {
    margin-top: 22px;
    text-align: center;
}

.reporting-page .card_list-panel .card_list .card_list-item .txt b {
    display: block;
    font-size: 24px;
    line-height: 32px;
    color: #222;
    font-weight: 700;
}

.reporting-page .card_list-panel .card_list .card_list-item .txt span {
    display: block;
    font-size: 18px;
    line-height: 30px;
    color: #555;
    font-weight: 500;
}

@media all and (max-width: 1023px) {
    .reporting-page .card_list-panel .card_list {
        margin: 0 -7px;
    }
    .reporting-page .card_list-panel .card_list li {
        width: 50%;
        padding: 0 7px;
    }
    .reporting-page .card_list-panel .card_list li:nth-child(n+3) {
        margin-top: 36px;
    }
    .reporting-page .card_list-panel .card_list .card_list-item .img {
        position: relative;
        padding-top: 100%;
        overflow: hidden;
    }
    .reporting-page .card_list-panel .card_list .card_list-item .img img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 120%;
    }
    .reporting-page .card_list-panel .card_list .card_list-item .txt {
        margin-top: 14px;
    }
    .reporting-page .card_list-panel .card_list .card_list-item .txt b {
        font-size: 17px;
        line-height: 27px;
    }
    .reporting-page .card_list-panel .card_list .card_list-item .txt span {
        font-size: 13px;
        line-height: 21px;
        white-space: normal;
        word-wrap: break-word;
        word-break: keep-all;
    }
    .reporting-page .card_list-panel .card_list .card_list-item .txt span br {
        display: none;
    }
}

.reporting-page .dot-list {
    text-align: left;
}

.reporting-page .dot-list li {
    padding: 0 0 0 14px;
    position: relative;
    border-top: 0;
    font-size: 18px;
    color: #555;
    line-height: 30px;
    font-weight: 500;
}

.reporting-page .dot-list li:before {
    content: "";
    position: absolute;
    top: 13px;
    left: 0;
    width: 4px;
    height: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background: #777;
}

.reporting-page .dot-list li sup {
    font-size: 13px;
    color: #96ad07;
    line-height: 1;
    vertical-align: 4px;
}

.reporting-page .dot-list li+li {
    margin-top: 16px;
}

@media all and (max-width: 1023px) {
    .reporting-page .dot-list li {
        padding-left: 10px;
        font-size: 13px;
        line-height: 21px;
    }
    .reporting-page .dot-list li:before {
        top: 8px;
    }
    .reporting-page .dot-list li sup {
        font-size: 10px;
    }
    .reporting-page .dot-list li+li {
        margin-top: 8px;
    }
}

.reporting-page .esg_gravity_result-panel {
    width: 800px;
    margin: 5px auto 60px;
}

.reporting-page .esg_gravity_result-panel .p-header {
    margin-bottom: 23px;
}

.reporting-page .esg_gravity_result-panel .p-header .title {
    font-size: 24px;
    line-height: 38px;
    color: #16873e;
    font-weight: 600;
}

.reporting-page .esg_gravity_result-panel .p-body .download-btn-area {
    margin-bottom: 30px;
}

.reporting-page .esg_gravity_result-panel .esg_gravity_graph-box {
    position: relative;
}

.reporting-page .esg_gravity_result-panel .esg_gravity_graph-box .graph_view-btn {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: none;
}

@media all and (max-width: 1023px) {
    .reporting-page .esg_gravity_result-panel {
        width: 100%;
        margin: 10px auto 30px;
    }
    .reporting-page .esg_gravity_result-panel .p-header {
        margin-bottom: 11px;
    }
    .reporting-page .esg_gravity_result-panel .p-header .title {
        font-size: 17px;
        line-height: 27px;
        color: #16873e;
        font-weight: 600;
    }
    .reporting-page .esg_gravity_result-panel .p-body img {
        width: 100%;
    }
    .reporting-page .esg_gravity_result-panel .p-body .download-btn-area {
        margin-bottom: 16px;
    }
    .reporting-page .esg_gravity_result-panel .p-body .download-btn-area .btn {
        display: block;
    }
    .reporting-page .esg_gravity_result-panel .p-body .download-btn-area .btn+.btn {
        margin-top: 10px;
        margin-left: 0;
    }
    .reporting-page .esg_gravity_result-panel .esg_gravity_graph-box .graph_view-btn {
        display: none !important;
    }
}

.reporting-page .esg_gravity-img .only-mb {
    padding: 4px 0;
}

.reporting-page .esg_gravity-img .only-mb img {
    width: 272px;
}

.reporting_detail_view-section {
    display: flex;
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
}

.reporting_detail_view-section ul {
    width: calc(50% - 24px);
}

.reporting_detail_view-section ul li {
    border-top: 2px solid #222;
    padding: 16px 0 30px;
}

.reporting_detail_view-section ul li .tit {
    font-size: 22px;
    line-height: 28px;
    color: #222;
    font-weight: 700;
}

.reporting_detail_view-section ul li ul {
    margin-top: 24px;
    width: 100%;
}

.reporting_detail_view-section ul li ul li {
    display: flex;
    justify-content: space-between;
    padding: 5px 0 5px 14px;
    position: relative;
    border-top: 0;
    font-size: 18px;
    color: #555;
    line-height: 32px;
    font-weight: 500;
}

.reporting_detail_view-section ul li ul li:before {
    content: "";
    position: absolute;
    top: 19px;
    left: 0;
    width: 4px;
    height: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background: #777;
}

.reporting_detail_view-section ul li ul li a i {
    margin-right: 9px;
    vertical-align: -5px;
}

@media all and (max-width: 1023px) {
    .reporting_detail_view-section {
        padding: 0;
        flex-wrap: wrap;
    }
    .reporting_detail_view-section ul {
        width: 100%;
    }
    .reporting_detail_view-section ul li {
        padding: 17px 0 36px;
    }
    .reporting_detail_view-section ul li .tit {
        font-size: 16px;
        line-height: 20px;
    }
    .reporting_detail_view-section ul li ul {
        margin-top: 18px;
    }
    .reporting_detail_view-section ul li ul li {
        padding: 4px 0 4px 9px;
        font-size: 14px;
        line-height: 22px;
    }
    .reporting_detail_view-section ul li ul li:before {
        top: 13px;
        left: 0;
        width: 4px;
        height: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        background: #777;
    }
    .reporting_detail_view-section ul li ul li+li {
        margin-top: 9px;
    }
    .reporting_detail_view-section ul li ul li a i {
        margin-right: 5px;
        vertical-align: -4px;
    }
}

/* ================= IR  ================= */

.ir_table_list-section {
    margin-top: -60px;
    padding-top: 0px;
    padding-bottom: 120px;
    /* size - mobile */
}

.ir_table_list-section .c-primary {
    color: #55a30f !important;
}

.ir_table_list-section .big_year {
    color: #222;
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
}

.ir_table_list-section .s-head+.s-body {
    padding-top: 80px;
}

@media all and (max-width: 1023px) {
    .ir_table_list-section {
        /*margin-top: -25px;*/
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 60px;
    }
    .ir_table_list-section .s-head+.s-body {
        padding-top: 40px;
    }
    .ir_table_list-section .big_year {
        color: #555;
        font-size: 14px;
    }
    .ir_table_list-section .section-wrap.invest,
    .ir_table_list-section .section-wrap.present {
        margin-top: -22px;
    }
}

.ir_table_list-section [class$=-panel] {
    /* size - mobile */
}

.ir_table_list-section [class$=-panel]+[class$=-panel] {
    margin-top: 24px;
}

@media all and (max-width: 1023px) {
    .ir_table_list-section [class$=-panel]+[class$=-panel] {
        margin-top: 34px;
    }
}

.ir_table_list-section [class$=-panel] .p-header {
    min-height: 42px;
    padding-bottom: 20px;
}

.ir_table_list-section [class$=-panel] .p-header .ab-r {
    display: flex;
}

.ir_table_list-section [class$=-panel] .p-header .select-box {
    width: 114px;
    height: 42px;
}

.ir_table_list-section [class$=-panel] .p-header .select-box+.btn {
    margin-left: 10px;
}

@media all and (max-width: 1023px) {
    .ir_table_list-section [class$=-panel] .p-header {
        min-height: auto;
        padding-bottom: 15px;
    }
    .ir_table_list-section [class$=-panel] .p-header .ab-r {
        position: relative;
        bottom: auto;
        justify-content: flex-end;
        /*margin-top:-22px;*/
    }
    .ir_table_list-section [class$=-panel] .p-header .text-area+.ab-r {
        margin-top: 15px;
    }
    .ir_table_list-section [class$=-panel] .p-header .select-box {
        width: 75px;
        height: 32px;
    }
    .ir_table_list-section [class$=-panel] .p-header .select-box .select2-container--default .select2-selection--single {
        height: 32px;
    }
    .ir_table_list-section [class$=-panel] .p-header .select-box .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 30px;
        font-size: 13px;
        padding: 0 20px 0 12px;
    }
    .ir_table_list-section [class$=-panel] .p-header .select-box .select2-container--default .select2-selection--single .select2-selection__arrow {
        width: 20px;
        height: 100%;
    }
    .ir_table_list-section [class$=-panel] .p-header .select-box .select2-container--default .select2-selection--single .select2-selection__arrow b {
        right: 8px;
        margin-top: -9px;
    }
    .ir_table_list-section [class$=-panel] .p-header .select-box+.btn {
        margin-left: 4px;
        padding: 5px 16px;
    }
    .ir_table_list-section [class$=-panel] .p-header .select-box+.btn span {
        font-size: 13px;
    }
}

.ir_table_list-section [class$=-panel] .p-header .text-area .title {
    display: inline-block;
    color: #222;
    font-size: 28px;
    font-weight: 700;
    line-height: 42px;
}

.ir_table_list-section [class$=-panel] .p-header .text-area dl {
    display: flex;
    margin-top: 12px;
    color: #555;
    font-size: 18px;
    line-height: 34px;
    font-weight: 500;
}

.ir_table_list-section [class$=-panel] .p-header .text-area dl>div {
    display: flex;
    position: relative;
}

.ir_table_list-section [class$=-panel] .p-header .text-area dl div+div {
    margin-left: 20px;
    padding-left: 20px;
}

.ir_table_list-section [class$=-panel] .p-header .text-area dl div+div::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 1px;
    height: 13px;
    background-color: #c2c2c2;
}

.ir_table_list-section [class$=-panel] .p-header .text-area dl div+div::before {
    transform: translateY(-50%);
}

.ir_table_list-section [class$=-panel] .p-header .text-area dl dt+dd {
    position: relative;
    margin-left: 4px;
    padding-left: 10px;
}

.ir_table_list-section [class$=-panel] .p-header .text-area dl dt+dd::before {
    content: ":";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

@media all and (max-width: 1023px) {
    .ir_table_list-section [class$=-panel] .p-header .text-area .title {
        font-size: 18px;
        line-height: 1.6;
    }
    .ir_table_list-section [class$=-panel] .p-header .text-area dl {
        margin-top: 10px;
        font-size: 13px;
        line-height: 21px;
        flex-direction: column;
    }
    .ir_table_list-section [class$=-panel] .p-header .text-area dl div+div {
        padding-left: 0;
        margin-left: 0;
    }
    .ir_table_list-section [class$=-panel] .p-header .text-area dl div+div::before {
        display: none;
    }
    .ir_table_list-section [class$=-panel] .p-header .text-area dl dt+dd {
        padding-left: 8px;
    }
}

.ir_table_list-section [class$=-panel] .p-header .year-box span {
    font-size: 28px;
    font-weight: bold;
    color: #222222;
    line-height: 42px;
}

@media all and (max-width: 1023px) {
    .ir_table_list-section [class$=-panel] .p-header .year-box {
        /*margin-top: 32px;*/
        margin-top: 0;
        position: absolute;
        left: 0;
        top: 0;
    }
    .ir_table_list-section [class$=-panel] .p-header .year-box+.ab-r {
        /*position: absolute; top: auto; bottom: 20px;*/
        margin-top: 0;
    }
    .ir_table_list-section [class$=-panel] .p-header .year-box span {
        font-size: 18px;
        line-height: 32px;
    }
}

.ir_table_list-section .insert-panel {
    /* size - ex */
}

.ir_table_list-section .insert-panel .iframe_stock {
    width: 100%;
    height: 720px;
}

@media all and (max-width: 697px) {
    .ir_table_list-section .insert-panel .iframe_stock {
        width: 100%;
        height: 1410px;
    }
}

.ir_table_list-section .graph-panel {
    overflow: hidden;
    /* size - mobile */
}

.ir_table_list-section .graph-panel .chart-box {
    position: relative;
}

.ir_table_list-section .graph-panel .chart-box .label-list li {
    font-size: 14px;
    line-height: 14px;
}

.ir_table_list-section .graph-panel .chart-box .label-list i {
    display: inline-block;
    width: 40px;
    height: 14px;
    vertical-align: top;
    margin-right: 6px;
}

.ir_table_list-section .graph-panel .chart-box.bar-type {
    /*padding:0 115px;*/
    padding: 0 9.729%;
}

.ir_table_list-section .graph-panel .chart-box.bar-type .label-list {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.ir_table_list-section .graph-panel .chart-box.bar-type .label-list li {
    margin: 0 10px;
}

.ir_table_list-section .graph-panel .chart-box.donut-type {
    width: 100%;
    height: auto;
    max-width: 800px;
    left: calc(50% - 100px);
    transform: translateX(-50%);
    margin-top: 62px;
}

.ir_table_list-section .graph-panel .chart-box.donut-type .label-list {
    position: absolute;
    top: 50%;
    right: 80px;
    transform: translate(100%, -50%);
    flex-direction: column;
}

.ir_table_list-section .graph-panel .chart-box.donut-type .label-list li {
    margin: 20px 0px;
}

@media all and (max-width: 1023px) {
    .ir_table_list-section .graph-panel .chart-box {
        margin: 0;
    }
    .ir_table_list-section .graph-panel .chart-box .label-list li {
        font-size: 12px;
        line-height: 12px;
    }
    .ir_table_list-section .graph-panel .chart-box .label-list i {
        display: inline-block;
        width: 20px;
        height: 12px;
        vertical-align: top;
        margin-right: 6px;
    }
    .ir_table_list-section .graph-panel .chart-box.bar-type {
        padding: 0;
    }
    .ir_table_list-section .graph-panel .chart-box.bar-type .label-list {
        margin-top: 20px;
    }
    .ir_table_list-section .graph-panel .chart-box.bar-type .label-list li {
        margin: 0 6px;
    }
    .ir_table_list-section .graph-panel .chart-box.donut-type {
        padding-right: 0px;
        left: 50%;
        width: 130%;
        margin-left: -40px;
        margin-top: 0px;
    }
    .ir_table_list-section .graph-panel .chart-box.donut-type .label-list {
        right: 30px;
        transform: translate(0%, -50%);
    }
}

.ir_table_list-section .greenloan-panel {
    margin-top: 20px;
    /* size - mobile */
}

.ir_table_list-section .greenloan-panel .down_pdf-list {
    /*margin:0px -22px;*/
    margin: 0px -1.8%;
}

.ir_table_list-section .greenloan-panel .down_pdf-list:after {
    content: "";
    display: block;
    clear: both;
}

.ir_table_list-section .greenloan-panel .down_pdf-list li {
    float: left;
    width: 33.3333333333%;
    /*padding:0px 22px;*/
    padding: 0px 1.8%;
    margin-top: 60px;
}

.ir_table_list-section .greenloan-panel .down_pdf-area .thumb-box {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-color: #dfdfdf;
}

.ir_table_list-section .greenloan-panel .down_pdf-area .thumb-box .img-ratio {
    padding-bottom: 141.74%;
}

.ir_table_list-section .greenloan-panel .down_pdf-area .thumb-box .img-ratio img {
    width: 100%;
}

.ir_table_list-section .greenloan-panel .down_pdf-area .thumb-box .img-thumb {
    position: absolute;
    width: 56.43%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15);
}

.ir_table_list-section .greenloan-panel .down_pdf-area .text-box {
    margin-top: 24px;
}

.ir_table_list-section .greenloan-panel .down_pdf-area .text-box .title {
    display: block;
    color: #222;
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    margin-bottom: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ir_table_list-section .greenloan-panel .down_pdf-area .text-box .btn.btn_lg {
    padding: 0;
}

.ir_table_list-section .greenloan-panel .down_pdf-area .text-box .btn.btn_lg span {
    font-weight: 500;
}

@media all and (max-width: 1023px) {
    .ir_table_list-section .greenloan-panel {
        margin-top: 10px;
    }
    .ir_table_list-section .greenloan-panel .down_pdf-list {
        margin: 0px;
    }
    .ir_table_list-section .greenloan-panel .down_pdf-list li {
        float: left;
        width: 47.5%;
        padding: 0px;
        margin-top: 35px;
    }
    .ir_table_list-section .greenloan-panel .down_pdf-list li:nth-child(even) {
        margin-left: 5%;
    }
    .ir_table_list-section .greenloan-panel .down_pdf-area .text-box {
        margin-top: 15px;
    }
    .ir_table_list-section .greenloan-panel .down_pdf-area .text-box .title {
        font-size: 17px;
        line-height: 27px;
        margin-bottom: 0px;
    }
    .ir_table_list-section .greenloan-panel .down_pdf-area .text-box .btn.btn_lg {
        padding: 6px 0;
    }
}

.ir_table_list-section .table-panel {
    /* size - mobile */
}

.ir_table_list-section .table-panel+.table-panel {
    margin-top: 50px;
}

.ir_table_list-section .table-panel .th_criteria {
    display: block;
    margin-top: 10px;
    font-size: 18px;
    font-weight: 500;
    color: #555;
}

@media all and (max-width: 1023px) {
    .ir_table_list-section .table-panel+.table-panel {
        margin-top: 35px;
    }
    .ir_table_list-section .table-panel .th_criteria {
        margin-top: 0px;
        font-size: 13px;
    }
}

.ir_table_list-section .story_day-panel+.story_day-panel {
    margin-top: 60px;
}

@media all and (max-width: 1023px) {
    .ir_table_list-section .story_day-panel+.story_day-panel {
        margin-top: 35px;
    }
}

.ir_table_list-section .story_day-panel:first-child {
    margin-top: -180px;
}

@media all and (max-width: 1023px) {
    .ir_table_list-section .story_day-panel:first-child {
        margin-top: -65px;
    }
}

.ir_table_list-section .story_day-panel .p-header {
    padding-bottom: 30px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.ir_table_list-section .story_day-panel .p-header .title {
    font-size: 28px;
    line-height: 1;
    color: #222;
    font-weight: 700;
}

.ir_table_list-section .story_day-panel .p-header .desc {
    padding-top: 25px;
    line-height: 1.6;
    font-size: 18px;
}

@media all and (max-width: 1023px) {
    .ir_table_list-section .story_day-panel .p-header {
        padding-bottom: 15px;
    }
    .ir_table_list-section .story_day-panel .p-header .title {
        font-size: 26px;
        -padding-top: 50px;
    }
    .ir_table_list-section .story_day-panel .p-header .desc {
        padding-top: 10px;
        font-size: 13px;
    }
}

.ir_table_list-section .story_day-panel .p-body .data_table tr td,
.ir_table_list-section .story_day-panel .p-body .data_table tr th {
    background-color: #fff;
}

.ir_table_list-section .story_day-panel .p-body .data_table .table_con {
    padding: 22px 28px;
}

.ir_table_list-section .story_day-panel .p-body .data_table strong {
    font-size: 20px;
    font-weight: 600;
    color: #222;
}

.ir_table_list-section .story_day-panel .p-body .data_table .earning-area .earning-box {
    line-height: 28px;
}

@media all and (max-width: 1023px) {
    .ir_table_list-section .story_day-panel .p-body .data_table strong {
        font-size: 14px;
    }
    .ir_table_list-section .story_day-panel .p-body .data_table .table_con {
        padding: 15px 15px;
    }
    .ir_table_list-section .story_day-panel .p-body .data_table .table_down {
        padding: 10px 0px;
    }
    .ir_table_list-section .story_day-panel .p-body .data_table .table_down .btn {
        text-align: left;
    }
    .ir_table_list-section .story_day-panel .p-body .data_table .table_down .btn span {
        display: inline-block;
        white-space: normal;
        word-wrap: break-word;
        word-break: keep-all;
    }
    .ir_table_list-section .story_day-panel .p-body .data_table td:nth-child(even) {
        text-align: left;
    }
}

.ir_table_list-section .story_day-panel .media-area .thumb-box {
    position: relative;
}

.ir_table_list-section .story_day-panel .p-header .text-area {
    width: 100%;
}

/* 20240408 수정 */

.ir_table_list-section [class$=-panel] .text-area .title {
    display: inline-block;
    color: #222;
    font-size: 28px;
    font-weight: 700;
    line-height: 42px;
    margin: 60px 0 30px 0;
}

.ir_table_list-section [class$=-panel] .text-area .desc2 {
    position: relative;
    width: 100%;
    padding-top: 10px;
    line-height: 1.6;
    font-size: 18px;
}

@media all and (max-width: 1023px) {
    .ir_table_list-section [class$=-panel] .text-area .title {
        font-size: 26px;
        -padding-top: 50px;
    }
    .ir_table_list-section [class$=-panel] .text-area .desc2 {
        padding-top: 10px;
        font-size: 13px;
    }
}

.ir_table_list-section .story_day-panel .media-area .thumb-box .play-btn {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.ir_table_list-section .story_day-panel .media-area.movie .img-ratio {
    padding-bottom: 61.742%;
}

.ir_table_list-section .story_day-panel .media-area.movie .play-btn {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.ir_table_list-section .story_day-panel .media-area.movie .img-ratio img,
.ir_table_list-section .story_day-panel .media-area.movie .img-ratio iframe {
    width: 100%;
}

.ir_table_list-section .story_day-panel .media-area.movie .thumb-box {
    display: block;
}

.ir_table_list-section .story_day-panel .media-area.movie .video-box {
    display: none;
}

.ir_table_list-section .story_day-panel .media-area.movie .caption1 {
    position: relative;
    margin: 0px 0px 20px 0;
    background-color: #f9f9f9;
    padding: 20px 20px 20px 20px;
}

.ir_table_list-section .story_day-panel .media-area.movie .caption1 .captxt {
    font-size: 16px;
    margin-top: 30px;
    max-height: 100px;
    line-height: 1.6;
}

@media all and (max-width: 1023px) {
    .ir_table_list-section .story_day-panel .media-area.movie .caption1 .captxt {
        font-size: 14px;
        margin-top: 10px;
        max-height: 100px;
        line-height: 1.5;
    }
}

.ir_table_list-section .story_day-panel .media-area.movie .video-box iframe {
    position: absolute;
    left: 0;
    top: 0;
}

.ir_table_list-section .story_day-panel .media-area.movie.media_playing .thumb-box {
    display: none;
}

.ir_table_list-section .story_day-panel .media-area.movie.media_playing .video-box {
    display: block;
}

.ir_table_list-section .story_day-panel .media-area.poster {
    position: relative;
    background: #dfdfdf;
    width: 100%;
    /*height:100%;*/
    height: 0;
    padding-bottom: 100%;
}

.ir_table_list-section .story_day-panel .media-area.poster .poster_view-btn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.ir_table_list-section .story_day-panel .media-area.poster .poster_view-btn .icon-poster_view {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
}

.ir_table_list-section .story_day-panel .media-area.poster .poster_view-btn:hover .icon-poster_view,
.ir_table_list-section .story_day-panel .media-area.poster .poster_view-btn:focus .icon-poster_view {
    display: block;
}

.ir_table_list-section .story_day-panel .media-area.poster .img-ratio {
    padding-bottom: 139%;
}

.ir_table_list-section .story_day-panel .media-area.poster .img-ratio img {
    width: 100%;
}

.ir_table_list-section .story_day-panel .media-area.poster .thumb-box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 56.4383%;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15);
}

@media all and (max-width: 1023px) {
    .ir_table_list-section .story_day-panel .media-area.poster {
        padding-bottom: 61.875%;
    }
    .ir_table_list-section .story_day-panel .media-area.poster .thumb-box {
        width: 35%;
    }
}

/* ================= Table 패널  ================= */

.table-panel {
    /* 주주총회 타이틀 영역 */
    /* 테이블 간격 */
}

.table-panel .data_table+.table_title-area,
.table-panel .list_table+.table_title-area {
    padding-top: 0;
}

.table-panel .table_title-area {
    padding-top: 50px;
    border-top: 1px solid #222;
}

.table-panel .table_title-area.none_topbar {
    border-top: 0;
}

@media all and (max-width: 1023px) {
    .table-panel .table_title-area {
        padding-top: 25px;
    }
    .table-panel .table_title-area01 {
        padding-top: 25px;
        border-top: 0px solid #222;
    }
}

.table-panel .table_title-area .title_st-box {
    position: relative;
    padding: 20px 0;
    border-bottom: 1px solid #999;
}

.table-panel .table_title-area .title_st-box.none_bottombar {
    border-bottom: 0;
}

.table-panel .table_title-area .title_st-box .title {
    position: relative;
    padding-left: 25px;
}

.table-panel .table_title-area .title_st-box .title::before {
    content: "";
    display: block;
    position: absolute;
    top: 18px;
    left: 2px;
    width: 9px;
    height: 9px;
    background-color: #b3cf0a;
}

.table-panel .table_title-area .title_st-box .title::before {
    border-radius: 50%;
}

.table-panel .table_title-area .title_st-box .title em {
    font-size: 28px;
    font-weight: bold;
    color: #222222;
    line-height: 44px;
}

.table-panel .table_title-area .title_st-box .title span {
    font-size: 18px;
    color: #555555;
}

.table-panel .table_title-area .title_st-box .ab-r {
    top: 20px;
    font-size: 0;
}

/*2023-06-22수정*/

.table-panel .p-body .data_table .title2 {
    position: relative;
    padding-left: 25px;
}

.table-panel .p-body .data_table .title2::before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 2px;
    width: 9px;
    height: 9px;
    background-color: #b3cf0a;
}

.table-panel .p-body .data_table .title2::before {
    border-radius: 50%;
}

/*2023-06-22수정*/

@media all and (max-width: 1023px) {
    .table-panel .table_title-area .title_st-box {
        padding: 5px 0;
    }
    .table-panel .table_title-area .title_st-box .title {
        padding-left: 20px;
        padding-bottom: 10px;
    }
    .table-panel .table_title-area .title_st-box .title::before {
        content: "";
        display: block;
        position: absolute;
        top: 5px;
        left: 1px;
        width: 6px;
        height: 6px;
        background-color: #b3cf0a;
    }
    .table-panel .p-body .data_table .title2 {
        padding-left: 20px;
        padding-bottom: 10px;
    }
    .table-panel .p-body .data_table .title2::before {
        content: "";
        display: block;
        position: absolute;
        top: 10px;
        left: 1px;
        width: 6px;
        height: 6px;
        background-color: #b3cf0a;
    }
    .table-panel .table_title-area .title_st-box .title em {
        font-size: 18px;
        line-height: 25px;
    }
    .table-panel .table_title-area .title_st-box .title span {
        font-size: 13px;
    }
    .table-panel .table_title-area .title_st-box .ab-r {
        position: relative;
        top: auto;
        margin-top: 5px;
    }
    .table-panel .table_title-area .title_st-box .ab-r .btn.btn_noline {
        padding-top: 0;
        padding-left: 0;
    }
}

.table-panel .table_title-area .title_sub-box {
    padding-top: 50px;
    padding-bottom: 15px;
}

.table-panel .table_title-area .title_sub-box .title strong {
    font-size: 24px;
    font-weight: 600;
    color: #222222;
    line-height: 44px;
}

.table-panel .table_title-area .title_sub-box .title em {
    font-size: 18px;
    font-weight: 500;
    color: #16873e;
}

.table-panel .table_title-area .title_sub-box .mark_dot-list {
    margin-top: 20px;
}

.table-panel .table_title-area .title_sub-box .mark_dot-list>li::after {
    top: 13px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #555;
}

.table-panel .table_title-area .title_sub-box .mark_dot-list span {
    font-size: 18px;
    font-weight: 500;
    color: #555555;
    line-height: 1.8;
}

@media all and (max-width: 1023px) {
    .table-panel .table_title-area .title_sub-box {
        padding-top: 25px;
        padding-bottom: 10px;
    }
    .table-panel .table_title-area .title_sub-box .title strong {
        font-size: 17px;
        line-height: 26px;
    }
    .table-panel .table_title-area .title_sub-box .title em {
        font-size: 13px;
    }
    .table-panel .table_title-area .title_sub-box .mark_dot-list {
        margin-top: 15px;
    }
    .table-panel .table_title-area .title_sub-box .mark_dot-list>li::after {
        top: 10px;
        width: 4px;
        height: 4px;
    }
    .table-panel .table_title-area .title_sub-box .mark_dot-list span {
        font-size: 13px;
        line-height: 1.8;
    }
}

.table-panel .table_title-area .title-box {
    position: relative;
}

.table-panel .table_title-area .title-box .title {
    padding: 10px 0;
}

.table-panel .table_title-area .title-box .title span {
    font-size: 22px;
    font-weight: 600;
    color: #222222;
    line-height: 40px;
}

.table-panel .table_title-area .title-box .ab-r {
    top: 20px;
}

.table-panel .table_title-area .title-box .ab-r .unit {
    font-size: 18px;
    font-weight: 500;
    color: #555555;
}

@media all and (max-width: 1023px) {
    .table-panel .table_title-area .title-box .title {
        padding: 15px 0;
    }
    .table-panel .table_title-area .title-box .title span {
        font-size: 15px;
        line-height: 25px;
    }
    .table-panel .table_title-area .title-box .ab-r {
        top: 20px;
    }
    .table-panel .table_title-area .title-box .ab-r .unit {
        font-size: 13px;
    }
}

.table-panel .p-body .td_subject {
    padding-left: 6%;
    word-break: break-word;
}

.table-panel .p-body .table_exp {
    display: block;
    padding: 10px 0 20px;
    font-size: 18px;
    color: #555;
}

.table-panel .p-foot .tbl-info {
    margin-top: 23px;
    color: #555;
    font-size: 18px;
    line-height: 30px;
}

.table-panel .p-foot .tbl-info .mark_sect-list li {
    padding: 0;
}

.table-panel .p-foot .tbl-info .mark_sect-list li::before {
    display: none;
}

.table-panel .p-foot .tbl-info .mark_sect-list li span {
    color: #16873e;
}

.table-panel .p-foot .tbl-info .btn_changeline {
    border: 1px solid #999;
}

@media all and (max-width: 1023px) {
    .table-panel .p-body .td_subject {
        padding-left: 20px;
    }
    .table-panel .p-body .table_exp {
        font-size: 13px;
    }
    .table-panel .p-foot .tbl-info {
        font-size: 13px;
        line-height: 21px;
    }
    .table-panel .p-foot .tbl-info li {
        margin-top: 10px;
        white-space: normal;
        word-wrap: break-word;
        word-break: keep-all;
    }
    .table-panel .p-foot .tbl-info .ab-r {
        position: relative;
        margin-top: 22px;
    }
    .table-panel .p-foot .tbl-info .ab-r .btn {
        padding: 5px 12px 5px;
    }
    .table-panel .p-foot .tbl-info .ab-r .btn span {
        font-size: 12px;
    }
    .table-panel .p-foot .tbl-info .mark_star-list li {
        margin-top: 0;
    }
    .table-panel .p-foot .tbl-info .mark_star-list li+li {
        margin-top: 5px;
    }
}

.table-panel .list_table.invest_notice colgroup col:nth-child(1) {
    width: 13%;
}

.table-panel .list_table.invest_notice colgroup col:nth-child(2) {
    width: auto;
}

.table-panel .list_table.invest_notice colgroup col:nth-child(3) {
    width: 18%;
}

.table-panel .list_table.invest_notice colgroup col:nth-child(4) {
    width: 18%;
}

.table-panel .list_table.dart colgroup col:nth-child(1) {
    width: 8%;
}

.table-panel .list_table.dart colgroup col:nth-child(2) {
    width: auto;
}

.table-panel .list_table.dart colgroup col:nth-child(3) {
    width: 15%;
}

.table-panel .list_table.dart colgroup col:nth-child(4) {
    width: 13%;
}

.table-panel .list_table.dart colgroup col:nth-child(5) {
    width: 10%;
}

@media all and (max-width: 1023px) {
    .table-panel .list_table {
        table-layout: auto;
    }
    .table-panel .list_table.invest_notice colgroup col:nth-child(1) {
        width: 14%;
    }
    .table-panel .list_table.invest_notice tr td:last-child {
        padding-left: 0;
        padding-right: 0;
    }
    .table-panel .list_table.dart colgroup col:nth-child(1) {
        width: 10%;
    }
    .table-panel .list_table.dart colgroup col:nth-child(2) {
        width: 35%;
    }
    .table-panel .list_table.dart colgroup col:nth-child(3) {
        width: 20%;
    }
    .table-panel .list_table.dart colgroup col:nth-child(4) {
        width: 20%;
    }
    .table-panel .list_table.dart colgroup col:nth-child(5) {
        width: 15%;
    }
}

.table-panel .generalmeeting+.scroll-typeX,
.table-panel .scroll-typeX+.generalmeeting,
.table-panel .scroll-typeX+.scroll-typeX {
    margin-top: 60px;
}

@media all and (max-width: 1023px) {
    .table-panel .generalmeeting+.scroll-typeX,
    .table-panel .scroll-typeX+.generalmeeting,
    .table-panel .scroll-typeX+.scroll-typeX {
        margin-top: 40px;
    }
}

.table-panel .data_table {
    /* 주주총회 */
}

.table-panel .data_table.state_financial .btn_tfoot span::after {
    content: "▼";
}

.table-panel .data_table.state_financial .btn_tfoot.on span::after {
    content: "▲";
}

.table-panel .data_table.dividend {
    margin-top: 56px;
    background-color: #fff;
}

.table-panel .data_table.dividend colgroup col:nth-child(1) {
    width: auto;
}

.table-panel .data_table.dividend colgroup col:nth-child(2) {
    width: 14%;
}

.table-panel .data_table.dividend colgroup col:nth-child(n+3) {
    width: 13%;
}

.table-panel .data_table.dividend tbody th,
.table-panel .data_table.dividend tbody td {
    line-height: 30px;
}

.table-panel .data_table.dividend tbody th sup,
.table-panel .data_table.dividend tbody td sup {
    color: #55a30f;
}

@media all and (max-width: 1023px) {
    .table-panel .data_table.dividend {
        margin-top: 0px;
    }
    .table-panel .data_table.dividend colgroup col:nth-child(2) {
        width: 13%;
    }
    .table-panel .data_table.dividend colgroup col:nth-child(n+3) {
        width: 12%;
    }
    .table-panel .data_table.dividend thead th,
    .table-panel .data_table.dividend thead td {
        white-space: pre-wrap;
    }
    .table-panel .data_table.dividend tbody th,
    .table-panel .data_table.dividend tbody td {
        line-height: 20px;
    }
}

.table-panel .data_table.generalmeeting {
    /* 크기 */
    /* th td */
    /* 정열 */
    /* color */
}

.table-panel .data_table.generalmeeting+.generalmeeting {
    margin-top: 60px;
}

@media all and (max-width: 1023px) {
    .table-panel .data_table.generalmeeting+.generalmeeting {
        margin-top: 40px;
    }
}

.table-panel .data_table.generalmeeting .w-3 {
    width: 3%;
}

.table-panel .data_table.generalmeeting .w-5 {
    width: 5%;
}

.table-panel .data_table.generalmeeting .w-6 {
    width: 6%;
}

.table-panel .data_table.generalmeeting .w-13 {
    width: 13%;
}

.table-panel .data_table.generalmeeting .w-15 {
    width: 15%;
}

.table-panel .data_table.generalmeeting .w-16 {
    width: 16.6%;
}

.table-panel .data_table.generalmeeting .w-17 {
    width: 17%;
}

.table-panel .data_table.generalmeeting .w-30 {
    width: 30%;
}

.table-panel .data_table.generalmeeting .w-35 {
    width: 35%;
}

.table-panel .data_table.generalmeeting .w-34 {
    width: 34%;
}

.table-panel .data_table.generalmeeting .w-47 {
    width: 47%;
}

.table-panel .data_table.generalmeeting .w-50 {
    width: 50%;
}

.table-panel .data_table.generalmeeting .w-66 {
    width: 66%;
}

.table-panel .data_table.generalmeeting .w-85 {
    width: 85%;
}

.table-panel .data_table.generalmeeting thead th {
    border-bottom: 1px solid #999;
}

.table-panel .data_table.generalmeeting tbody th {
    font-weight: 600;
    color: #222;
}

.table-panel .data_table.generalmeeting tfoot::before {
    display: none;
}

.table-panel .data_table.generalmeeting tr:nth-child(even) th,
.table-panel .data_table.generalmeeting tr:nth-child(even) td {
    background-color: transparent;
}

.table-panel .data_table.generalmeeting th,
.table-panel .data_table.generalmeeting td {
    padding-left: 20px;
    padding-right: 20px;
    line-height: 1.6;
}

.table-panel .data_table.generalmeeting .al {
    text-align: left !important;
}

.table-panel .data_table.generalmeeting .ac {
    text-align: center !important;
}

.table-panel .data_table.generalmeeting .fc_red,
.table-panel .data_table.generalmeeting .fc_point {
    color: #16873e;
}

.table-panel .data_table.generalmeeting .gray {
    color: #555;
}

@media all and (max-width: 1023px) {
    .table-panel .data_table.generalmeeting th,
    .table-panel .data_table.generalmeeting td {
        padding: 10px 5px;
    }
}

.table-panel .bz_report-wrap {
    margin: 0 -10px;
}

.table-panel .bz_report-wrap .col-p50 {
    padding: 0 10px;
}

.table-panel .br_report-box {
    text-align: left;
    padding: 35px 7.77% 40px;
}

.table-panel .br_report-box .title {
    color: #222;
    font-size: 30px;
    line-height: 38px;
    font-weight: 600;
}

.table-panel .br_report-box .text {
    font-size: 18px;
    line-height: 30px;
    margin-top: 18px;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
}

.table-panel .br_report-box .text .sp_divide {
    position: relative;
}

.table-panel .br_report-box .text .sp_divide+.sp_divide {
    padding-left: 14px;
    margin-left: 14px;
}

.table-panel .br_report-box .text .sp_divide+.sp_divide::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 1px;
    height: 13px;
    background-color: #bbb;
}

.table-panel .br_report-box .text .sp_divide+.sp_divide::before {
    transform: translateY(-50%);
}

@media all and (max-width: 1023px) {
    .table-panel .br_report-box .title {
        font-size: 19px;
        line-height: 30px;
    }
    .table-panel .br_report-box .text {
        font-size: 13px;
        line-height: 21px;
        margin-top: 12px;
    }
    .table-panel .br_report-box .text .sp_divide {
        position: relative;
    }
    .table-panel .br_report-box .text .sp_divide+.sp_divide {
        padding-left: 14px;
        margin-left: 14px;
    }
    .table-panel .br_report-box .text .sp_divide+.sp_divide::before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 0px;
        width: 1px;
        height: 13px;
        background-color: #bbb;
    }
    .table-panel .br_report-box .text .sp_divide+.sp_divide::before {
        transform: translateY(-50%);
    }
}

.table-panel .util_btn-box {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.table-panel .util_btn-box .btn {
    margin: 0 8px;
}

@media all and (max-width: 1023px) {
    .table-panel .util_btn-box .btn {
        margin: 0;
    }
}

.table-panel .earning-area {
    padding: 18px 4% 18px 6%;
    justify-content: space-between;
}

.table-panel .earning-area .earning-box {
    font-size: 18px;
    line-height: 30px;
    width: 334px;
}

.table-panel .earning-area .util_btn-box {
    flex-direction: column;
    padding-left: 8%;
    margin: 15px 0 15px 8%;
    width: 40%;
    border-left: 1px dashed #dedede;
}

.table-panel .earning-area .util_btn-box .btn {
    text-align: left;
}

@media all and (max-width: 1023px) {
    .table-panel .vertical_table thead th,
    .table-panel .vertical_table thead td {
        border-bottom-color: #999;
    }
    .table-panel .vertical_table th {
        border-right-color: #999;
        padding: 0px;
    }
    .table-panel .vertical_table td {
        text-align: left;
        padding: 0px;
    }
    .table-panel .vertical_table th+td {
        padding-left: 20px;
    }
    .table-panel .vertical_table tr:nth-child(even) th,
    .table-panel .vertical_table tr:nth-child(even) td {
        background-color: transparent;
    }
    .table-panel .vertical_table tbody tr:nth-child(even) th,
    .table-panel .vertical_table tbody tr:nth-child(even) td {
        background-color: #f9f9f9;
    }
    .table-panel .vertical_table .inner-dl {
        display: flex;
        flex-direction: column;
        background-color: #fff;
    }
    .table-panel .vertical_table .inner-dl>div {
        display: flex;
    }
    .table-panel .vertical_table .inner-dl>div dt,
    .table-panel .vertical_table .inner-dl>div dd {
        display: flex;
        align-items: center;
        min-height: 51px;
    }
    .table-panel .vertical_table .inner-dl>div dt {
        flex: 0 0 auto;
        justify-content: center;
        width: 80px;
        border-right: 1px solid #999;
        color: #222;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        box-sizing: content-box;
    }
    .table-panel .vertical_table .inner-dl>div dd {
        flex: 1;
        border-bottom: 1px solid #dedede;
    }
    .table-panel .vertical_table .inner-dl>div dt+dd {
        padding-left: 20px;
    }
    .table-panel .vertical_table .inner-dl>div:last-child dd {
        border-bottom: none;
    }
    .table-panel .vertical_table .inner-dl>div.thead dd {
        font-size: 14px;
        font-weight: 600;
    }
    .table-panel .vertical_table .br_report-box {
        padding: 20px 0 15px 0px;
    }
    .table-panel .vertical_table .util_btn-box {
        flex-direction: column;
        justify-content: start;
        align-items: start;
        margin-left: -15px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .table-panel .vertical_table .earning-area {
        flex-direction: column;
        width: 100%;
        padding: 0;
    }
    .table-panel .vertical_table .earning-area .earning-box {
        width: auto;
        font-size: 13px;
        line-height: 21px;
        border-bottom: 1px dashed #dedede;
        padding: 18px 0 15px;
    }
    .table-panel .vertical_table .earning-area .util_btn-box {
        flex-direction: column;
        padding-left: 0px;
        margin: 10px 0px 10px -15px;
        border-left: none;
    }
}

@media all and (max-width: 1023px) {
    .table-panel .type-X table,
    .table-panel .scroll-typeX table {
        width: 100%;
        min-width: 600px;
    }
}

.brand-section {
    padding-top: 120px;
    padding-bottom: 120px;
    background: url(/resources/images/company/brand-bg.png) no-repeat top right;
    /* mobile : */
}

.brand-section .s-head+.s-body {
    padding-top: 100px;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_title-area .slogan_head {
    text-align: center;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_title-area .slogan_head p {
    font-size: 32px;
    color: #222222;
    font-weight: 600;
    margin-top: 35px;
    line-height: 1.5;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_title-area .slogan_head p em {
    color: #EA6022;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_title-area .slogan_head p .red_item {
    color: #ea002c;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_title-area .slogan_body {
    text-align: center;
    margin-top: 40px;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_title-area .slogan_body p {
    font-size: 18px;
    color: #555555;
    font-weight: 500;
    line-height: 1.6;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_title-area .slogan_body p strong {
    color: #222222;
    font-weight: 500;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_title-area .slogan_body p strong em {
    color: #ea002c;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_title-area .slogan_body p+p {
    margin-top: 30px;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area {
    margin-top: 52px;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .circle-wrap {
    border: 1px dashed #f6c5aa;
    width: 740px;
    height: 230px;
    border-radius: 115px;
    background-color: #fff1e9;
    margin: 0 auto;
    padding: 30px 20px;
    display: flex;
    justify-content: space-around;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .circle-wrap .circle_item {
    width: 170px;
    height: 170px;
    border-radius: 85px;
    background-color: #ea002c;
    font-size: 22px;
    color: #fff;
    text-align: center;
    line-height: 1.5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .circle-wrap .circle_item.orange_c {
    background-color: #EA6022;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .circle-wrap i {
    position: relative;
    width: 28px;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .circle-wrap i::before,
.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .circle-wrap i::after {
    content: "";
    display: block;
    position: absolute;
    width: 28px;
    height: 4px;
    background-color: #a3968e;
    top: 50%;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .circle-wrap i::after {
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .down_arrow-wrap {
    padding: 20px 0;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .down_arrow-wrap .down_arrow {
    text-align: center;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .rect-wrap .inner {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.03), 10px 10px 15px 0 rgba(0, 0, 0, 0.03);
    position: relative;
    border: 3px solid transparent;
    border-radius: 100px;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to left, #ea002c 0%, #fa7725 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    width: 100%;
    height: 200px;
    max-width: 740px;
    margin: 0 auto;
    align-items: center;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .rect-wrap .inner .rect_text {
    font-size: 22px;
    line-height: 1.5;
    color: #000;
    font-weight: 600;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .rect-wrap .inner .rect_slogan {
    padding-left: 65px;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .rect-wrap .inner .rect_text {
    padding-left: 25px;
}

.brand-section .slogan_logo-panel .brand_video-wrap {
    margin-top: 115px;
}

.brand-section .slogan_logo-panel .brand_video-wrap .w-head .title {
    font-size: 28px;
    color: #222222;
    font-weight: 700;
}

.brand-section .slogan_logo-panel .brand_video-wrap .w-head .desc {
    font-size: 18px;
    margin-top: 30px;
    line-height: 1.6;
}

.brand-section .slogan_logo-panel .brand_video-wrap .w-body {
    margin-top: 35px;
}

.brand-section .slogan_logo-panel .brand_video-wrap .w-body .video_area {
    position: relative;
    height: 0;
    padding-top: 56.25%;
}

.brand-section .slogan_logo-panel .brand_video-wrap .w-body .video_area iframe,
.brand-section .slogan_logo-panel .brand_video-wrap .w-body .video_area object,
.brand-section .slogan_logo-panel .brand_video-wrap .w-body .video_area embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.brand-section .slogan_logo-panel .brand_video-wrap .w-body .caption1 {
    position: relative;
    margin-top: 35px;
    background-color: #f9f9f9;
    padding: 20px 20px 20px 20px;
}

.brand-section .slogan_logo-panel .brand_video-wrap .w-body .caption1 .captxt {
    font-size: 16px;
    margin-top: 30px;
    max-height: 100px;
    line-height: 1.6;
}

.brand-section .slogan_logo-panel .brand_sloganlist-wrap {
    margin-top: 100px;
}

.brand-section .slogan_logo-panel .brand_sloganlist-wrap .w-head {
    text-align: center;
}

.brand-section .slogan_logo-panel .brand_sloganlist-wrap .w-body {
    margin-top: 65px;
}

.brand-section .slogan_logo-panel .brand_sloganlist-wrap .w-body .brand_slogan-list {
    margin-top: -30px;
}

.brand-section .slogan_logo-panel .brand_sloganlist-wrap .w-body .brand_slogan-list.padding-x {
    width: calc(100% + 30px);
    margin-left: -15px;
}

.brand-section .slogan_logo-panel .brand_sloganlist-wrap .w-body .brand_slogan-list li {
    margin-top: 30px;
    padding: 0 15px;
}

.brand-section .slogan_logo-panel .brand_sloganlist-wrap .w-body .brand_slogan-list li .box {
    border: 1px solid #dedede;
    text-align: center;
    padding: 33px 26px;
}

.brand-section .slogan_logo-panel .brand_sloganlist-wrap .w-body .brand_slogan-list li .box .inner img {
    width: 100%;
}

.brand-section .slogan_rule-panel {
    margin-top: -25px;
}

.brand-section .slogan_rule-panel .slogan_rule-wrap+.slogan_rule-wrap {
    margin-top: 70px;
}

.brand-section .slogan_rule-panel .slogan_rule-wrap .w-head .title {
    font-size: 28px;
    color: #222;
    font-weight: 700;
}

.brand-section .slogan_rule-panel .slogan_rule-wrap .w-head .sub_title {
    font-size: 20px;
    color: #222;
    margin-top: 15px;
}

.brand-section .slogan_rule-panel .slogan_rule-wrap .w-head .desc {
    font-size: 18px;
    margin-top: 30px;
    line-height: 1.7;
}

.brand-section .slogan_rule-panel .slogan_rule-wrap .w-head .desc em {
    color: #ea002c;
    font-size: 20px;
    font-weight: 600;
}

.brand-section .slogan_rule-panel .slogan_rule-wrap .w-head .desc .text_01 {
    margin-top: 10px;
}

.brand-section .slogan_rule-panel .slogan_rule-wrap .w-head .desc .text_02 {
    margin-top: 15px;
}

.brand-section .slogan_rule-panel .slogan_rule-wrap .w-body {
    margin-top: 30px;
}

.brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box {
    border: 1px solid #dedede;
    display: flex;
    justify-content: center;
    padding: 45px;
}

.brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_02 {
    padding: 45px 165px;
}

.brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_02 .inner .title {
    padding-left: 40px;
}

.brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_02 .inner .title.second_item {
    padding-left: 48px;
}

.brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_03 {
    padding: 45px;
}

.brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_03 .inner .title.second_item {
    padding-left: 15px;
}

.brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box .inner {
    padding: 15px;
}

.brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box .inner>img {
    width: 100%;
    padding: 0;
}

.brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box img {
    padding: 15px;
}

@media all and (max-width: 1023px) {
    .brand-section {
        padding-top: 48px;
        padding-bottom: 60px;
        background-size: 221px;
        background-position-x: calc(100% + 50px);
    }
    .brand-section .s-head+.s-body {
        padding-top: 35px;
    }
    .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_title-area .slogan_head img {
        width: 229px;
    }
    .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_title-area .slogan_head p {
        font-size: 20px;
        margin-top: 25px;
    }
    .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_title-area .slogan_body {
        margin-top: 25px;
    }
    .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_title-area .slogan_body p {
        font-size: 13px;
    }
    .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_title-area .slogan_body p+p {
        margin-top: 15px;
    }
    .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area {
        margin-top: 40px;
    }
    .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .circle-wrap {
        width: 134px;
        height: 408px;
        border-radius: 204px;
        padding: 9px 17px;
        flex-direction: column;
    }
    .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .circle-wrap .circle_item {
        width: 100px;
        height: 100px;
        border-radius: 50px;
        font-size: 14px;
        line-height: 1.5;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .circle-wrap .circle_item.orange_c {
        background-color: #fa7725;
    }
    .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .circle-wrap i {
        width: 16px;
        margin: 0 auto;
    }
    .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .circle-wrap i::before,
    .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .circle-wrap i::after {
        width: 16px;
        height: 2px;
    }
    .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .down_arrow-wrap {
        padding: 20px 0;
    }
    .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .down_arrow-wrap .down_arrow img {
        width: 20px;
    }
    .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .rect-wrap .inner {
        border: 2px solid transparent;
        height: 145px;
        flex-direction: column;
        text-align: center;
    }
    .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .rect-wrap .inner .rect_text {
        font-size: 14px;
    }
    .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .rect-wrap .inner .rect_slogan {
        padding: 20px 0 12px 0;
    }
    .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .rect-wrap .inner .rect_slogan img {
        width: 152px;
    }
    .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .rect-wrap .inner .rect_text {
        padding-left: 0;
    }
    .brand-section .slogan_logo-panel .brand_video-wrap {
        margin-top: 55px;
    }
    .brand-section .slogan_logo-panel .brand_video-wrap .w-head .title {
        font-size: 18px;
    }
    .brand-section .slogan_logo-panel .brand_video-wrap .w-head .desc {
        font-size: 13px;
        margin-top: 20px;
        line-height: 1.5;
    }
    .brand-section .slogan_logo-panel .brand_video-wrap .w-body {
        margin-top: 25px;
    }
    .brand-section .slogan_logo-panel .brand_sloganlist-wrap {
        margin-top: 60px;
    }
    .brand-section .slogan_logo-panel .brand_sloganlist-wrap .w-head img {
        width: 223px;
    }
    .brand-section .slogan_logo-panel .brand_sloganlist-wrap .w-body {
        margin-top: 35px;
    }
    .brand-section .slogan_logo-panel .brand_sloganlist-wrap .w-body .brand_slogan-list {
        margin-top: 0px;
    }
    .brand-section .slogan_logo-panel .brand_sloganlist-wrap .w-body .brand_slogan-list.padding-x {
        width: 100%;
        margin-left: 0px;
    }
    .brand-section .slogan_logo-panel .brand_sloganlist-wrap .w-body .brand_slogan-list li {
        margin-top: 12px;
        padding: 0;
    }
    .brand-section .slogan_logo-panel .brand_sloganlist-wrap .w-body .brand_slogan-list li .box {
        padding: 20px 0;
    }
    .brand-section .slogan_logo-panel .brand_sloganlist-wrap .w-body .brand_slogan-list li .box .inner img {
        width: 262px;
    }
    .brand-section .slogan_rule-panel {
        margin-top: 0px;
    }
    .brand-section .slogan_rule-panel .slogan_rule-wrap+.slogan_rule-wrap {
        margin-top: 55px;
    }
    .brand-section .slogan_rule-panel .slogan_rule-wrap .w-head .title {
        font-size: 18px;
    }
    .brand-section .slogan_rule-panel .slogan_rule-wrap .w-head .sub_title {
        font-size: 14px;
        margin-top: 10px;
    }
    .brand-section .slogan_rule-panel .slogan_rule-wrap .w-head .desc {
        font-size: 13px;
        margin-top: 15px;
    }
    .brand-section .slogan_rule-panel .slogan_rule-wrap .w-head .desc em {
        font-size: 14px;
    }
    .brand-section .slogan_rule-panel .slogan_rule-wrap .w-head .desc .text_01 {
        margin-top: 10px;
    }
    .brand-section .slogan_rule-panel .slogan_rule-wrap .w-head .desc .text_02 {
        margin-top: 15px;
    }
    .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body {
        margin-top: 25px;
    }
    .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box {
        border: 1px solid #dedede;
        display: flex;
        justify-content: center;
        padding: 0px;
    }
    .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_01 {
        padding: 30px;
    }
    .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_01 img {
        width: 120px;
    }
    .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_02 {
        padding: 30px 20px;
    }
    .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_02 .inner {
        text-align: center;
    }
    .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_02 .inner .title {
        font-size: 11px;
        padding-left: 20px;
        width: 200px;
        margin: 0 auto;
        text-align: left;
    }
    .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_02 .inner>img {
        width: 200px;
    }
    .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_03 {
        padding: 35px 15px;
    }
    .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_03 .inner {
        text-align: center;
        padding: 5px;
    }
    .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_03 .inner .title {
        font-size: 11px;
        padding-left: 15px;
        width: 250px;
        margin: 0 auto;
        text-align: left;
    }
    .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_03 .inner>img {
        width: 250px;
    }
    .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_03 .inner>img.right_item {
        padding-left: 10px;
    }
    .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_04 {
        padding: 20px 0;
    }
    .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_04 .inner {
        padding: 18px;
        text-align: center;
    }
    .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_04 .inner>img {
        width: 270px;
    }
    .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_04 .inner>img.left_item {
        margin-left: -32px;
    }
    .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_05 {
        padding: 25px 0;
    }
    .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_05 .inner {
        padding: 10px;
        text-align: center;
    }
    .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_05 .inner>img {
        width: 270px;
    }
    .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box .inner {
        padding: 15px;
    }
    .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box .inner>img {
        width: 100%;
        padding: 0;
    }
    .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box img {
        padding: 0px;
    }
}

.brand-section .ci_logo-panel {
    /* mobile : */
}

.brand-section .ci_logo-panel .w-head .title {
    color: #222;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
}

.brand-section .ci_logo-panel .w-head+.w-body {
    margin-top: 40px;
}

.brand-section .ci_logo-panel .mark_info-wrap+.mark_info-wrap {
    margin-top: 80px;
}

.brand-section .ci_logo-panel .mark_info-wrap+.signature-wrap {
    margin-top: 70px;
}

.brand-section .ci_logo-panel .mark_info-wrap .rowflex.flexwrap {
    /*margin:0 -49px;*/
    margin: 0 -3.9%;
}

.brand-section .ci_logo-panel .mark_info-wrap .rowflex.flexwrap>div {
    /*padding:0 50px;*/
    padding: 0 3.9%;
}

.brand-section .ci_logo-panel .mark_info-wrap .rowflex.flexwrap>div+div {
    border-left: 1px dashed #dedede;
}

.brand-section .ci_logo-panel .mark_info-wrap .mark-box+.mark-box {
    margin-top: 50px;
}

.brand-section .ci_logo-panel .mark_info-wrap .mark-box .title {
    display: block;
    margin-bottom: 22px;
    color: #222;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
}

.brand-section .ci_logo-panel .mark_info-wrap .mark-box .cont {
    display: flex;
}

.brand-section .ci_logo-panel .mark_info-wrap .mark-box .cont .img-area {
    border: 1px solid #dedede;
    width: 180px;
    height: 142px;
    flex: 0 0 auto;
}

.brand-section .ci_logo-panel .mark_info-wrap .mark-box .cont .img-area .img-ratio {
    padding-bottom: 78.6516%;
}

.brand-section .ci_logo-panel .mark_info-wrap .mark-box .cont .img-area .img-ratio img {
    width: 100%;
}

.brand-section .ci_logo-panel .mark_info-wrap .mark-box .cont .text-area {
    /*padding-right:22px;*/
    padding-right: 4.1%;
    color: #555;
    font-size: 18px;
    line-height: 30px;
    /*@include wordBreak-word();*/
}

.brand-section .ci_logo-panel .mark_info-wrap .mark-box .cont .img-area+.text-area {
    /*padding-left:30px;*/
    padding-left: 5.59%;
}

.brand-section .ci_logo-panel .mark_info-wrap .mark-box.col-type .cont {
    flex-direction: column;
}

.brand-section .ci_logo-panel .mark_info-wrap .mark-box.col-type .cont .img-area {
    border: 0;
    width: 210px;
    height: 210px;
}

.brand-section .ci_logo-panel .mark_info-wrap .mark-box.col-type .cont .img-area .img-ratio {
    padding-bottom: 100%;
}

.brand-section .ci_logo-panel .mark_info-wrap .mark-box.col-type .cont .img-area+.text-area {
    padding-left: 0px;
    /*padding-right:20px;*/
    padding-right: 3.72%;
    margin-top: 52px;
}

.brand-section .ci_logo-panel .signature-wrap .signature-list {
    padding-top: 1px;
}

.brand-section .ci_logo-panel .signature-wrap .signature-list>li {
    margin-top: -1px;
}

.brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box {
    padding: 40px 50px;
    border: 1px solid #dedede;
    box-sizing: border-box;
}

.brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box .title {
    display: block;
    margin-bottom: 22px;
    color: #222;
    font-weight: 600;
    font-size: 24px;
    line-height: 42px;
}

.brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box .cont {
    display: flex;
    padding-left: 4.6296%;
}

.brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box .cont .img-area {
    display: flex;
}

.brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box .cont .img-area .sign-img {
    max-width: 374px;
}

.brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box .cont .img-area .sign-img+.sign-img {
    margin-left: 30px;
}

.brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box .cont .img-area .img-ratio {
    padding-bottom: 25.24%;
}

.brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box .cont .img-area .img-ratio img {
    width: 100%;
}

.brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box .cont .btn-area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 9.074%;
}

.brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box .cont .btn-area .btn.btn_lg {
    text-align: left;
    padding: 10px;
}

.brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box .cont .btn-area .btn.btn_lg span {
    font-weight: 500;
}

@media all and (max-width: 1023px) {
    .brand-section .ci_logo-panel .w-head .title {
        font-size: 18px;
        line-height: 29px;
    }
    .brand-section .ci_logo-panel .w-head+.w-body {
        margin-top: 24px;
    }
    .brand-section .ci_logo-panel .mark_info-wrap+.mark_info-wrap {
        margin-top: 48px;
    }
    .brand-section .ci_logo-panel .mark_info-wrap+.signature-wrap {
        margin-top: 50px;
    }
    .brand-section .ci_logo-panel .mark_info-wrap .rowflex.flexwrap {
        margin: 0;
    }
    .brand-section .ci_logo-panel .mark_info-wrap .rowflex.flexwrap>div {
        padding: 0;
    }
    .brand-section .ci_logo-panel .mark_info-wrap .rowflex.flexwrap>div+div {
        padding-top: 23px;
        margin-top: 23px;
        border-left: 0;
        border-top: 1px dashed #dedede;
    }
    .brand-section .ci_logo-panel .mark_info-wrap .mark-box+.mark-box {
        margin-top: 30px;
    }
    .brand-section .ci_logo-panel .mark_info-wrap .mark-box .title {
        font-size: 17px;
        line-height: 27px;
    }
    .brand-section .ci_logo-panel .mark_info-wrap .mark-box .cont .img-area {
        width: 90px;
        height: 72px;
    }
    .brand-section .ci_logo-panel .mark_info-wrap .mark-box .cont .text-area {
        padding-right: 10px;
        font-size: 13px;
        line-height: 21px;
    }
    .brand-section .ci_logo-panel .mark_info-wrap .mark-box .cont .img-area+.text-area {
        padding-left: 20px;
    }
    .brand-section .ci_logo-panel .mark_info-wrap .mark-box.col-type .cont .img-area {
        border: 0;
        width: 124px;
        height: 124px;
    }
    .brand-section .ci_logo-panel .mark_info-wrap .mark-box.col-type .cont .img-area+.text-area {
        margin-top: 27px;
        margin-right: 0;
    }
    .brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box {
        padding: 22px 30px 30px;
    }
    .brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box .title {
        margin-bottom: 20px;
        font-size: 17px;
        line-height: 27px;
        text-indent: -2px;
    }
    .brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box .cont {
        flex-direction: column;
        padding-left: 0;
        justify-content: flex-start;
        align-items: center;
    }
    .brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box .cont .img-area {
        flex-direction: column;
    }
    .brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box .cont .img-area .sign-img {
        max-width: 257px;
    }
    .brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box .cont .img-area .sign-img+.sign-img {
        margin-left: 0px;
    }
    .brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box .cont .btn-area {
        flex-direction: row;
        margin: 30px 0 0 0;
    }
    .brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box .cont .btn-area .btn.btn_lg {
        padding: 10px;
        margin: 0px 12px;
    }
}

.brand-section .ci_rule-panel {
    /* mobile : */
}

.brand-section .ci_rule-panel [class$=-wrap]+[class$=-wrap] {
    margin-top: 60px;
}

.brand-section .ci_rule-panel .w-head .title {
    color: #222;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
}

.brand-section .ci_rule-panel .w-head .desc {
    margin-top: 32px;
    color: #555;
    font-size: 18px;
    line-height: 30px;
    /*@include wordBreak-word();*/
}

.brand-section .ci_rule-panel .w-head+.w-body {
    margin-top: 40px;
}

.brand-section .ci_rule-panel .color-box .c-card,
.brand-section .ci_rule-panel .color-box .c-name {
    display: block;
    box-sizing: border-box;
}

.brand-section .ci_rule-panel .color-box .c-info {
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
}

.brand-section .ci_rule-panel .color-box .c-info>div {
    display: flex;
}

.brand-section .ci_rule-panel .color-box .c-info dt {
    color: #555;
    width: 86px;
}

.brand-section .ci_rule-panel .color-box .c-info dd {
    color: #777;
}

.brand-section .ci_rule-panel .space-wrap .w-head .desc {
    padding-right: 30px;
}

.brand-section .ci_rule-panel .space-wrap .w-body {
    padding-top: 5px;
}

.brand-section .ci_rule-panel .space-wrap .rowflex.flexwrap {
    margin: 0 -20px;
}

.brand-section .ci_rule-panel .space-wrap .rowflex.flexwrap>div {
    padding: 0 20px;
}

.brand-section .ci_rule-panel .space-wrap .rowflex.flexwrap+.rowflex.flexwrap {
    margin-top: 43px;
}

.brand-section .ci_rule-panel .space-wrap .mark-box .title {
    display: block;
    margin-bottom: 22px;
    color: #222;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
}

.brand-section .ci_rule-panel .space-wrap .mark-box .cont {
    display: flex;
}

.brand-section .ci_rule-panel .space-wrap .mark-box .cont .img-area {
    border: 1px solid #dedede;
    width: 180px;
    height: 160px;
    flex: 0 0 auto;
}

.brand-section .ci_rule-panel .space-wrap .mark-box .cont .img-area .img-ratio {
    padding-bottom: 88.76%;
}

.brand-section .ci_rule-panel .space-wrap .mark-box .cont .img-area .img-ratio img {
    width: 100%;
}

.brand-section .ci_rule-panel .space-wrap .mark-box .cont .text-area {
    padding-right: 22px;
    color: #555;
    font-size: 18px;
    line-height: 30px;
    /*@include wordBreak-word();*/
}

.brand-section .ci_rule-panel .space-wrap .mark-box .cont .img-area+.text-area {
    padding-left: 30px;
}

.brand-section .ci_rule-panel .pcolor-wrap .rowflex.flexwrap {
    margin: 0 -15px;
}

.brand-section .ci_rule-panel .pcolor-wrap .rowflex.flexwrap>div {
    padding: 0 15px;
}

.brand-section .ci_rule-panel .pcolor-wrap .color-box {
    display: flex;
    align-items: center;
}

.brand-section .ci_rule-panel .pcolor-wrap .color-box .c-card {
    padding: 22px 0px 0px 28px;
    margin-right: 30px;
    width: calc((100% - 30px) / 2);
    height: 110px;
}

.brand-section .ci_rule-panel .pcolor-wrap .color-box .c-name {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
}

.brand-section .ci_rule-panel .scolor-wrap .rowflex.flexwrap {
    margin: 0 -15px;
}

.brand-section .ci_rule-panel .scolor-wrap .rowflex.flexwrap>div {
    padding: 0 15px;
}

.brand-section .ci_rule-panel .scolor-wrap .rowflex.flexwrap+.rowflex.flexwrap {
    margin-top: 34px;
}

.brand-section .ci_rule-panel .scolor-wrap .color-box .c-card {
    height: 40px;
    box-sizing: border-box;
}

.brand-section .ci_rule-panel .scolor-wrap .color-box .c-name {
    color: #222;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
}

.brand-section .ci_rule-panel .scolor-wrap .color-box .c-card+.c-name {
    margin-top: 12px;
}

.brand-section .ci_rule-panel .scolor-wrap .color-box .c-name+.c-info {
    margin-top: 10px;
}

@media all and (max-width: 1023px) {
    .brand-section .ci_rule-panel [class$=-wrap]+[class$=-wrap] {
        margin-top: 50px;
    }
    .brand-section .ci_rule-panel .w-head .title {
        font-size: 18px;
        line-height: 29px;
    }
    .brand-section .ci_rule-panel .w-head .desc {
        margin-top: 13px;
        font-size: 13px;
        line-height: 21px;
    }
    .brand-section .ci_rule-panel .w-head+.w-body {
        margin-top: 24px;
    }
    .brand-section .ci_rule-panel .color-box .c-info {
        font-size: 9px;
        line-height: 15px;
    }
    .brand-section .ci_rule-panel .color-box .c-info>div {
        display: flex;
    }
    .brand-section .ci_rule-panel .color-box .c-info dt {
        color: #555;
        width: 86px;
    }
    .brand-section .ci_rule-panel .color-box .c-info dd {
        color: #777;
    }
    .brand-section .ci_rule-panel .space-wrap .w-head .desc {
        padding-right: 10px;
    }
    .brand-section .ci_rule-panel .space-wrap .w-body {
        padding-top: 6px;
    }
    .brand-section .ci_rule-panel .space-wrap .rowflex.flexwrap {
        margin: -30px 0 0;
    }
    .brand-section .ci_rule-panel .space-wrap .rowflex.flexwrap>div {
        padding: 0;
        margin-top: 30px;
    }
    .brand-section .ci_rule-panel .space-wrap .rowflex.flexwrap+.rowflex.flexwrap {
        margin-top: 0px;
    }
    .brand-section .ci_rule-panel .space-wrap .mark-box .title {
        font-size: 17px;
        line-height: 27px;
    }
    .brand-section .ci_rule-panel .space-wrap .mark-box .cont .img-area {
        width: 90px;
        height: 80px;
    }
    .brand-section .ci_rule-panel .space-wrap .mark-box .cont .text-area {
        padding-right: 10px;
        font-size: 13px;
        line-height: 21px;
    }
    .brand-section .ci_rule-panel .space-wrap .mark-box .cont .img-area+.text-area {
        padding-left: 20px;
    }
    .brand-section .ci_rule-panel .pcolor-wrap .rowflex.flexwrap {
        margin: 0;
    }
    .brand-section .ci_rule-panel .pcolor-wrap .rowflex.flexwrap>div {
        padding: 0;
    }
    .brand-section .ci_rule-panel .pcolor-wrap .rowflex.flexwrap>div+div {
        margin-top: 16px;
    }
    .brand-section .ci_rule-panel .pcolor-wrap .color-box .c-card {
        padding: 15px 0px 0px 20px;
        margin-right: 20px;
        height: 70px;
    }
    .brand-section .ci_rule-panel .pcolor-wrap .color-box .c-name {
        font-size: 12px;
        line-height: 19px;
    }
    .brand-section .ci_rule-panel .pcolor-wrap .color-box .c-info {
        flex: 0 0 auto;
    }
    .brand-section .ci_rule-panel .scolor-wrap .rowflex.flexwrap {
        margin: -24px -8px 0;
    }
    .brand-section .ci_rule-panel .scolor-wrap .rowflex.flexwrap>div {
        padding: 0 8px;
        margin-top: 24px;
    }
    .brand-section .ci_rule-panel .scolor-wrap .rowflex.flexwrap+.rowflex.flexwrap {
        margin-top: 0px;
    }
    .brand-section .ci_rule-panel .scolor-wrap .color-box .c-card {
        height: 24px;
    }
    .brand-section .ci_rule-panel .scolor-wrap .color-box .c-name {
        font-size: 12px;
        line-height: 19px;
    }
    .brand-section .ci_rule-panel .scolor-wrap .color-box .c-card+.c-name {
        margin-top: 11px;
    }
    .brand-section .ci_rule-panel .scolor-wrap .color-box .c-name+.c-info {
        margin-top: 8px;
    }
}

.career-section .cont_title-panel .title {
    font-size: 36px;
    line-height: 54px;
}

@media all and (max-width: 1023px) {
    .career-section .cont_title-panel .title {
        font-size: 21px;
        line-height: 33px;
    }
}

.career-section .career-panel .p-head {
    padding-bottom: 71px;
    margin-top: 50px;
}

.career-section .career-panel .p-head p:first-child {
    padding-bottom: 20px;
    font-size: 28px;
    font-weight: 700;
    color: #222;
    line-height: 42px;
}

.career-section .career-panel .p-head p:last-child {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
}

@media all and (max-width: 1023px) {
    .career-section .career-panel .p-head {
        padding-bottom: 35px;
        margin-top: 23px;
    }
    .career-section .career-panel .p-head p:first-child {
        padding-bottom: 10px;
        font-size: 18px;
        line-height: 34px;
    }
    .career-section .career-panel .p-head p:last-child {
        font-size: 13px;
        line-height: 21px;
        /*@include wordBreak-word();*/
    }
}

.career-section .career-panel .p-body {
    padding-bottom: 120px;
    text-align: center;
}

.career-section .career-panel .p-body .img_chart {
    position: relative;
    /*margin: 0 auto;*/
    left: 50%;
    width: 958px;
    transform: translateX(-50%);
}

.career-section .career-panel .p-body .img_chart>img {
    width: 100%;
}

.career-section .career-panel .p-body .img_chart .img_text {
    position: absolute;
    width: 100%;
    top: 20px;
}

.career-section .career-panel .p-body .img_chart .img_text>div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 120px;
    font-size: 22px;
    font-weight: 600;
    line-height: 34px;
    color: #fff;
    text-align: left;
}

.career-section .career-panel .p-body .img_chart .img_text>div>p {
    display: flex;
    align-items: center;
    width: 300px;
}

.career-section .career-panel .p-body .img_chart .img_text>div img {
    width: 60px;
    margin-right: 20px;
}

.career-section .career-panel .p-body .img_chart .img_text>div+div {
    margin-top: 80px;
}

.career-section .career-panel .p-body .img_chart .img_text .txt1 {
    line-height: 36px;
    font-size: 24px;
    font-weight: 700;
    color: #222;
}

.career-section .career-panel .p-body .img_chart .img_text .txt3 {
    margin-top: 70px;
}

.career-section .career-panel .p-body .img_chart .img_text .txt4 {
    color: #555;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: 100px;
    align-items: center;
}

.career-section .career-panel .p-body .img_chart .img_text .txt4>p {
    width: auto;
    text-align: center;
    justify-content: center;
}

@media all and (max-width: 1023px) {
    .career-section .career-panel .p-body {
        padding-bottom: 60px;
    }
    .career-section .career-panel .p-body .img_chart {
        width: 100%;
        position: relative;
        z-index: 2;
    }
    .career-section .career-panel .p-body .img_chart>img {
        display: none;
    }
    .career-section .career-panel .p-body .img_chart .img_text {
        padding: 0;
        top: 10px;
    }
    .career-section .career-panel .p-body .img_chart .img_text>div {
        height: 75px;
        font-size: 17px;
        line-height: 24px;
        /*font-weight: 600;*/
    }
    .career-section .career-panel .p-body .img_chart .img_text>div>p {
        width: 214px;
    }
    .career-section .career-panel .p-body .img_chart .img_text>div img {
        width: 35px;
        height: 30px;
        margin-right: 17px;
    }
    .career-section .career-panel .p-body .img_chart .img_text>div+div {
        margin-top: 50px;
    }
    .career-section .career-panel .p-body .img_chart .img_text .txt1 {
        font-size: 17px;
        /*font-weight: 700; color: #222;*/
    }
    .career-section .career-panel .p-body .img_chart .img_text .txt3 {
        color: #fff;
        margin-top: 40px;
    }
    .career-section .career-panel .p-body .img_chart .img_text .txt4 {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        margin: 64px 0 0;
        width: 320px;
        height: 152px;
        justify-content: space-between;
    }
    .career-section .career-panel .p-body .img_chart .img_text .txt4>p {
        width: 152px;
    }
}

.career-section .career-panel .p-body .img_chart-mb {
    display: none;
}

@media all and (max-width: 1023px) {
    .career-section .career-panel .p-body .img_chart-mb {
        position: relative;
        display: block;
        width: 320px;
        left: 50%;
        transform: translateX(-50%);
        /*z-index: -1; margin: 0 auto;*/
    }
    .career-section .career-panel .p-body .img_chart-mb img {
        width: 100%;
    }
}

.career_personnel-section {
    padding-top: 0px;
    padding-bottom: 120px;
    /* size - mobile */
}

.career_personnel-section em.only-pc {
    display: inline !important;
}

.career_personnel-section em.only-mb {
    display: none !important;
}

@media all and (max-width: 1023px) {
    .career_personnel-section {
        padding-bottom: 60px;
    }
    .career_personnel-section em.only-pc {
        display: none !important;
    }
    .career_personnel-section em.only-mb {
        display: inline !important;
    }
}

.career_personnel-section .cont_title-panel .desc {
    padding-right: 30px;
}

@media all and (max-width: 1023px) {
    .career_personnel-section .cont_title-panel .desc {
        padding-right: 5px;
    }
}

.career_personnel-section .cr_upbringing-panel {
    margin-top: 64px;
    /* size - mobile */
}

.career_personnel-section .cr_upbringing-panel .p-header .text-area {
    text-align: center;
}

.career_personnel-section .cr_upbringing-panel .p-header .text-area .title {
    color: #222;
    font-size: 36px;
    font-weight: 600;
    line-height: 1;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap {
    position: relative;
    margin: 42px auto 0;
    width: 100%;
    max-width: 1002px;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .rowflex.flexwrap>div {
    display: flex;
    position: relative;
    overflow: hidden;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .rowflex.flexwrap>div:nth-child(even) {
    justify-content: flex-end;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .rowflex.flexwrap>div:nth-child(1) {
    padding-top: 63px;
    padding-bottom: 100px;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .rowflex.flexwrap>div:nth-child(1)::after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 7px;
    width: 100%;
    height: 0px;
    border-top: 1px solid #aed76f;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .rowflex.flexwrap>div:nth-child(2) {
    padding-top: 40px;
    padding-bottom: 100px;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .rowflex.flexwrap>div:nth-child(2)::after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 8px;
    bottom: 0;
    width: 0px;
    height: 100%;
    border-left: 1px solid #b3cf0a;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .rowflex.flexwrap>div:nth-child(3) {
    padding-bottom: 40px;
    padding-top: 100px;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .rowflex.flexwrap>div:nth-child(3)::after {
    content: "";
    position: absolute;
    z-index: 1;
    right: 9px;
    top: 0;
    width: 0px;
    height: 100%;
    border-left: 1px solid #2c9251;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .rowflex.flexwrap>div:nth-child(4) {
    padding-bottom: 40px;
    padding-top: 100px;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .rowflex.flexwrap>div:nth-child(4)::after {
    content: "";
    position: absolute;
    z-index: 1;
    right: 0;
    top: 11px;
    width: 100%;
    height: 0px;
    background-color: #fff;
    border-top: 1px solid #7cb240;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .img-title {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 40%;
    width: 100%;
    z-index: 2;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .img-title img {
    width: 100%;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont {
    position: relative;
    z-index: 2;
    width: 268px;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont .img-box {
    width: 80px;
    height: 80px;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont .img-box img {
    width: 100%;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont .text-box {
    margin-top: 13px;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont .text-box dt {
    color: #222;
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont .text-box dd {
    position: relative;
    color: #555;
    font-size: 18px;
    line-height: 30px;
    padding-left: 13px;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont .text-box dd::before {
    content: "";
    display: block;
    position: absolute;
    top: 13px;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #555;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont .text-box dt+dd {
    margin-top: 18px;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont .text-box dd+dd {
    margin-top: 6px;
}

@media all and (max-width: 1023px) {
    .career_personnel-section .cr_upbringing-panel {
        margin-top: 40px;
    }
    .career_personnel-section .cr_upbringing-panel .p-header .text-area .title {
        font-size: 21px;
        line-height: 34px;
    }
    .career_personnel-section .cr_upbringing-panel .growth-wrap {
        margin-top: 24px;
    }
    .career_personnel-section .cr_upbringing-panel .growth-wrap .rowflex.flexwrap {
        margin-top: 37px;
    }
    .career_personnel-section .cr_upbringing-panel .growth-wrap .rowflex.flexwrap>div {
        padding: 0 !important;
    }
    .career_personnel-section .cr_upbringing-panel .growth-wrap .rowflex.flexwrap>div:nth-child(even) {
        justify-content: left;
    }
    .career_personnel-section .cr_upbringing-panel .growth-wrap .rowflex.flexwrap>div:nth-child(3) .growth-cont .img-box img,
    .career_personnel-section .cr_upbringing-panel .growth-wrap .rowflex.flexwrap>div:nth-child(4) .growth-cont .img-box img {
        width: 93%;
    }
    .career_personnel-section .cr_upbringing-panel .growth-wrap .rowflex.flexwrap>div::after {
        display: none;
    }
    .career_personnel-section .cr_upbringing-panel .growth-wrap .rowflex.flexwrap>div+div {
        margin-top: 28px;
    }
    .career_personnel-section .cr_upbringing-panel .growth-wrap .img-title {
        position: relative;
        left: 0;
        top: 0;
        transform: translate(0, 0);
        max-width: 230px;
        margin: auto;
    }
    .career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont {
        display: flex;
        width: 100%;
    }
    .career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont .img-box {
        width: 55px;
        height: 55px;
        text-align: center;
    }
    .career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont .img-box img {
        margin-top: -4px;
    }
    .career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont .text-box {
        flex: 1;
        margin-top: 0;
        padding-left: 12px;
        padding-right: 48px;
    }
    .career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont .text-box dt {
        font-size: 17px;
        line-height: 27px;
    }
    .career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont .text-box dd {
        font-size: 13px;
        line-height: 21px;
        padding-left: 9px;
    }
    .career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont .text-box dd::before {
        content: "";
        display: block;
        position: absolute;
        top: 9px;
        left: 0;
        width: 3px;
        height: 3px;
        background-color: #555;
    }
    .career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont .text-box dt+dd {
        margin-top: 5px;
    }
    .career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont .text-box dd+dd {
        margin-top: 8px;
    }
}

.career_personnel-section .cr_evaluation-panel {
    /* size - mobile */
}

.career_personnel-section .cr_evaluation-panel .p-header {
    margin-bottom: 93px;
    margin-top: 36px;
}

.career_personnel-section .cr_evaluation-panel .p-header .text-area .intro-text {
    color: #222;
    font-weight: 600;
    font-size: 24px;
    /*line-height:36px;*/
    line-height: 1.6;
}

.career_personnel-section .cr_evaluation-panel .the_hr-wrap .rowflex.flexwrap {
    margin: 0 -1.27%;
}

.career_personnel-section .cr_evaluation-panel .the_hr-wrap .rowflex.flexwrap>div {
    padding: 0px 1.27%;
}

.career_personnel-section .cr_evaluation-panel .the_hr-wrap .rowflex.flexwrap>div:nth-child(2) .the_hr-cont::after {
    height: 136px;
}

.career_personnel-section .cr_evaluation-panel .the_hr-wrap .title-box {
    position: relative;
    padding-bottom: 70px;
    margin-bottom: 65px;
}

.career_personnel-section .cr_evaluation-panel .the_hr-wrap .title-box::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 15.7%;
    right: 15.7%;
    height: 1px;
    background-color: #ccc;
}

.career_personnel-section .cr_evaluation-panel .the_hr-wrap .title-box span {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    width: 748px;
    max-width: 100%;
    height: 100px;
    border-radius: 50px;
    background-color: #2fa459;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
}

.career_personnel-section .cr_evaluation-panel .the_hr-wrap .title-box span em {
    font-weight: 600;
}

.career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont {
    position: relative;
    height: 100%;
    border: 1px solid #999;
    border-radius: 15px;
    text-align: center;
    /*padding:40px 10.69% 30px;*/
    /*padding:35px 40px;*/
    padding: 35px 10.72%;
}

.career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background-color: #b3cf0a;
    border-radius: 5px;
}

.career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
    width: 1px;
    height: 65px;
    background-color: #ccc;
}

.career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont .img-box img {
    width: 143px;
}

.career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont .text-box {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
}

.career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont .text-box .s-title {
    color: #222;
    font-size: 24px;
    font-weight: 600;
    line-height: 48px;
}

.career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont .text-box .desc {
    margin-top: 10px;
    width: 250px;
    color: #555;
    font-size: 20px;
    font-weight: 600;
    line-height: 34px;
}

.career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont .text-box .exp {
    position: relative;
    width: 100%;
    margin-top: 20px;
    padding-top: 24px;
    color: #555;
    font-size: 18px;
    line-height: 30px;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
}

.career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont .text-box .exp::before {
    content: "";
    width: 100%;
    position: absolute;
    top: 0;
    left: 1%;
    border-top: 1px dashed #dedede;
}

@media all and (max-width: 1279px) {
    .career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont {
        padding: 30px 6.5%;
    }
    .career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont .text-box .exp .only-pc {
        display: none !important;
    }
    .career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont .text-box .exp .only-mb {
        display: inline-block !important;
    }
}

@media all and (max-width: 1023px) {
    .career_personnel-section .cr_evaluation-panel .p-header {
        margin-bottom: 34px;
        margin-top: 24px;
    }
    .career_personnel-section .cr_evaluation-panel .p-header .text-area .intro-text {
        font-size: 17px;
        line-height: 27px;
    }
    .career_personnel-section .cr_evaluation-panel .the_hr-wrap .rowflex.flexwrap {
        margin: 0;
    }
    .career_personnel-section .cr_evaluation-panel .the_hr-wrap .rowflex.flexwrap>div {
        padding: 30px 0px 0;
    }
    .career_personnel-section .cr_evaluation-panel .the_hr-wrap .rowflex.flexwrap>div:nth-child(1) .the_hr-cont::after {
        height: 41px;
    }
    .career_personnel-section .cr_evaluation-panel .the_hr-wrap .rowflex.flexwrap>div:nth-child(2) .the_hr-cont::after {
        height: 31px;
    }
    .career_personnel-section .cr_evaluation-panel .the_hr-wrap .title-box {
        padding-bottom: 10px;
        margin-bottom: 0;
    }
    .career_personnel-section .cr_evaluation-panel .the_hr-wrap .title-box::before,
    .career_personnel-section .cr_evaluation-panel .the_hr-wrap .title-box::after {
        display: none;
    }
    .career_personnel-section .cr_evaluation-panel .the_hr-wrap .title-box span {
        flex-direction: column;
        font-size: 17px;
        line-height: 24px;
    }
    .career_personnel-section .cr_evaluation-panel .the_hr-wrap .title-box span em {
        font-size: 16px;
    }
    .career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont {
        padding: 40px 28px;
    }
    .career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont::after {
        height: 31px;
    }
    .career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont .img-box img {
        width: 100px;
    }
    .career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont .text-box {
        margin-top: 15px;
    }
    .career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont .text-box .s-title {
        font-size: 17px;
        line-height: 27px;
    }
    .career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont .text-box .desc {
        width: 100%;
        margin-top: 9px;
        font-size: 14px;
        line-height: 23px;
    }
    .career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont .text-box .exp {
        margin-top: 16px;
        padding: 16px 18px 0;
        font-size: 13px;
        line-height: 21px;
    }
    .career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont .text-box .exp::before {
        width: 98%;
        left: 1%;
        right: 1%;
    }
}

.career_personnel-section .cr_benefits-panel {
    margin-top: 92px;
    /* size - mobile */
}

.career_personnel-section .cr_benefits-panel .p-header {
    padding-bottom: 20px;
}

.career_personnel-section .cr_benefits-panel .p-header .text-area .title {
    display: inline-block;
    color: #222;
    font-size: 28px;
    font-weight: 700;
    line-height: 42px;
}

.career_personnel-section .cr_benefits-panel .benefits-wrap {
    margin-bottom: -30px;
}

.career_personnel-section .cr_benefits-panel .benefits-wrap .benefit-cont {
    width: 260px;
    margin: 30px auto;
    text-align: center;
}

.career_personnel-section .cr_benefits-panel .benefits-wrap .benefit-cont .img-box {
    margin-bottom: 13px;
}

.career_personnel-section .cr_benefits-panel .benefits-wrap .benefit-cont .img-box img {
    height: 58px;
}

.career_personnel-section .cr_benefits-panel .benefits-wrap .benefit-cont .text-box>span {
    color: #222;
    font-size: 24px;
    font-weight: 600;
    line-height: 48px;
}

.career_personnel-section .cr_benefits-panel .benefits-wrap .benefit-cont .text-box>p {
    margin-top: 13px;
    color: #555;
    font-size: 18px;
    line-height: 30px;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
}

@media all and (max-width: 1023px) {
    .career_personnel-section .cr_benefits-panel {
        margin-top: 34px;
    }
    .career_personnel-section .cr_benefits-panel .p-header {
        padding-bottom: 10px;
    }
    .career_personnel-section .cr_benefits-panel .p-header .text-area .title {
        font-size: 18px;
        line-height: 1.6;
    }
    .career_personnel-section .cr_benefits-panel .benefits-wrap {
        margin-bottom: -18px;
    }
    .career_personnel-section .cr_benefits-panel .benefits-wrap .benefit-cont {
        margin: 18px auto;
        width: 150px;
    }
    .career_personnel-section .cr_benefits-panel .benefits-wrap .benefit-cont .img-box {
        margin-bottom: 10px;
    }
    .career_personnel-section .cr_benefits-panel .benefits-wrap .benefit-cont .img-box img {
        height: 38px;
    }
    .career_personnel-section .cr_benefits-panel .benefits-wrap .benefit-cont .text-box>span {
        font-size: 17px;
        line-height: 27px;
    }
    .career_personnel-section .cr_benefits-panel .benefits-wrap .benefit-cont .text-box>p {
        margin-top: 5px;
        font-size: 13px;
        line-height: 21px;
    }
    .career_personnel-section .cr_benefits-panel .rowflex.flexwrap>div:nth-child(3) .benefit-cont {
        width: 136px;
    }
    .career_personnel-section .cr_benefits-panel .rowflex.flexwrap>div:nth-child(4) .benefit-cont {
        width: 125px;
    }
    .career_personnel-section .cr_benefits-panel .rowflex.flexwrap>div:nth-child(5) .benefit-cont {
        width: 120px;
    }
}

/* ================= SK 트레이딩 인터네셔널  ================= */

.sub_visual-section .sv-trading .s-head span {
    font-size: 36px;
    line-height: 54px;
}

.sub_visual-section .sv-trading em.only-pc {
    display: inline !important;
}

@media all and (max-width: 1023px) {
    .sub_visual-section .sv-trading .s-head span {
        font-size: 21px;
        line-height: 34px;
    }
    .sub_visual-section .sv-trading em.only-mb {
        display: inline !important;
    }
}

.trading-section {
    padding-top: 120px;
    padding-bottom: 120px;
    background: url("/resources/images/company/brand-bg.png") no-repeat top right;
}

.trading-section .colorP {
    color: #96ad07;
}

.trading-section .colorG {
    color: #16873e;
}

.trading-section em.only-pc {
    display: inline !important;
}

@media all and (max-width: 1023px) {
    .trading-section {
        padding-top: 48px;
        padding-bottom: 60px;
        background-size: 221px;
        background-position-x: calc(100% + 50px);
    }
    .trading-section em.only-mb {
        display: inline !important;
    }
}

.trading-section [class$=-panel]+[class$=-panel] {
    padding-top: 70px;
    border-top: 1px solid #dedede;
}

.trading-section [class$=-panel] .p-head .title-area .title {
    color: #222;
    font-size: 42px;
    line-height: 58px;
    font-weight: 700;
}

.trading-section [class$=-panel] .p-head .title-area .s-title {
    color: #222;
    font-size: 24px;
    line-height: 38px;
    font-weight: 600;
}

.trading-section [class$=-panel] .p-head .title-area .desc {
    color: #555;
    font-size: 18px;
    line-height: 30px;
}

.trading-section [class$=-panel] .p-head .title-area .title+.s-title {
    margin-top: 20px;
}

.trading-section [class$=-panel] .p-head .title-area .s-title+.desc {
    margin-top: 26px;
}

@media all and (max-width: 1023px) {
    .trading-section [class$=-panel]+[class$=-panel] {
        padding-top: 32px;
    }
    .trading-section [class$=-panel] .p-head .title-area .title {
        font-size: 26px;
        line-height: 41px;
    }
    .trading-section [class$=-panel] .p-head .title-area .s-title {
        font-size: 17px;
        line-height: 27px;
    }
    .trading-section [class$=-panel] .p-head .title-area .desc {
        font-size: 13px;
        line-height: 21px;
    }
    .trading-section [class$=-panel] .p-head .title-area .title+.s-title {
        margin-top: 14px;
    }
    .trading-section [class$=-panel] .p-head .title-area .s-title+.desc {
        margin-top: 9px;
    }
}

.trading-section .greeting-panel {
    padding-bottom: 70px;
}

.trading-section .greeting-panel .greeting_wrap {
    margin-top: 30px;
}

.trading-section .greeting-panel .greeting_wrap .rowflex.flexwrap {
    margin: 0 -1.27%;
}

.trading-section .greeting-panel .greeting_wrap .rowflex.flexwrap>div {
    padding: 0px 1.27%;
}

@media all and (max-width: 1279px) {
    .trading-section .greeting-panel .greeting_wrap .rowflex.flexwrap {
        margin: 0 -0.8%;
    }
    .trading-section .greeting-panel .greeting_wrap .rowflex.flexwrap>div {
        padding: 0px 0.8%;
    }
}

.trading-section .greeting-panel .greeting_wrap .greeting-cont {
    position: relative;
    height: 100%;
    border: 1px solid #999;
    border-radius: 15px;
    text-align: center;
    padding: 40px 0% 30px;
    background-color: #fff;
}

.trading-section .greeting-panel .greeting_wrap .greeting-cont .img-box img {
    width: 143px;
}

.trading-section .greeting-panel .greeting_wrap .greeting-cont .text-box {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 10.69%;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
}

.trading-section .greeting-panel .greeting_wrap .greeting-cont .text-box .s-title {
    min-height: 108px;
    color: #222;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
}

.trading-section .greeting-panel .greeting_wrap .greeting-cont .text-box .desc {
    margin-top: 10px;
    width: 250px;
    color: #555;
    font-size: 20px;
    font-weight: 600;
    line-height: 34px;
}

.trading-section .greeting-panel .greeting_wrap .greeting-cont .text-box .exp {
    position: relative;
    width: 100%;
    margin-top: 20px;
    padding-top: 24px;
    color: #555;
    font-size: 18px;
    line-height: 28px;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
}

.trading-section .greeting-panel .greeting_wrap .greeting-cont .text-box .exp::before {
    content: "";
    position: absolute;
    top: 0;
    /* left:10.69%; right:10.69%;  */
    left: 0;
    right: 0;
    border-top: 1px dashed #dedede;
}

@media all and (max-width: 1279px) {
    .trading-section .greeting-panel .greeting_wrap .greeting-cont .img-box img {
        width: 130px;
    }
    .trading-section .greeting-panel .greeting_wrap .greeting-cont .text-box {
        padding: 0 20px;
    }
    .trading-section .greeting-panel .greeting_wrap .greeting-cont .text-box .s-title {
        font-size: 23px;
        line-height: 34px;
    }
    .trading-section .greeting-panel .greeting_wrap .greeting-cont .text-box .exp {
        font-size: 17px;
    }
}

.trading-section .greeting-panel .greeting_wrap .closing-area {
    margin-top: 36px;
}

.trading-section .greeting-panel .greeting_wrap .closing-area .text {
    color: #555;
    font-size: 18px;
    line-height: 28px;
}

.trading-section .greeting-panel .greeting_wrap .closing-area .remark {
    margin-top: 22px;
    color: #222;
    text-align: right;
}

.trading-section .greeting-panel .greeting_wrap .closing-area .remark .position {
    font-size: 24px;
    line-height: 44px;
}

.trading-section .greeting-panel .greeting_wrap .closing-area .remark .position em.colorP {
    font-weight: 600;
}

.trading-section .greeting-panel .greeting_wrap .closing-area .remark .name {
    font-size: 30px;
    font-weight: 700;
    line-height: 44px;
}

@media all and (max-width: 1023px) {
    .trading-section .greeting-panel {
        padding-bottom: 34px;
    }
    .trading-section .greeting-panel .greeting_wrap {
        margin-top: 3px;
    }
    .trading-section .greeting-panel .greeting_wrap .rowflex.flexwrap {
        margin: 0;
    }
    .trading-section .greeting-panel .greeting_wrap .rowflex.flexwrap>div {
        padding: 20px 0px 0;
    }
    .trading-section .greeting-panel .greeting_wrap .greeting-cont {
        padding: 40px 0% 35px;
    }
    .trading-section .greeting-panel .greeting_wrap .greeting-cont .img-box img {
        width: 100px;
    }
    .trading-section .greeting-panel .greeting_wrap .greeting-cont .text-box {
        margin-top: 15px;
    }
    .trading-section .greeting-panel .greeting_wrap .greeting-cont .text-box .s-title {
        min-height: auto;
        font-size: 17px;
        line-height: 27px;
    }
    .trading-section .greeting-panel .greeting_wrap .greeting-cont .text-box .desc {
        width: 100%;
        margin-top: 9px;
        font-size: 14px;
        line-height: 23px;
    }
    .trading-section .greeting-panel .greeting_wrap .greeting-cont .text-box .exp {
        margin-top: 16px;
        padding: 16px 0px 0;
        font-size: 13px;
        line-height: 21px;
    }
    .trading-section .greeting-panel .greeting_wrap .greeting-cont .text-box .exp::before {
        /* left:6.25%; right:6.25%; */
        left: 0;
        right: 0;
    }
    .trading-section .greeting-panel .greeting_wrap .closing-area {
        margin-top: 23px;
    }
    .trading-section .greeting-panel .greeting_wrap .closing-area .text {
        font-size: 13px;
        line-height: 21px;
    }
    .trading-section .greeting-panel .greeting_wrap .closing-area .remark {
        margin-top: 17px;
    }
    .trading-section .greeting-panel .greeting_wrap .closing-area .remark .position {
        font-size: 17px;
        line-height: 27px;
    }
    .trading-section .greeting-panel .greeting_wrap .closing-area .remark .name {
        font-size: 19px;
        line-height: 30px;
    }
}

.trading-section .info-panel {
    padding-bottom: 80px;
}

.trading-section .info-panel .info-wrap {
    margin-top: 65px;
}

.trading-section .info-panel .info-wrap .w-head .title {
    color: #222;
    font-size: 28px;
    font-weight: 700;
    line-height: 42px;
}

.trading-section .info-panel .info-wrap .w-body .desc {
    margin-top: 15px;
    color: #555;
    font-size: 18px;
    line-height: 30px;
}

.trading-section .info-panel .global-cont,
.trading-section .info-panel .trading-cont {
    position: relative;
    border: 1px solid #999;
    border-radius: 15px;
    background-color: #fff;
}

.trading-section .info-panel .global-cont .text-box dt,
.trading-section .info-panel .global-cont .text-box .dt,
.trading-section .info-panel .trading-cont .text-box dt,
.trading-section .info-panel .trading-cont .text-box .dt {
    color: #222;
    font-size: 20px;
    font-weight: 600;
    line-height: 34px;
}

.trading-section .info-panel .global-cont .text-box dd,
.trading-section .info-panel .global-cont .text-box .dd,
.trading-section .info-panel .trading-cont .text-box dd,
.trading-section .info-panel .trading-cont .text-box .dd {
    color: #555;
    font-size: 18px;
    line-height: 30px;
    display: flex;
    position: relative;
    padding-left: 16px;
}

.trading-section .info-panel .global-cont .text-box dd::before,
.trading-section .info-panel .global-cont .text-box .dd::before,
.trading-section .info-panel .trading-cont .text-box dd::before,
.trading-section .info-panel .trading-cont .text-box .dd::before {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #555;
}

.trading-section .info-panel .global-cont .text-box dd>span:first-child,
.trading-section .info-panel .global-cont .text-box .dd>span:first-child,
.trading-section .info-panel .trading-cont .text-box dd>span:first-child,
.trading-section .info-panel .trading-cont .text-box .dd>span:first-child {
    flex: 0 0 auto;
}

.trading-section .info-panel .global-cont .text-box dd>span+span,
.trading-section .info-panel .global-cont .text-box .dd>span+span,
.trading-section .info-panel .trading-cont .text-box dd>span+span,
.trading-section .info-panel .trading-cont .text-box .dd>span+span {
    margin-left: 4px;
}

.trading-section .info-panel .global-cont .text-box dd.fs-mid,
.trading-section .info-panel .global-cont .text-box .dd.fs-mid,
.trading-section .info-panel .trading-cont .text-box dd.fs-mid,
.trading-section .info-panel .trading-cont .text-box .dd.fs-mid {
    font-size: 16px;
    line-height: 28px;
}

.trading-section .info-panel .global-area {
    position: relative;
    margin-top: 20px;
    padding-bottom: 50px;
    background-color: #fff;
    z-index: 1;
}

.trading-section .info-panel .global-area::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 11.5%;
    right: 11.5%;
    height: 1px;
    background-color: #999;
}

.trading-section .info-panel .global-area .rowflex.flexwrap {
    margin: 0 -1.27%;
}

.trading-section .info-panel .global-area .rowflex.flexwrap>div {
    padding: 0px 1.27%;
}

.trading-section .info-panel .global-area .global-cont {
    height: 100%;
    padding: 20px 7.35% 34px;
}

.trading-section .info-panel .global-area .global-cont::before {
    content: "";
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    width: 10px;
    height: 10px;
    background-color: #b3cf0a;
    border-radius: 5px;
}

.trading-section .info-panel .global-area .global-cont::after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%);
    width: 1px;
    height: 50px;
    background-color: #999;
}

.trading-section .info-panel .global-area .global-cont .text-box dt {
    border-bottom: 1px dashed #dedede;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 28px;
}

.trading-section .info-panel .global-area .global-cont .text-box dd+dd {
    margin-top: 10px;
}

.trading-section .info-panel .global_network-area {
    position: relative;
    margin-top: 20px;
    padding-bottom: 0px;
    background-color: #fff;
    z-index: 1;
}

.trading-section .info-panel .global_network-area .global_network_layout {
    /*padding: 0 70px;*/
    padding: 0 5.922%;
}

.trading-section .info-panel .global_network-area .global_network_layout>div+div {
    margin-top: 30px;
}

.trading-section .info-panel .global_network-area .global_network_layout>div:last-child .global-cont::after {
    display: none;
}

@media all and (max-width: 1023px) {
    .trading-section .info-panel .global_network-area .global_network_layout>div:last-child .global-cont::after {
        display: block;
    }
}

.trading-section .info-panel .global_network-area .text_layout {
    display: flex;
    align-items: center;
}

.trading-section .info-panel .global_network-area .text_layout>.col-auto {
    width: 37%;
    padding-right: 40px;
}

.trading-section .info-panel .global_network-area .text_layout>.col .col-inner {
    position: relative;
    padding-left: 40px;
    border-left: 1px dashed #dedede;
}

.trading-section .info-panel .global_network-area .global-cont {
    height: 100%;
    padding: 30px 40px;
}

.trading-section .info-panel .global_network-area .global-cont::before {
    content: "";
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: calc(50% - 0.5px);
    transform: translate(-50%, 50%);
    width: 10px;
    height: 10px;
    background-color: #b3cf0a;
    border-radius: 5px;
}

.trading-section .info-panel .global_network-area .global-cont::after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: calc(50% - 0.5px);
    transform: translate(-50%, 100%);
    width: 1px;
    height: 32px;
    background-color: #999;
}

.trading-section .info-panel .global_network-area .global-cont .text-box dt {
    border-bottom: 1px dashed #dedede;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 28px;
}

.trading-section .info-panel .global_network-area .global-cont .text-box dd+dd {
    margin-top: 10px;
}

.trading-section .info-panel .trading-area {
    position: relative;
    padding-top: 75px;
}

.trading-section .info-panel .trading-area .img-title {
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
    width: 25%;
    border-radius: 50%;
    box-shadow: 7px 7px 30px 0px rgba(0, 15, 21, 0.1);
}

.trading-section .info-panel .trading-area .img-title img {
    width: 100%;
}

.trading-section .info-panel .trading-area .img-title::after {
    content: "";
    position: absolute;
    left: 50%;
    top: -20px;
    width: 25px;
    height: 300px;
    transform: translate(-50%, -100%);
    background: url("../images/company/trd_trading_top-bg.png") no-repeat 50% 0;
    background-size: 100% auto;
}

.trading-section .info-panel .trading-area .trading-cont {
    display: flex;
    width: 51.4382%;
    /*width:60%;*/
    max-width: 304px;
    padding: 20px 3.4% 24px;
}

.trading-section .info-panel .trading-area .trading-cont .img-box {
    /*display:flex !important;*/
    align-items: center;
    margin-right: 7.57%;
    max-width: 72px;
    width: 27.5%;
    flex: 0 0 auto;
}

.trading-section .info-panel .trading-area .trading-cont .img-box img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.trading-section .info-panel .trading-area .trading-cont.size-lg {
    flex-direction: column;
    height: 100%;
}

.trading-section .info-panel .trading-area .trading-cont.size-lg .img-box {
    margin-right: 0;
    padding: 10px 0 24px;
    text-align: center;
    width: 100%;
    max-width: 100%;
}

.trading-section .info-panel .trading-area .trading-cont.size-lg .img-box img {
    /*width:120px;*/
    width: 46%;
    top: 0;
    transform: translate(0);
}

.trading-section .info-panel .trading-area .trading-cont.size-lg .text-box dt {
    border-bottom: 1px dashed #dedede;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 28px;
}

.trading-section .info-panel .trading-area .trading-cont.size-lg .text-box dt span {
    display: inline-block;
    text-align: left;
}

.trading-section .info-panel .trading-area .trading-cont+.trading-cont {
    margin-top: 30px;
}

.trading-section .info-panel .trading-area .rowflex.flexwrap>div:nth-child(1) {
    position: relative;
}

.trading-section .info-panel .trading-area .rowflex.flexwrap>div:nth-child(1)::before {
    content: "";
    position: absolute;
    left: 54%;
    top: 0;
    width: 18%;
    height: 100%;
    background: url("../images/company/trd_trading_lft-bg.png") no-repeat 50% 50%;
    background-size: 100% auto;
}

.trading-section .info-panel .trading-area .rowflex.flexwrap>div:nth-child(2) {
    position: relative;
    display: flex;
    justify-content: right;
    align-items: center;
}

.trading-section .info-panel .trading-area .rowflex.flexwrap>div:nth-child(2)::before {
    content: "";
    position: absolute;
    right: 54%;
    top: 0;
    width: 18%;
    height: 100%;
    background: url("../images/company/trd_trading_rgt-bg.png") no-repeat 50% 50%;
    background-size: 100% auto;
}

@media all and (max-width: 1023px) {
    .trading-section .info-panel {
        padding-bottom: 40px;
    }
    .trading-section .info-panel .info-wrap {
        margin-top: 30px;
    }
    .trading-section .info-panel .info-wrap .w-head .title {
        font-size: 19px;
        line-height: 27px;
    }
    .trading-section .info-panel .info-wrap .w-body .desc {
        margin-top: 10px;
        font-size: 13px;
        line-height: 21px;
    }
    .trading-section .info-panel .global-cont .text-box dt,
    .trading-section .info-panel .global-cont .text-box .dt,
    .trading-section .info-panel .trading-cont .text-box dt,
    .trading-section .info-panel .trading-cont .text-box .dt {
        font-size: 14px;
        line-height: 23px;
        text-align: left;
    }
    .trading-section .info-panel .global-cont .text-box dd,
    .trading-section .info-panel .global-cont .text-box .dd,
    .trading-section .info-panel .trading-cont .text-box dd,
    .trading-section .info-panel .trading-cont .text-box .dd {
        font-size: 13px;
        line-height: 21px;
        padding-left: 10px;
    }
    .trading-section .info-panel .global-cont .text-box dd::before,
    .trading-section .info-panel .global-cont .text-box .dd::before,
    .trading-section .info-panel .trading-cont .text-box dd::before,
    .trading-section .info-panel .trading-cont .text-box .dd::before {
        content: "";
        display: block;
        position: absolute;
        top: 8px;
        left: 0;
        width: 3px;
        height: 3px;
        background-color: #555;
    }
    .trading-section .info-panel .global-cont .text-box dd.fs-mid,
    .trading-section .info-panel .global-cont .text-box .dd.fs-mid,
    .trading-section .info-panel .trading-cont .text-box dd.fs-mid,
    .trading-section .info-panel .trading-cont .text-box .dd.fs-mid {
        font-size: 13px;
        line-height: 21px;
    }
    .trading-section .info-panel .global-area {
        padding-bottom: 32px;
    }
    .trading-section .info-panel .global-area::before {
        display: none;
    }
    .trading-section .info-panel .global-area .rowflex.flexwrap {
        margin: 0;
    }
    .trading-section .info-panel .global-area .rowflex.flexwrap>div {
        padding: 0px;
    }
    .trading-section .info-panel .global-area .rowflex.flexwrap>div+div {
        margin-top: 20px;
    }
    .trading-section .info-panel .global-area .global-cont {
        padding: 20px;
        z-index: 2;
    }
    .trading-section .info-panel .global-area .global-cont::after {
        height: 41px;
    }
    .trading-section .info-panel .global-area .global-cont .text-box dt {
        padding-bottom: 10px;
        margin-bottom: 11px;
    }
    .trading-section .info-panel .global-area .global-cont .text-box dd+dd {
        margin-top: 8px;
    }
    .trading-section .info-panel .global_network-area {
        padding-bottom: 32px;
    }
    .trading-section .info-panel .global_network-area::before {
        display: none;
    }
    .trading-section .info-panel .global_network-area .global_network_layout {
        margin: 0;
        padding: 0;
    }
    .trading-section .info-panel .global_network-area .global_network_layout>div {
        padding: 0px;
    }
    .trading-section .info-panel .global_network-area .global_network_layout>div+div {
        margin-top: 20px;
    }
    .trading-section .info-panel .global_network-area .text_layout {
        display: flex;
        align-items: center;
    }
    .trading-section .info-panel .global_network-area .text_layout>.col-auto {
        width: 100%;
        padding-right: 0px;
    }
    .trading-section .info-panel .global_network-area .text_layout>.col .col-inner {
        position: relative;
        padding-left: 0px;
        margin-top: 10px;
        padding-top: 10px;
        border-left: 0;
        border-top: 1px dashed #dedede;
    }
    .trading-section .info-panel .global_network-area .global-cont {
        padding: 20px;
        z-index: 2;
    }
    .trading-section .info-panel .global_network-area .global-cont::after {
        height: 41px;
    }
    .trading-section .info-panel .global_network-area .global-cont .dt {
        padding-right: 10px;
    }
    .trading-section .info-panel .global_network-area .global-cont .dt span {
        display: inline-block;
    }
    .trading-section .info-panel .global_network-area .global-cont .text-box dt {
        padding-bottom: 10px;
        margin-bottom: 11px;
    }
    .trading-section .info-panel .global_network-area .global-cont .text-box dd+dd {
        margin-top: 8px;
    }
    .trading-section .info-panel .trading-area {
        padding-top: 20px;
    }
    .trading-section .info-panel .trading-area .rowflex.flexwrap {
        margin: 0 -5px;
        padding-top: 45px;
    }
    .trading-section .info-panel .trading-area .rowflex.flexwrap>div {
        padding: 0px 5px;
    }
    .trading-section .info-panel .trading-area .rowflex.flexwrap>div:nth-child(1),
    .trading-section .info-panel .trading-area .rowflex.flexwrap>div:nth-child(2) {
        position: relative;
    }
    .trading-section .info-panel .trading-area .rowflex.flexwrap>div:nth-child(1)::before,
    .trading-section .info-panel .trading-area .rowflex.flexwrap>div:nth-child(2)::before {
        content: "";
        position: absolute;
        left: 50%;
        top: -45px;
        transform: translateX(-50%);
        width: 15px;
        height: 30px;
        background: url("../images/company/trd_trading_arrow-bg-mb.png") no-repeat 50% 0%;
        background-size: 100% auto;
    }
    .trading-section .info-panel .trading-area .img-title {
        position: relative;
        width: 70%;
        max-width: 265px;
        top: 0;
        transform: translate(-50%, 0%);
    }
    .trading-section .info-panel .trading-area .img-title::after {
        content: "";
        position: absolute;
        left: 50%;
        top: -10px;
        width: 13px;
        height: 7px;
        transform: translate(-50%, -100%);
        background: url("../images/company/trd_trading_top-bg-mb.png") no-repeat 50% 0;
        background-size: 100% auto;
    }
    .trading-section .info-panel .trading-area .trading-cont {
        width: 100%;
        max-width: 100%;
        padding: 15px 20px;
    }
    .trading-section .info-panel .trading-area .trading-cont::before {
        display: none;
    }
    .trading-section .info-panel .trading-area .trading-cont::after {
        display: none;
    }
    .trading-section .info-panel .trading-area .trading-cont.size-lg .img-box img {
        width: 76px;
    }
    .trading-section .info-panel .trading-area .trading-cont.size-lg .text-box dt {
        text-align: left;
        padding-bottom: 12px;
        margin-bottom: 10px;
        justify-content: center;
    }
    .trading-section .info-panel .trading-area .trading-cont+.trading-cont {
        margin-top: 8px;
    }
    .trading-section .info-panel .trading-area .trading-cont .text-box {
        width: 100%;
    }
    .trading-section .info-panel .trading-area .trading-cont .text-box dt {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }
    .trading-section .info-panel .trading-area .trading-cont .text-box dt img {
        width: 34px;
        margin-right: 9px;
    }
}

.trading-section .table-panel .p-head .title-area .s-title {
    color: #555;
}

.trading-section .table-panel .list_table {
    margin-top: 22px;
}

/*10월 16일*/

.onlytop2 {
    margin-top: -280px;
}

@media all and (max-width: 1023px) {
    .onlytop2 {
        margin-top: -100px;
    }
}

.accordion {
    border-top: 2px solid #51555e;
    /* border-bottom: 1px solid #51555e; */
    padding: 0px 0 20px 0;
    font-size: 18px;
    width: 100%;
    margin: 0 auto;
}

.accordion__section {
    background: #fcfcfc;
    /* border-radius: 5px; */
    border-bottom: 1px solid #e0e1e2;
}

.accordion__section:last-of-type {
    margin-bottom: 0
}

.accordion__titlebox {
    /* display: -ms-flexbox;
	display: flex;
	display: -moz-box;
	display: -webkit-flex;
	-webkit-align-items:center;
	-webkit-justify-content:center;
	-webkit-box-pack:center;
	-webkit-box-align:center;
	-ms-box-pack:center;
	-ms-box-align:center;
	justify-content:center;
	padding: 9px 14px 10px;
	line-height: 20px;
	border-radius: 5px;
	cursor: pointer;
	will-change: transform;
	transition: .3s */
    background: #ffffff;
    display: -ms-flexbox;
    padding: 22px 14px 22px 0px;
    line-height: 20px;
    /* 	border-radius: 5px; */
    cursor: pointer;
    will-change: transform;
    transition: .3s display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.accordion__titlebox:hover {
    background: #f0f0f0;
    color: #000000 !important;
}

.accordion__icon {
    position: relative;
    float: right;
    margin: 0px 15px 0px 15px;
    min-width: 18px;
    height: 18px;
}

.accordion__icon span {
    font-size: 18px;
    font-weight: bold;
}

.accordion__icon .minus,
.accordion__icon .plus {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    will-change: transform;
    transition: .3s
}

.accordion__icon .plus {
    opacity: 1;
    visibility: visible
}

.accordion__icon .minus {
    opacity: 0;
    visibility: hidden
}

.accordion__title {
    text-indent: -37px;
    padding-left: 37px;
    margin-left: 18px;
    font-size: 18px;
    font-weight: 500;
}

.accordion__content {
    padding: 40px 50px 40px 50px;
    display: none;
}

.accordion__content p {
    text-indent: -40px;
    padding-left: 40px;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 20px;
    height: 30px;
}

.accordion__content .tablebox {
    display: block;
    padding-left: 0px;
    margin-bottom: 20px;
}

.accordion__content .tablebox a.btnbox2 {
    display: block;
    margin: 10px 0 10px 0px;
    font-weight: 600;
    color: #16873e;
}

.accordion__content .tablebox a.btnbox {
    color: #16873e;
}

.accordion__content .tablebox .col-ep4 {
    width: 30%;
}

@media all and (max-width: 1023px) {
    .accordion__content .tablebox {
        display: block;
        padding-left: 0px;
        margin-bottom: 20px;
        font-size: 14px;
    }
    .accordion__content .tablebox .col-ep4 {
        width: 100%;
    }
}

.accordion__content table {
    margin: 30px 0 30px 0;
}

.accordion__content p:last-of-type {
    margin-bottom: 0
}

.accordion__titlebox_active {
    background: #51555d !important;
}

.accordion__titlebox_active .plus {
    opacity: 0;
    color: #ffffff;
    visibility: hidden
}

.accordion__titlebox_active .minus {
    opacity: 1;
    color: #ffffff;
    visibility: visible
}

.accordion__titlebox_active .accordion__title {
    color: #ffffff;
}

.accordion__titlebox_active .accordion__title .c-red4 {
    color: #ffffff;
    border: 2px solid #ffffff;
    background: transparent;
}

.accordion__titlebox_active .accordion__title .c-red5 {
    background: url(../images/ir/q_o.png) center 0px no-repeat;
}

.accordion .c-red4 {
    display: inline-block;
    border: 1px solid #e8252d;
    color: #e8252d;
    background: #ffffff;
    line-height: 15px;
    width: 60px;
    font-size: 0.7em;
    text-align: center;
    margin-right: 10px;
}

.accordion .c-red5 {
    margin-top: 0px;
    margin-bottom: -2px;
    display: inline-block;
    background: url(../images/ir/q.png) center 0px no-repeat;
    margin-right: 5px;
    width: 28px;
    height: 22px;
}

.accordion .c-red6 {
    margin-top: -5px;
    margin-bottom: -2px;
    display: inline-block;
    background: url(../images/ir/a.png) center 0px no-repeat;
    margin-right: 10px;
    width: 28px;
    height: 22px;
}

.accordion .sub2 {
    padding-left: 10px;
}

.accordion .tbx {
    height: 340px;
    overflow-y: auto;
    padding: 0 30px 0 0;
    text-align: left !important;
}

.accordion .tbx dl.typ1 {
    display: table;
    width: 100%;
    margin: 30px 0 0 0;
}

.accordion .tbx dl.typ1 dt {
    display: table-cell;
    width: 88px;
    font-size: 16px;
    font-weight: 600;
    vertical-align: top;
}

.accordion .tbx dl.typ2 dt {
    display: block;
    margin: 30px 0 10px;
    font-size: 20px;
    font-weight: 600;
}

.accordion .tbx dl.typ2 dd span {
    font-size: 16px;
    font-weight: 600;
}

@media all and (max-width: 1023px) {
    .accordion__title {
        text-indent: -37px;
        padding-left: 37px;
        margin-left: 18px;
        font-size: 13px;
        font-weight: 500;
    }
    .accordion__content {
        padding: 40px 30px 40px 30px;
        display: none;
    }
    .accordion__content p {
        text-indent: -40px;
        padding-left: 40px;
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 20px
    }
}

/* ================= IR > Governance ================= */

.governance-section {
    padding: 120px 0;
}

@media all and (max-width: 1023px) {
    .governance-section {
        padding: 60px 0;
    }
}

.governance-section .section-wrap+.section-wrap {
    margin-top: 100px;
}

.governance-section .section-wrap .s-head {
    margin-bottom: 40px;
}

.governance-section .section-wrap .s-head .title span {
    font-size: 36px;
    line-height: 1;
    color: #222;
    font-weight: 700;
}

.governance-section .section-wrap .s-head .desc p {
    font-size: 18px;
    line-height: 30px;
    color: #555;
    font-weight: 500;
}

.governance-section .section-wrap .s-head .title+.desc {
    margin-top: 36px;
}

.governance-section .section-wrap .s-head .title-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.governance-section .section-wrap .s-head .title-box .btn_lg {
    padding-left: 24px;
    padding-right: 24px;
}

.governance-section .section-wrap .s-head .sub-title {
    margin-top: -8px;
    font-size: 24px;
    line-height: 1.6;
    color: #222;
    font-weight: 600;
}

.governance-section .section-wrap .btn_w {
    width: 288px;
}

@media all and (max-width: 1023px) {
    .governance-section .section-wrap+.section-wrap {
        margin-top: 60px;
    }
    .governance-section .section-wrap .s-head {
        margin-bottom: 28px;
    }
    .governance-section .section-wrap .s-head .title span {
        font-size: 21px;
        line-height: 1.4;
    }
    .governance-section .section-wrap .s-head .desc p {
        font-size: 13px;
        line-height: 21px;
    }
    .governance-section .section-wrap .s-head .title+.desc {
        margin-top: 24px;
    }
    .governance-section .section-wrap .s-head .sub-title {
        margin-top: -5px;
        font-size: 17px;
        line-height: 27px;
    }
    .governance-section .section-wrap .btn_w {
        width: 100%;
    }
}

.governance-section [class^=gov-g_] .gov_card-item,
.governance-section [class^=gov-g_] .gov_icon_card-item {
    border: 1px solid #dedede;
    /*padding: 61px 48px;*/
    padding: 61px 5.5%;
}

.governance-section [class^=gov-g_] .gov_card-item .text-box .title span,
.governance-section [class^=gov-g_] .gov_icon_card-item .text-box .title span {
    font-size: 24px;
    line-height: 36px;
    color: #16873e;
    font-weight: 700;
}

.governance-section [class^=gov-g_] .gov_card-item .text-box .desc,
.governance-section [class^=gov-g_] .gov_icon_card-item .text-box .desc {
    margin-top: 15px;
}

.governance-section [class^=gov-g_] .gov_card-item .text-box .desc p,
.governance-section [class^=gov-g_] .gov_icon_card-item .text-box .desc p {
    font-size: 18px;
    line-height: 30px;
    color: #555;
    font-weight: 500;
}

@media all and (max-width: 1023px) {
    .governance-section [class^=gov-g_] .gov_card-item .text-box,
    .governance-section [class^=gov-g_] .gov_icon_card-item .text-box {
        padding: 0;
    }
    .governance-section [class^=gov-g_] .gov_card-item .text-box .title span,
    .governance-section [class^=gov-g_] .gov_icon_card-item .text-box .title span {
        font-size: 17px;
        line-height: 27px;
    }
    .governance-section [class^=gov-g_] .gov_card-item .text-box .desc,
    .governance-section [class^=gov-g_] .gov_icon_card-item .text-box .desc {
        margin-top: 11px;
    }
    .governance-section [class^=gov-g_] .gov_card-item .text-box .desc p,
    .governance-section [class^=gov-g_] .gov_icon_card-item .text-box .desc p {
        font-size: 13px;
        line-height: 21px;
    }
}

.governance-section [class^=gov-g_] .gov_icon_card-item {
    display: flex;
    align-items: center;
}

.governance-section [class^=gov-g_] .gov_icon_card-item+.gov_icon_card-item {
    margin-top: 30px;
}

.governance-section [class^=gov-g_] .gov_icon_card-item .icon {
    /*flex:0 0 210px; padding: 0 19px;*/
    flex: 0 0 172px;
}

.governance-section [class^=gov-g_] .gov_icon_card-item .icon img {
    width: 100%;
}

.governance-section [class^=gov-g_] .gov_icon_card-item .text-box {
    flex: 1 1 auto;
}

.governance-section [class^=gov-g_] .gov_icon_card-item .icon+.text-box {
    margin-left: 3.9%;
}

@media all and (max-width: 1023px) {
    .governance-section [class^=gov-g_] .gov_icon_card-item {
        display: flex;
        align-items: center;
        text-align: center;
        flex-direction: column;
        padding: 30px 24px;
    }
    .governance-section [class^=gov-g_] .gov_icon_card-item+.gov_icon_card-item {
        margin-top: 30px;
    }
    .governance-section [class^=gov-g_] .gov_icon_card-item .icon {
        flex: 0 0 100%;
        padding: 0;
    }
    .governance-section [class^=gov-g_] .gov_icon_card-item .icon img {
        width: 86px;
    }
    .governance-section [class^=gov-g_] .gov_icon_card-item .text-box {
        flex: 0 0 100%;
        margin-top: 15px;
    }
}

.governance-section [class^=gov-g_] .gov_icon_card-item.vertical {
    flex-direction: column;
    height: 100%;
    padding: 40px 12.34% 60px;
}

.governance-section [class^=gov-g_] .gov_icon_card-item.vertical.right-vertival {
    padding: 40px 13.34% 60px;
}

.governance-section [class^=gov-g_] .gov_icon_card-item.vertical .icon {
    flex: 0 0 auto;
    padding: 0;
}

.governance-section [class^=gov-g_] .gov_icon_card-item.vertical .title {
    text-align: center;
}

.governance-section [class^=gov-g_] .gov_icon_card-item.vertical .desc {
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
}

.governance-section [class^=gov-g_] .gov_icon_card-item.vertical .icon+.text-box {
    margin-top: 30px;
    margin-left: 0;
}

@media all and (max-width: 1023px) {
    .governance-section [class^=gov-g_] .gov_icon_card-item.vertical {
        padding: 30px 24px;
    }
    .governance-section [class^=gov-g_] .gov_icon_card-item.vertical .icon+.text-box {
        margin-top: 15px;
    }
}

.governance-section [class^=gov-g_] .gov_card-item+.gov_card-item {
    margin-left: 30px;
}

@media all and (max-width: 1023px) {
    .governance-section [class^=gov-g_] .gov_card-item {
        padding: 30px 20px;
    }
    .governance-section [class^=gov-g_] .gov_card-item+.gov_card-item {
        margin-top: 20px;
        margin-left: 0;
    }
    .governance-section [class^=gov-g_] .gov_card-item .text-box {
        padding: 0;
    }
}

.governance-section .gov_download-area {
    margin-top: -6px;
}

.governance-section .gov_download-area ul {
    margin: -5px -5px 0;
}

.governance-section .gov_download-area ul li {
    padding: 0 5px;
    margin: 5px 0;
}

@media all and (max-width: 1279px) {
    .governance-section .gov_download-area .rowflex.flexwrap>li {
        width: 33.333%;
    }
}

@media all and (max-width: 1023px) {
    .governance-section .gov_download-area {
        margin-top: -2px;
    }
    .governance-section .gov_download-area ul {
        margin: 0;
    }
    .governance-section .gov_download-area ul li {
        padding: 0;
    }
    .governance-section .gov_download-area ul li+li {
        margin-top: 6px;
    }
    .governance-section .gov_download-area .rowflex.flexwrap>li {
        width: 100%;
    }
}

.governance-section .gov-g_3-panel .rowflex.padding-x {
    width: 102.52%;
    margin-left: -1.26%;
}

.governance-section .gov-g_3-panel .rowflex.padding-x>div {
    padding: 0 1.26%;
}

@media all and (max-width: 1023px) {
    .governance-section .gov-g_3-panel .gov_card-area {
        flex-direction: column;
    }
    .governance-section .gov-g_3-panel .rowflex.padding-x {
        width: 100%;
        margin-left: 0;
    }
    .governance-section .gov-g_3-panel .rowflex.padding-x>div {
        padding: 0;
    }
    .governance-section .gov-g_3-panel .rowflex.padding-x>div+div {
        margin-top: 30px;
    }
}

.governance-section .gov_esg-link {
    background: url(/resources/images/ir/gov_esg_link.png) no-repeat;
    background-size: cover;
    height: 200px;
}

.governance-section .gov_esg-link a {
    display: block;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.governance-section .gov_esg-link a span {
    margin-left: 50px;
    line-height: 36px;
    color: #fff;
}

.governance-section .gov_esg-link a span b {
    font-size: 24px;
    display: block;
}

.governance-section .gov_esg-link a span em {
    font-size: 18px;
}

.governance-section .gov_esg-link a span em .icon-gov_link {
    margin-left: 10px;
}

.governance-section .gov_esg-link a span em+i {
    display: none;
}

.governance-section .gov_esg-link.type-sm {
    height: 140px;
}

.governance-section .gov_esg-link.type-sm a {
    height: 140px;
}

.governance-section .gov_esg-link.type-sm a span {
    margin-left: 30px;
}

.governance-section .gov_esg-link.type-sm a span b {
    font-size: 20px;
    display: inline-block;
}

.governance-section .gov_esg-link.type-sm a span em {
    display: none;
}

.governance-section .gov_esg-link.type-sm a span i {
    display: inline-block;
    vertical-align: -1px;
    margin-left: 10px;
}

@media all and (max-width: 1023px) {
    .governance-section .gov_esg-link {
        margin-top: -15px;
        background: url(/resources/images/ir/gov_esg_link-mb.png) no-repeat;
        background-size: cover;
        height: 100px;
    }
    .governance-section .gov_esg-link a {
        height: 100px;
    }
    .governance-section .gov_esg-link a span {
        margin-left: 21px;
        line-height: 20px;
        color: #fff;
    }
    .governance-section .gov_esg-link a span b {
        font-size: 15px;
        display: inline-block;
    }
    .governance-section .gov_esg-link a span em {
        display: none;
    }
    .governance-section .gov_esg-link a span em+i {
        display: inline-block;
        margin-left: 8px;
        vertical-align: -2px;
    }
    .governance-section .gov_esg-link.type-sm {
        height: 100px;
    }
    .governance-section .gov_esg-link.type-sm a {
        height: 100px;
    }
    .governance-section .gov_esg-link.type-sm a span {
        margin-left: 21px;
    }
    .governance-section .gov_esg-link.type-sm a span b {
        font-size: 15px;
        display: inline-block;
    }
    .governance-section .gov_esg-link.type-sm a span em {
        display: none;
    }
    .governance-section .gov_esg-link.type-sm a span i {
        display: inline-block;
        margin-left: 8px;
        vertical-align: -2px;
    }
}

.governance-section [class^=gov-cmte_]+.table-panel,
.governance-section [class^=gov-drt_]+.table-panel,
.governance-section .table-panel+.table-panel {
    margin-top: 80px;
}

.governance-section [class^=gov-cmte_] .p-header,
.governance-section [class^=gov-drt_] .p-header,
.governance-section .table-panel .p-header {
    padding-bottom: 30px;
    display: flex;
    /*align-items: center;*/
    align-items: flex-end;
    justify-content: space-between;
}

.governance-section [class^=gov-cmte_] .p-header .title span,
.governance-section [class^=gov-drt_] .p-header .title span,
.governance-section .table-panel .p-header .title span {
    font-size: 28px;
    line-height: 1;
    color: #222;
    font-weight: 700;
}

.governance-section [class^=gov-cmte_] .p-header .title em.txt-sm,
.governance-section [class^=gov-drt_] .p-header .title em.txt-sm,
.governance-section .table-panel .p-header .title em.txt-sm {
    font-size: 20px;
    font-weight: 500;
}

.governance-section [class^=gov-cmte_] .p-header .ctrl,
.governance-section [class^=gov-drt_] .p-header .ctrl,
.governance-section .table-panel .p-header .ctrl {
    display: flex;
}

.governance-section [class^=gov-cmte_] .p-header .select-box,
.governance-section [class^=gov-drt_] .p-header .select-box,
.governance-section .table-panel .p-header .select-box {
    width: 114px;
    height: 42px;
}

.governance-section [class^=gov-cmte_] .p-header .select-box+.btn,
.governance-section [class^=gov-drt_] .p-header .select-box+.btn,
.governance-section .table-panel .p-header .select-box+.btn {
    margin-left: 10px;
}

.governance-section [class^=gov-cmte_].gov-drt_1-panel .p-header,
.governance-section [class^=gov-drt_].gov-drt_1-panel .p-header,
.governance-section .table-panel.gov-drt_1-panel .p-header {
    padding-bottom: 20px;
}

.governance-section [class^=gov-cmte_] .p-foot,
.governance-section [class^=gov-drt_] .p-foot,
.governance-section .table-panel .p-foot {
    margin-top: 20px;
    font-size: 18px;
    line-height: 38px;
    color: #555;
    font-weight: 500;
}

@media all and (max-width: 1023px) {
    .governance-section [class^=gov-cmte_]+.table-panel,
    .governance-section [class^=gov-drt_]+.table-panel,
    .governance-section .table-panel+.table-panel {
        margin-top: 50px;
    }
    .governance-section [class^=gov-cmte_].gov-cmte_3-panel .p-header .title,
    .governance-section [class^=gov-drt_].gov-cmte_3-panel .p-header .title,
    .governance-section .table-panel.gov-cmte_3-panel .p-header .title {
        padding-right: 160px;
    }
    .governance-section [class^=gov-cmte_] .p-header,
    .governance-section [class^=gov-drt_] .p-header,
    .governance-section .table-panel .p-header {
        display: block;
        padding-bottom: 25px;
        position: relative;
    }
    .governance-section [class^=gov-cmte_] .p-header .title span,
    .governance-section [class^=gov-drt_] .p-header .title span,
    .governance-section .table-panel .p-header .title span {
        display: block;
        font-size: 18px;
    }
    .governance-section [class^=gov-cmte_] .p-header .title em.txt-sm,
    .governance-section [class^=gov-drt_] .p-header .title em.txt-sm,
    .governance-section .table-panel .p-header .title em.txt-sm {
        display: block;
        font-size: 15px;
        margin-top: 15px;
    }
    .governance-section [class^=gov-cmte_] .p-header .ctrl,
    .governance-section [class^=gov-drt_] .p-header .ctrl,
    .governance-section .table-panel .p-header .ctrl {
        /*position:relative; bottom:auto; justify-content: flex-end;*/
        position: absolute;
        right: 0;
        top: -12px;
    }
    .governance-section [class^=gov-cmte_] .p-header .select-box,
    .governance-section [class^=gov-drt_] .p-header .select-box,
    .governance-section .table-panel .p-header .select-box {
        width: 75px;
        height: 32px;
    }
    .governance-section [class^=gov-cmte_] .p-header .select-box .select2-container--default .select2-selection--single,
    .governance-section [class^=gov-drt_] .p-header .select-box .select2-container--default .select2-selection--single,
    .governance-section .table-panel .p-header .select-box .select2-container--default .select2-selection--single {
        height: 32px;
    }
    .governance-section [class^=gov-cmte_] .p-header .select-box .select2-container--default .select2-selection--single .select2-selection__rendered,
    .governance-section [class^=gov-drt_] .p-header .select-box .select2-container--default .select2-selection--single .select2-selection__rendered,
    .governance-section .table-panel .p-header .select-box .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 30px;
        font-size: 13px;
        padding: 0 20px 0 12px;
    }
    .governance-section [class^=gov-cmte_] .p-header .select-box .select2-container--default .select2-selection--single .select2-selection__arrow,
    .governance-section [class^=gov-drt_] .p-header .select-box .select2-container--default .select2-selection--single .select2-selection__arrow,
    .governance-section .table-panel .p-header .select-box .select2-container--default .select2-selection--single .select2-selection__arrow {
        width: 20px;
        height: 100%;
    }
    .governance-section [class^=gov-cmte_] .p-header .select-box .select2-container--default .select2-selection--single .select2-selection__arrow b,
    .governance-section [class^=gov-drt_] .p-header .select-box .select2-container--default .select2-selection--single .select2-selection__arrow b,
    .governance-section .table-panel .p-header .select-box .select2-container--default .select2-selection--single .select2-selection__arrow b {
        right: 8px;
        margin-top: -9px;
    }
    .governance-section [class^=gov-cmte_] .p-header .select-box+.btn,
    .governance-section [class^=gov-drt_] .p-header .select-box+.btn,
    .governance-section .table-panel .p-header .select-box+.btn {
        margin-left: 4px;
        padding: 5px 16px;
    }
    .governance-section [class^=gov-cmte_] .p-header .select-box+.btn span,
    .governance-section [class^=gov-drt_] .p-header .select-box+.btn span,
    .governance-section .table-panel .p-header .select-box+.btn span {
        font-size: 13px;
    }
    .governance-section [class^=gov-cmte_] .p-foot,
    .governance-section [class^=gov-drt_] .p-foot,
    .governance-section .table-panel .p-foot {
        margin-top: 23px;
        font-size: 13px;
        line-height: 21px;
    }
}

.governance-section [class^=gov-drt_] {
    margin-top: 80px;
}

@media all and (max-width: 1023px) {
    .governance-section [class^=gov-drt_] {
        margin-top: 50px;
    }
}

@media all and (max-width: 1023px) {
    .governance-section .gov-drt_2-panel td {
        text-align: left;
    }
}

.governance-section .gov-drt_3-panel .desc {
    font-size: 18px;
    line-height: 30px;
    color: #555;
    font-weight: 500;
}

@media all and (max-width: 1023px) {
    .governance-section .gov-drt_3-panel .desc {
        font-size: 13px;
        line-height: 21px;
    }
}

.governance-section .gov_appr-area {
    border: 1px solid #dedede;
}

.governance-section .gov_appr-area .gov_appr-box {
    width: 100%;
}

.governance-section .gov_appr-area .gov_appr-box>.col-auto {
    padding: 0px 3.05% 60px;
    width: 100%;
}

.governance-section .gov_appr-area .gov_appr-box .title {
    font-size: 24px;
    line-height: 48px;
    color: #222222;
    font-weight: 700;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 45px;
}

.governance-section .gov_appr-area .gov_appr-box .appr-cont {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.governance-section .gov_appr-area .gov_appr-box .icon-item {
    display: flex;
    /* width: calc((100% - 6.14%)/3); */
}

.governance-section .gov_appr-area .gov_appr-box .icon-item:nth-child(1) {
    width: 30.8529945554%;
}

.governance-section .gov_appr-area .gov_appr-box .icon-item:nth-child(2) {
    width: 36.2976406534%;
}

.governance-section .gov_appr-area .gov_appr-box .icon-item:nth-child(3) {
    width: 32.8493647913%;
}

.governance-section .gov_appr-area .gov_appr-box .icon-item .icon {
    flex: 0 0 120px;
}

.governance-section .gov_appr-area .gov_appr-box .icon-item .icon img {
    width: 100%;
}

.governance-section .gov_appr-area .gov_appr-box .icon-item .text {
    padding-left: 8.5%;
}

.governance-section .gov_appr-area .gov_appr-box .icon-item .text p {
    font-size: 18px;
    line-height: 30px;
    color: #555;
}

.governance-section .gov_appr-area .gov_appr-box .icon-item .text p.sub-tit {
    font-size: 20px;
    font-weight: 600;
    color: #222;
    margin-bottom: 10px;
}

.governance-section .gov_appr-area .gov_appr-box .list-item {
    padding: 0 20px;
}

.governance-section .gov_appr-area .gov_appr-box .list-item ul li {
    padding: 10px 0 10px 14px;
    position: relative;
    font-size: 18px;
    line-height: 30px;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
}

.governance-section .gov_appr-area .gov_appr-box .list-item ul li::before {
    content: "";
    background: #777;
    width: 3px;
    height: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    top: 23px;
    left: 0;
}

@media all and (max-width: 1279px) {
    .governance-section .gov_appr-area .gov_appr-box .icon-item {
        width: 31.6666666667%;
    }
    .governance-section .gov_appr-area .gov_appr-box .icon-item .icon {
        flex: 0 0 88px;
    }
    .governance-section .gov_appr-area .gov_appr-box .icon-item .text {
        padding-left: 6%;
    }
    .governance-section .gov_appr-area .gov_appr-box .icon-item .text p.sub-tit {
        margin-bottom: 6px;
    }
    .governance-section .gov_appr-area .gov_appr-box .icon-item .text p {
        line-height: 28px;
        letter-spacing: -1px;
    }
}

@media all and (max-width: 1023px) {
    .governance-section .gov_appr-area .gov_appr-box {
        width: 100%;
    }
    .governance-section .gov_appr-area .gov_appr-box>.col-mb-ep1 {
        width: 100% !important;
        padding: 35px 30px 30px;
    }
    .governance-section .gov_appr-area .gov_appr-box .appr-cont {
        justify-content: start;
        flex-direction: column;
    }
    .governance-section .gov_appr-area .gov_appr-box .title {
        font-size: 17px;
        line-height: 27px;
        margin-bottom: 30px;
        margin-top: 0px;
        padding: 0;
    }
    .governance-section .gov_appr-area .gov_appr-box .icon-item {
        width: 100%;
        flex-direction: row;
    }
    .governance-section .gov_appr-area .gov_appr-box .icon-item:nth-child(1) {
        width: 100%;
    }
    .governance-section .gov_appr-area .gov_appr-box .icon-item:nth-child(2) {
        width: 100%;
    }
    .governance-section .gov_appr-area .gov_appr-box .icon-item:nth-child(3) {
        width: 100%;
    }
    .governance-section .gov_appr-area .gov_appr-box .icon-item .icon {
        flex: 0 0 auto;
        width: 60px;
        margin: 0;
    }
    .governance-section .gov_appr-area .gov_appr-box .icon-item .icon img {
        width: 100%;
    }
    .governance-section .gov_appr-area .gov_appr-box .icon-item .text {
        padding-left: 30px;
        margin-top: 0;
        width: calc(100% - 60px);
    }
    .governance-section .gov_appr-area .gov_appr-box .icon-item .text p {
        font-size: 13px;
        line-height: 21px;
        letter-spacing: -0.4px;
        white-space: normal;
        word-wrap: break-word;
        word-break: keep-all;
    }
    .governance-section .gov_appr-area .gov_appr-box .icon-item .text p.sub-tit {
        font-size: 14px;
        margin-bottom: 4px;
    }
    .governance-section .gov_appr-area .gov_appr-box .icon-item+.icon-item {
        margin-top: 40px;
    }
    .governance-section .gov_appr-area .gov_appr-box .list-item {
        padding: 0 20px;
        width: 100%;
    }
    .governance-section .gov_appr-area .gov_appr-box .list-item ul {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .governance-section .gov_appr-area .gov_appr-box .list-item ul li {
        padding: 3.5px 0 3.5px 8px;
        font-size: 13px;
        line-height: 21px;
    }
    .governance-section .gov_appr-area .gov_appr-box .list-item ul li::before {
        top: 12.5px;
    }
}

.governance-section .gov_appr-area .gov_appr_graph-box {
    display: flex;
    padding: 60px 0px;
    width: 100%;
    border-top: 1px dashed #dedede;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    flex: 0 1 27.2881355932%;
    min-width: 280px;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column.graph {
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 3;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column.graph span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    line-height: 36px;
    color: #222;
    font-weight: 700;
    text-align: center;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column.graph img {
    width: 70%;
    max-width: 362px;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column .item {
    height: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 14px 6.4308681672% 14px;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column .item .per {
    position: relative;
    font-size: 28px;
    line-height: 38px;
    font-weight: 700;
    color: #16873e;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column .item .per::after {
    content: "";
    position: absolute;
    bottom: -13px;
    right: -148px;
    width: 120px;
    background: #16873e;
    height: 1px;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column .item .per::before {
    content: "";
    position: absolute;
    bottom: -16px;
    right: -28px;
    width: 7px;
    height: 7px;
    background: #16873e;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column .item .sub-tit {
    margin-top: 16px;
    font-size: 20px;
    line-height: 30px;
    color: #222;
    font-weight: 600;
    white-space: nowrap;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column .item p {
    margin-top: 7px;
    font-size: 18px;
    line-height: 30px;
    color: #555;
    font-weight: 500;
    white-space: nowrap;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(1) {
    order: 2;
    flex: 0 1 45.4237288136%;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(2) {
    order: 1;
    text-align: right;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(2) .item {
    margin-top: -30px;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(2) .item .per::before,
.governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(2) .item .per::after {
    margin-bottom: -20px;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(3) {
    order: 3;
    text-align: left;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(3) .item:nth-child(1) .per {
    color: #55a30f;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(3) .item:nth-child(1) .per::after,
.governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(3) .item:nth-child(1) .per::before {
    background-color: #b3cf0a;
    right: auto;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(3) .item:nth-child(1) .per::after {
    left: -145px;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(3) .item:nth-child(1) .per::before {
    left: -28px;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(3) .item:nth-child(2) .per {
    color: #009089;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(3) .item:nth-child(2) .per::after,
.governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(3) .item:nth-child(2) .per::before {
    background-color: #8cc63f;
    right: auto;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(3) .item:nth-child(2) .per::after {
    left: -145px;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(3) .item:nth-child(2) .per::before {
    left: -28px;
}

@media all and (max-width: 1023px) {
    .governance-section .gov_appr-area .gov_appr_graph-box {
        flex-direction: column;
        padding: 0;
        width: 100%;
    }
    .governance-section .gov_appr-area .gov_appr_graph-box .column {
        flex: 0 0 100%;
        min-width: 0;
    }
    .governance-section .gov_appr-area .gov_appr_graph-box .column.graph span {
        font-size: 17px;
        line-height: 27px;
    }
    .governance-section .gov_appr-area .gov_appr_graph-box .column.graph img {
        width: 180px;
        max-width: 100%;
    }
    .governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(2) .item {
        margin-top: 0;
    }
    .governance-section .gov_appr-area .gov_appr_graph-box .column .item {
        height: auto;
        padding: 30px 20px 40px;
    }
    .governance-section .gov_appr-area .gov_appr_graph-box .column .item .per {
        font-size: 18px;
        line-height: 1;
    }
    .governance-section .gov_appr-area .gov_appr_graph-box .column .item .per::after {
        display: none;
    }
    .governance-section .gov_appr-area .gov_appr_graph-box .column .item .per::before {
        display: none;
    }
    .governance-section .gov_appr-area .gov_appr_graph-box .column .item .sub-tit {
        margin-top: 16px;
        font-size: 14px;
        line-height: 16px;
        white-space: normal;
        white-space: normal;
        word-wrap: break-word;
        word-break: keep-all;
    }
    .governance-section .gov_appr-area .gov_appr_graph-box .column .item p {
        margin-top: 7px;
        font-size: 13px;
        line-height: 21px;
        white-space: normal;
        white-space: normal;
        word-wrap: break-word;
        word-break: keep-all;
    }
    .governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(1) {
        order: 2;
        flex: 0 0 100%;
    }
    .governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(2) {
        order: 1;
        text-align: center;
        flex: 0 0 100%;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }
    .governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(3) {
        order: 3;
        text-align: center;
        flex: 0 0 100%;
        flex-direction: row;
        flex-flow: row-reverse;
    }
    .governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(3) .item {
        width: 50%;
    }
}

.governance-section .gov_ind_appr-area {
    margin-top: 40px;
    border: 1px solid #dedede;
    padding: 50px 3.05%;
    width: 100%;
}

.governance-section .gov_ind_appr-area .title {
    font-size: 24px;
    line-height: 48px;
    color: #222222;
    font-weight: 700;
}

.governance-section .gov_ind_appr-area .desc {
    font-size: 18px;
    line-height: 30px;
    color: #555;
    font-weight: 500;
    margin-top: 10px;
}

.governance-section .gov_ind_appr-area .gov_ind_appr-box {
    margin-top: 50px;
    justify-content: space-between;
}

.governance-section .gov_ind_appr-area .gov_ind_appr-box>div {
    width: 29%;
    position: relative;
}

.governance-section .gov_ind_appr-area .gov_ind_appr-box>div::after {
    content: "";
    position: absolute;
    top: 60px;
    right: -15%;
    transform: rotate(-90deg);
    width: 32px;
    height: 32px;
    margin-top: -16px;
    background: url("/resources/images/ir/gov_ind_appr_arrow-3.png") no-repeat 50% 50%;
    background-size: 100% auto;
}

.governance-section .gov_ind_appr-area .gov_ind_appr-box>div:last-child::after {
    display: none;
}

.governance-section .gov_ind_appr-area .gov_ind_appr-box .icon-item {
    display: flex;
}

.governance-section .gov_ind_appr-area .gov_ind_appr-box .icon-item .icon {
    flex: 0 0 120px;
}

.governance-section .gov_ind_appr-area .gov_ind_appr-box .icon-item .icon img {
    width: 100%;
}

.governance-section .gov_ind_appr-area .gov_ind_appr-box .icon-item .text {
    padding-left: 9.34%;
}

.governance-section .gov_ind_appr-area .gov_ind_appr-box .icon-item .text p {
    font-size: 18px;
    line-height: 30px;
    color: #555;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
}

.governance-section .gov_ind_appr-area .gov_ind_appr-box .icon-item .text p.sub-tit {
    font-size: 20px;
    font-weight: 600;
    color: #222;
    margin-bottom: 10px;
}

@media all and (max-width: 1279px) {
    .governance-section .gov_ind_appr-area .gov_ind_appr-box {
        margin-top: 40px;
    }
    .governance-section .gov_ind_appr-area .gov_ind_appr-box>div::after {
        top: 44px;
        width: 26px;
        height: 26px;
        margin-top: -13px;
    }
    .governance-section .gov_ind_appr-area .gov_ind_appr-box .icon-item .icon {
        flex: 0 0 88px;
    }
    .governance-section .gov_ind_appr-area .gov_ind_appr-box .icon-item .text {
        padding-left: 7%;
    }
    .governance-section .gov_ind_appr-area .gov_ind_appr-box .icon-item .text p {
        line-height: 28px;
        letter-spacing: -1px;
    }
    .governance-section .gov_ind_appr-area .gov_ind_appr-box .icon-item .text p.sub-tit {
        margin-bottom: 6px;
    }
}

@media all and (max-width: 1023px) {
    .governance-section .gov_ind_appr-area {
        margin-top: 20px;
        padding: 30px 20px;
    }
    .governance-section .gov_ind_appr-area .title {
        font-size: 17px;
    }
    .governance-section .gov_ind_appr-area .desc {
        font-size: 13px;
        margin-top: 16px;
    }
    .governance-section .gov_ind_appr-area .gov_ind_appr-box {
        flex-direction: column;
        padding: 0px 15px;
        margin-top: 25px;
    }
    .governance-section .gov_ind_appr-area .gov_ind_appr-box>div {
        width: 100% !important;
    }
    .governance-section .gov_ind_appr-area .gov_ind_appr-box>div+div {
        margin-top: 55px;
    }
    .governance-section .gov_ind_appr-area .gov_ind_appr-box>div::after {
        top: auto;
        bottom: -38px;
        right: 50%;
        transform: rotate(0deg);
        width: 24px;
        height: 24px;
        margin-top: 0px;
        margin-right: -12px;
    }
    .governance-section .gov_ind_appr-area .gov_ind_appr-box .icon-item .icon {
        flex: 0 0 80px;
    }
    .governance-section .gov_ind_appr-area .gov_ind_appr-box .icon-item .text {
        padding-left: 20px;
        padding-right: 3%;
        margin-top: 0;
        width: 100%;
    }
    .governance-section .gov_ind_appr-area .gov_ind_appr-box .icon-item .text p {
        font-size: 13px;
        line-height: 21px;
        letter-spacing: -0.4px;
        white-space: normal;
        word-wrap: break-word;
        word-break: keep-all;
    }
    .governance-section .gov_ind_appr-area .gov_ind_appr-box .icon-item .text p.sub-tit {
        font-size: 14px;
        margin-bottom: 4px;
    }
}

.governance-section [class^=gov-cmte_]+[class^=gov-cmte_] {
    margin-top: 80px;
}

.governance-section [class^=gov-cmte_] .desc {
    font-size: 18px;
    line-height: 30px;
    color: #555;
    font-weight: 500;
}

@media all and (max-width: 1023px) {
    .governance-section [class^=gov-cmte_]+[class^=gov-cmte_] {
        margin-top: 50px;
    }
    .governance-section [class^=gov-cmte_] .desc {
        font-size: 13px;
        line-height: 21px;
    }
}

.governance-section [class^=gov-cmte_] .gov-cmte_org-area {
    padding-top: 50px;
}

.governance-section [class^=gov-cmte_] .gov-cmte_org-area .title {
    margin: 0 auto;
    width: 300px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 28px;
    color: #fff;
    font-weight: 700;
    background: #2fa459;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    position: relative;
}

.governance-section [class^=gov-cmte_] .gov-cmte_org-area .line {
    margin: 67px -1.26% 0;
    height: 68px;
    position: relative;
}

.governance-section [class^=gov-cmte_] .gov-cmte_org-area .line::before {
    content: "";
    position: absolute;
    top: -67px;
    height: 67px;
    width: 1px;
    background: #ccc;
    left: 50%;
    transform: translateX(-50%);
}

.governance-section [class^=gov-cmte_] .gov-cmte_org-area .line .line-inner {
    width: 66.7%;
    position: relative;
    margin: 0 auto;
    height: 68px;
    border: 1px solid #ccc;
    border-bottom: 0;
}

.governance-section [class^=gov-cmte_] .gov-cmte_org-area .line .line-inner::before {
    content: "";
    position: absolute;
    top: 0;
    height: 68px;
    width: 1px;
    background: #ccc;
    left: 50%;
}

.governance-section [class^=gov-cmte_] .gov-cmte_org-area .line .line-inner::after {
    content: "";
    position: absolute;
    top: 0;
    height: 68px;
    width: 1px;
    background: #ccc;
    left: 50%;
}

.governance-section [class^=gov-cmte_] .gov-cmte_org-area .row {
    display: flex;
    justify-content: space-between;
    position: relative;
    /*margin: 0 -15px;*/
    margin: 0 -1.26%;
}

.governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .column {
    display: flex;
    flex-direction: column;
    align-content: stretch;
    align-items: stretch;
    width: 33.3%;
    /*padding: 0 15px;*/
    padding: 0 1.26%;
    position: relative;
}

.governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .column::before {
    content: "";
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 10px;
    height: 10px;
    background: #b3cf0a;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    z-index: 5;
}

.governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .unit-card {
    position: relative;
    border: 1px solid #999;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    border-radius: 14px;
    height: 100%;
    padding: 40px 20px 30px;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .unit-card .sub-tit {
    font-size: 24px;
    line-height: 48px;
    color: #222;
    font-weight: 600;
    letter-spacing: -1.2px;
}

.governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .unit-card .ico {
    margin: 20px 0 23px;
}

.governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .unit-card .limit {
    font-size: 20px;
    line-height: 34px;
    font-weight: 600;
    min-height: 68px;
}

.governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .unit-card .limit .type-1 {
    color: #16873e;
}

.governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .unit-card .limit .type-2 {
    color: #0c90c1;
}

.governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .unit-card .limit .type-3 {
    color: #0EA09D;
}

.governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .unit-card .member {
    margin-top: 17px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    padding-bottom: 26px;
    text-align: left;
}

.governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .unit-card .member.margin_member {
    margin-top: 51px;
}

.governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .unit-card .role {
    height: 220px;
    margin: auto 0 0;
    padding: 20px 0px 0px;
    border-top: 1px dashed #ededed;
}

.governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .unit-card .role li {
    position: relative;
    padding: 4px 0 4px 12px;
    text-align: left;
    font-size: 18px;
    line-height: 30px;
    color: #555;
    font-weight: 500;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
}

.governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .unit-card .role li::before {
    content: "";
    width: 4px;
    height: 4px;
    background: #777;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    top: 17px;
    left: 0;
}

.governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .org-card {
    height: 184px;
    padding-top: 44px;
    position: relative;
}

.governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .org-card::before {
    content: "";
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -5px;
    width: 10px;
    height: 10px;
    background: #b3cf0a;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    z-index: 5;
}

.governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .org-card::after {
    content: "";
    position: absolute;
    top: 0;
    height: 44px;
    width: 1px;
    background: #ccc;
    left: 50%;
}

/* 2025-01-19 */

.governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .org-card .org-part {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 160px;
    background: #55a30f;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    border-radius: 14px;
    font-size: 19px;
    line-height: 34px;
    color: #fff;
    font-weight: 600;
}

/* 2025-01-19 */

.governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .org-card .org-type {
    font-size: 18px;
    line-height: 1;
    margin-top: 20px;
    text-align: center;
}

@media all and (max-width: 1279px) {
    .governance-section [class^=gov-cmte_] .gov-cmte_org-area .row {
        margin: 0 -0.8%;
    }
    .governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .column {
        padding: 0 0.8%;
    }
    .governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .unit-card .limit {
        font-size: 19px;
        letter-spacing: -1px;
        line-height: 32px;
        margin: 0 -8px;
    }
    .governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .unit-card .member {
        font-size: 17px;
        letter-spacing: -1px;
    }
    .governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .unit-card .role li {
        font-size: 17px;
        line-height: 28px;
    }
}

@media all and (max-width: 1023px) {
    .governance-section [class^=gov-cmte_] .gov-cmte_org-area {
        padding-top: 0;
    }
    .governance-section [class^=gov-cmte_] .gov-cmte_org-area .title {
        width: 150px;
        height: 56px;
        line-height: 56px;
        font-size: 16px;
        margin-bottom: 45px;
        -webkit-border-radius: 28px;
        -moz-border-radius: 28px;
        -ms-border-radius: 28px;
        border-radius: 28px;
        position: relative;
        z-index: 5;
    }
    .governance-section [class^=gov-cmte_] .gov-cmte_org-area .line {
        display: none;
    }
    .governance-section [class^=gov-cmte_] .gov-cmte_org-area .row {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: relative;
        margin: 0;
    }
    .governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .column {
        display: flex;
        flex-direction: column;
        align-content: stretch;
        align-items: stretch;
        width: 100%;
        padding: 26px 20px;
        position: relative;
        border: 1px solid #999;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        -ms-border-radius: 7px;
        border-radius: 7px;
    }
    .governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .column::before {
        content: "";
        position: absolute;
        top: -5px;
        left: 50%;
        transform: translateX(-50%);
        width: 10px;
        height: 10px;
        background: #b3cf0a;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        z-index: 5;
    }
    .governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .column::after {
        content: "";
        position: absolute;
        top: -46px;
        left: 50%;
        width: 1px;
        height: 46px;
        background: #ccc;
    }
    .governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .column+.column {
        margin-top: 20px;
    }
    .governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .column+.column::after {
        top: -21px;
        height: 20px;
    }
    .governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .unit-card {
        position: relative;
        border: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        height: auto;
        padding: 0;
        text-align: left;
        display: flex;
        flex-direction: column;
    }
    .governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .unit-card .sub-tit {
        font-size: 17px;
        line-height: 24px;
        letter-spacing: -0.4px;
    }
    .governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .unit-card .ico {
        display: none;
    }
    .governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .unit-card .limit {
        margin: 6px 0 0;
        font-size: 14px;
        line-height: 17px;
        min-height: auto;
    }
    .governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .unit-card .limit br {
        display: none;
    }
    .governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .unit-card .member {
        font-size: 13px;
        line-height: 21px;
        padding-bottom: 0;
    }
    .governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .unit-card .role {
        height: auto;
        margin: 0;
        padding: 0;
        border-top: 0;
        margin-top: 18px !important;
        padding: 12px 0 0;
        border-top: 1px dashed #ededed;
    }
    .governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .unit-card .role li {
        position: relative;
        padding: 4px 0 4px 10px;
        text-align: left;
        font-size: 13px;
        line-height: 21px;
        color: #555;
        font-weight: 500;
    }
    .governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .unit-card .role li::before {
        content: "";
        width: 4px;
        height: 4px;
        background: #777;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        border-radius: 2px;
        position: absolute;
        top: 12px;
        left: 0;
    }
    .governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .org-card {
        height: auto;
        padding-top: 0;
        margin-top: 10px;
        display: flex;
    }
    .governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .org-card::before,
    .governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .org-card::after {
        display: none;
    }
    .governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .org-card .org-part {
        display: inline-block;
        vertical-align: middle;
        height: auto;
        background: transparent;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        font-size: 14px;
        line-height: 17px;
        color: #222;
        font-weight: 600;
        order: 2;
    }
    .governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .org-card .org-part span br {
        display: none;
    }
    .governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .org-card .org-type {
        font-size: 14px;
        line-height: 17px;
        color: #222;
        font-weight: 600;
        margin: 0;
        display: inline-block;
        vertical-align: middle;
        order: 1;
        width: 80px;
    }
    .governance-section [class^=gov-cmte_] .gov-cmte_org-area .row .org-card .org-type::after {
        content: " : ";
        display: inline-block;
        vertical-align: middle;
        margin: 0 4px;
    }
}

.governance-section [class^=gov-cmte_] .gov_cmte_download-area {
    /* tablet : 1023 ~ 1279 */
}

.governance-section [class^=gov-cmte_] .gov_cmte_download-area .title>span {
    display: block;
    color: #222;
    font-weight: 600;
    font-size: 24px;
}

.governance-section [class^=gov-cmte_] .gov_cmte_download-area ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
    width: calc(100% + 10px);
    margin-left: -5px;
}

.governance-section [class^=gov-cmte_] .gov_cmte_download-area ul li {
    width: 25%;
    padding: 0 5px;
}

@media all and (max-width: 1279px) {
    .governance-section [class^=gov-cmte_] .gov_cmte_download-area ul {
        margin-top: 15px;
    }
    .governance-section [class^=gov-cmte_] .gov_cmte_download-area ul li {
        width: 33.3333%;
        margin-top: 10px;
    }
}

@media all and (max-width: 1023px) {
    .governance-section [class^=gov-cmte_] .gov_cmte_download-area {
        display: flex;
        flex-wrap: wrap;
    }
    .governance-section [class^=gov-cmte_] .gov_cmte_download-area .title>span {
        font-size: 17px;
    }
    .governance-section [class^=gov-cmte_] .gov_cmte_download-area ul {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .governance-section [class^=gov-cmte_] .gov_cmte_download-area ul li {
        margin-top: 5px;
        padding: 0;
        width: 100%;
        text-align: left;
        border-left: 0;
    }
}

.governance-section [class^=gov-cmte_] .gov_cmte-info-area+.gov_cmte-info-area {
    margin-top: 40px;
}

@media all and (max-width: 1023px) {
    .governance-section [class^=gov-cmte_] .gov_cmte-info-area+.gov_cmte-info-area {
        margin-top: 20px;
    }
}

.governance-section [class^=gov-cmte_] .gov_cmte-info-box {
    display: flex;
}

.governance-section [class^=gov-cmte_] .gov_cmte-info-box .gov-table.gov_cmte-table {
    width: 50%;
}

.governance-section [class^=gov-cmte_] .gov_cmte-info-box .gov-table.gov_cmte-table+.gov-table.gov_cmte-table {
    border-left: 1px solid #dedede;
}

@media all and (max-width: 1023px) {
    .governance-section [class^=gov-cmte_] .gov_cmte-info-box {
        display: flex;
        flex-direction: column;
    }
    .governance-section [class^=gov-cmte_] .gov_cmte-info-box .gov-table.gov_cmte-table {
        width: 100%;
    }
    .governance-section [class^=gov-cmte_] .gov_cmte-info-box .gov-table.gov_cmte-table+.gov-table.gov_cmte-table {
        border-left: 0;
        border-top: 0;
    }
}

.governance-section [class^=gov-cmte_] .gov_cmte-detail-box {
    border-top: 2px solid #222222;
}

.governance-section [class^=gov-cmte_] .gov_cmte-detail-box .accor_name {
    position: relative;
    padding: 22px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #999;
    background: #fff;
}

.governance-section [class^=gov-cmte_] .gov_cmte-detail-box .accor_name span {
    font-size: 20px;
    font-weight: 600;
    color: #222;
    line-height: 30px;
    display: inline-block;
    padding-right: 20px;
}

.governance-section [class^=gov-cmte_] .gov_cmte-detail-box .accor_name.on i {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.governance-section [class^=gov-cmte_] .gov_cmte-detail-box .con-area {
    position: relative;
    overflow: hidden;
    display: none;
}

@media all and (max-width: 1023px) {
    .governance-section [class^=gov-cmte_] .gov_cmte-detail-box .accor_name {
        position: relative;
        padding: 16px 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #999;
    }
    .governance-section [class^=gov-cmte_] .gov_cmte-detail-box .accor_name span {
        font-size: 13px;
        line-height: 19px;
    }
    .governance-section [class^=gov-cmte_] .gov_cmte-detail-box .accor_name.on i {
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .governance-section [class^=gov-cmte_] .gov_cmte-detail-box .con-area {
        position: relative;
        overflow: hidden;
        display: none;
    }
}

.governance-section [class^=gov-cmte_] .gov_esg_manage-list {
    margin-top: 40px;
}

.governance-section [class^=gov-cmte_] .gov_esg_manage-list ul {
    display: flex;
    border: 1px solid #dedede;
}

.governance-section [class^=gov-cmte_] .gov_esg_manage-list ul li {
    width: 20%;
    padding: 34px 15px;
    display: flex;
    justify-content: center;
}

.governance-section [class^=gov-cmte_] .gov_esg_manage-list ul li p {
    max-width: 155px;
    font-size: 18px;
    line-height: 30px;
    color: #555;
    font-weight: 500;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
}

.governance-section [class^=gov-cmte_] .gov_esg_manage-list ul li p span {
    color: #16873e;
}

.governance-section [class^=gov-cmte_] .gov_esg_manage-list ul li:nth-child(even) {
    background-color: #f9f9f9;
}

.governance-section [class^=gov-cmte_] .gov_esg_manage-list ul li+li {
    border-left: 1px dashed #dedede;
}

@media all and (max-width: 1023px) {
    .governance-section [class^=gov-cmte_] .gov_esg_manage-list {
        margin-top: 20px;
    }
    .governance-section [class^=gov-cmte_] .gov_esg_manage-list ul {
        display: flex;
        flex-direction: column;
    }
    .governance-section [class^=gov-cmte_] .gov_esg_manage-list ul li {
        width: 100%;
        padding: 16px 20px;
        display: flex;
        justify-content: flex-start;
        text-align: left;
    }
    .governance-section [class^=gov-cmte_] .gov_esg_manage-list ul li p {
        max-width: 100%;
        font-size: 13px;
        line-height: 21px;
    }
    .governance-section [class^=gov-cmte_] .gov_esg_manage-list ul li+li {
        border-left: 0;
        border-top: 1px dashed #dedede;
    }
}

.governance-section [class^=gov-cmte_] .gov_esg_guide-list {
    margin-top: 30px;
}

.governance-section [class^=gov-cmte_] .gov_esg_guide-list ul li {
    position: relative;
    padding: 4px 0 4px 12px;
    text-align: left;
    font-size: 18px;
    line-height: 30px;
    color: #555;
    font-weight: 500;
}

.governance-section [class^=gov-cmte_] .gov_esg_guide-list ul li::before {
    content: "";
    width: 4px;
    height: 4px;
    background: #777;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    top: 17px;
    left: 0;
}

@media all and (max-width: 1023px) {
    .governance-section [class^=gov-cmte_] .gov_esg_guide-list {
        margin-top: 18px;
    }
    .governance-section [class^=gov-cmte_] .gov_esg_guide-list ul li {
        padding: 3px 0 3px 10px;
        font-size: 13px;
        line-height: 21px;
    }
    .governance-section [class^=gov-cmte_] .gov_esg_guide-list ul li::before {
        top: 12px;
    }
    .governance-section [class^=gov-cmte_] .gov_esg_guide-list+.gov_esg-link {
        margin-top: 23px;
    }
}

.governance-section [class^=gov-cmte_] .gov_cmte-accor_area+.gov_cmte-accor_area {
    margin-top: 60px;
}

.governance-section [class^=gov-cmte_] .gov_esg-link {
    margin-top: 60px;
}

.governance-section [class^=gov-cmte_] .foot-layout {
    margin-top: 60px;
}

@media all and (max-width: 1023px) {
    .governance-section [class^=gov-cmte_] .gov_cmte-accor_area+.gov_cmte-accor_area {
        margin-top: 35px;
    }
    .governance-section [class^=gov-cmte_] .gov_esg-link {
        margin-top: 30px;
    }
    .governance-section [class^=gov-cmte_] .foot-layout {
        margin-top: 30px;
    }
}

@media all and (max-width: 1023px) {
    .governance-section .gov-cmte_1-panel {
        padding-top: 12px;
    }
}

/*2024-10-04*/

.sustainability-section .p-foot {
    margin-top: 20px;
    font-size: 18px;
    line-height: 38px;
    color: #555;
    font-weight: 500;
}

.sustainability-section .gov_cmte_download-area ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
    width: calc(100% + 10px);
    margin-left: -5px;
}

.sustainability-section .gov_cmte_download-area ul li {
    width: 25%;
    padding: 0 5px;
}

@media all and (max-width: 1279px) {
    .sustainability-section .gov_cmte_download-area ul {
        margin-top: 15px;
    }
    .sustainability-section .gov_cmte_download-area ul li {
        width: 33.3333%;
        margin-top: 10px;
    }
}

@media all and (max-width: 1023px) {
    .sustainability-section .gov_cmte_download-area {
        display: flex;
        flex-wrap: wrap;
    }
    .sustainability-section .gov_cmte_download-area .title>span {
        font-size: 17px;
    }
    .sustainability-section .gov_cmte_download-area ul {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .sustainability-section .gov_cmte_download-area ul li {
        margin-top: 5px;
        padding: 0;
        width: 100%;
        text-align: left;
        border-left: 0;
    }
}

/* 2023-08-29--*/

.mt20 {
    margin-top: 20px;
}

.sustainability-section .subcompany-panel {
    margin-top: 0px;
}

.sustainability-section .subcompany-panel .p-body {
    margin-top: 0px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x {
    width: calc(100% + 30px);
    margin-left: -15px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.only-pc2 {
    display: flex;
    justify-content: center;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.only-pc3 {
    display: flex;
    justify-content: center;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect_line-box2 {
    border-bottom: 1px solid #dedede;
    padding: 20px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x>* {
    padding: 0 15px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box {
    position: relative;
    padding-bottom: 65px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box.botton_item {
    padding-bottom: 0;
    padding-top: 65px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box.botton_item::after {
    top: 0;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box.botton_item::before {
    top: 65px;
    transform: translate(-50%, -50%);
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box::after {
    content: "";
    width: 1px;
    height: 65px;
    background-color: #dedede;
    position: absolute;
    bottom: 0;
    left: 50.1%;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 5px;
    position: absolute;
    bottom: 65px;
    left: 50%;
    transform: translate(-50%, 50%);
    z-index: 2;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box.d_box2::before {
    background-color: #b3cf0a;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box.d_box3::before {
    background-color: #0EA09D;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner {
    position: relative;
    border: 1px solid #dedede;
    border-radius: 0px;
    padding: 60px 30px 55px 30px;
    text-align: center;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .innernone {
    position: relative;
    border: 0px solid #ccc;
    border-radius: 0px;
    padding: 30px 30px 0px 30px;
    text-align: center;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner img {
    width: 143px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner>.title {
    margin-top: 25px;
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    color: #16873e;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner>.title2 {
    display: block;
    border-radius: 60px;
    background-color: #0EA09D;
    padding: 10px 20px;
    margin: 20px auto;
    max-width: 600px;
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner>.title3 {
    display: block;
    border-radius: 60px;
    background-color: #55a30f;
    padding: 10px 20px;
    max-width: 400px;
    margin: 20px auto;
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner>.title4 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: #555555;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner>.title5 {
    display: block;
    border-radius: 60px;
    background-color: #55a30f;
    padding: 10px 20px;
    max-width: 600px;
    margin: 20px auto;
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner .rate {
    font-size: 17px;
    line-height: 1.7;
    font-weight: 800;
    color: #555555;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner .rate2 {
    font-size: 16px;
    line-height: 1.7;
    font-weight: 500;
    color: #555555;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner .rate3 {
    margin: 25px 0 10px 0;
    display: block;
    background-color: #f8f8f8;
    padding: 14px 70px;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 500;
    color: #555555;
}

@media all and (max-width: 1023px) {
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner .rate3 {
        margin: 25px 0 10px 0;
        display: block;
        background-color: #f8f8f8;
        padding: 14px 40px;
        font-size: 16px;
        line-height: 1.7;
        font-weight: 500;
        color: #555555;
    }
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner .rate3 span {
    vertical-align: baseline;
    font-size: 14px;
    font-weight: 600;
    color: #777;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner .rate3 em {
    vertical-align: baseline;
    color: #55a30f;
    font-weight: 700;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner .rate3 em.fs-lg {
    font-size: 24px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone {
    position: relative;
    padding-bottom: 65px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone.botton_item {
    padding-bottom: 0;
    padding-top: 0px;
    margin-top: -20px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone.botton_item::after {
    top: 0;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone.botton_item::before {
    top: 65px;
    transform: translate(-50%, -50%);
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone.botton_item2 {
    padding-bottom: 0;
    padding-top: 0px;
    margin-top: -20px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone.botton_item2::after {
    top: 0;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone.botton_item2::before {
    top: 65px;
    transform: translate(-50%, -50%);
}

@media all and (max-width: 1024px) {
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone.botton_item2 {
        padding-bottom: 0;
        padding-top: 0px;
        margin-top: 20px;
    }
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone::after {}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone::before {}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner {
    position: relative;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
    padding: 30px 30px 24px 30px;
    text-align: left;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner2 {
    position: relative;
    margin: 0px 0 10px 0;
    display: flex;
    justify-content: space-evenly;
    background-color: #f8f8f8;
    padding: 14px 70px;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 500;
    color: #555555;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner2 .txtsub {
    margin-left: 10px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner {
    position: relative;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    border-radius: 0px;
    padding: 30px 30px 24px 30px;
    text-align: left;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner img {
    width: 143px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner>.title {
    margin-top: 25px;
    font-size: 24px;
    font-weight: 600;
    color: #16873e;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner>.title2 {
    display: block;
    border-radius: 60px;
    background-color: #16873e;
    padding: 14px 70px;
    margin: 10px 0 25px 0;
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner .rate {
    font-size: 17px;
    line-height: 1.7;
    font-weight: 800;
    color: #555555;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner .rate2 {
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    color: #555555;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner .rate3 {
    margin: 10px 0 10px 0;
    display: block;
    background-color: #f8f8f8;
    padding: 14px 70px;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 800;
    color: #555555;
    text-align: center;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner02 {
    position: relative;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
    padding: 35px 0px 24px 0px;
    text-align: left;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner02 .rate2 {
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    color: #555555;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner02 .rate3 {
    margin: 0px 0 10px 0;
    display: block;
    background-color: #f8f8f8;
    padding: 14px 70px;
    font-size: 18px;
    line-height: 1.8;
    font-weight: 800;
    color: #555555;
    text-align: center;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr {
    position: relative;
    padding-bottom: 35px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr.botton_item {
    padding-bottom: 0;
    padding-top: 35px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr.botton_item::after {
    top: 0;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr.botton_item::before {
    top: 65px;
    transform: translate(-50%, -50%);
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr .inner {
    position: relative;
    border: 1px solid #ccc;
    border-radius: 0px;
    padding: 35px 30px 24px 30px;
    min-height: 220px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr .inner .item-box {
    text-align: left;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr .inner .item-box>.title {
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    color: #16873e;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr .inner .item-box>.mark_dot-list li {
    color: #555;
    font-size: 17px;
    line-height: 1.7;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr .inner .item-box>.mark_dot-list li::after {
    width: 4px;
    height: 4px;
    background-color: #555555;
    border-radius: 50%;
    top: 11px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr .inner .item-box>.mark_dot-list li:first-child {
    margin-top: 6px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr .inner .item-box>.mark_dot-list li+li {
    margin-top: 4px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr2 {
    position: relative;
    padding-bottom: 0px;
    border-left: 1px dashed #dedede;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr2.d_boxr2none {
    border-left: 0px dashed #dedede;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr2.botton_item {
    padding-bottom: 0;
    padding-top: 0px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr2.botton_item::after {
    top: 0;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr2.botton_item::before {
    top: 65px;
    transform: translate(-50%, -50%);
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr2 .inner {
    position: relative;
    border: 0px solid #ccc;
    border-radius: 0px;
    padding: 20px 30px 20px 30px;
    min-height: 30px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr2 .inner .item-box {
    text-align: center;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr2 .inner .item-box>.title {
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    color: #16873e;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner>.mark_dot-list li {
    color: #555;
    font-size: 17px;
    line-height: 1.7;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner>.mark_dot-list li::after {
    width: 4px;
    height: 4px;
    background-color: #555555;
    border-radius: 50%;
    top: 11px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner>.mark_dot-list li:first-child {
    margin-top: 6px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner>.mark_dot-list li+li {
    margin-top: 4px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr .inner .item-box>.rate {
    font-size: 17px;
    line-height: 1.7;
    font-weight: 500;
    color: #555555;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr .inner>.simg {
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr .inner>.simg>img {
    width: 55px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area {
    position: relative;
    width: calc(100% + 30px);
    margin-left: -15px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area::after {
    content: "";
    width: 66.7%;
    height: 1px;
    background-color: #ccc;
    position: absolute;
    left: 16.6%;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area::before {
    content: "";
    width: 66.7%;
    height: 1px;
    background-color: #ccc;
    position: absolute;
    left: 16.6%;
    top: 0;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect {
    padding: 70px 0;
    position: relative;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect::after {
    content: "";
    width: 1px;
    height: 70px;
    background-color: #ccc;
    position: absolute;
    left: 50%;
    bottom: 0;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect::before {
    content: "";
    width: 1px;
    height: 70px;
    background-color: #ccc;
    position: absolute;
    left: 50%;
    top: 0;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 {
    position: relative;
    width: calc(100% + 30px);
    margin-left: -15px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap.rect-area4 {
    background-image: url(../images/sustainability/sg_backg1.png);
    background-size: auto 340px;
    background-position: center -20px;
    background-repeat: no-repeat;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap.rect-area5 {
    background-image: url(../images/sustainability/sg_backg.png);
    background-size: auto 340px;
    background-position: center top;
    background-repeat: no-repeat;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area3 {
    margin-top: -50px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area3::after {
    content: "";
    width: 66.7%;
    height: 1px;
    background-color: #dedede;
    position: absolute;
    left: 16.6%;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area32 {
    margin-top: 0px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area32::after {
    content: "";
    width: 66.7%;
    height: 1px;
    background-color: #dedede;
    position: absolute;
    left: 16.6%;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area31 {
    margin-top: -50px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area31::after {
    content: "";
    width: 50%;
    height: 1px;
    background-color: #dedede;
    position: absolute;
    left: 25%;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area33 {
    margin-top: 20px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area33::after {
    content: "";
    width: 50%;
    height: 1px;
    background-color: #dedede;
    position: absolute;
    left: 25%;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area34 {
    margin-top: 20px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area34::after {
    content: "";
    width: 50%;
    height: 1px;
    background-color: #dedede;
    position: absolute;
    left: 16.7%;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area35 {
    margin-top: 0px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area35::after {
    content: "";
    width: 80%;
    height: 1px;
    background-color: #dedede;
    position: absolute;
    left: 10%;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 {
    padding: 0px 0 20px 0;
    position: relative;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect4::after {
    content: "";
    width: 1px;
    height: 40px;
    background-color: #dedede;
    position: absolute;
    left: 50%;
    bottom: 0;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect .inner {
    width: 320px;
    height: 100px;
    border-radius: 60px;
    background-color: #55a30f;
    padding: 24px 70px;
    margin: 0 auto;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 .inner {
    padding: 24px 70px;
    margin: 0 auto;
    text-align: center;
}

@media all and (max-width: 1023px) {
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 .inner,
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect4 .inner {
        padding: 24px 20px;
        margin: 0 auto;
        text-align: center;
    }
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 .inner .sub1 {
    padding-top: 10px;
    font-size: 16px;
    line-height: 1.8;
    font-weight: 600;
    color: #55a30f;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 .inner .sub2 {
    font-size: 24px;
    line-height: 1.7;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 .inner .sub3 {
    display: block;
    border-radius: 60px;
    background-color: #55a30f;
    padding: 12px 20px;
    margin: 20px auto;
    width: 400px;
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 .inner .sub4 {
    padding: 10px 0 20px 0;
    font-size: 17px;
    line-height: 1.8;
    font-weight: 500;
    color: #555;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 .inner .sub5 {
    font-size: 20px;
    line-height: 1.7;
    border-radius: 60px;
    background-color: #55a30f;
    max-width: 300px;
    font-weight: 600;
    padding: 10px 20px;
    margin: 10px auto;
    font-weight: 600;
    color: #ffffff;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 .inner .sub6 {
    padding: 10px 0 20px 0;
    font-size: 20px;
    line-height: 1.8;
    font-weight: 700;
    color: #555;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 .inner .sub7 {
    font-size: 20px;
    line-height: 1.7;
    border-radius: 60px;
    background-color: #55a30f;
    max-width: 300px;
    font-weight: 600;
    padding: 10px 20px;
    margin: 10px auto;
    font-weight: 600;
    color: #ffffff;
}

@media all and (max-width: 1023px) {
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 .inner .sub5 {
        font-size: 17px;
        line-height: 1.7;
        border-radius: 60px;
        background-color: #55a30f;
        max-width: 220px;
        font-weight: 600;
        padding: 10px 20px;
        margin: 10px auto;
        font-weight: 600;
        color: #ffffff;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 .inner .sub7 {
        font-size: 17px;
        line-height: 1.7;
        border-radius: 60px;
        background-color: #55a30f;
        width: 320px;
        font-weight: 600;
        padding: 10px 20px;
        margin: 10px auto;
        font-weight: 600;
        color: #ffffff;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 .inner .sub6 {
        padding: 10px 0 20px 0;
        font-size: 18px;
        line-height: 1.8;
        font-weight: 700;
        color: #555;
    }
}

.sustainability-section .ssb-g_2-panel .sv-area img {
    width: 100%;
}

.sustainability-section .ssb-g_1-panel .sv-area img {
    width: 100%;
    max-width: 1180px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .w-head {
    margin-bottom: 10px;
    padding: 10px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .w-head.bg-g {
    background: #2fa459;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .w-head.bg-g1 {
    background: #55a30f;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .w-head.bg-t {
    background: #0EA09D;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .disclamer {
    padding: 20px 0 0 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .w-head .title {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .w-head .title2 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    text-align: center;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .w-head .title3 {
    padding: 5px;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    text-align: center;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .tserv {
    padding: 15px;
    color: #16873e;
    font-size: 17px;
    font-weight: 600;
    line-height: 32px;
    text-align: center;
}

.sustainability-section .ssb-w_2-panel2 .support-area .support-item .icon {
    margin-top: 20px;
}

.sustainability-section .ssb-w_2-panel2 .support-area .support-item .icon img {
    height: 70px;
}

.sustainability-section .ssb-w_2-panel2 .support-area .support-item .title {
    margin-top: 25px;
}

.sustainability-section .ssb-w_2-panel2 .support-area .support-item .title span {
    font-size: 24px;
    font-weight: 600;
    color: #222222;
}

.sustainability-section .ssb-g_2-panel .year_2025-area .graph-wrap {
    margin-top: 0px;
}

.sustainability-section .ssb-g_2-panel .year_2025-area .graph-wrap .w-head {
    margin-bottom: 60px;
}

.sustainability-section .ssb-g_2-panel .year_2025-area .graph-wrap .w-head .title {
    padding: 10px;
    background: #55a30f;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    text-align: center;
}

@media all and (max-width: 1023px) {
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .disclamer {
        padding: 20px 0 0 0;
        font-size: 13px;
        font-weight: 400;
        line-height: 22px;
    }
    .sustainability-section .ssb-g_2-panel .year_2025-area .graph-wrap {
        margin-top: 45px;
    }
    .sustainability-section .ssb-g_2-panel .year_2025-area .graph-wrap .w-head {
        margin-bottom: 37px;
    }
    .sustainability-section .ssb-g_2-panel .year_2025-area .graph-wrap .w-head .title {
        padding: 15px 0;
        font-size: 14px;
        line-height: 22px;
    }
}

.sustainability-section .ssb-g_2-panel .year_2025-area .graph-box .title-area {
    margin-bottom: 10px;
}

.sustainability-section .ssb-g_2-panel .year_2025-area .graph-box .title-area .tit {
    color: #222;
    font-weight: 600;
    font-size: 24px;
    line-height: 22px;
}

.sustainability-section .ssb-g_2-panel .year_2025-area .graph-box .title-area .sub_txt {
    color: #555;
    font-size: 16px;
    line-height: 21px;
}

.sustainability-section .ssb-g_2-panel .year_2025-area .graph-box .title-area .tit+.sub_txt {
    margin-left: 20px;
}

.sustainability-section .ssb-g_2-panel .year_2025-area .graph-box .contents-area {
    position: relative;
}

.sustainability-section .ssb-g_2-panel .year_2025-area .graph-box .contents-area .unit {
    position: absolute;
    right: 0;
    top: -34px;
    color: #777;
    text-align: right;
    font-size: 14px;
    line-height: 24px;
}

.sustainability-section .ssb-g_2-panel .year_2025-area .graph-box+.graph-box {
    margin-top: 55px;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-g_2-panel .year_2025-area .graph-box .title-area {
        margin-bottom: 8px;
    }
    .sustainability-section .ssb-g_2-panel .year_2025-area .graph-box .title-area>span {
        display: block;
    }
    .sustainability-section .ssb-g_2-panel .year_2025-area .graph-box .title-area .tit {
        font-size: 17px;
        line-height: 22px;
    }
    .sustainability-section .ssb-g_2-panel .year_2025-area .graph-box .title-area .sub_txt {
        font-size: 13px;
        line-height: 21px;
    }
    .sustainability-section .ssb-g_2-panel .year_2025-area .graph-box .title-area .tit+.sub_txt {
        margin-left: 0px;
        margin-top: 7px;
    }
    .sustainability-section .ssb-g_2-panel .year_2025-area .graph-box .contents-area .unit {
        position: relative;
        top: auto;
        margin-bottom: 5px;
        font-size: 11px;
        line-height: 21px;
    }
    .sustainability-section .ssb-g_2-panel .year_2025-area .graph-box .contents-area .scroll-typeX {
        padding-bottom: 20px;
    }
    .sustainability-section .ssb-g_2-panel .year_2025-area .graph-box .contents-area .scroll-typeX img {
        width: 800px;
    }
    .sustainability-section .ssb-g_2-panel .year_2025-area .graph-box+.graph-box {
        margin-top: 40px;
    }
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-w_2-panel2 .support-area .support-item {
        margin-top: 35px;
        padding-left: 20px;
    }
    .sustainability-section .ssb-w_2-panel2 .support-area .support-item .icon {
        margin-top: 0px;
        width: 50px;
        text-align: center;
    }
    .sustainability-section .ssb-w_2-panel2 .support-area .support-item .icon img {
        height: 45px;
    }
    .sustainability-section .ssb-w_2-panel2 .support-area .support-item .title {
        margin-top: 0px;
    }
    .sustainability-section .ssb-w_2-panel2 .support-area .support-item .title span {
        font-size: 17px;
        line-height: 1.5;
    }
}

.sustainability-section .ssb-w_2-panel2 .support-area .row-support .col-1 {
    padding-bottom: 70px;
}

.sustainability-section .ssb-w_2-panel2 .support-area .row-support .col-2 {
    padding-bottom: 70px;
    padding-left: 185px;
}

.sustainability-section .ssb-w_2-panel2 .support-area .row-support .col-2::before {
    bottom: 180px;
    left: 0;
    height: calc(100% - 180px);
}

.sustainability-section .ssb-w_2-panel2 .support-area .row-support .col-3 {
    padding-top: 60px;
}

.sustainability-section .ssb-w_2-panel2 .support-area .row-support .col-3::after {
    top: 0px;
    left: 0;
    width: calc(100% - 150px);
}

.sustainability-section .ssb-w_2-panel2 .support-area .row-support .col-4 {
    padding-top: 60px;
    padding-left: 185px;
}

.sustainability-section .ssb-w_2-panel2 .support-area .row-support .col-4::before {
    top: 200px;
    left: 0;
    height: calc(100% - 180px);
}

.sustainability-section .ssb-w_2-panel2 .support-area .row-support .col-4::after {
    top: 0px;
    right: 0;
    width: calc(100% - 170px);
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-w_2-panel2 .support-area .row-support .col-1 {
        padding-bottom: 0px;
    }
    .sustainability-section .ssb-w_2-panel2 .support-area .row-support .col-2 {
        padding-bottom: 0px;
        padding-left: 0px;
    }
    .sustainability-section .ssb-w_2-panel2 .support-area .row-support .col-3 {
        padding-top: 0px;
    }
    .sustainability-section .ssb-w_2-panel2 .support-area .row-support .col-4 {
        padding-top: 0px;
        padding-left: 0px;
    }
}

.sustainability-section .ssb-w_2-panel2 .support-area .row-support {
    display: flex;
    position: relative;
}

/* .sustainability-section .ssb-w_2-panel2 .support-area .row-support > div {
  position: relative;
} */

.sustainability-section .ssb-w_2-panel2 .support-area .row-support>div::before {
    content: "";
    display: block;
    width: 1px;
    position: absolute;
    background-color: #dedede;
}

.sustainability-section .ssb-w_2-panel2 .support-area .row-support>div::after {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    background-color: #dedede;
}

.sustainability-section .ssb-w_2-panel2 .support-area .rect_line-box {
    padding: 60px 8.46%;
    margin-bottom: 80px;
}

.sustainability-section .ssb-w_2-panel2 .support-area .support-center {
    position: absolute;
    top: calc(50% + 20px);
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 301px;
    height: 301px;
    background-image: url(/resources/images/sustainability/ssb_w/sc-centerimg2.jpg);
}

box-shadow: 5px 5px 20px 0 rgba(0,
0,
0,
0.06),
5px 5px 20px 0 rgba(0,
0,
0,
0.06);
}

.sustainability-section .ssb-w_2-panel2 .support-area .support-center .icon img {
    height: 90px;
}

.sustainability-section .ssb-w_2-panel2 .support-area .support-center .title {
    margin-top: 15px;
    text-align: center;
}

.sustainability-section .ssb-w_2-panel2 .support-area .support-center .title span {
    font-size: 20px;
    font-weight: bold;
    color: #0EA09D;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-w_2-panel2 .support-area .support-center {
        position: relative;
        top: auto;
        left: auto;
        transform: translate(0%, 0%);
        margin: 0 auto;
        width: 230px;
        height: 230px;
        background-image: url(/resources/images/sustainability/ssb_w/sc-centerimg2_m.jpg);
    }
    .sustainability-section .ssb-w_2-panel2 .support-area .support-center .icon img {
        height: 65px;
    }
    .sustainability-section .ssb-w_2-panel2 .support-area .support-center .title {
        margin-top: 10px;
        text-align: center;
    }
    .sustainability-section .ssb-w_2-panel2 .support-area .support-center .title span {
        font-size: 17px;
        font-weight: bold;
        line-height: 20px;
        color: #0EA09D;
    }
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-w_2-panel2 .support-area .rect_line-box {
        padding: 40px 20px;
        margin-bottom: 40px;
    }
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-w_2-panel2 .support-area .row-support>div::before,
    .sustainability-section .ssb-w_2-panel2 .support-area .row-support>div::after {
        display: none;
    }
}

.sustainability-section .ssb-w_2-panel2 .support-area .row-support>div.support-center {
    position: absolute;
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-w_2-panel2 .support-area .row-support>div.support-center {
        position: relative;
    }
}

@media all and (max-width: 1023px) {
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner>.title4 {
        font-size: 17px;
        line-height: 26px;
        font-weight: 500;
        color: #555555;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .w-head .title2 {
        color: #fff;
        font-size: 17px;
        font-weight: 600;
        line-height: 22px;
        text-align: center;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .w-head .title3 {
        padding: 5px;
        color: #fff;
        font-size: 17px;
        font-weight: 600;
        line-height: 22px;
        text-align: center;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.only-pc2 {
        display: none;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.only-pc3 {
        display: flex;
        justify-content: center;
    }
    .sustainability-section {
        padding: 40px 0 60px;
    }
    .sustainability-section .s-head {
        margin-bottom: 38px;
    }
    .sustainability-section .s-head .sub-title {
        margin-top: 0px;
        font-size: 17px;
        line-height: 27px;
    }
    .sustainability-section .title {
        font-size: 21px;
        line-height: 33px;
    }
    .sustainability-section .history-panel .p-body {
        margin-top: 26px;
    }
    .sustainability-section .history-panel .p-body .img-area img {
        width: 100%;
        max-width: 642px;
    }
    .sustainability-section .history-panel .p-body .box-area {
        margin-top: 15px;
    }
    .sustainability-section .history-panel .p-body .box-area .b-head .rect-wrap {
        padding-bottom: 25px;
    }
    .sustainability-section .history-panel .p-body .box-area .b-head .rect-wrap .rect {
        padding: 11px 43px;
        box-shadow: 5px 5px 7px 0 rgba(0, 0, 0, 0.03), 5px 5px 7px 0 rgba(0, 0, 0, 0.03);
        border: 2px solid #8cc63f;
        border-radius: 35px;
        height: 70px;
        width: 190px;
    }
    .sustainability-section .history-panel .p-body .box-area .b-head .rect-wrap .rect img {
        width: 103px;
    }
    .sustainability-section .history-panel .p-body .box-area .b-head .rect-wrap::after {
        height: 25px;
    }
    .sustainability-section .history-panel .p-body .box-area .b-head .rect-wrap::before {
        content: "";
        width: 5px;
        height: 5px;
        border-radius: 2.5px;
    }
    .sustainability-section .history-panel .p-body .box-area .b-head .logo-wrap {
        border-radius: 15px;
        width: 100%;
        height: 100%;
        padding: 8px 15px;
    }
    .sustainability-section .history-panel .p-body .box-area .b-head .logo-wrap .logo-layout {
        justify-content: center;
        flex-wrap: wrap;
    }
    .sustainability-section .history-panel .p-body .box-area .b-head .logo-wrap .logo-layout .col {
        padding: 16px 15px;
    }
    .sustainability-section .history-panel .p-body .box-area .b-head .logo-wrap .logo-layout .col img {
        height: 26px;
    }
    .sustainability-section .history-panel .p-body .box-area .b-head .logo-wrap .logo-layout+.logo-layout {
        margin-top: 0px;
    }
    .sustainability-section .business-panel {
        margin-top: 50px;
    }
    .sustainability-section .business-panel .p-head .text-desc {
        margin-top: 17px;
    }
    .sustainability-section .business-panel .p-head .text-desc p {
        font-size: 13px;
        line-height: 21px;
    }
    .sustainability-section .business-panel .p-body {
        margin-top: 25px;
    }
    .sustainability-section .business-panel .p-body .box_list-area .box_title {
        font-size: 18px;
        line-height: 29px;
    }
    .sustainability-section .business-panel .p-body .box_list-area .sub_title {
        font-size: 16px;
        line-height: 25px;
        padding: 4px 0 14px;
    }
    .sustainability-section .business-panel .p-body .box_list-area .box_layout+.box_layout {
        margin-top: 15px;
    }
    .sustainability-section .business-panel .p-body .box_list-area .box_layout {
        align-items: center;
        border: 1px solid #dedede;
        padding: 35px 0px 40px;
    }
    .sustainability-section .business-panel .p-body .box_list-area .box_layout>.col-text {
        width: 100%;
    }
    .sustainability-section .business-panel .p-body .box_list-area .box_layout>.col-img {
        width: 100%;
    }
    .sustainability-section .business-panel .p-body .box_list-area .box_layout .text-area {
        padding: 0 28px;
    }
    .sustainability-section .business-panel .p-body .box_list-area .box_layout .text-area p {
        font-size: 13px;
        line-height: 21px;
    }
    .sustainability-section .business-panel .p-body .box_list-area .box_layout .img-area {
        padding: 35px 0 0 0;
        text-align: center;
    }
    .sustainability-section .business-panel .p-body .box_list-area .box_layout .img-area img {
        width: 100%;
        max-width: 400px;
    }
    .sustainability-section .business-panel .p-body .box-area {
        margin: 0px;
        border: 0px;
        padding: 45px 0px 50px;
    }
    .sustainability-section .business-panel .p-body .box-area .text-area {
        position: relative;
    }
    .sustainability-section .business-panel .p-body .box-area .text-area .text-wrap {
        text-align: center;
        padding: 0 30px;
        width: 320px;
        margin: 0 auto;
        position: relative;
    }
    .sustainability-section .business-panel .p-body .box-area .text-area .text-wrap.chemistry_item {
        position: absolute;
        top: 470px;
        left: 50%;
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .sustainability-section .business-panel .p-body .box-area .text-area .text-wrap.trade_item {
        margin-top: 20px;
    }
    .sustainability-section .business-panel .p-body .box-area .text-area .text-wrap .box_title {
        font-size: 18px;
        line-height: 29px;
    }
    .sustainability-section .business-panel .p-body .box-area .text-area .text-wrap .sub_title {
        font-size: 16px;
        line-height: 21px;
        padding: 8px 0 12px;
    }
    .sustainability-section .business-panel .p-body .box-area .text-area .text-wrap .desc {
        font-size: 13px;
        line-height: 21px;
        padding: 0;
    }
    .sustainability-section .business-panel .p-body .box-area .text-area .img-area.trade_item {
        margin-top: 20px;
    }
    .sustainability-section .business-panel .p-body .box-area .text-area .img-area img {
        width: 105px;
    }
    .sustainability-section .business-panel .p-body .box-area>.img-area {
        margin-top: 30px;
        text-align: center;
        position: relative;
        height: 1068px;
        background-image: url(/resources/images/company/summary_business_04_mb.png);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 320px;
    }
    .sustainability-section .subcompany-panel {
        margin-top: 0px;
    }
    .sustainability-section .subcompany-panel .p-body {
        margin-top: 0px;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x {
        width: calc(100% + 16px);
        margin-left: -8px;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .arrow_item {
        position: relative;
        padding-top: 20px;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .arrow_item::before {
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 5px;
        position: absolute;
        top: 15px;
        left: 50%;
        transform: translate(-50%, 0);
        z-index: 2;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .arrow_item.arrow_item2::before {
        background-color: #b3cf0a;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .arrow_item.arrow_item3::before {
        background-color: #0EA09D;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .arrow_item.arrow_item4::before {
        background-color: #b3cf0a;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .arrow_item4::before {
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 5px;
        position: absolute;
        top: 10px;
        left: 50%;
        transform: translate(-50%, 0);
        z-index: 2;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .arrow_item4::after {
        content: "";
        width: 1px;
        height: 45px;
        background-color: #ccc;
        position: absolute;
        top: 10px;
        left: 50.1%;
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x.bottom_item {
        margin-top: -15px;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x.bottom_item2 {
        margin-top: 0px;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x>* {
        padding: 0 8px;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box {
        position: relative;
        padding-bottom: 15px;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box.botton_item {
        padding-bottom: 0;
        padding-top: 16px;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box.botton_item.botton_item2 {
        padding-bottom: 0;
        padding-top: 0px !important;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box.botton_item.botton_item3 {
        padding-bottom: 0;
        padding-top: 35px;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box.botton_item::after {
        top: 0;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box.botton_item::before {
        top: 65px;
        transform: translate(-50%, -50%);
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box::after {
        display: none;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box::before {
        display: none;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner {
        border-radius: 0px;
        padding: 20px;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner .img-area img {
        width: 100px;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner>.title {
        margin-top: 0px;
        font-size: 14px;
        line-height: 22px;
        padding: 6px 0 0;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner>.title2 {
        margin-top: 10px;
        font-size: 17px;
        line-height: 24px;
        padding: 10px;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner>.title3 {
        margin-top: 10px;
        font-size: 17px;
        line-height: 24px;
        padding: 10px;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner>.title5 {
        margin-top: 10px;
        font-size: 17px;
        line-height: 24px;
        padding: 10px;
        max-width: 400px;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner .rate {
        font-size: 15px;
        line-height: 21px;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area {
        position: relative;
        width: calc(100% + 16px);
        margin-left: -8px;
        padding-bottom: 0px;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area::after {
        display: none;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area::before {
        display: none;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect {
        padding: 18px 0px 18px;
        position: relative;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner .mline {
        font-size: 14px;
        line-height: 1.6;
        font-weight: 500;
        color: #555555;
        padding: 10px 70px;
        margin: 0 auto;
        text-align: center;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner .mline img {
        width: 30px;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner .rate2 {
        font-size: 14px;
        line-height: 22px;
        font-weight: 500;
        color: #555555;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect::after {
        content: "";
        width: 1px;
        height: 18px;
        background-color: #ccc;
        position: absolute;
        left: 50%;
        bottom: 0;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect::before {
        content: "";
        width: 50%;
        height: 1px;
        background-color: #ccc;
        position: absolute;
        left: 25%;
        top: 122px;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect .inner {
        width: 240px;
        height: 86px;
        border-radius: 43px;
        background-color: #b3cf0a;
        padding: 17px 56px;
        margin: 0 auto;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect .inner img {
        width: 100%;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area3::after {
        display: none;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area32::after {
        display: none;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap.rect-area4 {
        background-image: url(../images/sustainability/sg_backg1.png);
        background-size: 500px 340px;
        background-position: center -20px;
        background-repeat: no-repeat;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area31::after {
        display: none;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner2 {
        position: relative;
        margin: 10px 0 10px 0;
        display: block;
        justify-content: center;
        background-color: #f8f8f8;
        padding: 14px 20px;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner2 .txtsub {
        font-size: 14px;
        line-height: 1.7;
        font-weight: 500;
        color: #555555;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area33::after {
        content: "";
        width: 50%;
        height: 0px;
        background-color: #ccc;
        position: absolute;
        left: 25%;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area34::after {
        content: "";
        width: 50%;
        height: 0px;
        background-color: #ccc;
        position: absolute;
        left: 25%;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner .rate4 {
        margin: 10px 0 10px 0;
        display: block;
        background-color: #f8f8f8;
        padding: 14px 70px;
        font-size: 16px;
        line-height: 1.7;
        font-weight: 800;
        color: #555555;
        text-align: center;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 .inner img {
        width: 30px;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 .inner .sub1 {
        padding-top: 0px;
        font-size: 14px;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 .inner .sub4 {
        padding: 0 0 20px 0;
        font-size: 14px;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .w-head .title {
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        text-align: center;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr2 {
        position: relative;
        padding-bottom: 0px;
        border-left: 0px dashed #dedede;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr2.d_boxr2none {
        border-left: 0px dashed #dedede;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr2.botton_item {
        padding-bottom: 0;
        padding-top: 0px;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr2.botton_item::after {
        top: 0;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr2.botton_item::before {
        top: 65px;
        transform: translate(-50%, -50%);
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr2 .inner {
        position: relative;
        border-left: 0px dashed #dedede;
        border-radius: 10px;
        padding: 20px 30px 20px 30px;
        margin-bottom: 0px;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr2 .innerx {
        border-bottom: 1px dashed #dedede;
        margin-bottom: 20px;
        padding: 20px 30px 20px 30px;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr2 .inner .item-box {
        display: flex;
        justify-content: center;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr2 .inner .item-box>.title {
        font-size: 20px;
        line-height: 30px;
        font-weight: 600;
        color: #16873e;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 .inner .sub3 {
        display: block;
        border-radius: 60px;
        background-color: #55a30f;
        padding: 10px;
        margin: 25px auto;
        width: 320px;
        font-size: 17px;
        line-height: 24px;
        font-weight: 600;
        color: #ffffff;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area35::after {
        content: "";
        width: 50%;
        height: 1px;
        background-color: #ccc;
        position: absolute;
        left: 25%;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 {
        padding: 0px 0 0px 0;
        position: relative;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect4::after {
        content: "";
        width: 1px;
        height: 20px;
        background-color: #ccc;
        position: absolute;
        left: 50%;
        bottom: 0;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr .inner .item-box>.title {
        font-size: 17px;
        line-height: 30px;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr .inner .item-box>.mark_dot-list li {
        color: #555;
        font-size: 14px;
        line-height: 22px;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr .inner .item-box>.mark_dot-list li::after {
        width: 4px;
        height: 4px;
        background-color: #555555;
        border-radius: 50%;
        top: 11px;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr .inner .item-box>.mark_dot-list li:first-child {
        margin-top: 6px;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr .inner .item-box>.mark_dot-list li+li {
        margin-top: 4px;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr .inner {
        position: relative;
        border: 1px solid #ccc;
        border-radius: 0px;
        padding: 20px 20px 24px 20px;
        min-height: 232px;
    }
    .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr .inner>.simg>img {
        width: 45px;
    }
}

/* 2024-10-22 추가 */

table.list_table thead tr:first-child th.tr1 {
    border-right: 1px solid #dedede;
}

table.list_table thead tr:first-child th.tl1 {
    border-left: 1px solid #dedede;
}

.sustainability-section .ssb-g_1-panel .graph-area {
    padding: 4% 4%;
    border: 1px solid #dedede;
}

.sustainability-section [class^="ssb-"] .p-head .sub_desc span {
    font-size: 18px;
    line-height: 1.6;
    font-weight: 500;
    color: #555555;
}

.sustainability-section [class^="ssb-"] .p-head .sub_desc span.disc {
    font-size: 13px;
    line-height: 1.6;
    font-weight: 500;
    color: #555555;
}

@media all and (max-width: 1023px) {
    .sustainability-section [class^="ssb-"] .p-head .sub_desc span {
        font-size: 13px;
        line-height: 1.6;
    }
    .sustainability-section [class^="ssb-"] .p-head .sub_desc span.disc {
        font-size: 10px;
        line-height: 1.6;
        font-weight: 500;
        color: #555555;
    }
}

table.list_table2 thead tr th {
    font-size: 14px;
}

table.list_table2 thead tr:first-child th {
    border-right: 0;
}

table.list_table2 thead tr:last-child th {
    border-bottom: 1px solid #999;
}

table.list_table2 thead tr:first-child th.tr1 {
    border-right: 1px solid #dedede;
}

table.list_table2 thead tr:first-child th.tl1 {
    border-left: 1px solid #dedede;
}

table.list_table2 tbody th,
table.list_table2 tbody td {
    font-size: 14px;
    font-weight: 500;
}

table.list_table2 tbody th:first-child,
table.list_table tbody td:first-child {
    border-left: 0;
}

@media all and (max-width: 1023px) {
    table.list_table2 tbody th,
    table.list_table tbody td {
        font-size: 13px;
    }
}

table.list_table2.thumb-list_table tbody td {
    line-height: 30px;
    padding-top: 36px;
    padding-bottom: 36px;
}

table.list_table2.thumb-list_table tbody th {
    padding-left: 0;
}

@media all and (max-width: 1023px) {
    table.list_table2.thumb-list_table colgroup col {
        width: 50% !important;
    }
    table.list_table2.thumb-list_table tbody th,
    table.list_table.thumb-list_table tbody td {
        font-size: 13px;
    }
    table.list_table2.thumb-list_table tbody td {
        white-space: normal;
        word-wrap: break-word;
        word-break: keep-all;
    }
    table.list_table2.thumb-list_table tbody td br {
        display: none;
    }
}

/* 2024-10-22 추가 */

.sustainability-section .subcompany-panel .hskarea {
    margin-top: 80px;
}

.sustainability-section .ssb-g_2-panel .hskarea img {
    width: 100%;
}

.sustainability-section .ssb-g_1-panel .hskarea img {
    width: 100%;
    max-width: 1180px;
}

/* 2024-12-13 */

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .inner-cont2 {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid #dedede;
    min-height: 80px;
    color: #555;
    font-size: 18px;
    line-height: 30px;
    margin-top: 25px;
    position: relative;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .inner-cont2::before,
.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .inner-cont2::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 2px;
    background-color: #999;
    top: -16px;
    left: 50%;
    margin-left: -6px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .inner-cont2::after {
    transform: rotate(-90deg);
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .inner-cont3 {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid #dedede;
    min-height: 137px;
    color: #555;
    font-size: 18px;
    line-height: 30px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .inner-cont4 {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid #dedede;
    min-height: 137px;
    color: #555;
    font-size: 18px;
    line-height: 30px;
    margin-top: 25px;
    position: relative;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .inner-cont4::before,
.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .inner-cont4::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 2px;
    background-color: #999;
    top: -16px;
    left: 50%;
    margin-left: -6px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .inner-cont4::after {
    transform: rotate(-90deg);
}

@media all and (max-width: 1023px) {
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .inner-cont2,
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .inner-cont3,
    .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .inner-cont4 {
        min-height: 60px;
        font-size: 13px;
        line-height: 21px;
    }
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .title-box .happybox {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    width: 950px;
    max-width: 100%;
    height: 80px;
    border-radius: 50px;
    background-color: #51555d;
    margin-bottom: 30px;
    position: relative;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .title-box .happybox .txtbox01 {
    border-radius: 50px;
    background-color: #4dae57;
    width: 120px;
    padding: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-right: 50px;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .title-box .happybox .txtbox02 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .title-box .happybox .txtbox02>em {
    color: #60db6d;
    font-size: 20px;
}

@media (max-width: 1023px) {
    .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .title-box .happybox {
        display: block;
        text-align: center;
        margin: auto;
        width: 100%;
        height: 100%;
        padding: 10px;
        border-radius: 50px;
        background-color: #51555d;
        margin-bottom: 30px;
        position: relative;
    }
    .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .title-box .happybox .txtbox01 {
        border-radius: 50px;
        background-color: #4dae57;
        width: 60px;
        padding: 5px;
        font-size: 13px;
        margin: 0 auto;
        margin-bottom: 5px;
    }
    .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .title-box .happybox .txtbox02 {
        font-size: 17px;
    }
    .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .title-box .happybox .txtbox02>em {
        font-size: 17px;
    }
}

/* 2024-12-13 */

@media all and (max-width: 1023px) {
    .sustainability-section [class^=ssb-] .year_2025-area2 .rect_line-box {
        padding: 0px 20px 35px;
    }
    .sustainability-section .subcompany-panel .hskarea {
        margin-top: 60px;
    }
    /*2023-08-29*/
    /* ================= xxx-section ================= */
    /* 
.xxx-section {
  padding: 120px 0;
  @media all and (max-width:$G-wMobile)  { 
    padding: 60px 0;
  }
  .s-head { }
  .s-body { }
  .s-foot { }


  .xxx-panel {

    .p-head { }
    .p-body { }
    .p-foot { }

  }

}
 */
    /*# sourceMappingURL=common_pub.css.map */