.vertical-rlEN {
    writing-mode: vertical-rl;
}


/* common gap */
.gap_7  {gap: 7px !important;}
.gap_9  {gap: 9px !important;}
.gap_17 {gap: 17px !important;}
.gap_32 {gap: 32px !important;}
.gap_50 {gap: 50px !important;}

.gap_32_24 {gap: 32px 24px !important;}

.gap_0_3  {gap: 0 3px !important;}
.gap_0_17 {gap: 0 17px !important;}
.gap_0_19 {gap: 0 19px !important;}
.gap_0_32 {gap: 0 32px !important;}
.gap_0_50 {gap: 0 50px !important;}

/* case */
div.case {padding: 5px 10px; width: 90px; font-weight: 600; font-size: 2rem; color: #ffffff;}
div.case>span {position: absolute; display: block; z-index: 1; font-weight: 700;}
div.case>span.bg {display: inline-block; position: absolute; width: 100%; height: 60px; top: -40px; z-index: 0;}
p.case_title {margin-left: 100px; margin-top: -27px; font-size: 2rem; line-height: 140%; color: #2B2B2B;}
p.case_title1 {margin-left: 0; margin-top: 30px; font-size: 2rem; line-height: 140%; color: #2B2B2B;}
.case_exp {text-align: left; font-size: 1.4rem; font-weight: 400; line-height: 140%; padding: 0 30px 30px; color: #2B2B2B;}
.case_exp p {text-align: left; font-size: 1.4rem; font-weight: 400; line-height: 140% !important;}

.bar .item {
    border-top-left-radius: 5px; border-top-right-radius: 5px;
    border-bottom-left-radius: 0; border-bottom-right-radius: 0;
}
.bar.h .item {
    border-top-left-radius: 0; border-bottom-left-radius: 0;
    border-top-right-radius: 5px; border-bottom-right-radius: 5px;
}
.bar .item p {font-size: 1.6rem; font-weight: 600; line-height: 100%; color: #ffffff;}
@media ( max-width: 1024px ) {
    .bar .item {width: 10% !important; border-top-left-radius: 5px; border-top-right-radius: 5px;}
    .bar .item p {font-size: 1.4rem;}
}
.bnm {width: 100%; font-size: 1.4rem; /*margin-top: 10px;*/}



.tbl .item p,
.tbl .item a {display: inline-block; margin: 4px 0; line-height: 140%; font-size: 1.6rem;}
.tbl .item a>span {display: inline-block; font-size: 1.6rem;}
.tbl .item a:hover>span {text-decoration: underline; color: #000000;}
.tbl .item a>span>span.a_bullet {display: inline-block; margin-left: 5px; margin-bottom: 3px; width: 15px; height: 15px; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("/static/svg/a_bullet.svg"); padding-bottom: 5%;}
.tbl .item a:hover>span>span.a_bullet {background-image: url("/static/svg/a_bullet_hover.svg");}
@media ( max-width: 640px ) {
    .tbl .item p,
    .tbl .item a {display: inline-block; margin: 4px 0; line-height: 140%; font-size: 1.4rem;}
    .tbl .item a>span {display: inline-block; font-size: 1.4rem;}
}
/*.row2 {grid-row: span 2;}*/


/*
------------------------------------------------------------
H O M E - P A G E
------------------------------------------------------------
*/
body.home #Wrap>.container {height: 4406px;}
body.home #Wrap>.container>.bg {
    background-image: url("/static/images/home_anc.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
body.home.mbl #Wrap>.container>.bg {background-image: url("/static/images/home_anc_m.jpg");}
body.home #Wrap>.container .anc1>.container {height: 1639px; overflow: hidden;}
body.home #Wrap>.container .anc2>.container {height: 906px; overflow: hidden;}
body.home #Wrap>.container .anc3>.container {height: 1031px; overflow: hidden;}
body.home #Wrap>.container .anc4>.container {height: 830px; overflow: hidden;}

body.home #Wrap>.container .anc>.container .anc_tit {font-size: 5rem;font-family: "Roboto";}
body.home #Wrap>.container .anc>.container .anc_exp {font-size: 1.8rem; line-height: 160%;}
@media ( max-width: 640px ) {
    body.home #Wrap>.container .anc>.container .anc_tit {font-size: 4rem;}
}

body.home #Wrap>.container .anc1>.container .sec_stit {margin-top: 269px; font-size: 2.6rem;}
body.home #Wrap>.container .anc1>.container .sec_tit {margin-top: 19px; font-size: 6rem;font-family: "Roboto";}
body.home #Wrap>.container .anc1>.container .vline {width: 1px; height: 362px; background: #fff; margin: 34px auto 0;}
body.home #Wrap>.container .anc1>.container .anc_tit {margin-top: 49px;}
body.home #Wrap>.container .anc1>.container .anc_exp {margin-top: 52px;}
body.home #Wrap>.container .anc1>.container .cir_grp {margin-top: 100px; justify-content: center; align-items: flex-start;}
body.home #Wrap>.container .anc1>.container .cir_grp>.crcl {border: 5px solid #00A7E0; width: 240px; height: 240px; border-radius: 999px; margin: 0 43px; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; padding: 0 20px; cursor: pointer;}
body.home #Wrap>.container .anc1>.container .cir_grp>.crcl:first-child {margin-left: 0;}
body.home #Wrap>.container .anc1>.container .cir_grp>.crcl:last-child {margin-right: 0;}
body.home #Wrap>.container .anc1>.container .cir_grp>.crcl .cir_tit {margin: 100px auto 0; font-size: 2.4rem; color: #8FE3FF;}
body.home #Wrap>.container .anc1>.container .cir_grp>.crcl .plus {margin: 15px auto 0; font-size: 6rem; display: none; color: #ffffff;}
body.home #Wrap>.container .anc1>.container .cir_grp>.crcl .exp {margin: 15px auto 0; font-size: 1.6rem; line-height: 160%; display: none; color: #ffffff;}
body.home.en #Wrap>.container .anc1>.container .cir_grp>.crcl .exp {margin: 10px auto 0; font-size: 1.4rem; line-height: 130%;}

body.home #Wrap>.container .anc2>.container .anc_tit {margin-top: 82px;}
body.home #Wrap>.container .anc2>.container .anc_btn {background: #037CA6; color: #fff; font-size: 1.8rem; border-radius: 999px; width: fit-content; padding: 10px 50px; margin: 44px auto 0;}
body.home #Wrap>.container .anc2>.container .anc_exp {margin-top: 52px;}
body.home #Wrap>.container .anc2>.container .bx_grp {margin-top: 100px; justify-content: center; align-items: flex-start; flex-wrap: wrap; row-gap: 2%;}
body.home #Wrap>.container .anc2>.container .bx_grp .bx {width: 18% !important; height: 134px; border-radius: 10px; margin: 0 15px; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; padding: 10px 11px; background: linear-gradient(#ffffff, #DAF6FF); cursor: pointer;}
body.home #Wrap>.container .anc2>.container .bx_grp .bx:first-child {margin-left: 0;}
body.home #Wrap>.container .anc2>.container .bx_grp .bx:last-child {margin-right: 0;}
body.home #Wrap>.container .anc2>.container .bx_grp .bx .bxs {display: flex; align-items: center; justify-content: flex-start; flex-direction: column; width: 100%; height: 100%; cursor: pointer;}
body.home #Wrap>.container .anc2>.container .bx_grp .bx .bxs .cat {position: absolute; top: 0; width: 100%; height: 20px; background: #99c2d1; border-radius: 5px; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; font-weight: 700; color: #fbfdfd;}
body.home #Wrap>.container .anc2>.container .bx_grp .bx .bxs:hover .cat {background: #02678a; color: #80b3c5;}
body.home #Wrap>.container .anc2>.container .bx_grp .bx .bxs .ttl_3 {margin-top: 40px; font-size: 2.4rem; color: #000000; line-height: 130%;}
body.home.en #Wrap>.container .anc2>.container .bx_grp .bx .bxs .ttl_3 {margin-top: 40px; font-size: 1.8rem; color: #000000; line-height: 120%;}
body.home #Wrap>.container .anc2>.container .bx_grp .bx .bxs .ttl_3>.icon {position: absolute; top: -23px; left: 50%; transform: translate(-50%); background-color: #40ACD0; color: #ffffff; padding: 2px 7px; border-radius: 5px; font-size: 1.6rem;font-weight: 600; line-height: 100%; }
body.home #Wrap>.container .anc2>.container .bx_grp .bx.mo.mtn .bxs .ttl_3>.icon {background-color: #ffffff; color: #40ACD0;}
body.home #Wrap>.container .anc2>.container .bx_grp .bx .bxs .plus {margin: 20px auto; font-size: 6rem; color: #ffffff; display: none;}
body.home.en #Wrap>.container .anc2>.container .bx_grp .bx .bxs .plus {margin: 10px auto; font-size: 5rem;}
body.home #Wrap>.container .anc2>.container .bx_grp .bx .bxs .exp {margin: 15px auto 0; font-size: 1.6rem; line-height: 160%; color: #ffffff; display: none;}
body.home.en #Wrap>.container .anc2>.container .bx_grp .bx .bxs .exp {margin: 10px auto 0; font-size: 1.4rem; line-height: 130%;}

body.home #Wrap>.container .anc3>.container .anc_tit {margin-top: 83px;}
body.home #Wrap>.container .anc3>.container .anc_exp {margin-top: 52px;}
body.home #Wrap>.container .anc3>.container .pic_grp {margin-top: 143px; justify-content: space-around; align-items: flex-start; column-gap: 3%;}
body.home #Wrap>.container .anc3>.container .pic_grp>.pic {width: 400px; height: 400px; border-radius: 999px; display: flex; align-items: center; justify-content: center; flex-direction: column; cursor: pointer;}
body.home #Wrap>.container .anc3>.container .pic_grp>.pic>.pic_bg {position: absolute; top:0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 999px; background-size: cover; background-position: center; background-repeat: no-repeat;}
body.home #Wrap>.container .anc3>.container .pic_grp>.pic:first-child {margin-left: 0;}
body.home #Wrap>.container .anc3>.container .pic_grp>.pic:last-child {margin-right: 0;}
body.home #Wrap>.container .anc3>.container .pic_grp>.pic.p1.mo>.pic_bg {background-color: #8CC051;}
body.home #Wrap>.container .anc3>.container .pic_grp>.pic.p2.mo>.pic_bg {background-color: #FFB724;}
body.home #Wrap>.container .anc3>.container .pic_grp>.pic.p3.mo>.pic_bg {background-color: #C28E40;}
body.home #Wrap>.container .anc3>.container .pic_grp>.pic.p1>.pic_bg {background-image: url("/static/images/p1_bg.jpg")}
body.home #Wrap>.container .anc3>.container .pic_grp>.pic.p2>.pic_bg {background-image: url("/static/images/p2_bg.jpg")}
body.home #Wrap>.container .anc3>.container .pic_grp>.pic.p3>.pic_bg {background-image: url("/static/images/p3_bg.jpg")}
body.home #Wrap>.container .anc3>.container .pic_grp>.pic .pic_tit {margin: 0 auto; font-size: 3.6rem; color: #ffffff; font-weight: 600; text-shadow: 0 0 10px #000;}
body.home #Wrap>.container .anc3>.container .pic_grp>.pic .pic_tit1 {margin: 0 auto; font-size: 3.6rem; color: #ffffff; font-weight: 600;display: none;}
body.home #Wrap>.container .anc3>.container .pic_grp>.pic .plus {margin: 15px auto 0; font-size: 6rem;  color: #ffffff; display: none;}
body.home.en #Wrap>.container .anc3>.container .pic_grp>.pic .plus {margin: 10px auto 0; font-size: 5rem;}
body.home #Wrap>.container .anc3>.container .pic_grp>.pic .exp {margin: 15px auto 0; font-size: 1.6rem; line-height: 160%; color: #ffffff; padding: 20px; display: none;}
body.home.en #Wrap>.container .anc3>.container .pic_grp>.pic .exp {margin: 10px auto 0; font-size: 1.4rem; padding: 10px 20px;}
body.home #Wrap>.container .anc3>.container .pic_grp>.pic .pic_shadow {position: absolute; top: 330px; z-index: -2;}

body.home #Wrap>.container .anc4>.container .anc_tit {margin-top: 83px; color: #000000;}
body.home #Wrap>.container .anc4>.container .anc_exp {margin-top: 52px; color: #000000;}
body.home #Wrap>.container .anc4>.container .line_grp {margin-top: 100px; align-items: flex-start; justify-content: space-between; column-gap: 1%; }
body.home #Wrap>.container .anc4>.container .line_grp>.line {width: 200px; height: 108px; border-top: 1px solid #000; border-bottom: 1px solid #000; display: flex; align-items: center; justify-content: center; cursor: pointer;}
body.home #Wrap>.container .anc4>.container .line_grp>.line .lines {display: flex; align-items: center; justify-content: space-between; flex-direction: column;}
body.home.en #Wrap>.container .anc4>.container .line_grp>.line .lines {padding: 0 10px;}
body.home #Wrap>.container .anc4>.container .line_grp>.line .lines .line_tit {margin: 0 auto; font-size: 1.8rem; line-height: 130%; color: #000000;}
body.home.en #Wrap>.container .anc4>.container .line_grp>.line .lines .line_tit {font-size: 1.6rem;}
body.home #Wrap>.container .anc4>.container .line_grp>.line .lines .plus {font-size: 6rem;  color: #ffffff; display: none;}
body.home #Wrap>.container .anc4>.container .line_grp>.line .lines .exp {font-size: 1.6rem; line-height: 160%; color: #ffffff; display: none;}

body.home.en #Wrap>.container .container .anc_exp {margin-left: auto; margin-right: auto; padding: 0 8%;}


@media ( max-width: 1320px ) {
    body.home #Wrap>.container .plus {margin: 18px auto !important; font-size: 4rem !important;}

    body.home #Wrap>.container .anc3>.container .pic_grp {column-gap: 1%;}
    body.home #Wrap>.container .anc3>.container .pic_grp>.pic {width: 330px; height: 330px;}
    body.home #Wrap>.container .anc3>.container .pic_grp>.pic .pic_tit,
    body.home #Wrap>.container .anc3>.container .pic_grp>.pic .pic_tit1 {font-size: 3rem !important;}
    body.home #Wrap>.container .anc3>.container .pic_grp>.pic .exp {margin: 10px auto 0; font-size: 1.6rem; line-height: 160%;}
    body.home #Wrap>.container .anc3>.container .pic_grp>.pic .pic_shadow {top: 280px;}
}

@media ( max-width: 1200px ) {
    body.home #Wrap>.container .plus {margin: 15px auto !important; font-size: 3.5rem !important;}

    body.home #Wrap>.container .anc2>.container .bx_grp {margin-top: 100px; column-gap: 5px; row-gap: 2%;}
    body.home #Wrap>.container .anc2>.container .bx_grp .bx {width: 18% !important; height: 124px; border-radius: 10px; margin: 0 8px; padding: 14px 15px; }
    body.home #Wrap>.container .anc2>.container .bx_grp .bx .ttl_3 {font-size: 2rem !important; line-height: 120%;}
    body.home #Wrap>.container .anc2>.container .bx_grp .bx .ttl_3>.icon {top: -20px; padding: 2px 7px; font-size: 1.3rem !important; border-radius: 4px;}
    body.home #Wrap>.container .anc2>.container .bx_grp .bx .exp {margin: 0 auto; font-size: 1.4rem; line-height: 150%;}

    body.home #Wrap>.container .anc2>.container .bx_grp .bx .bxs .cat {position: absolute; top: 0; width: 100%; height: 20px; background: #99c2d1; border-radius: 5px; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; font-weight: 700; color: #fbfdfd;}

    body.home #Wrap>.container .anc3>.container .pic_grp {column-gap: 1%;}
    body.home #Wrap>.container .anc3>.container .pic_grp>.pic {width: 280px !important; height: 280px !important;}
    body.home #Wrap>.container .anc3>.container .pic_grp>.pic .pic_tit,
    body.home #Wrap>.container .anc3>.container .pic_grp>.pic .pic_tit1 {font-size: 2.6rem !important;}
    body.home #Wrap>.container .anc3>.container .pic_grp>.pic .exp {font-size: 1.4rem !important; line-height: 150% !important;}
    body.home #Wrap>.container .anc3>.container .pic_grp>.pic .pic_shadow {top: 230px;}
}

@media ( max-width: 1024px ) {
    body.home #Wrap>.container .plus {margin: 12px auto !important; font-size: 3.2rem !important;}

    body.home #Wrap>.container .anc2>.container .bx_grp .bx {width: 18% !important; height: 104px; border-radius: 7px; margin: 7px; padding: 9px 10px; }
    body.home #Wrap>.container .anc2>.container .bx_grp .bx .ttl_3 {font-size: 1.8rem !important; line-height: 120%;}

    body.home #Wrap>.container .anc3>.container .pic_grp>.pic {width: 280px; height: 280px;}
    body.home #Wrap>.container .anc3>.container .pic_grp>.pic .pic_shadow {top: 210px;}
}

@media ( max-width: 960px ) {
    body.home #Wrap>.container .plus {margin: 10px auto !important; font-size: 3rem !important;}

    body.home #Wrap>.container .anc1>.container .cir_grp>.crcl {width: 220px; height: 220px; margin: 0 10px; padding: 0 20px;}
    body.home #Wrap>.container .anc1>.container .cir_grp>.crcl .cir_tit {margin: 95px auto 0; font-size: 2.2rem;}
    body.home #Wrap>.container .anc1>.container .cir_grp>.crcl .exp {margin: 12px auto 0; font-size: 1.4rem; line-height: 150%;}

    body.home #Wrap>.container .anc2>.container .bx_grp {flex-wrap: wrap; row-gap: 10px; column-gap: 1%;}
    body.home #Wrap>.container .anc2>.container .bx_grp .bx {width: 18% !important; height: 100px; border-radius: 10px; margin: 0 5px; padding: 7px 8px; }
    body.home #Wrap>.container .anc2>.container .bx_grp .bx .ttl_3 {margin: 6px auto 0; font-size: 1.8rem !important; line-height: 120%;}
    body.home #Wrap>.container .anc2>.container .bx_grp .bx .ttl_3>.icon {top: -18px; padding: 2px 6px; font-size: 1.2rem !important; border-radius: 3px;}
    body.home #Wrap>.container .anc2>.container .bx_grp .bx .exp {font-size: 1.2rem !important; line-height: 160%;}
    body.home #Wrap>.container .anc2>.container .bx_grp .bx .bxs .ttl_3 {margin-top: 35px; font-size: 1.8rem;}

    body.home #Wrap>.container .anc3>.container .pic_grp {column-gap: 2%;}
    body.home #Wrap>.container .anc3>.container .pic_grp>.pic {width: 230px !important; height: 230px !important;}
    body.home #Wrap>.container .anc3>.container .pic_grp>.pic .pic_tit,
    body.home #Wrap>.container .anc3>.container .pic_grp>.pic .pic_tit1 {font-size: 2.5rem !important;}
    body.home #Wrap>.container .anc3>.container .pic_grp>.pic .exp {font-size: 1.2rem !important; line-height: 150% !important;}
    body.home #Wrap>.container .anc3>.container .pic_grp>.pic .pic_shadow {top: 190px;}

    body.home #Wrap>.container .anc4>.container .line_grp>.line {width: 17%; height: 112px;}
    body.home #Wrap>.container .anc4>.container .line_grp>.line .line_tit {font-size: 1.5rem !important;}
    body.home #Wrap>.container .anc4>.container .line_grp>.line .exp {font-size: 1.5rem !important; line-height: 150%;}
}
@media ( max-width: 760px ) {
    body.home #Wrap>.container .plus {margin: 7px auto !important; font-size: 2.5rem !important;}

    body.home #Wrap>.container .anc1>.container .cir_grp>.crcl {border: 4px solid #00A7E0; width: 180px; height: 180px; margin: 0 10px; padding: 9px 10px;}
    body.home #Wrap>.container .anc1>.container .cir_grp>.crcl .cir_tit {margin: 74px auto 0; font-size: 2rem;}
    body.home #Wrap>.container .anc1>.container .cir_grp>.crcl .exp {margin: 8px auto 0; font-size: 1.3rem; line-height: 140%;}

    body.home #Wrap>.container .anc2>.container .bx_grp {flex-wrap: wrap; row-gap: 10px; column-gap: 1%;}
    body.home #Wrap>.container .anc2>.container .bx_grp .bx {width: 18% !important; height: 90px; border-radius: 7px; margin: 0 4px; padding: 4px 5px; }
    body.home #Wrap>.container .anc2>.container .bx_grp .bx .ttl_3 {margin: 6px auto 0; font-size: 1.4rem !important; line-height: 120%;}
    body.home #Wrap>.container .anc2>.container .bx_grp .bx .ttl_3>.icon {top: -16px !important; padding: 1px 4px; font-size: 1.1rem !important; border-radius: 2px;}
    body.home #Wrap>.container .anc2>.container .bx_grp .bx .exp {font-size: 1.1rem !important; line-height: 160%;}
    body.home #Wrap>.container .anc2>.container .bx_grp .bx .bxs .ttl_3 {margin-top: 35px; font-size: 1.6rem;}

    body.home #Wrap>.container .anc3>.container .pic_grp {column-gap: 1%;}
    body.home #Wrap>.container .anc3>.container .pic_grp>.pic {width: 200px !important; height: 200px !important;}
    body.home #Wrap>.container .anc3>.container .pic_grp>.pic .pic_tit,
    body.home #Wrap>.container .anc3>.container .pic_grp>.pic .pic_tit1 {font-size: 2.2rem !important;}
    body.home #Wrap>.container .anc3>.container .pic_grp>.pic .exp {font-size: 1rem !important; line-height: 150% !important;}
    body.home #Wrap>.container .anc3>.container .pic_grp>.pic .pic_shadow {top: 170px;}

    body.home #Wrap>.container .anc4>.container .line_grp>.line {width: 17%; height: 110px;}
    body.home #Wrap>.container .anc4>.container .line_grp>.line .line_tit {font-size: 1.3rem !important;}
    body.home #Wrap>.container .anc4>.container .line_grp>.line .exp {font-size: 1.3rem !important; line-height: 140%;}
}

@media ( max-width: 640px ) {
    body.home #Wrap>.container .anc>.container .anc_exp {font-size: 1.6rem; line-height: 150%;}

    body.home #Wrap>.container .plus {margin: 2px auto !important; font-size: 2rem !important;}

    body.home #Wrap>.container .anc1>.container .cir_grp>.crcl {border: 3px solid #00A7E0; width: 100px; height: 100px; margin: 0 5px; padding: 9px 10px;}
    body.home #Wrap>.container .anc1>.container .cir_grp>.crcl .cir_tit {margin: 25px auto 0; font-size: 1.4rem;}
    body.home #Wrap>.container .anc1>.container .cir_grp>.crcl .exp {margin: 5px auto 0; font-size: 1.2rem; line-height: 130%;}

    body.home #Wrap>.container .anc1>.container .sec_stit {margin-top: 269px; font-size: 2.3rem;}
    body.home #Wrap>.container .anc1>.container .sec_tit {font-size: 4.2rem;}

    body.home #Wrap>.container .anc2>.container .bx_grp {flex-wrap: wrap; row-gap: 10px; column-gap: 1%;}
    body.home #Wrap>.container .anc2>.container .bx_grp .bx {width: 100px; height: 80px; border-radius: 5px; margin: 0 2px; padding: 0 5px; }
    body.home #Wrap>.container .anc2>.container .bx_grp .bx .ttl_3 {margin: 0 auto; font-size: 1.2rem !important; line-height: 120%;}
    body.home #Wrap>.container .anc2>.container .bx_grp .bx .ttl_3>.icon {top: -20px !important; padding: 1px 3px; font-size: 1rem !important; border-radius: 2px;}
    body.home #Wrap>.container .anc2>.container .bx_grp .bx .bxs .cat {position: absolute; top: 2px; width: 100%; height: 20px; border-radius: 5px; font-size: .8rem;}
    body.home #Wrap>.container .anc2>.container .bx_grp .bx .bxs .ttl_3 {margin-top: 35px;  font-size: 1.4rem;}

    body.home #Wrap>.container .anc3>.container .pic_grp {column-gap: 1%;}
    body.home #Wrap>.container .anc3>.container .pic_grp>.pic {width: 180px !important; height: 180px !important;}
    body.home #Wrap>.container .anc3>.container .pic_grp>.pic .pic_tit,
    body.home #Wrap>.container .anc3>.container .pic_grp>.pic .pic_tit1 {font-size: 2rem !important;}
    body.home #Wrap>.container .anc3>.container .pic_grp>.pic .exp {font-size: .8rem !important; line-height: 150% !important;}
    body.home #Wrap>.container .anc3>.container .pic_grp>.pic .pic_shadow {top: 150px;}

    body.home #Wrap>.container .anc4>.container .line_grp>.line {width: 17%; height: 108px;}
    body.home #Wrap>.container .anc4>.container .line_grp>.line .line_tit {font-size: 1rem !important;}
    body.home #Wrap>.container .anc4>.container .line_grp>.line .exp {font-size: 1rem !important; line-height: 130%;}
}
@media ( max-width: 480px ) {

    body.home #Wrap>.container .anc2>.container .bx_grp {row-gap: 10px; column-gap: 5px;}
    body.home #Wrap>.container .anc2>.container .bx_grp .bx {min-width: unset; width: 30% !important; height: 80px; border-radius: 5px; margin: 0 2px; padding: 0 2px;}
    body.home #Wrap>.container .anc2>.container .bx_grp .bx .ttl_3 {margin: 0 auto; font-size: 1.2rem !important; line-height: 120%;}
    body.home #Wrap>.container .anc2>.container .bx_grp .bx .ttl_3>.icon {top: -14px; padding: 1px 3px; font-size: 1rem !important; border-radius: 2px;}

    body.home #Wrap>.container .anc3>.container .pic_grp {margin-top: 80px; column-gap: 1%; row-gap: 20px; justify-content: center; align-items: center; flex-direction: column;}
    body.home #Wrap>.container .anc3>.container .pic_grp>.pic {width: 150px !important; height: 150px !important;}
    body.home #Wrap>.container .anc3>.container .pic_grp>.pic .pic_tit,
    body.home #Wrap>.container .anc3>.container .pic_grp>.pic .pic_tit1 {font-size: 1.4rem !important;}
    body.home #Wrap>.container .anc3>.container .pic_grp>.pic .pic_shadow {top: 90px;}

    body.home #Wrap>.container .anc4>.container .line_grp {align-items: center; justify-content: center; flex-wrap: wrap; column-gap: 3%; row-gap: 20px; width: 100%;}
    body.home #Wrap>.container .anc4>.container .line_grp>.line {width: 30% !important;; height: 108px; border-top: 1px solid #000; border-bottom: 1px solid #000; display: flex; align-items: center; justify-content: center; cursor: pointer;}
    body.home #Wrap>.container .anc4>.container .line_grp>.line .lines .line_tit {font-size: 1.4rem !important; line-height: 130%;}
}



/*
 ------------------------------
 sub overview_1
 2023.05.26
 ------------------------------
*/
/* .anc1 __ */
.overview_1 .anc1 .sect .cont {z-index: 1;}
.overview_1 .anc1 .sect.pic {margin-top: -200px; z-index: 0;}
.overview_1 .anc1 .ceo_name {position: relative;}
.overview_1 .anc1 .ceo_sign {position: absolute; display: inline-block; margin-top: -30px; margin-left: 80px;}
.en.overview_1 .anc1 .ceo_sign {position: absolute; display: inline-block; margin-top: -45px; margin-left: 80px;}

@media ( max-width: 1024px ) {
    .overview_1 .anc1 .sect.pic {margin-top: -100px !important;}
    .overview_1 .anc1 .ceo_sign {margin-left: 60px;}
}
@media ( max-width: 960px ) {
    .overview_1 .anc1 .sect.pic {margin-top: -50px !important;}
    .overview_1 .anc1 .ceo_sign {margin-left: 50px;}
}
@media ( max-width: 640px ) {
    .overview_1 .anc1 .sect.pic {margin-top: 50px !important;}
    .overview_1 .anc1 .ceo_sign {position: absolute; display: inline-block; width: 50%;}
}
@media ( max-width: 480px ) {
    .overview_1 .anc1 .sect.pic {margin-top: 30px !important;}
    .overview_1 .anc1 .ceo_sign {margin-left: 40px; width: 30%;}
}




/*
 ------------------------------
 sub overview_2
 ------------------------------
*/
.overview_2 .anc1 .sect .cont {z-index: 1;}
.overview_2 .anc1 .sect.pic {margin-top: 250px; z-index: 0;}
.overview_2 .anc1 .sect.pic>img {position: absolute; bottom: 0; right: 70px;}
.overview_2 .anc1 .esg_sign {position: absolute; display: inline-block; margin-top: -50px; margin-left: 50px;}
@media ( max-width: 1024px ) {
    .overview_2 .anc1 .sect.pic {margin-top: 350px;}
    .overview_2 .anc1 .sect.pic>div:first-child {width: 100% !important;}
    .overview_2 .anc1 .esg_sign {margin-left: 60px;}
}
@media ( max-width: 960px ) {
    .overview_2 .anc1 .sect.pic>img {right: 0; width: 50% !important;}
    .overview_2 .anc1 .esg_sign {margin-top: -50px; margin-left: 30px;}
}

@media ( max-width: 640px ) {
    .ttl_1 {line-height: 110%;}
    .lh10 {margin-top: 10px;}
    .overview_2 .anc1 .sect .cont .mt_70 {margin-top: 40px !important;}
    /*.cont .fs_20 {font-size: 1.6rem !important;}*/
    .overview_2 .anc1 .esg_sign {margin-left: 30px; width: 40%; margin-top: -33px;}
    .en.overview_2 .anc1 .esg_sign {margin-top: -23px;}
    .overview_2 .anc1 .sect.pic {margin-top: 350px; z-index: 0; width: 100%}
    .overview_2 .anc1 .sect.pic>img {width: 50% !important; right: 0;}
}
@media ( max-width: 480px ) {
    .overview_2 .anc1 .sect.pic {margin-top: 200px;}
}



/*
 ------------------------------
 sub overview_3
 ------------------------------
*/
.overview_3 .anc2 #ov3_ucs .gtc6 {
    grid-template-columns: auto 8px 11.8888888888889% 29.1604938271605% 16.6049382716049% 16.2654320987654% !important;
    column-gap: 0; row-gap: 0;
}
/* space */
.overview_3 .anc2 #ov3_ucs .gtc6 .col2 {border-top: 0 !important;}
.overview_3 .anc2 #ov3_ucs .gtc6 .row0.col2 {border-bottom: 0;}

.overview_3 .anc2 #ov3_ucs .gtc6 .row1.col1 {grid-row: span 4;}
.overview_3 .anc2 #ov3_ucs .gtc6 .row5.col1 {grid-row: span 4;}
.overview_3 .anc2 #ov3_ucs .gtc6 .row9.col1 {grid-row: span 3;}
.overview_3 .anc2 #ov3_ucs .gtc6 .row12.col1 {grid-row: span 6;}
.overview_3 .anc2 #ov3_ucs .gtc6 .row18.col1 {grid-row: span 7;}
.overview_3 .anc2 #ov3_ucs .gtc6 .row25.col1 {grid-row: span 5;}
.overview_3 .anc2 #ov3_ucs .gtc6 .row3.col3 {grid-row: span 2;}
.overview_3 .anc2 #ov3_ucs .gtc6 .row1.col3,
.overview_3 .anc2 #ov3_ucs .gtc6 .row1.col5 {grid-row: span 2;}
.overview_3 .anc2 #ov3_ucs .gtc6 .row3.col5 {grid-row: span 2;}
.overview_3 .anc2 #ov3_ucs .gtc6 .row5.col3,
.overview_3 .anc2 #ov3_ucs .gtc6 .row7.col3 {grid-row: span 2;}
.overview_3 .anc2 #ov3_ucs .gtc6 .row5.col5 {grid-row: span 2;}
.overview_3 .anc2 #ov3_ucs .gtc6 .row9.col3 {grid-row: span 2;}
.overview_3 .anc2 #ov3_ucs .gtc6 .row12.col3 {grid-row: span 2;}
.overview_3 .anc2 #ov3_ucs .gtc6 .row14.col3,
.overview_3 .anc2 #ov3_ucs .gtc6 .row14.col5 {grid-row: span 4;}
.overview_3 .anc2 #ov3_ucs .gtc6 .row18.col3 {grid-row: span 3;}
.overview_3 .anc2 #ov3_ucs .gtc6 .row18.col5 {grid-row: span 2;}
.overview_3 .anc2 #ov3_ucs .gtc6 .row21.col3 {grid-row: span 4;}
.overview_3 .anc2 #ov3_ucs .gtc6 .row25.col3 {grid-row: span 3;}
.overview_3 .anc2 #ov3_ucs .gtc6 .row28.col3 {grid-row: span 2;}
.overview_3 .anc2 #ov3_ucs .gtc6 .col5>p {text-align: center;}
.overview_3 .anc2 #ov3_ucs .gtc6 .col4>p,
.overview_3 .anc2 #ov3_ucs .gtc6 .col6>p {text-align: right;}

@media ( max-width: 640px ) {
    .overview_3 .anc2 ._ov3_ucs_>div>div {min-width: 640px;}
}



/*
------------------------------

------------------------------
*/
.overview_3 .anc4 ._doev_ .gtc3 .smpl {width: 31px; height: 14px; margin-right: 5px;}
.overview_3 .anc4 ._doev_ .gtc3 .smpl.s1 {background: #0090C1;}
.overview_3 .anc4 ._doev_ .gtc3 .smpl.s2 {background: #00A7E0;}
.overview_3 .anc4 ._doev_ .gtc3 .smpl.s3 {background: #25B8EA;}
.overview_3 .anc4 ._doev_ .gtc3 .smpl.s4 {background: #6AC8E9;}
.overview_3 .anc4 ._doev_ .gtc3 .smpl.s5 {background: #9ED5E8;}
.overview_3 .anc4 ._doev_ .gtc3 .smpl.s6 {background: #D0DFE3;}
@media ( max-width: 1024px ) {
    .overview_3 .anc4 ._doev_ img {width: 100%;}
}
@media (max-width: 640px) {
    .overview_3 .anc4 ._doev_ .gtc3 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .overview_3 .anc4 ._doev_ .gtc3 p {font-size: 1.2rem;}
}


.overview_3 .anc5 #ov3_tp .gtc6 {
    grid-template-columns: 12.1969696969697% 31.2878787878788% 9.92424242424242% 14.3181818181818% 14.3181818181818% 14.9242424242424%;
    column-gap: 0.606060606060606%; row-gap: 0;
}
.overview_3 .anc5 #ov3_tp .gtc6 .row1.col2 {grid-row: span 4; border-bottom: 0;}
@media (max-width: 1024px) {
    .overview_3 .anc5 ._ov3_tp_>div {min-width: 1024px;}
}



.overview_3 .anc5 #ov3_ct .gtc6 {
    grid-template-columns: 25.0757575757576% 13.030303030303% 15.3030303030303% 14.3181818181818% 14.3181818181818% 14.9242424242424%;
    column-gap: 0.606060606060606%; row-gap: 0;
}
.overview_3 .anc5 #ov3_ct .gtc6 .row1.col2 {grid-row: span 8;}
.overview_3 .anc5 #ov3_ct .gtc6 .row9.col2 {grid-row: span 2;}
@media (max-width: 960px) {
    .overview_3 .anc5 ._ov3_ct_>div {min-width: 960px;}
}


/*
 ------------------------------
 sub overview_4
 ------------------------------
*/
/* section 1 */
@media ( max-width: 640px ) {
    .overview_4 .anc1 ._ov4_1_dgrm1>div>div {min-width: 640px;}
}

@media ( max-width: 640px ) {
    .overview_4 .anc1 ._ov4_1_tbl1>div>div {min-width: 640px;}
}

.overview_4 .anc1 ._updn_.gtc4 {grid-template-columns: 40% 10% 10% 40% !important; height: 100%;}
.overview_4 .anc1 ._updn_.gtc3 {grid-template-columns: 45% 10% 45%;}
.overview_4 .anc1 .bgc_overview4 {background: #9AE5FF; border-top-right-radius: 20px;  border-bottom-right-radius: 20px; border-bottom-left-radius: 20px;}
.overview_4 .anc1 ._committee_ .gtc4 {
    grid-template-columns: 11.1111111111111% 16.9753086419753% 29.320987654321% 38.8888888888889%;
    column-gap: 1.23456790123457%; row-gap: 0;
}
.en.overview_4 .anc1 ._committee_ .gtc4 {
    grid-template-columns: 12.1111111111111% 20.9753086419753% 26.320987654321% 36.8888888888889%;
    column-gap: 1.23456790123457%; row-gap: 0;
}

/* section 2 */
.overview_4 .anc2 ._vision_>div {background: url("/static/svg/pyramid.svg"); background-size: auto; background-repeat: no-repeat; background-position: top; min-height: 440px;}
.overview_4 .anc2 ._vision_ .row1 {min-height: 340px;}
.overview_4 .anc2 ._vision_ .row1 .item {width: 75%; border: 1px solid #ffffff;}
.overview_4 .anc2 ._vision_ .row1 .item span {color: #00F0FF; display: inline-block; margin-right: 20px;}
.overview_4 .anc2 ._vision_ .row2 .cir_tit {background: #ffffff; border: 3px solid #00A7E0; width: 60px; height: 60px; color: #00A7E0; border-radius: 999px;
    position: absolute; top: -30px;
}
.overview_4 .anc2 ._vision_ p{line-height: 120%; text-align: center;}
@media ( max-width: 760px ) {
    .overview_4 .anc2 ._vision_>div>div {width: 760px;}
}

/* section 3 */
@media ( max-width: 960px ) {
    .overview_4 .anc3 ._capsule_>div {width: 960px;}
}

.overview_4 .anc3 ._capsule_>div>.item .cir {width: 106px; height: 106px; border: 2px solid #45D0FF; background: #ffffff; z-index: 2;}
.overview_4 .anc3 ._capsule_>div>.item .cir .inner {width: 90px; height: 90px; background: #00A7E0;}
.overview_4 .anc3 ._capsule_>div>.item.div:last-child {padding: 10px;}
.overview_4 .anc3 ._capsule_ .bg {width: 100%; height: 5px; background: url("/static/svg/dash_gray_5.svg"); background-repeat: repeat-x; background-size: auto; z-index: 1; top: 65px;}
@media ( max-width: 1280px ) {
    .overview_4 .anc3 ._capsule_>.bg {width: 100%;}
    .overview_4 .anc3 ._capsule_>.item {width: 1280px;}

}

/* section 4 */
.overview_4 .anc4 ._mission_ .bx.bgc_sub {font-size: 2rem; height: 46px;}
.overview_4 .anc4 ._mission_ .bx.bdy {min-height: 99px;}
.overview_4 .anc4 ._mission_ .bx.bdy>p {font-size: 1.4rem; font-weight: 400; line-height: 120%;}
.overview_4 .anc4 ._mission_ .rw2 {grid-column: span 3; grid-row: 2;}
@media ( max-width: 760px ) {
    .overview_4 .anc4 ._mission_ .gtc3 {grid-template-columns: repeat(3, minmax(200px, auto)) !important;}
}


/*
 ------------------------------
 sub esghighlights_1
 ------------------------------
*/
.esghighlights_1 .anc1 .tbl .grd .item {padding: 1px 10px 1px 10px; min-height: 28px;}
@media ( max-width: 960px ) {
    .esghighlights_1 .anc1 ._semt_>div {min-width: 960px;}
}


/*
 ------------------------------
 sub esghighlights_2
 ------------------------------
*/
/* anc 1 */
.esghighlights_2 .anc1 ._fe_ {height: 384px; width: 100%; display: flex; align-items: center; padding-bottom: 0;}
.esghighlights_2 .anc1 ._fe_ .bg {width: 100%; height: 311px;}
.esghighlights_2 .anc1 ._fe_ .gtc5 {
    grid-template-columns: 17.7272727272727% 23.5606060606061% 17.3484848484848% 23.5606060606061% 17.7272727272727%;
    column-gap: 0; row-gap: 0;
    width: 100%; height: 311px;
}
.esghighlights_2 .anc1 ._fe_ .gtc5 .crcl_bg {
    margin: 0; width: 311px; height: 311px; opacity: .9;
    background-image: url("/static/svg/c_311_bg.svg"); background-repeat: no-repeat; background-position: center;
    z-index: 1;
    padding: 60px 30px 10px; gap: 50px;
}
.esghighlights_2 .anc1 ._fe_ .gtc5 .crcl_bg>p {text-align: center; color: #ffffff;}
.esghighlights_2 .anc1 ._fe_ .gtc5 .crcl_bg>span {text-align: center; color: #ffffff;}
.esghighlights_2 .anc1 ._fe_ .gtc5 .crcl.cntr {
    width: 384px; height: 384px; z-index: 0;
    background-image: url("/static/svg/crcl_cntr_bg.svg"); background-repeat: no-repeat; background-position: center;
    padding: 40px 50px; color: #ffffff; text-align: center;
}
.esghighlights_2 .anc1 ._fe_ .gtc5 .bx.cont {padding: 10px 40px;}
@media ( max-width: 1320px ) {
    .esghighlights_2 .anc1 ._fe_ .gtc5 {grid-template-columns: 217.58px 289.18px 212.93px 289.18px 217.58px !important;}
    .esghighlights_2 .anc1 ._fe_ .gtc5 .bx.cont {padding: 10px 20px;}
}

/* anc 2 */
.esghighlights_2 .anc2 ._dmap_ .gtc5 {
    grid-template-columns: 32.1212121212121% 1.81818181818182% 32.1212121212121% 1.81818181818182% 32.1212121212121%;
    column-gap: 0; row-gap: 0;
}
.esghighlights_2 .anc2 ._dmap_ .gtc5 .crcl {
    background-image: url("/static/svg/dmap_bg.svg"); background-position: center; background-repeat: no-repeat;
    height: 308px; width: 308px;
    gap: 30px;
}
.esghighlights_2 .anc2 ._dmap_ .gtc5 .item .abs.bx {height: 98px;}
.esghighlights_2 .anc2 ._dmap_ .gtc5 .item.bgc_g0 {align-items: flex-start; justify-content: flex-start; padding: 39px 36px;}
.esghighlights_2 .anc2 ._dmap_ .gtc5 .item.bgc_g0 p {font-size: 1.4rem; font-weight: 600;}
.esghighlights_2 .anc2 ._dmap_ .gtc5 .item.bgc_g0 li {font-size: 1.4rem; font-weight: 400; margin-bottom: 15px; line-height: 140%;}
@media ( max-width: 1024px ) {
    .esghighlights_2 .anc2 ._dmap_ .gtc5 {min-width: 1024px;}
}



.esghighlights_2 .anc2 ._cnip_ .gtc3 {
    grid-template-columns: repeat(3, 1fr) !important;;
    column-gap: 1.81818181818182%; row-gap: 0;
}
.esghighlights_2 .anc2 ._cnip_ .gtc3 .item {padding: 26px 28px 35px;}
.esghighlights_2 .anc2 ._cnip_ .gtc3 .item p {font-size: 1.6rem; font-weight: 500;}
.esghighlights_2 .anc2 ._cnip_ .gtc3 .item .cpsl {flex-wrap: wrap;}
.esghighlights_2 .anc2 ._cnip_ .gtc3 .item .cpsl>div {border: 1px solid #C7C7C7; width: 18px; height: 50px; border-radius: 999px;}
.esghighlights_2 .anc2 ._cnip_ .gtc3 .item .cpsl .w {background: #ffffff;}
.esghighlights_2 .anc2 ._cnip_ .gtc3 .item .cpsl .s {background: #00A7E0; opacity: .2;}
.esghighlights_2 .anc2 ._cnip_ .gtc3 .item .cpsl .b {background: #00A7E0; opacity: 1;}
@media ( max-width: 760px ) {
    .esghighlights_2 .anc2 ._cnip_ .gtc3 {
        grid-template-columns: repeat(1, 1fr) !important;
        column-gap: 0; row-gap: 20px;
    }
}

@media ( max-width: 960px ) {
    .esghighlights_2 .anc2 ._prcss_>div {min-width: 960px;}
}

.esghighlights_2 .anc4 ._hl2_4_tbl0_ .gtc2 {
    grid-template-columns: 30% 70% !important;
    column-gap: 0; row-gap: 0;
}
.esghighlights_2 .anc4 ._hl2_4_tbl0_ .gtc2 .item { padding: 12px 0;}
.esghighlights_2 .anc4 ._hl2_4_tbl0_ .gtc2 .item>p {line-height: 140%;}

.esghighlights_2 .anc4 ._hl2_4_tbl1_ .gtc3 .item:not(.row0) {padding: 20px 10px;}
.esghighlights_2 .anc4 ._hl2_4_tbl1_ .gtc3 .c1 {background: #8CC051 !important;}
.esghighlights_2 .anc4 ._hl2_4_tbl1_ .gtc3 .c2 {background: #F6BB43 !important;}
.esghighlights_2 .anc4 ._hl2_4_tbl1_ .gtc3 .c3 {background: #C28E40 !important;}
.esghighlights_2 .anc4 ._hl2_4_tbl1_ .gtc3 .row0 {border-bottom: 0;}
.esghighlights_2 .anc4 ._hl2_4_tbl1_ .gtc3 .item:not(.row0, .col1)>p,
.esghighlights_2 .anc4 ._hl2_4_tbl1_ .gtc3 .item li {font-size: 1.4rem;}
.esghighlights_2 .anc4 ._hl2_4_tbl1_ .gtc3 {
    grid-template-columns: 32.8282828282828% 32.8282828282828% 32.8282828282828%;
    column-gap: 0; row-gap: 0.757575757575758%;
}
@media ( max-width: 960px ) {
    .esghighlights_2 .anc4 ._hl2_4_tbl1_>div {min-width: 960px;}
}



/* anc 3 */
.esghighlights_2 .anc3 ._issue_ .tbl .gtc7 {
    grid-template-columns: repeat(7, auto);
    column-gap: 0; row-gap: 0;
}

.esghighlights_2 .anc3 #issue .tbl .item:not(.row0) {min-height: 52px; padding: 2px 5px 2px 10px;}
.esghighlights_2 .anc3 #issue .pnt {width: 14px; height: 14px; border-radius: 999px; background: #868686;}
.esghighlights_2 .anc3 #issue .pnt.e {background: #8CC051;}
.esghighlights_2 .anc3 #issue .pnt.s {background: #F6BB43;}
.esghighlights_2 .anc3 #issue .pnt.g {background: #C28E40;}
.esghighlights_2 .anc3 #issue .flx.ccc.fdr {column-gap: 4px;}
.esghighlights_2 .anc3 #issue .tbl .item p.e {color: #20853C;}
.esghighlights_2 .anc3 #issue .tbl .item p.s {color: #FE5D03;}
.esghighlights_2 .anc3 #issue .tbl .item p.g {color: #986110;}

.esghighlights_2 .anc3 #issue .tbl .row4,
.esghighlights_2 .anc3 #issue .tbl .row6,
.esghighlights_2 .anc3 #issue .tbl .row11:not(.col1) {background: #f2fbfd;}
.esghighlights_2 .anc3 #issue .tbl .item .esg_btn {display: inline-block; border-radius: 999px; padding: 5px 20px; background: #00A7E0; color: #ffffff; font-size: 1.4rem; font-weight: 500; min-height: 24px; margin-left: 5px;}
@media ( max-width: 640px ) {
    .esghighlights_2 .anc3 #issue .tbl .item span {font-size: 1.4rem;}
    .esghighlights_2 .anc3 #issue .h_40 {height: 20px !important;}
    .esghighlights_2 .anc3 #issue .pnt {width: 12px; height: 12px;}
}

@media ( max-width: 1100px ) {
    .esghighlights_2 .anc3 ._issue_>div {min-width: 1100px;}
    /*.esghighlights_2 .anc3 #issue .flx.rcr {flex-direction: column !important; justify-content: flex-start !important; align-items: flex-start !important; row-gap: 10px !important;}*/
}

/*
 ------------------------------
 sub esghighlights_3
 ------------------------------
*/
.mxw_300 {max-width: 300px !important;}

/* anc 1 */
.esghighlights_3 .anc1 ._env2_mra_ .gtc2 {
    grid-template-columns: 10% auto;
}


.esghighlights_3 .anc1 ._edotree_ {}


.esghighlights_3 .anc1 ._council_ .grd.vg4>.item {padding: 10px !important;}
.esghighlights_3 .anc1 ._council_ .ico {width: auto; height: 65px; display: flex; align-items: center;}
.esghighlights_3 .anc1 ._council_ .ico>img {height: 100%;}
.esghighlights_3 .anc1 ._council_ .grd.vg4 .fs_20 {text-align: center !important;}
@media ( max-width: 640px ) {
    .esghighlights_3 .anc1 ._council_ .ico {width: auto; height: 65px; display: flex; align-items: center;}
    .esghighlights_3 .anc1 ._council_ .grd.vg4 {grid-template-columns: repeat(2, 1fr) !important; column-gap: 10px; row-gap: 10px;}
    .esghighlights_3 .anc1 ._council_ .grd.vg4 .fs_20 {font-size: 1.6rem !important;}
}

/*.esghighlights_3 .anc1 ._council_ .gtc4 .item {padding: 7px 20px;}
.esghighlights_3 .anc1 ._council_ .gtc4 .item p {text-align: center; font-size: 2rem;}
@media ( max-width: 760px ) {
    .esghighlights_3 .anc1 ._council_>div {min-width: 760px;}
}*/

/* anc 2 */
.esghighlights_3 .anc2 ._strtgy_ {padding: 27px 32px;}
.esghighlights_3 .anc2 ._strtgy_ .gtc5 {
    grid-template-columns: 29.7945205479452% 5.30821917808219% 29.7945205479452% 5.30821917808219% 29.7945205479452%;
    column-gap: 0; row-gap: 0;
}
.esghighlights_3 .anc2 ._strtgy_ .gtc5 .item {border-radius: 999px; justify-content: flex-start; padding-top: 7px;}
.esghighlights_3 .anc2 ._strtgy_ .gtc5 .item>.bx {padding: 10px 20px; gap: 10px;}
.esghighlights_3 .anc2 ._strtgy_ .gtc5 .item>.bx>p {font-size: 1.8rem; font-weight: 600; text-align: center; line-height: 110%;}
.esghighlights_3 .anc2 ._strtgy_ .gtc5 .item>.bx>p>span {font-size: 1.4rem; font-weight: 600;}
.esghighlights_3 .anc2 ._strtgy_ .gtc5 .item>.bx>span {font-size: 1.4rem; font-weight: 400;}

.esghighlights_3 .anc2 ._gpdp_ .gtc2 {
    grid-template-columns: 32.1428571428571% 67.8571428571429%;
}
.esghighlights_3 .anc2 ._gpdp_ .gtc2 .item p {font-size: 2rem;}
.esghighlights_3 .anc2 ._gpdp_ .gtc2 .item p span {margin-right: 10px;}
.esghighlights_3 .anc2 ._gpdp_ .gtc2 .hdr.bx {min-height: 60px;}
.esghighlights_3 .anc2 ._gpdp_ .gtc2 .gtc4 {padding-left: 50px; padding-right: 10px;}
.esghighlights_3 .anc2 ._gpdp_ .gtc2 .gtc4 p {font-size: 1.6rem;}
.esghighlights_3 .anc2 ._gpdp_ .gtc2 .gtc4 .mh50 {z-index: 0; min-height: 50% !important;}
.esghighlights_3 .anc2 ._gpdp_ .gtc2 .gtc4 p {z-index: 1;}
.esghighlights_3 .anc2 ._gpdp_ .gtc2 .gtc4 .bgc_g0>p {font-size: 1.4rem;}
@media ( max-width: 760px ) {
    .esghighlights_3 .anc2 ._gpdp_>div {min-width: 760px;}
}


.esghighlights_3 .anc2 ._greenstar_ .gtc2 {
    grid-template-columns: 21.7194570135747% 72.0361990950226%;
}
.esghighlights_3 .anc2 ._greenstar_ .gtc2 .bgi {min-height: 200px;}
.esghighlights_3 .anc2 ._greenstar_ .gtc2 .i1 {background-image: url("/static/images/gpdp_image1.png");}
.esghighlights_3 .anc2 ._greenstar_ .gtc2 .i2 {background-image: url("/static/images/gpdp_image2.png");}
.esghighlights_3 .anc2 ._greenstar_ .gtc2 .i3 {background-image: url("/static/images/gpdp_image3.png");}
.esghighlights_3 .anc2 ._greenstar_ .gtc2 .i4 {background-image: url("/static/images/gpdp_image4.png");}
.esghighlights_3 .anc2 ._greenstar_ .gtc2 .in {padding: 10px;}
.esghighlights_3 .anc2 ._greenstar_ .gtc2 .in p {font-size: 1.4rem; text-align: center;}
/*@media ( max-width: 1024px ) {
    .esghighlights_3 .anc2 ._greenstar_>div {min-width: 1024px;}
}*/

.esghighlights_3 .anc2 ._2prod_ .gtc2 {
    grid-template-columns: 21.7194570135747% 72.0361990950226%;
}
.esghighlights_3 .anc2 ._2prod_ .gtc2 .gtc2 {
    grid-template-columns: 30.2648171500631% 65.6998738965952%;
}
.esghighlights_3 .anc2 ._2prod_ .gtc2 .bgi {min-height: 200px;}
.esghighlights_3 .anc2 ._2prod_ .gtc2 .i1 {background-image: url("/static/images/2prod_image1.png");}
.esghighlights_3 .anc2 ._2prod_ .gtc2 .i2 {background-image: url("/static/images/2prod_image2.png");}
.esghighlights_3 .anc2 ._2prod_ .gtc2 .i3 {background-image: url("/static/images/2prod_image3.png"); min-height: 149px;}
.esghighlights_3 .anc2 ._2prod_ .gtc2 .gtc9 {
    grid-template-columns: 16.6456494325347% 4.16141235813367% 16.6456494325347% 4.16141235813367% 16.6456494325347% 4.16141235813367% 16.6456494325347% 4.16141235813367% 16.6456494325347%;
}
.esghighlights_3 .anc2 ._2prod_ .gtc2 .gtc9 .ico {width: 45px; height: 45px;}
.esghighlights_3 .anc2 ._2prod_ .gtc2 .gtc9 .txt {height: 40px; justify-content: flex-start;}
.esghighlights_3 .anc2 ._2prod_ .gtc2 .gtc9 .bgc_w.bx {padding: 10px;}
.esghighlights_3 .anc2 ._2prod_ .gtc2 .gtc9 p {text-align: center; line-height: 120%;}
.esghighlights_3 .anc2 ._2prod_ .gtc2 .red {border: 1px solid red;}
/*@media ( max-width: 1024px ) {
    .esghighlights_3 .anc2 ._2prod_>div {min-width: 1024px;}
}*/


.esghighlights_3 .anc2 ._ptrp_ .item .cont.bx>p {font-size: 1.6rem; font-weight: 600; padding: 10px 12px; color: #ffffff;}
.esghighlights_3 .anc2 ._ptrp_ .item .hdr.bx>p {font-size: 1.6rem; font-weight: 600; padding: 10px 12px;}
.esghighlights_3 .anc2 ._ptrp_ .item .bdy.bgc_w.bx {padding: 10px 18px;}
.esghighlights_3 .anc2 ._ptrp_ .item .bdy.bgc_w.bx>p {font-weight: 500;}
.esghighlights_3 .anc2 ._ptrp_ .item .bdy.bgc_g0.bx {padding: 0; overflow: auto;}
.esghighlights_3 .anc2 ._ptrp_ .item .bdy.bgc_g0.bx>p {color: #2B2B2B;}
@media ( max-width: 1024px ) {
    .esghighlights_3 .anc2 ._ptrp_ .item img {width: 100%;}
}

@media ( max-width: 1024px ) {
    .esghighlights_3 .anc2 ._extend_ img {width: 100%;}
}

.esghighlights_3 .anc2 ._2022act_ .vg2>div:first-child {margin-top: -20px; }
.esghighlights_3 .anc2 ._2022act_ .vg2>div:last-child {margin-top: -50px;}
.esghighlights_3 .anc2 ._2022act_ .vg2>div.bx {margin-right: 100px;}
@media ( max-width: 960px ) {
    .esghighlights_3 .anc2 ._2022act_ .vg2>div {margin: 50px 0 30px;}
    .esghighlights_3 .anc2 ._2022act_ .vg2>div:first-child {margin-top: 80px;}
    .esghighlights_3 .anc2 ._2022act_ .vg2>div:last-child {margin-top: 30px; align-items: center !important;}
}
@media ( max-width: 640px ) {
    .esghighlights_3 .anc2 ._2022act_ .vg2>div {margin: 30px;}
    .esghighlights_3 .anc2 ._2022act_ .vg2>div:first-child {margin-top: 80px;}
    .esghighlights_3 .anc2 ._2022act_ .vg2>div:last-child {align-items: center !important;}
    .esghighlights_3 .anc2 ._2022act_ .act_bn {top: 80px;}
}


/* anc 3 */
.esghighlights_3 .anc3 ._lc_ .gtc2 {
    grid-template-columns: 28.343949044586% 71.656050955414%;
    column-gap: 0; row-gap: 0;
}

.esghighlights_3 .anc3 ._hl3_ps_ .gtc6 {
    grid-template-columns: repeat(6, auto);
    column-gap: 1.23456790123457%; row-gap: 0;
}
@media ( max-width: 1024px ) {
    .en.esghighlights_3 .anc3 ._hl3_ps_>div {min-width: 1024px;}
}

.esghighlights_3 .anc3 #qmp .gtc2 {
    grid-template-columns: 23.9197530864198% 74.8456790123457%;
    column-gap: 1.23456790123457%; row-gap: 0;
}

.esghighlights_3 .anc3 #qmcd .gtc4 {
    grid-template-columns: 13.1172839506173% 14.8148148148148% 47.2222222222222% 21.141975308642%;
    column-gap: 1.23456790123457%; row-gap: 0;
}




/*
 ------------------------------
 sub esghighlights_4
 ------------------------------
*/
.esghighlights .bx.bgc_sub>p {text-align: center;}

.esghighlights .anc1 ._infinite_ .gtc3 {grid-template-columns: 26.1865793780687% 8.8379705400982% 64.9754500818331%; }
.esghighlights .anc1 ._infinite_ .gtc3 .bx>p {text-align: center; font-size: 1.6rem;}
.esghighlights .anc1 ._infinite_ .gtc3 .bx>p>span {display: block; font-size: 1.4rem;}
.esghighlights .anc1 ._infinite_ .gtc3 .bx.bgc_sub_light>p,
.esghighlights .anc1 ._infinite_ .gtc3 .bx.bgc_sub_light>span {color: #ffffff;}
.esghighlights .anc1 ._infinite_ .gtc3 .bx.bgc_w>p {font-size: 1.4rem;}
.esghighlights .anc1 ._infinite_ .gtc3 .gtc3 {grid-template-columns: repeat(3, 1fr);}

.esghighlights .anc2 ._qm_ .gtc2 {
    grid-template-columns: 19.7530864197531% 78.858024691358%;
    column-gap: 1.23456790123457%; row-gap: 0;
}


.esghighlights .anc2 ._qmc_ .gtc4 {
    grid-template-columns: 13.1172839506173% 14.8148148148148% 46.9135802469136% 21.4506172839506%;
    column-gap: 1.23456790123457%; row-gap: 0;
}

.esghighlights .anc3 .bgc_sub_gd>p {color: #ffffff; font-size: 1.6rem; font-weight: 600;}
.esghighlights .anc3 ._cic_ .gtc3 {grid-template-columns: 20.3806502775575% 38.7787470261697% 38.7787470261697%;}
.esghighlights .anc3 ._cic_ .dn {background: url("/static/svg/down_arrow.svg"); background-position: center; background-repeat: no-repeat; background-size: contain;}
@media ( max-width: 1024px ) {
    .esghighlights .anc3 ._cic_>div {min-width: 1024px;}
}

@media ( max-width: 960px ) {
    .en.esghighlights .anc2 ._qmc_>.tbl {min-width: 960px;}
}


.esghighlights .anc3 ._iatl1_ .gtc3 {grid-template-columns: 15.8604282315623% 44.3298969072165% 36.6375892149088%;}
.esghighlights .anc3 ._iatl1_ .gtc3 .gtc3 {grid-template-columns: repeat(3, 1fr);}

.esghighlights .anc3 ._iatl2_ .gtc4 {
    grid-template-columns: repeat(4, auto);
    column-gap: 1.23456790123457%; row-gap: 0;
}
@media ( max-width: 1024px ) {
    .esghighlights .anc3 ._iatl2_ .gtc4 {
        grid-template-columns: repeat(4, auto);
        column-gap: 1.23456790123457%; row-gap: 0;
    }
}


@media ( max-width: 1024px ) {
    .esghighlights .anc3 ._iatl_>div {min-width: 1024px;}
}

@media ( max-width: 1024px ) {
    .esghighlights .anc3 ._cspm_>div {min-width: 1024px;}
}


.esghighlights .anc3 ._svs_ .gtc2 {grid-template-columns: 21.2171052631579% 78.7828947368421%;}
.esghighlights .anc3 ._svs_ .gtc2 .bx {min-height: 100px; font-size: 1.4rem;}
.esghighlights .anc3 ._svs_ .gtc2 ul li {margin-bottom: 5px;}
.esghighlights .anc3 ._svs_ .gtc2 ul li:last-child {margin-bottom: 0;}
@media ( max-width: 560px ) {
    .esghighlights_4 .anc3 ._svs_>div {min-width: 560px;}
}

.esghighlights .anc3 ._pdp_ .gtc3 {grid-template-columns: 46.875% 6.25% 46.875%;}
.esghighlights .anc3 ._pdp_ .gtc3 .gtc3 {grid-template-columns: 50% 1px 50%;}

@media ( max-width: 1024px ) {
    .esghighlights .anc3 ._pdp_>div {min-width: 1024px;}
}

/*
 ------------------------------
 sub esghighlights_4
 ------------------------------
*/

/* anc 4 */
.esghighlights_4 .anc4 ._mng_  .gtc5 .hdr>p {font-size: 20px; font-weight: 500;}
.esghighlights_4 .anc4 ._mng_  .gtc5 .hdr>p:last-child {font-size: 20px; font-weight: 600;}
.esghighlights_4 .anc4 ._mng_  .gtc5 .bdy>p>span {font-weight: 600;}
@media ( max-width: 760px ) {
    .esghighlights_4 .anc4 ._mng_>div {min-width: 760px}

}



/*
 ------------------------------
 sub esghighlights_5
 ------------------------------
*/
.pb_12 {padding-bottom: 12px !important;}

.pd_tb_20 {padding-top: 20px !important; padding-bottom: 20px !important;}
.pd_lr_50 {padding-left: 50px !important; padding-right: 50px !important;}

.esghighlights_5 .bgc_sub_light1 {background-color: #e5f4f9 !important;}
.esghighlights_5 .bgc_sub_light2 {background-color: #cae6ee !important;}
.esghighlights_5 .bgc_sub_light3 {background-color: #a0d6e8 !important; margin-bottom: 10px;}

.esghighlights_5 .anc1 ._org1_ {/*grid-column: 1/1; grid-row : 1/1;*/}
.esghighlights_5 .anc1 ._org1_ .gc1 {grid-column: 1/2;}
.esghighlights_5 .anc1 ._org1_ .gtc3 {grid-template-columns: 49.6815286624204% 9.87261146496815% 40.4458598726115%;}
.esghighlights_5 .anc1 ._org1_ .gtc3 .bx {font-size: 1.8rem;}
.esghighlights_5 .anc1 ._org1_ .gtc3 .h_ln {width: 54.2%;}
.esghighlights_5 .anc1 ._org1_ .gtc3 .gr_2 {grid-column: 2/3; grid-row : 7/8;}
.esghighlights_5 .anc1 ._org1_ .gtc3 .gr_2 .h_ln {width: 100%;}
.esghighlights_5 .anc1 ._org1_ .gtc3 .gr_3 {grid-column: 3/4; grid-row : 3/13;}

.esghighlights_5 .anc1 ._org2_ {/*grid-column: 2/2; grid-row : 1/1;*/}
.esghighlights_5 .anc1 ._org2_ .bx {font-size: 1.8rem;}
.esghighlights_5 .anc1 ._org2_ .h_a {height: 56%;}

.esghighlights_5 .anc2 .gtc5 .bx>p {font-size: 1.6rem; margin-bottom: 15px;}
.esghighlights_5 .anc2 ._cycle_ ul {margin-top: 14px; padding-right: 5px;}
.esghighlights_5 .anc2 ._cycle_ ul>li {font-size: 1.4rem; font-weight: 300; line-height: 120%; margin-top: 5px;}

.esghighlights_5 .anc2 ._cycle_ .gtc5 {grid-template-columns: 30.5280528052805% 4.12541254125413% 30.5280528052805% 4.12541254125413% 30.5280528052805%;}
.esghighlights_5 .anc2 ._cycle_ .gr ul {min-height: 100px;}
.esghighlights_5 .anc2 ._cycle_ .gr ul li {margin-bottom: 5px; line-height: 130%;}
.esghighlights_5 .anc2 ._cycle_ .gtc3 .gtc3 {grid-template-columns: 50% 1px 50%; font-size: 1.4rem; font-weight: 300;}
.esghighlights_5 .anc2 ._cycle_ .gtc3 .gtc3 .h_ln {grid-column: 1/4;}
.esghighlights_5 .anc2 ._cycle_ .gtc3 .gtc3 .item {height: 20px;}
@media ( max-width: 1024px ) {
    .esghighlights_5 .anc2 ._cycle_ .poster_h {position: relative !important; padding: 0 !important; margin-top: 20px;}
}

/* .tbl._protection_ */
.esghighlights_5 .anc2 ._protection_ .gtc4 {
    grid-template-columns: 15.8950617283951% 14.1975308641975% 27.0061728395062% 39.1975308641975%;
    column-gap: 1.23456790123457%; row-gap: 0;
}
@media ( max-width: 640px ) {
    .en.esghighlights_5 .anc2 ._protection_>div {min-width: 640px;}
}


/* .tbl._cert_ */
.esghighlights_5 .anc2 ._cert_ .gtc3 {
    grid-template-columns: 16.0493827160494% 41.820987654321% 39.6604938271605%;
    column-gap: 1.23456790123457%; row-gap: 0;
}
.esghighlights_5 .anc2 ._cert_ .gtc3 .mrg_23 {grid-column: 2/4;}
@media ( max-width: 640px ) {
    .esghighlights_5 .anc2 ._cert_>div {min-width: 640px;}
}


.esghighlights_5 .anc3 ._framework_ {}
.esghighlights_5 .anc3 ._framework_ .bdy>p {font-size: 1.6rem; font-weight: 400; line-height: 150%;}

.esghighlights_5 .anc3 ._check_ .gtc7 {
    grid-template-columns: 18.01872074883% 2.26209048361934% 18.01872074883% 2.26209048361934% 18.01872074883% 2.26209048361934% 39.3135725429017%;
}
.esghighlights_5 .anc3 ._check_ .bx {font-size: 1.8rem;}
.esghighlights_5 .anc3 ._check_ .bb {bottom: -50px; z-index: 1;}
@media ( max-width: 640px ) {
    .esghighlights_5 .anc3 ._check_>div {min-width: 640px;}
}

@media ( max-width: 760px ) {
    .esghighlights_5 .anc3 ._sipr_>div {min-width: 760px;}
}



.esghighlights_5 .anc3 ._real_ .gtc5 {grid-template-columns: 31.9032761310452% 2.34009360374415% 31.9032761310452% 2.34009360374415% 31.9032761310452%;}
.esghighlights_5 .anc3 ._real_ .bx {font-size: 1.8rem;}

.esghighlights_5 .anc3 ._after_ .bdy>p {font-size: 1.6rem; font-weight: 400; line-height: 150%;}

.esghighlights_5 .anc3 ._process_ .gtc7 {grid-template-columns: 23.2449297971919% 2.34009360374415% 23.2449297971919% 2.34009360374415% 23.2449297971919% 2.34009360374415% 23.2449297971919%;}
.esghighlights_5 .anc3 ._process_ .gtc7 .flx>p {margin-bottom: 15px;}
.esghighlights_5 .anc3 ._process_ .gtc7 .flx>ul {margin-top: 14px; padding-right: 5px; min-height: 100px;}
.esghighlights_5 .anc3 ._process_ .gtc7 .flx>ul>li {font-size: 1.6rem; font-weight: 400; line-height: 160%; margin-top: 5px;}
/*.esghighlights_5 .anc3 ._process_ .gtc7 .gtc3 .h_ln {grid-column: 1/4;}
.esghighlights_5 .anc3 ._process_ .gtc7 .gtc3 .item {height: 20px;}*/

/* .tba._react_ */
.esghighlights_5 .anc3 ._react_ .gtc11 {
    grid-template-columns: 3.93939393939394% 4.6969696969697% 5.45454545454545% 0.606060606060606% 27.4242424242424% 0.606060606060606% 21.5151515151515% 0.606060606060606% 19.7727272727273% 0.606060606060606% 14.7727272727273%;
    column-gap: 0; row-gap: 0;
}
.esghighlights_5 .anc3 ._react_ .gtc11 .item {padding-top: 10px; padding-bottom: 10px; font-weight: 500;}
.esghighlights_5 .anc3 ._react_ .gtc11 .item.row0>p {font-weight: 300;}
/*.esghighlights_5 .anc3 ._react_ .gtc11 .col1,
.esghighlights_5 .anc3 ._react_ .gtc11 .col2,
.esghighlights_5 .anc3 ._react_ .gtc11 .col3 {font-weight: 500;}*/
.esghighlights_5 .anc3 ._react_ .gtc11 .row0.col4,
.esghighlights_5 .anc3 ._react_ .gtc11 .row0.col6,
.esghighlights_5 .anc3 ._react_ .gtc11 .row0.col8,
.esghighlights_5 .anc3 ._react_ .gtc11 .row0.col10 {border-bottom: 0;}
.esghighlights_5 .anc3 ._react_ .gtc11 .col4,
.esghighlights_5 .anc3 ._react_ .gtc11 .col6,
.esghighlights_5 .anc3 ._react_ .gtc11 .col8,
.esghighlights_5 .anc3 ._react_ .gtc11 .col10 {border-top: 0;}

.esghighlights_5 .anc3 ._react_ .gtc11 .item span {display: inline-block; padding-left: 10px; line-height: 120%; font-weight: 300;}
.esghighlights_5 .anc3 ._react_ .gtc11 .row1.col1 {grid-column: span 3;}
.esghighlights_5 .anc3 ._react_ .gtc11 .row2.col1 {grid-column: span 3;}
.esghighlights_5 .anc3 ._react_ .gtc11 .row3.col1 {grid-row: span 3;}
.esghighlights_5 .anc3 ._react_ .gtc11 .row3.col2 {grid-column: span 2;}
.esghighlights_5 .anc3 ._react_ .gtc11 .row4.col2 {grid-row: span 2;}
.esghighlights_5 .anc3 ._react_ .gtc11 .row6.col1 {grid-column: span 3;}
.esghighlights_5 .anc3 ._react_ .gtc11 .col1,
.esghighlights_5 .anc3 ._react_ .gtc11 .col2,
.esghighlights_5 .anc3 ._react_ .gtc11 .col3 {line-height: 130%;}

.esghighlights_5 .anc3 ._react_ .gtc11 .row2.col5,
.esghighlights_5 .anc3 ._react_ .gtc11 .row2.col7,
.esghighlights_5 .anc3 ._react_ .gtc11 .row2.col9 {padding: 4px 0 4px 0;}
.esghighlights_5 .anc3 ._react_ .gtc11 .row2.col5>p,
.esghighlights_5 .anc3 ._react_ .gtc11 .row2.col5>ul,
.esghighlights_5 .anc3 ._react_ .gtc11 .row2.col7>p,
.esghighlights_5 .anc3 ._react_ .gtc11 .row2.col7>ul,
.esghighlights_5 .anc3 ._react_ .gtc11 .row2.col9>p,
.esghighlights_5 .anc3 ._react_ .gtc11 .row2.col9>ul {padding: 0 10px 0 10px;}

.esghighlights_5 .anc3 ._react_ .gtc11 ul {margin-top: 5px;}
.esghighlights_5 .anc3 ._react_ .gtc11 li,
.esghighlights_5 .anc3 ._react_ .gtc11 span {font-weight: 300;}

@media ( max-width: 760px ) {
    .esghighlights_5 .anc3 ._react_>div {min-width: 760px;}
}

.esghighlights_5 .anc4 ._goal_ .box {margin: 20px 0 10px 5px;}
.esghighlights_5 .anc4 ._goal_ .box .ttile {font-size: 1.6rem; font-weight: 500; line-height: 120%;}
.esghighlights_5 .anc4 .bx p.fc_sub>span {display: inline-block; margin: 0 20px; font-size: inherit;}
.esghighlights_5 .anc4 .gtc8 p {font-size: 2.4rem; font-weight: 700;}
.esghighlights_5 .anc4 .gtc8 span {font-size: 1.3rem; font-weight: 500;}
@media ( max-width: 640px ) {
    .esghighlights_5 .anc4 ._goal_ .box {margin: 10px 0 5px 5px;}
    .esghighlights_5 .anc4 ._goal_ .box .ttile {font-size: 1.3rem;}

}

/* .tba._result_ */
.esghighlights_5 .anc4 ._result_ .gtc4 {
    grid-template-columns: 10.6818181818182% 59.3333333333333% 17.1969696969697% 10.96969696969697%;
    column-gap: 0.606060606060606%; row-gap: 0;
}
@media ( max-width: 640px ) {
    .esghighlights_5 .anc4 ._result_>div {min-width: 640px;}
}



/*
 ------------------------------
 sub environmental
 ------------------------------
*/
.environmental .h {background: #8CC051;}
.environmental .m {background: #D1E9B5;}
.environmental .l {background: #EEFFDA;}

.environmental .grd>div.cbx {padding: 5px 0;}
.environmental .grd>div.cbx>div {width: 100%;height: 100%;}
.environmental .grd>div.cbx>.l1h {background: #E0F7CF;}
.environmental .grd>div.cbx>.l2h {background: #B3DCAD;}
.environmental .grd>div.cbx>.l3h {background: #87C28B;}
.environmental .grd>div.cbx>.l4h {background: #5FAA6C;}
.environmental .grd>div.cbx>.l5h {background: #23873F;}


/*
 ------------------------------
 sub environmental_1
 ------------------------------
*/
/* anc 1 */
.environmental_1 .anc1 ._ems_ .mh_68 {min-height: 68px;}
.environmental_1 .anc1 ._ems_ .mh_38 {min-height: 38px;}
.environmental_1 .anc1 #emp .env1_sign {width: 130px;}
@media ( max-width: 480px ) {
    .environmental_1 .anc1 #emp .env1_sign {width: 80px;}
}

/* anc 2 */
.environmental_1 .anc2 {}
.environmental_1 .anc2 #env1_eppel .gtc2 {
    grid-template-columns: 18.8271604938272% 79.9382716049383%;
    column-gap: 1.23456790123457%; row-gap: 0;
}
@media ( max-width: 760px ) {
    .environmental_1 .anc2 ._env1_prcss_>div {min-width: 760px;}
}

/* anc 3 */
.environmental_1 .anc3 #env1_eep .gtc5 {
    grid-template-columns: 25.6172839506173% 11.5740740740741% 27.4691358024691% 12.6543209876543% 17.7469135802469%;
    column-gap: 1.23456790123457%; row-gap: 0;
}
@media ( max-width: 640px ) {
    .environmental_1 .anc3 ._env1_eep_>div {min-width: 640px;}
}

.environmental_1 .anc3 ._env1_eeec_ .cont1 {width: 100%; height: 710px;}
.environmental_1 .anc3 ._env1_eeec_ .cont2 {min-height: 430px; width: 100%;}
@media ( max-width: 760px ) {
    .environmental_1 .anc3 ._env1_eeec_ .cont1 {height: 710px;}
    .environmental_1 .anc3 ._env1_eeec_ .cont2 {min-height: 230px;}
}
@media ( max-width: 480px ) {
    .environmental_1 .anc3 ._env1_eeec_ .cont1 {height: 720px;}
}
/*
 ------------------------------
 sub environmental_2
 ------------------------------
*/
.pdb_15 {padding-bottom: 15px !important;}
.pdl10 {padding-left: 10% !important;}

.environmental_2 .anc1 {}
.environmental_2 .anc1 #emp>item:last-child {}

@media ( max-width: 760px ) {
    .environmental_2 .anc1 #emp .env1_sign {width: 100px;}
    .environmental_2 .anc1 ._ev4_2_dgrm2 .gtc3 {min-width: 760px; column-gap: 10px !important;}
}

@media ( max-width: 760px ) {
    .environmental_2 .anc1 ._env2_cao_>div {min-width: 760px;}
}
.environmental_2 .anc1 ._env2_mra_ .gtc2 {
    grid-template-columns: 10% auto;
}
.environmental_2 .anc1 #env2_mra>.item {padding: 10px !important;}
.environmental_2 .anc1 #env2_mra .ico {width: auto; height: 65px; display: flex; align-items: center;}
.environmental_2 .anc1 #env2_mra .ico>img {height: 100%;}
.environmental_2 .anc1 #env2_mra.grd.vg4 .fs_20 {text-align: center !important;}
@media ( max-width: 640px ) {
    .environmental_2 .anc1 #env2_mra .ico {width: auto; height: 65px; display: flex; align-items: center;}
    .environmental_2 .anc1 #env2_mra.grd.vg4 {grid-template-columns: repeat(2, 1fr) !important; column-gap: 10px; row-gap: 10px;}
    .environmental_2 .anc1 #env2_mra.grd.vg4 .fs_20 {font-size: 1.6rem !important;}
}




.environmental_2 .anc3 #env2_sa .gtc7 {
    grid-template-columns: 4.6969696969697% 5.53030303030303% 7.27272727272727% 22.8787878787879% 29.3939393939394% 7.72727272727273% 18.8636363636364%;
    column-gap: 0.606060606060606%; row-gap: 0;
}
/*
.environmental_2 .anc3 #env2_sa .gtc7 .item {padding-top: 10px; padding-bottom: 10px;}
.environmental_2 .anc3 #env2_sa .gtc7 .row1.col1 {grid-row: span 18 ;}
.environmental_2 .anc3 #env2_sa .gtc7 .row19.col1 {grid-row: span 7;}
.environmental_2 .anc3 #env2_sa .gtc7 .row2.col2,
.environmental_2 .anc3 #env2_sa .gtc7 .row2.col3 {grid-row: span 9;}
.environmental_2 .anc3 #env2_sa .gtc7 .row2.col4 {grid-row: span 4;}
.environmental_2 .anc3 #env2_sa .gtc7 .row6.col4 {grid-row: span 3;}
.environmental_2 .anc3 #env2_sa .gtc7 .row9.col4 {grid-row: span 2;}
.environmental_2 .anc3 #env2_sa .gtc7 .row12.col2 {grid-row: span 7;}
.environmental_2 .anc3 #env2_sa .gtc7 .row12.col3 {grid-row: span 4;}
.environmental_2 .anc3 #env2_sa .gtc7 .row16.col3 {grid-row: span 3;}
.environmental_2 .anc3 #env2_sa .gtc7 .row19.col2,
.environmental_2 .anc3 #env2_sa .gtc7 .row19.col3 {grid-row: span 2;}
.environmental_2 .anc3 #env2_sa .gtc7 .row22.col3 {grid-row: span 4;}
*/
/*.environmental_2 .anc2 #env2_sa .gtc7 .col4 {flex-direction: column;}*/
/*
.environmental_2 .anc3 #env2_sa .gtc7 .col4>p,
.environmental_2 .anc3 #env2_sa .gtc7 .col6>p {font-weight: 500;}
.environmental_2 .anc3 #env2_sa .gtc7 .col4>ul {margin-left: 0; margin-top: 10px;}
*/
.environmental_2 .anc3 ._env2_tbl1_ {top: -25px; padding-top: 30px;}
@media ( max-width: 1200px ) {
    .environmental_2 .anc3 ._env2_tbl1_ {margin-top: 30px;}
}

@media ( max-width: 640px ) {
    .environmental_2 .anc3 ._env2_tbl1_>.ovf>div {min-width: 480px;}
}

.environmental_2 .anc3 ._env2_sa_ {top: -25px; padding-top: 30px;}
@media ( max-width: 1200px ) {
    .environmental_2 .anc3 ._env2_sa_ {margin-top: 30px;}
}
@media ( max-width: 1024px ) {
    .environmental_2 .anc3 ._env2_sa_>.ovf>div {min-width: 1024px;}
}


.environmental_2 .anc3 ._env2_cco_ {top: -25px; padding-top: 30px;}
@media ( max-width: 1200px ) {
    .environmental_2 .anc3 ._env2_cco_ {margin-top: 30px;}
}
@media ( max-width: 1024px ) {
    .environmental_2 .anc3 ._env2_cco_>.ovf>div {min-width: 1024px;}
}
.environmental_2 .anc3 ._tbl1_ .gtc11 {
    grid-template-columns: 14.1975308641975% 1.23456790123457% 9.72222222222222% 1.23456790123457% 17.9012345679012% 1.23456790123457% 17.283950617284% 1.23456790123457% 17.283950617284% 1.23456790123457% 17.283950617284% !important;
}

.environmental_2 .anc3 ._tbl2_ .gtc9 {
    grid-template-columns: 13.1172839506173% 1.23456790123457% 48.4567901234568% 1.23456790123457% 11.1111111111111% 1.23456790123457% 11.1111111111111% 1.23456790123457% 11.2654320987654% !important;
}

.environmental_2 .anc3 ._tbl1_ .gtc11>div.cbx>div {min-height: 22px;}

.environmental_2 .anc3 ._tbl2_ .gtc9>div.cbx>div {min-height: 48px;}

.environmental_2 .anc3 ._tbl2_ .gtc9 .col2,
.environmental_2 .anc3 ._tbl2_ .gtc9 .col4,
.environmental_2 .anc3 ._tbl2_ .gtc9 .col6,
.environmental_2 .anc3 ._tbl2_ .gtc9 .col8 {border-top: 0; padding: 0;}
.environmental_2 .anc3 ._tbl2_ .gtc9 .col2,
.environmental_2 .anc3 ._tbl2_ .gtc9 .col4,
.environmental_2 .anc3 ._tbl2_ .gtc9 .col6,
.environmental_2 .anc3 ._tbl2_ .gtc9 .col8 {border-bottom: 0;}

.environmental_2 .anc3 ._ev2_acodcs_ {top: -25px; padding-top: 30px;}
@media ( max-width: 1200px ) {
    .environmental_2 .anc3 ._ev2_acodcs_ {margin-top: 30px;}
}

@media ( max-width: 760px ) {
    .environmental_2 .anc3 ._ev2_acodcs_>.ovf>div {min-width: 760px;}
}
@media ( max-width: 640px ) {
    .environmental_2 .anc3 ._ev2_acodcs_ {margin-top: 50px;}
}

.environmental_2 .anc3 ._tbl3_ .gtc7 {
    grid-template-columns: 4.6969696969697% 5.53030303030303% 7.27272727272727% 20.1515151515152% 29.8484848484848% 7.72727272727273% 21.1363636363636%;
}
.environmental_2 .anc3 #env2_bccia .gtc3 {
    grid-template-columns: 24.6212121212121% 50.7575757575758% 24.6212121212121%;
}
/*.environmental_2 .anc2 #env2_bccia {min-height: 480px;}*/
.environmental_2 .anc3 ._env2_bccia_ {min-height: 309px;}
.environmental_2 .anc3 ._env2_bccia_ .dash {grid-row: span 2;}
.environmental_2 .anc3 ._env2_bccia_ .hdr {height: 34px; min-height: 34px;}
.environmental_2 .anc3 ._env2_bccia_ .bdy {height: 49px; min-height: 49px;}
.environmental_2 .anc3 ._env2_bccia_ .hdr>p {font-size: 2rem;}


@media ( max-width: 760px ) {
    .environmental_2 .anc4 ._env2_solar_>div {min-width: 760px;}
}
@media ( max-width: 760px ) {
    .environmental_2 .anc4 ._env2_carbon_>div {min-width: 760px;}
}




.environmental_2 .anc4 ._mgga_ .gtc3 {
    grid-template-columns: 46.9899665551839% 6.02006688963211% 46.9899665551839%;
}
.environmental_2 .anc4 ._mgga_ .gtc3 .plus {}
.environmental_2 .anc4 ._mgga_ .gtc3 p {font-size: 1.2rem;}
.environmental_2 .anc4 ._mgga_ .gtc3 .smpl {width: 29px; height: 17px;}
@media ( max-width: 640px ) {
    .environmental_2 .anc4 ._mgga_ .gtc3 {min-width: 640px;}
}

.environmental_2 .anc4 .gtc13 {
    grid-template-columns: 8.71212121212121% 0.606060606060606% 22.2727272727273% 0.606060606060606% 10.8333333333333% 0.606060606060606% 10.8333333333333% 0.606060606060606% 10.8333333333333% 0.606060606060606% 10.8333333333333% 0.606060606060606% 22.0454545454545%;
}
.environmental_2 .anc4 .gtc13 .col2,
.environmental_2 .anc4 .gtc13 .col4,
.environmental_2 .anc4 .gtc13 .col6,
.environmental_2 .anc4 .gtc13 .col8,
.environmental_2 .anc4 .gtc13 .col10,
.environmental_2 .anc4 .gtc13 .col12,
.environmental_2 .anc4 .gtc13 .col14 {border-top: 0; padding: 0;}
.environmental_2 .anc4 .gtc13 .col2,
.environmental_2 .anc4 .gtc13 .col4,
.environmental_2 .anc4 .gtc13 .col6,
.environmental_2 .anc4 .gtc13 .col8,
.environmental_2 .anc4 .gtc13 .col10,
.environmental_2 .anc4 .gtc13 .col12,
.environmental_2 .anc4 .gtc13 .col14 {border-bottom: 0;}

@media ( max-width: 960px ) {
    .environmental_2 .anc4 #ev2_4_tbl1>div {min-width: 960px;}
}

.environmental_2 .anc4 ._ev2_4_tbl1_ .gtc12 {
    grid-template-columns: 7.76363636363636% 8.06969696969697% 6.06060606060606% 6.06060606060606% 6.66666666666667% 6.66666666666667% 6.66666666666667% 8.93939393939394% 8.93939393939394% 8.93939393939394% 8.93939393939394% 9.62121212121212%;
}

@media ( max-width: 760px ) {
    .environmental_2 .anc5 ._ev2_4_dgrm1_>div {min-width: 760px;}
}
@media ( max-width: 640px ) {
    .environmental_2 .anc5 ._ev2_4_tbl1_>div {min-width: 640px;}
}

.environmental_2 .anc5 ._ev2_4_tbl2_ .gtc8 {
    grid-template-columns: 19.8484848484848% 14.3939393939394% 11.2121212121212% 9.84848484848485% 9.84848484848485% 9.84848484848485% 9.84848484848485% 10.9090909090909% !important;
}
@media ( max-width: 640px ) {
    .environmental_2 .anc5 ._ev2_4_tbl2_>div {min-width: 640px;}
}

.environmental_2 .anc5 ._ev2_4_tbl3_ .gtc16 {
    grid-template-columns: 12.8787878787879% 17.5757575757576% 0.606060606060606% 5.3030303030303% 0.606060606060606% 9.6969696969697% 0.606060606060606% 9.84848484848485% 0.606060606060606% 9.84848484848485% 0.606060606060606% 9.84848484848485% 0.606060606060606% 9.84848484848485% 0.606060606060606% 10.9090909090909%;
}
@media ( max-width: 640px ) {
    .environmental_2 .anc5 ._ev2_4_tbl3_>div {min-width: 640px;}
}

.environmental_2 .anc5 .gtc4 {
    grid-template-columns: 24.537037037037% 20.8333333333333% 35.0925925925926% 15.679012345679%;
}






/*
 ------------------------------
 sub environmental_3
 ------------------------------
*/
.environmental_3 .anc1 {}





/*
 ------------------------------
 sub environmental_4
 ------------------------------
*/
.environmental_4 .anc1 ._wrrt_ .p_crcl {padding-bottom: 100%;}
.environmental_4 .anc1 ._wrrt_ .p_crcl>div {position: absolute; top:0; left: 0; width: 100%; height: 100%;}
.environmental_4 .anc1 ._wrrt_ .p_crcl p {font-size: 4rem; font-weight: 600;}
.environmental_4 .anc1 ._wrrt_ .p_crcl p>span {font-size: 2.8rem; font-weight: 600;}
@media ( max-width: 640px ) {
    .environmental_4 .anc1 ._wrrt_ .gtc2 {column-gap: 20px !important; padding: 10px 0 10px !important;}
    .environmental_4 .anc1 ._wrrt_ .gtc2 .p_crcl .gap_24 {row-gap: 10px !important;}
}

.environmental_4 .anc1 ._rcp_ .gtc11 {
    grid-template-columns: 15.1515151515152% 1.74242424242424% 15.1515151515152% 1.74242424242424% 15.1515151515152% 1.74242424242424% 15.1515151515152% 1.74242424242424% 15.1515151515152% 1.74242424242424% 15.1515151515152%;
}
.environmental_4 .anc1 ._rcp_ .gtc11 .item.flx.ccc {grid-row: span 3;}
.environmental_4 .anc1 ._rcp_ .gtc11 .item.tl_l {}
.environmental_4 .anc1 ._rcp_ .gtc11 .item.tl_c {grid-column: span 9; }
.environmental_4 .anc1 ._rcp_ .gtc11 .item.tl_r {}
@media ( max-width: 960px ) {
    .environmental_4 .anc1 ._rcp_>div {min-width: 960px;}
}

.environmental_4 .anc1 ._efde_ .gtc3 .bgi.bgi_spec1 {background-image: url("/static/images/bgi_spec1.png");}
.environmental_4 .anc1 ._efde_ .gtc3 .bgi.bgi_spec2 {background-image: url("/static/images/bgi_spec2.png");}
.environmental_4 .anc1 ._efde_ .gtc3 .bgi.bgi_spec3 {background-image: url("/static/images/bgi_spec3.png");}
.environmental_4 .anc1 ._efde_ .gtc3 .bgi.bgi_spec4 {}
.environmental_4 .anc1 ._efde_ .gtc3 .bgi.bgi_spec5 {background: #ffffff; grid-column: span 2; min-height: 253px;}
@media ( max-width: 640px ) {
    .environmental_4 .anc1 ._efde_ .gap_24 {column-gap: 10px !important; row-gap: 10px !important;}
    .environmental_4 .anc1 ._efde_ .gtc3 .bgi.bgi_spec5 {min-height: auto;}
}


.environmental_4 .anc1 ._env4_bidet_ .gtc6 {
    grid-template-columns: 17.82716049382715% 15.2% 15.2% 15.2% 15.2% 15.2% !important;
    column-gap: 1.23456790123457%; row-gap: 0;
}
.environmental_4 .anc1 ._env4_bidet_ .gtc6 .row0 {padding: 10px 0 10px 10px;}

@media ( max-width: 640px ) {
    .environmental_4 .anc1 ._env4_bidet_>.tbl {min-width: 640px;}
}


.environmental_4 .anc2 #env2_recycle {}
.environmental_4 .anc2 .bgc_spec1 {background: #e5eddc; border: 1px dashed #868686; border-radius: 10px;}
@media ( max-width: 760px ) {
    .environmental_4 .anc2 ._env2_recycle_>div {min-width: 760px;}
}

.environmental_4 .anc2 ._env4_coll_ .gtc4 {
    grid-template-columns: 18.6728395061728% 26.2345679012346% 26.0802469135802% 25.3086419753086%;
    column-gap: 1.23456790123457%; row-gap: 0;
}
@media ( max-width: 480px ) {
    .environmental_4 .anc2 ._env4_coll_>div {min-width: 480px;}
}


.environmental_4 .anc2 {}
/*
 ------------------------------
 sub environmental_5
 ------------------------------
*/


.environmental_5 .anc1 ._env5_cms_ .gtc5 {
    grid-template-columns: 29.1568163908589% 6.22537431048069% 29.1568163908589% 6.22537431048069% 29.1568163908589%;
}
.environmental_5 .anc1 ._env5_cms_ .gtc5 .bgc_spec2 {background: #f3f9ee;}
.environmental_5 .anc1 ._env5_cms_ .gtc5 .bgc_spec2 p {font-size: 1.4rem; color: #2B2B2B;}
.environmental_5 .anc1 ._env5_cms_ .gtc5 .bgc_spec2 p:not(:first-child) {margin-top: 10px;}
.environmental_5 .anc1 ._env5_cms_ .gtc5 .ftr p {font-size: 1.6rem;}
.environmental_5 .anc1 ._env5_cms_ .gtc5 .meta_txt {grid-column: span 5;}
@media ( max-width: 760px ) {
    .environmental_5 .anc1 ._env5_cms_>div {min-width: 760px;}
}



.environmental_5 .anc1 #env5_zero .gtc2 {
    grid-template-columns: 9.5679012345679% 89.1975308641975% !important;
    column-gap: 1.23456790123457%; row-gap: 0;
}
/*@media ( max-width: 760px ) {
    .environmental_5 .anc1 ._env5_zero_>.tbl {min-width: 760px;}
}*/

.environmental_5 .anc1 ._minerals_ .gtc5 {
    grid-template-columns: 30.8641975308642% 3.7037037037037% 30.8641975308642% 3.7037037037037% 30.8641975308642%;
}
.environmental_5 .anc1 ._minerals_ .item.flx.ccc {grid-row: span 2; margin-top: 20px;}
.environmental_5 .anc1 ._minerals_ .ftr li:not(:first-child) {margin-top: 20px;}
@media ( max-width: 640px ) {
    .environmental_5 .anc1 ._minerals_ .gtc5 {min-width: 640px;}
}




.environmental_5 .anc1 ._pvcnbfr_ .gtc7 {
    grid-template-columns: 21.9594594594595% 4.05405405405405% 21.9594594594595% 4.05405405405405% 21.9594594594595% 4.05405405405405% 21.9594594594595%;
}
.environmental_5 .anc1 ._pvcnbfr_ .gtc7 .item.fl.fcc {grid-row: span 2;}
.environmental_5 .anc1 ._pvcnbfr_ .gtc7 .icon {width: 65%; display: flex; align-items: center; justify-content: center; margin-top: 35px;  margin-bottom: 15px;}
.environmental_5 .anc1 ._pvcnbfr_ .gtc7 .ftr {min-height: 80px; padding: 10px 10px 20% !important;}
.environmental_5 .anc1 ._pvcnbfr_ .gtc7 .ftr p {text-align: center;}
.environmental_5 .anc1 ._pvcnbfr_ .gtc7 .hdr.bx {min-height: 40px;}
@media ( max-width: 1024px ) {
    .environmental_5 .anc1 ._pvcnbfr_ .gtc7 .hdr.bx {min-height: 170px;}
    .environmental_5 .anc1 ._pvcnbfr_ .gtc7 .icon {width: 70%;}
    .environmental_5 .anc1 ._pvcnbfr_ .gtc7 .ftr {min-height: 120px;}
}
@media ( max-width: 760px ) {
    .environmental_5 .anc1 ._pvcnbfr_ .gtc7 .hdr.bx {min-height: 120px;}
    .environmental_5 .anc1 ._pvcnbfr_ .gtc7 .icon {width: 70%;}
    .environmental_5 .anc1 ._pvcnbfr_ .gtc7 .ftr {min-height: 100px;}
}

.environmental_5 .anc1 ._filter_ .fi p {position: absolute; bottom: 10px; width: 100%; font-size: 1.4rem; text-align: center;}
.environmental_5 .anc1 ._filter_ .bgi_filter1 {background-image: url("/static/images/filter_image1.png");}
.environmental_5 .anc1 ._filter_ .bgi_filter2 {background-image: url("/static/images/filter_image2.png");}
.environmental_5 .anc1 ._filter_ .bgi_filter3 {background-image: url("/static/images/filter_image3.png");}
@media ( max-width: 1024px ) {
    .environmental_5 .anc1 ._filter_ .gtc2 {
        grid-template-columns: 1fr !important;
    }
}
/*
 ------------------------------
 sub social_1
 ------------------------------
*/

/* anc1 */

.social_1 .anc1 .bx .icon {margin-right: 20px;}
/*.social_1 .anc1 ._leadership_ .bgc_g0 { min-height: 630px;}*/

.social_1 .anc1 ._leadership_ .item>div:first-child {min-height: 91px;}
/*.social_1 .anc1 ._leadership_ .item>div:last-child {height: 85%}*/
/*.social_1 .anc1 ._leadership_ .item>div:last-child .blck1 {min-height: 53%;}*/
.social_1 .anc1 ._leadership_ .item>div:last-child .ln_sub_hp {width: 20px; height: 2px; background: #F6BB43;}
@media ( max-width: 1200px ) {
    .social_1 .anc1 ._leadership_ .vg4 {column-gap: 15px !important;}
}

@media ( max-width: 1024px ) {
    .social_1 .anc1 ._leadership_ .blck1 {min-height: 10%;}
    .social_1 .anc1 ._leadership_ .item>div:last-child {height: auto}
}
@media (max-width: 640px) {
    .social_1 .anc1 ._leadership_ .bgc_g0 { min-height: unset;}
}

/* anc2 */
.social_1 .anc2 .gtc2 .bx.bgc_g0{padding: 24px;}
.social_1 .anc2 {padding: 24px;}
.social_1 .anc2 .bgc_w {padding: 36px; min-height: 282px;}

.social_1 .anc2 ._pep_ .gtc5 {grid-template-columns: 26.5151515151515% 10.2272727272727% 26.5151515151515% 10.2272727272727% 26.5151515151515%;}
.social_1 .anc2 ._pep_ .gtc5 .squr {position: relative; width: 100%; border-radius: 50%;}
.social_1 .anc2 ._pep_ .gtc5 .squr:after {content: ""; display: block; padding-bottom: 100%;}
.social_1 .anc2 ._pep_ .gtc5 .squr .squr_in {position: absolute; width: 100%; height: 100%; padding: 10px 0;}
.social_1 .anc2 ._pep_ .gtc5 .squr .squr_in>div:nth-child(1) {font-size: 2rem; font-weight: 600;}
.social_1 .anc2 ._pep_ .gtc5 .squr .squr_in>div:nth-child(2) {background: #FE7C03; width: 116%; padding: 2px 0; border-radius: 999px;}
.social_1 .anc2 ._pep_ .gtc5 .squr .squr_in>div:nth-child(2)>p {font-size: 1.8rem; font-weight: 700;}
.social_1 .anc2 ._pep_ .gtc5 .squr .squr_in>div:nth-child(3) {font-size: 1.6rem; font-weight: 500;}

.social_1 .anc2 ._pmnc_ .ttl_3>span {font-size: 1.4rem;}
.social_1 .anc2 ._pmnc_ .gtc5 {grid-template-columns: 23.1660231660232% 15.4440154440154% 23.1660231660232% 15.4440154440154% 23.1660231660232%;}
.social_1 .anc2 ._pmnc_ .gtc5 .squr {position: relative; width: 100%; border-radius: 50%;}
.social_1 .anc2 ._pmnc_ .gtc5 .squr:after {content: ""; display: block; padding-bottom: 100%;}
.social_1 .anc2 ._pmnc_ .gtc5 .squr .squr_in {position: absolute; width: 100%; height: 100%; padding: 10px 0;}
.social_1 .anc2 ._pmnc_ .gtc5 .squr .squr_in>p {font-size: 1.6rem; font-weight: 500; margin-top: 10px;}
.social_1 .anc2 ._pmnc_ .gtc5 .item {width: 100%;}
.social_1 .anc2 ._pmnc_ .gtc5 .item.dn {margin: 100px auto 0;}
.social_1 .anc2 ._pmnc_ .gtc5 .item.up {margin: 0 auto;}
.social_1 .anc2 ._pmnc_ .triangle_bg {background-image: url("/static/svg/triangle_line.svg"); background-repeat: no-repeat; background-position: center;}
.social_1 .anc2 ._pmnc_ .gtc5 .item.up .txt {height: 90px; text-align: left; font-size: 2rem; font-weight: 600; margin-top: 15px;}
.social_1 .anc2 ._pmnc_ .gtc5 .item.up .txt .exp {position: absolute; bottom: 0; width: 300px; left: 50%; transform: translate(-50%); line-height: 20px; text-align: center; font-size: 1.4rem; font-weight: 500;}

@media (min-width: 960px) and (max-width: 1279px) {
    .social_1 .anc2 .gtc2 .bx.bgc_g0{padding: 20px;}
    .social_1 .anc2 .gtc2 {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px 0;
    }
    .social_1 .anc2 ._pep_ {padding: 24px 5%;}
    .social_1 .anc2 .bgc_w {padding: 36px 20%; background: yellow;}

    .social_1 .anc2 ._pep_ .gtc5 {grid-template-columns: 24% 14% 24% 14% 24%;}
}
@media ( min-width: 760px) and ( max-width: 959px) {
    .social_1 .anc2 .gtc2 .bx.bgc_g0{padding: 16px;}
    .social_1 .anc2 .bgc_w {padding: 36px 10%;  background: orange;}
}
@media (max-width: 759px) {
    .social_1 .anc2 .gtc2 .bx.bgc_g0{padding: 10px;}
    .social_1 .anc2  {padding: 12px 0;}
    .social_1 .anc2  .bgc_w {padding: 30px;}
    .social_1 .anc2 ._pmnc_ .gtc5 .item.dn {margin: 110px auto 0;}
    .social_1 .anc2 ._pep_ .gtc5 {grid-template-columns: 26.5151515151515% 10.2272727272727% 26.5151515151515% 10.2272727272727% 26.5151515151515%;}
}
@media (max-width: 640px) {
    .social_1 .anc2  {padding: 12px 0;}
    .social_1 .anc2  .bgc_w {padding: 10px; min-height: 180px;}

    .social_1 .anc2 ._pmnc_ .ttl_3>span {display: block; font-size: 1.2rem; line-height: 130%;}
    .social_1 .anc2 ._pmnc_ .triangle_bg {background-size: 80%;}
    .social_1 .anc2 ._pmnc_ .gtc5 .item.dn {margin: 80px auto 0;}
    .social_1 .anc2 ._pmnc_ .gtc5 .squr .squr_in>img {height: 40%;}
    .social_1 .anc2 ._pmnc_ .gtc5 .squr .squr_in>p {font-size: 1.2rem; margin-top: 2px;}
    .social_1 .anc2 ._pmnc_ .gtc5 .item.up .txt {font-size: 1.6rem; font-weight: 600; margin-top: 25px;}
    .social_1 .anc2 ._pmnc_ .gtc5 .item.up .txt .exp {font-size: 1.2rem; font-weight: 500;}

    .social_1 .anc2 ._pep_ .gtc5 .squr .squr_in>div:nth-child(1) {font-size: 1.6rem; font-weight: 500;}
    .social_1 .anc2 ._pep_ .gtc5 .squr .squr_in>div:nth-child(2) {background: #FE7C03; width: 116%; padding: 2px 0; border-radius: 999px;}
    .social_1 .anc2 ._pep_ .gtc5 .squr .squr_in>div:nth-child(2)>p {font-size: 1.2rem; font-weight: 600;}
    .social_1 .anc2 ._pep_ .gtc5 .squr .squr_in>div:nth-child(3) {font-size: 1.3rem; font-weight: 400;}
}



/* anc3 */
.social_1 .anc3 .grd .gtc2 {grid-template-columns: 25.1602564102564% 74.8397435897436% !important;}
.social_1 .anc3 .grd .gtc2 .bx {padding-left: 10px; font-size: 1.6rem;}
.social_1 .anc3 .grd .gtc2 .bx.bd {font-size: 1.4rem; line-height: 20px;}

@media (max-width: 960px) {
    .social_1 .anc3 ._sc1_cffb_ .pd_30 {padding: 0 30px 30px !important;}
}

@media (max-width: 960px) {
    .social_1 .anc3 .ob1 .gtc2 {grid-template-columns: 1fr !important;}
    .social_1 .anc3 ._ob2_ .gtc2 {grid-template-columns: 1fr !important;}
    .social_1 .anc3 .gtc2._cs_ {grid-template-columns: 1fr !important;}
}

.social_1 .anc3 ._ob2_ .gtc2>.item>.bx {min-height: 60px; border-radius: 999px;}
.social_1 .anc3 ._ob2_ .gtc2 p {font-size: 1.4rem; line-height: 120%;}
.social_1 .anc3 ._ob2_ .gtc2 li {font-size: 1.4rem; line-height: 120%;}
.social_1 .anc3 ._ob2_ .gtc2 .lft {width: 26% !important;}
.social_1 .anc3 ._ob2_ .gtc2 .lft p {padding-left: 10px; font-weight: 600;}
.social_1 .anc3 ._ob2_ .gtc2 .lft.lft1 {width: 18% !important;}
.social_1 .anc3 ._ob2_ .gtc2 .rght {width: 66% !important;}
.social_1 .anc3 ._ob2_ .gtc2 li {line-height: 20px;}
@media (max-width: 1024px) {
    .social_1 .anc3 ._ob2_ .gtc2>.item>.bx {min-height: 70px; border-radius: 10px;}
    .social_1 .anc3 ._ob2_ .gtc2 .crcl {min-width: 50px !important; min-height: 70px !important; border-radius: 10px; border-top-right-radius: 0; border-bottom-right-radius: 0;}
    .social_1 .anc3 ._ob2_ .gtc2 .lft {width: 18% !important;}
    .social_1 .anc3 ._ob2_ .gtc2 .lft.lft1 {width: 18% !important;}
    .social_1 .anc3 ._ob2_ .gtc2 .rght {margin-left: 10px; width: auto; border-radius: 10px; border-top-left-radius: 0; border-bottom-left-radius: 0;}
}
@media (max-width: 768px) {
    .social_1 .anc3 ._ob2_ .gtc2>.item>.bx {min-height: 90px;}
    .social_1 .anc3 ._ob2_ .gtc2 .crcl {min-width: 60px !important; min-height: 90px !important;}
    .social_1 .anc3 ._ob2_ .gtc2 p {font-size: 1.3rem; line-height: 120%;}
    .social_1 .anc3 ._ob2_ .gtc2 li {font-size: 1.3rem; line-height: 120%;}
    .social_1 .anc3 ._ob2_ .gtc2 .rght li {margin-top: 3px;}
}


/* anc4 */
.social_1 .anc4 .gtc3 .bx>div:first-child {height: 255px;}
.social_1 .anc4 ._scl_play_ .item>.bg_img {min-height: 213px; padding-top: 33%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.social_1 .anc4 ._scl_play_ .item:nth-child(1)>.bg_img {background-image: url("/static/images/scl_img_1.png");}
.social_1 .anc4 ._scl_play_ .item:nth-child(2)>.bg_img {background-image: url("/static/images/scl_img_2.png");}
.social_1 .anc4 ._scl_play_ .item:nth-child(3)>.bg_img {background-image: url("/static/images/scl_img_3.png");}
/*@media ( max-width: 1024px ) {.social_1 .anc4 ._scl_play_ .item>.bg_img {height: 23vw;}}
@media ( max-width: 640px ) {.social_1 .anc4 ._scl_play_ .item>.bg_img {height: 50vw;}}*/


/* anc5 */
.social_1 .anc5 .ob1  {}
.social_1 .anc5 .ob1 .cont.row0 {min-height: 184px;}
.social_1 .anc5 .ob1 .cont._grp_ {width: 100%;}
.social_1 .anc5 .ob1 .cont._grp_ .graph {height: 452px; width: 100%;}
.social_1 .anc5 .ob1 .cont._grp_ .graph .item {width: 15%;}
.social_1 .anc5 .ob1 .cont._grp_ .graph .bar {height: 75%;}
.social_1 .anc5 .ob1 .cont._grp_ .graph .bar .item {background: #FF9900; height: 80%; color: #ffffff; width: 15% !important;}
/*.social_1 .anc5 .ob1 .cont._grp_ .graph .bar .item p {font-size: 1.8vw; font-weight: 600; line-height: 100%;}*/
.social_1 .anc5 .ob1 .cont._grp_ .graph .bar .item span {display: block; font-size: 1.4rem; line-height: 100%;}
.social_1 .anc5 .ob1 .cont._grp_ .graph .bnm {height: 25%; line-height: 20px;}
.social_1 .anc5 .ob1 .cont._grp_ .graph .bnm .item {text-align: center;}
.social_1 .anc5 .ob1 .cont._grp_ .graph .bnm .item p {line-height: 110%; font-size: 1.4rem; font-weight: 400; text-align: center;}
@media (max-width: 768px) {
    .social_1 .anc5 .ob1 .cont._grp_ .graph .bnm .item p {font-size: 1rem;}
}

/*
 ------------------------------
 sub social_2
 ------------------------------
*/
.social_2 .anc1 ._partner_ .gtc3 {
    grid-template-columns: 17.283950617284% 17.4382716049383% 62.8086419753086%;
    column-gap: 1.23456790123457%; row-gap: 0;
}
.social_2 .anc1 ._partner_ .gtc3 .item.row0.col1 {grid-column: span 2;}
.social_2 .anc1 ._partner_ .gtc3 .item.row0 {border-bottom: 0;}
.social_2 .anc1 ._partner_ .gtc3 .item.row1 {border-top: 1px solid #7A7A7A;}
.social_2 .anc1 ._partner_ .gtc3 .item.row1.col1 {grid-row: span 2;}

.social_2 .anc1 ._partnersupport_ .gtc4 {
    grid-template-columns: 9.92109256449165% 29.2412746585736% 29.3201820940819% 29.2412746585736%;
    column-gap: 0.757575757575758%; row-gap: 0;
}
.social_2 .anc1 ._partnersupport_ .tbl {border-top: 0 !important;}
.social_2 .anc1 ._partnersupport_ .tbl .gtc4 .item.row0.col1 {border-top: 2px solid #F6BB43 !important;}
.social_2 .anc1 ._partnersupport_ .tbl .item.row0.bgc1 {background-color: #FEAB03 !important; color: #ffffff;}
.social_2 .anc1 ._partnersupport_ .gtc4>.w_full {background: #FFFFFF;}
.social_2 .anc1 ._partnersupport_ .gtc4 .item.row1 {border-bottom: 0;}
@media ( max-width: 1024px ) {
    .social_2 .anc1 ._partnersupport_>div {min-width: 1024px;}
}

@media ( max-width: 960px ) {
    .social_2 .anc2 ._sc2_2_dgrm1_>div {min-width: 960px;}
}
.social_2 .anc2 ._growth_ .gtc6 {grid-template-columns: 9.33232169954476% 17.3748103186646% 17.3748103186646% 17.3748103186646% 17.3748103186646% 17.3748103186646%;}
.social_2 .anc2 ._growth_ .gtc6>.w_full {background: #FFFFFF;}
.social_2 .anc2 ._growth_ .gtc6 .row0:last-child,
.social_2 .anc2 ._growth_ .gtc6 .row1:last-child {grid-row: span 5;}
.social_2 .anc2 ._growth_ .gtc6 .item.row0.col1 {border-top: 1px solid #868686 !important; background: #ffffff !important;}
.social_2 .anc2 ._growth_ .gtc6 .item.row0.col2,
.social_2 .anc2 ._growth_ .gtc6 .item.row1.col2 {grid-column: 2/7;}
.social_2 .anc2 ._growth_ .gtc6 .item.row4 p,
.social_2 .anc2 ._growth_ .gtc6 .item.row5 p {font-size: 1.4rem; font-weight: 500;}
.social_2 .anc2 ._growth_ .gtc6 .item.row5 {border-bottom: 0;}
.social_2 .anc2 ._growth_ .gtc6 .item.row3 {border-top: unset;}

.social_2 .anc2 ._sgp_ .gtc3 {
    grid-template-columns: 19.7530864197531% 63.8888888888889% 13.8888888888889%;
    column-gap: 1.23456790123457%; row-gap: 0;
}
.social_2 .anc2 ._sgp_ .gtc3 .item.row0,
.social_2 .anc2 ._sgp_ .gtc3 .item.row26 {border-bottom: 0;}
.social_2 .anc2 ._sgp_ .gtc3 .item.row1 {border-top: 2px solid #F6BB43;}
.social_2 .anc2 ._sgp_ .gtc3 .item.row2,
.social_2 .anc2 ._sgp_ .gtc3 .item.row6,
.social_2 .anc2 ._sgp_ .gtc3 .item.row10,
.social_2 .anc2 ._sgp_ .gtc3 .item.row13,
.social_2 .anc2 ._sgp_ .gtc3 .item.row17,
.social_2 .anc2 ._sgp_ .gtc3 .item.row22,
.social_2 .anc2 ._sgp_ .gtc3 .item.row25 {border-top: 0;}
.social_2 .anc2 ._sgp_ .gtc3 .item.row1.col1,
.social_2 .anc2 ._sgp_ .gtc3 .item.row5.col1,
.social_2 .anc2 ._sgp_ .gtc3 .item.row9.col1,
.social_2 .anc2 ._sgp_ .gtc3 .item.row12.col1,
.social_2 .anc2 ._sgp_ .gtc3 .item.row16.col1,
.social_2 .anc2 ._sgp_ .gtc3 .item.row21.col1,
.social_2 .anc2 ._sgp_ .gtc3 .item.row24.col1 {grid-column: 1/4;}
.social_2 .anc2 ._sgp_ .gtc3 {border-bottom: 0 !important;}

.social_2 .anc2 ._sgps_ .gtc3 {
    grid-template-columns: 19.7530864197531% 63.8888888888889% 13.8888888888889%;
    column-gap: 1.23456790123457%; row-gap: 0;
}






/*
 ------------------------------
 sub social_3
 ------------------------------
*/

/* .tbl._rule_ */
.social_3 .anc1 ._rule_ .gtc2 {
    grid-template-columns: 17.283950617284% 81.4814814814815%;
    column-gap: 1.23456790123457%; row-gap: 0;
}

.social_3 .anc2 ._evaluation_ .gtc2 {
    grid-template-columns: 19.0993788819876% 79.9689440993789%;
    column-gap: 1.23456790123457%; row-gap: 0;
}
.social_3 .anc2 ._evaluation_ .gtc2 li {font-size: 1.6rem;}
.social_3 .anc2 ._evaluation_ .gtc2 .row1 {border-top: 0;}



.social_3 .anc2 ._chart_ .gtc5 {grid-template-columns: 10.4545454545455% 17.1969696969697% 17.1969696969697% 17.1969696969697% 34.9242424242424%;}
.social_3 .anc2 ._chart_ .grd .item {padding: 15px 13px; background: #fef8ec; border-top: unset;}
.social_3 .anc2 ._chart_ .grd .item.row1 {background: #F6BB43; height: 42px; border-bottom: 0;}
.social_3 .anc2 ._chart_ .grd .item.row1 p {font-weight: 500;}
.social_3 .anc2 ._chart_ .grd .item.col1 {background: transparent;}
.social_3 .anc2 ._chart_ .grd .item.row1.col1 {border-bottom: 2px solid #F6BB43;}
.social_3 .anc2 ._chart_ .grd .item.row2 {border-bottom: 1px solid #7A7A7A;}
.social_3 .anc2 ._chart_ .grd .item.row3 {border-bottom: 0;}
.social_3 .anc2 ._chart_ .grd .item .bx {min-height: 30px;}
.social_3 .anc2 ._chart_ .grd .item .bx>p {font-size: 1.6rem;}
.social_3 .anc2 ._chart_ .grd .item .bx {padding: 5px 0; margin-bottom: 7px; background: #ffffff;}
.social_3 .anc2 ._chart_ .grd .item .bx:last-child {margin-bottom: 0;}
.social_3 .anc2 ._chart_ .grd .item .gr .bx {margin-bottom: 0;}
@media ( max-width: 1200px ) {
    .social_3 .anc2 ._chart_>div {min-width: 1200px;}
    .social_3 .anc2 .cmt.gtc2 {grid-template-columns: 1fr !important;}
}

.social_3 .anc2 .grd.cmt {}
.social_3 .anc2 .grd.cmt.gtc2 {grid-template-columns: 137px auto}
.social_3 .anc2 .grd.cmt>.item>div {width: 58px; height: 18px; border: 1px solid #7A7A7A;}
.social_3 .anc2 .grd.cmt>.item>p {margin: 0; margin-left: 20px; font-size: 1.4rem; font-weight: 400;}

.social_3 .anc2 .bar_bx {width: 100%; min-height: 100px; padding: 40px 0; font-weight: 300;}
.social_3 .anc2 .bar_bx p>span {font-weight: 600;}
.social_3 .anc2 .bar_bx>.bar_bg {width: 100%; height: 40px; background: #EDEDED; border: 1px solid #C7C7C7;}
.social_3 .anc2 .bar_bx>.bar {position: absolute; top: 40px; left: 0; width: 53.8%; height: 40px; background: #F6BB43; border: 1px solid #F6BB43;}
.social_3 .anc2 .bar_bx>.bar_0 {position: absolute; top: 85px; left: 0; text-align: left;}
.social_3 .anc2 .bar_bx>.bar_100 {position: absolute; top: 85px; right: 0; text-align: right;}
.social_3 .anc2 .bar_bx>.bar_line {position: absolute; height: 80px; border-left: 1px solid red; padding-left: 5px; line-height: 100%;}
.social_3 .anc2 .bar_bx>.bar_line.b1 {top: 0; left: 36.9%;}
.social_3 .anc2 .bar_bx>.bar_line.b2 {top: 40px; left: 44.9%; display: flex; justify-content: flex-start; align-items: flex-end;}
.social_3 .anc2 .bar_bx>.bar_line.b3 {top: 0; left: 53.8%;}
.social_3 .anc2 .bar_bx>.bar_line.b4 {top: 0; left: 78.9%;}
@media ( max-width: 760px ) {
    .social_3 .anc2 ._sc3_2_dgrm1>div {min-width: 760px;}
}



.social_3 .anc2 ._toprisk_ .grd.gtc3 {grid-template-columns: 15.7276995305164% 17.9968701095462% 66.2754303599374%;}
.social_3 .anc2 ._toprisk_ .grd>.bgc_sub_l0 {background: #F6BB43; padding: 10px;}
.social_3 .anc2 ._toprisk_ .grd>.bgc_sub_l0>p {font-size: 1.8rem; line-height: 140%; color: #ffffff;text-align: center; font-weight: 600;}
.social_3 .anc2 ._toprisk_ .grd>.bgc_sub_l0>p>span {color: #EF5600;}
.social_3 .anc2 ._toprisk_ .grd>.bgc_sub_l1 {background: #FFE4AE; padding: 10px;}
.social_3 .anc2 ._toprisk_ .grd>.bgc_sub_l1>p {font-size: 1.8rem; line-height: 140%; color: #FE7C03; text-align: center; font-weight: 600;}
.social_3 .anc2 ._toprisk_ .grd>.bgc_sub_l2 {background: #FFEFCE;}
@media ( max-width: 960px ) {
    .social_3 .anc2 ._toprisk_ .grd>.bgc_sub_l0>p {font-size: 1.6rem;}
    .social_3 .anc2 ._toprisk_ .grd>.bgc_sub_l1>p {font-size: 1.6rem;}
    .social_3 .anc2 ._toprisk_>div {min-width: 960px;}
}
@media ( max-width: 640px ) {
    .social_3 .anc2 ._toprisk_ .grd>.bgc_sub_l0>p {font-size: 1.4rem;}
    .social_3 .anc2 ._toprisk_ .grd>.bgc_sub_l1>p {font-size: 1.4rem;}
    .social_3 .anc2 ._toprisk_ .grd>.mh_108 {min-height: 90px !important;}
    .social_3 .anc2 ._toprisk_ .grd li {font-size: 1.3rem !important;}
}

@media ( max-width: 1024px ) {
    .social_3 .anc2 ._sc3_2_dgrm3_>div {min-width: 1024px;}
}


@media ( max-width: 960px ) {
    .social_3 .anc3 ._mineral_>div {min-width: 960px;}
    .social_3 .anc3 ._mp_>div {min-width: 960px;}
    .social_3 .anc3 ._mp1_>div {min-width: 960px;}
}






/*
 ------------------------------
 sub social_4
 ------------------------------
*/
.c_200 {width: 200px; height: 200px; border-radius: 999px; text-align: center; color: #ffffff;}

@media ( max-width: 760px ) {
    .social_4 .anc1 ._sc4_1_dgrm1_>div {min-width: 760px;}
}
/* .grd._chart_ */
.social_4 .anc1 .grd._chart_.gtc2 {grid-template-columns: 112px auto; border-bottom: 1px solid #7A7A7A !important;}
.social_4 .anc1 .grd._chart_ .col1 p {margin-left: 10px;}
.social_4 .anc1 .grd._chart_ .col1 {border-bottom: 1px solid #7A7A7A;}
.social_4 .anc1 .grd._chart_ .col1.row1 {border-top: 2px solid #F6BB43; border-bottom: 2px solid #F6BB43; width: 112px;}
.social_4 .anc1 .grd._chart_ .col1.row4 {border-bottom: 0;}
.social_4 .anc1 .grd._chart_ .col2 {width: 100%;}
.social_4 .anc1 .grd._chart_ .col2 .rnd p {font-size: 1.8rem; font-weight: 600;}
.social_4 .anc1 .grd._chart_ .row2 {height: 128px;}
.social_4 .anc1 .grd._chart_ .col2.row1 .rnd {background: #FFAB00; border-radius: 999px; color: #ffffff; height: 44px; width: 100%}
.social_4 .anc1 .grd._chart_ .col2.row1 .rnd>.arrow_dn {top: unset; bottom: -35px; left: 50%; transform: translate(-50%);}
.social_4 .anc1 .grd._chart_ .col2.row2 .rnd {background: #FE7C03; border-radius: 999px; color: #ffffff; height: 44px; width: 100%}
.social_4 .anc1 .grd._chart_ .gtc5 {display: grid; grid-template-columns: repeat(5, 1fr);}
.social_4 .anc1 .grd._chart_ .gtc5 .item {width: 100%; height: 100%; background: #fef8ec; padding: 8px;}
.social_4 .anc1 .grd._chart_ .gtc5 .item  p {font-size: 1.6rem; font-weight: 600;}
.social_4 .anc1 .grd._chart_ .gtc5 .item  {min-height: 31px; color: #ffffff;}
.social_4 .anc1 .grd._chart_ .row3.gtc5 .item .bdy {min-height: 31px; background: #ffffff;}
.social_4 .anc1 .grd._chart_ .row4.gtc5 .item .bdy {min-height: 57px; background: #ffffff;}
.social_4 .anc1 .grd._chart_ .row4.gtc5 .item ul li {font-size: 1.4rem; font-weight: 300; line-height: 20px;}
.social_4 .anc1 .grd._chart_ .row4.gtc5 .row41>.bx {min-height: 60px;}
.social_4 .anc1 .grd._chart_ .row4 ul li {color: #2B2B2B; margin-bottom: 8px;}
@media ( max-width: 1280px ) {
    .social_3 .anc2 ._sc4_1_dgrm1>div {min-width: 1280px;}
}


/* .grd._org_ */
.social_4 .anc1 .grd._org_ .item:not(.np) {padding: 10px 0;}
.social_4 .anc1 .grd._org_ .item p {font-size: 1.6rem; font-weight: 500;}
.social_4 .anc1 .grd._org_ .item:not(.bgc_w) p {color: #ffffff;}
.social_4 .anc1 .grd._org_ .item.line {background: #ffffff;}
.social_4 .anc1 .grd._org_ .item.line p {color: #868686; font-weight: 400;}
.social_4 .anc1 .grd._org_ .bx.row1.col3 {font-size: 1.8rem; font-weight: 600; grid-column: 3/-3;}
.social_4 .anc1 .grd._org_ .item.row3.col3 {grid-column: 3/ span 1;}
.social_4 .anc1 .grd._org_ .bx.row3.col5 {grid-column: 5/ span 1;}
.social_4 .anc1 .grd._org_ .item.con_ln {height: 24px; grid-column: 1/6;}
.social_4 .anc1 .grd._org_ .item.con_ln0 {height: 24px;}
.social_4 .anc1 .grd._org_ .item.con_ln1 {height: 12px; grid-column: 1/6;}
.social_4 .anc1 .grd._org_ .item.con_ln2 {height: 12px;}
.social_4 .anc1 .grd._org_ .item .vl {width: 1px; height: 100%; background: #868686;}
.social_4 .anc1 .grd._org_ .item .vl.abs {position: absolute; top: 0; left: 50%; transform: translate(-50%);}
.social_4 .anc1 .grd._org_ .item .hl {width: 110%; height: 1px; background: #868686;}
.social_4 .anc1 .grd._org_ .item .hl.abs {position: absolute; top: 50%; left: 50%; transform: translate(0,-50%); width: 60%;}
.social_4 .anc1 .grd._org_ .item.con_ln1 .hl.abs {position: absolute; top: unset; bottom: 0; left: 50%; transform: translate(-50%); width: 81.2%;}
/*.social_4 .anc1 .grd._org_ .bx.row3.col3 {grid-column: 2/5;}*/
.social_4 .anc1 .grd._org_ .bx.row7.col3 {grid-column: 3/-3;}
.social_4 .anc1 .grd._org_ .item.row10.cmt {grid-column: 2/6; background: #f5e4c0;}
.social_4 .anc1 .grd._org_ .item.row10.cmt p {font-size: 1.6rem; font-weight: 400; color: #2B2B2B;}
@media ( max-width: 1320px ) {
    .social_4 .anc1 ._sc4_1_dgrm2>div {min-width: 600px;}
}

.social_4 .anc1 ._sc4_1_case2_ .gtc2 {
    grid-template-columns: 22.0394736842105% 77.9605263157895%;
}




/* .tbl._safecare_ */
@media ( max-width: 1024px ) {
    .social_4 .anc2 ._scl4_2_tbl1_>div {min-width: 1024px;}
}

.social_4 .anc2 ._scl4_2_tbl1_ .gtc5 {
    grid-template-columns: 17.4242424242424% 6.96969696969697% 11.5151515151515% 18.4848484848485% 43.1818181818182%;
}

.social_4 .anc2 .tbl._safecare_ .gtc3 {
    grid-template-columns: 17.283950617284% 30.5555555555556% 49.6913580246914%;
    column-gap: 1.23456790123457%; row-gap: 0;
}

/* .tbl._safecare_ */
.social_4 .anc2 .tbl._month_ .gtc18 {
    grid-template-columns: 3.25757575757576% 11.2878787878788% 10.7575757575758% 6.36363636363636% 10.3030303030303% 2.95454545454545% 2.95454545454545% 2.95454545454545% 2.95454545454545% 2.95454545454545% 2.95454545454545% 2.95454545454545% 2.95454545454545% 2.95454545454545% 2.95454545454545% 2.95454545454545% 2.95454545454545% 12.2727272727273%;
    column-gap: 0.606060606060606%; row-gap: 0;
}

.social_4 .anc2 .tbl._month_ .item.row0 {border-bottom: 0; background: #F5F5F5 !important;}
.social_4 .anc2 .tbl._month_ .gtc18 .item:not(.row0) {padding-top: 18px; padding-bottom: 18px;}
.social_4 .anc2 .tbl._month_ .gtc18 .item.row5.col1,
.social_4 .anc2 .tbl._month_ .gtc18 .item.row5.col2 {grid-row: span 2;}
.social_4 .anc2 .tbl._month_ .gtc18 .item:not(.row0)>div {width: 15px; height: 15px; border-radius: 999px; background: #F6BB43;}
@media ( max-width: 1280px ) {
    .social_4 .anc2 .tbl._month_ .grd {min-width: 1280px;}
}



/* .tbl._support_ */
.social_4 .anc3 .tbl._support_ .gtc2 {
    grid-template-columns: 18.5185185185185% 80.2469135802469%;
    column-gap: 1.23456790123457%; row-gap: 0;
}



.social_4 .anc4 ._manage_ .left {grid-row: span 2;}

.social_4 .anc4 ._active_ .gtc3 {grid-template-columns: 37.037037037037% 25.9259259259259% 37.037037037037%;}
.social_4 .anc4 ._active_ .gtc3 .bgc_blue {background: #00A7E0; z-index: 2;}
.social_4 .anc4 ._factor_.gtc2 {grid-template-columns: 35% 65%;}

.social_4 .anc4 ._factor_ .item.graph {min-height: 236px; width: 100%;}
.social_4 .anc4 ._factor_ .item.graph .bars {height: 177px; width: 100%;}
.social_4 .anc4 ._factor_ .item.graph .bars>.bg {position: absolute; bottom: 0; top: unset; left: unset; right: 9px; width: 32%; height: 90%; background: #f7e6c4; z-index: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.social_4 .anc4 ._factor_ .item.graph .bars>.bar {height: 100%;} /*height: 177px;*/
.social_4 .anc4 ._factor_ .item.graph .bars>.bar .item {background: #FFAB01; width: 40px; color: #ffffff; text-align: center; padding: 3% 0;}
.social_4 .anc4 ._factor_ .item.graph .bars>.bar .item p {font-size: 1.6rem; font-weight: 600; line-height: 100%; color: #ffffff;}
.social_4 .anc4 ._factor_ .item.graph .bars>.bar .item span {display: block; font-size: 1.4rem; line-height: 100%;}
.social_4 .anc4 ._factor_ .item.graph .bnm {height: 25%; line-height: 20px;}
.social_4 .anc4 ._factor_ .item.graph .bnm .item {text-align: center; width: 60px;}
.social_4.en .anc4 ._factor_ .item.graph .bnm .item {text-align: center; min-width: 40px; width: 40px; display: flex; justify-content: center; padding-top: 5px;}
@media ( max-width: 640px ) {
    .social_4 .anc4 ._factor_.gtc2 {grid-template-columns: 1fr !important; row-gap: 20px;}
}


/*
 ------------------------------
 sub social_5
 ------------------------------
*/
.social_5 .content a {display: inline-block; text-align: center;}
.pb_50 {padding-bottom: 50px !important;}
.pdb_65 {padding-bottom: 65px !important;}

.social_5 .anc1 ._vocp_ {padding: 26px 68px;}
.social_5 .anc1 ._vocp_ .gtc2 .bttm_h_ln {grid-column: 1/3;}
.social_5 .anc1 ._vocp_ .gtc2 .bttm_h_ln>div {width: 55.2%;}
.social_5 .anc1 ._vocp_ .gtc2 .bgc_sub>p {font-size: 1.6rem; font-weight: 700;}
.social_5 .anc1 ._vocp_ .gtc2 .hdr {min-height: 40px;}
@media ( max-width: 640px ) {
    .social_5 .anc1 ._vocp_ {padding: 20px 20px;}
}

.social_5 .anc1 ._hrvoc_ {padding: 26px 68px;}
.social_5 .anc1 ._hrvoc_ .gtc5 {grid-template-columns: 59.0998043052838% 2.93542074363992% 18.9823874755382% 1px 18.9823874755382%;}
.social_5 .anc1 ._hrvoc_ .gtc5 .right_bx { grid-row: span 3; grid-column-start : 3; grid-column-end : 6;}
@media ( max-width: 640px ) {
    .social_5 .anc1 ._hrvoc_ {padding: 20px 20px;}
}

.social_5 .anc1 ._research_ .gtc9 {grid-template-columns: 15.7534246575342% 5.30821917808219% 15.7534246575342% 5.30821917808219% 15.7534246575342% 5.30821917808219% 15.7534246575342% 5.30821917808219% 15.7534246575342%;}
@media ( max-width: 640px ) {
    .social_5 .anc1 ._research_>div {min-width: 640px;}
}


.social_5 .anc1 ._graph_ {height: 300px; width: 100%;}
.social_5 .anc1 ._graph_ .item {width: 15%;}
.social_5 .anc1 ._graph_ .bar {height: 85%;}
.social_5 .anc1 ._graph_ .bar .item {background: #FF9900; height: 80%; color: #ffffff; padding: 2% 0; width: 16% !important;}
.social_5 .anc1 ._graph_ .bar .item p {font-size: 2rem; font-weight: 600; line-height: 100%; text-align: center;}
.social_5 .anc1 ._graph_ .bnm {height: 15%; line-height: 20px;}
.social_5 .anc1 ._graph_ .bnm .item {text-align: center;}
.social_5 .anc1 ._graph_ .bnm .item p {line-height: 110%; font-weight: 300;}
@media ( max-width: 640px ) {
    .social_5 .anc1 ._graph_ .bar .item { width: 15% !important; padding: 1% 0 !important;}
    .social_5 .anc1 ._graph_ .bar .item p {font-size: 1.8rem; }
}
@media ( max-width: 480px ) {
    .social_5 .anc1 ._research_>div {min-width: 480px;}
}
@media ( max-width: 640px ) {
    .social_5 .anc2 ._csca_ .fs_20 {font-weight: 500;}
}

.social_5 .anc3 ._customized_ .img_dn {background-repeat: no-repeat; background-position: top; background-size: cover; min-height: 468px; width: 100%;}
.social_5 .anc3 ._customized_ .img_dn.i1 {background-image: url("/static/images/scl5_a3_i1.png");}
.social_5 .anc3 ._customized_ .img_dn.i2 {background-image: url("/static/images/scl5_a3_i2.png");}
.social_5 .anc3 ._customized_ .img_dn.i3 {background-image: url("/static/images/scl5_a3_i3.png");}


.social_5 .anc3 ._purifier2_ .gtc9 {
    grid-template-columns: 6.8503937007874% 0.78740157480315% 7.95275590551181% 0.78740157480315% 19.9212598425197% 6.92913385826772% 38.1102362204724% 0.78740157480315% 17.8740157480315%;
    column-gap: 0; row-gap: 0;
}
.social_5 .anc3 ._purifier2_ .gtc9.hd .row0 {height: 42px;}
.social_5 .anc3 ._purifier2_ .gtc9.hd .row0.col1,
.social_5 .anc3 ._purifier2_ .gtc9.hd .row0.col2,
.social_5 .anc3 ._purifier2_ .gtc9.hd .row0.col3,
.social_5 .anc3 ._purifier2_ .gtc9.hd .row0.col4,
.social_5 .anc3 ._purifier2_ .gtc9.hd .row0.col6 {background: #ffffff !important;}
.social_5 .anc3 ._purifier2_ .gtc9.hd .row0.col5 {background: #fbdda1 !important;}
.social_5 .anc3 ._purifier2_ .gtc9.hd .row0>p {color: #2B2B2B;}
.social_5 .anc3 ._purifier2_ .grd:not(.hd) .inner_bx {
    display: flex; flex-direction: column; align-items: center; justify-content: flex-start; row-gap: 7px;
    padding-top: 15px;padding-bottom: 15px; width: 100%;
}
.social_5 .anc3 ._purifier2_ .grd:not(.hd) .inner_bx>div{width: 100%; min-height: 29px;}
.social_5 .anc3 ._purifier2_ .grd:not(.hd) .inner_bx>div>p {font-weight: 500;}
.social_5 .anc3 ._purifier2_ .grd:not(.hd) .inner_bx>div.bdc_gry1>p {color: #7A7A7A;}
.social_5 .anc3 ._purifier2_ .grd:not(.hd) .inner_bx>div.bdc_sub>p {color: #2B2B2B;}
.social_5 .anc3 ._purifier2_ .grd:not(.hd) .inner_bx>div.bgc_sub_pri>p {color: #FFFFFF;}
.social_5 .anc3 ._purifier2_ .grd:not(.hd) .inner_bx>div.dbl {min-height: 65px;}

.social_5 .anc3 ._purifier2_ .gtc9 .col2,
.social_5 .anc3 ._purifier2_ .gtc9 .col4,
.social_5 .anc3 ._purifier2_ .gtc9 .col6,
.social_5 .anc3 ._purifier2_ .gtc9 .col8 {border-top: 0;}

.social_5 .anc3 ._purifier2_ .gtc9 .row2.col1 {grid-row: span 2;}
.social_5 .anc3 ._purifier2_ .gtc9 .row1.col6 {grid-row: span 3;}

.social_5 .anc3 ._purifier2_ .gtc4 .gtc3 .item.row2.col1 {grid-row: 3/5;}
.social_5 .anc3 ._purifier2_ .gtc4 .gtc2 {grid-template-columns: 67.4063800277393% 31.4840499306519%;}

.social_5 .anc3 ._purifier2_ .grd .item .bx {margin-bottom: 7px; min-height: 31px;}
.social_5 .anc3 ._purifier2_ .grd .item .bx:last-child {margin-bottom: 0;}
.social_5 .anc3 ._purifier2_ .grd .item .bx p {font-weight: 300;}
/*.social_5 .anc3 ._purifier2_ .gtc3 .gtc2 .bx p {color: #2B2B2B;}*/
.social_5 .anc3 ._purifier2_ .row0,
.social_5 .anc3 ._purifier2_ .grd .item.col1.row2,
.social_5 .anc3 ._purifier2_ .grd .item.row3 {border-bottom: 0;}

@media ( max-width: 760px ) {
    .social_5 .anc3 ._purifier2_>div {min-width: 760px;}
}



.social_5 .anc3 .ln_sub_hp {width: 40px;}

.social_5 .anc3 ._annual_ .gtc13 {grid-template-columns: 12.1951219512195% 2.4390243902439% 12.1951219512195% 2.4390243902439% 12.1951219512195% 2.4390243902439% 12.1951219512195% 2.4390243902439% 12.1951219512195% 2.4390243902439% 12.1951219512195% 2.4390243902439% 12.1951219512195%;}
.social_5 .anc3 ._annual_ .gtc13 .bx.bgc_sub p {font-size: 1.4rem;}
.social_5 .anc3 ._annual_ .gtc13 .bx:not(.bgc_sub) p {font-size: 1.6rem;}
@media ( max-width: 1280px ) {
    .social_5 .anc3 ._sc5_3_dgrm2 .w70,
    .social_5 .anc3 ._sc5_3_dgrm2 .w80 {width: 100% !important;}
    /*.social_5 .anc3 ._annual_>div {display: block; flex-direction: unset; align-items: unset; justify-content: unset; flex-wrap: unset;}*/
}
@media ( max-width: 640px ) {
    .social_5 .anc3 ._annual_>div {min-width: 640px !important;}
}

.social_5 .anc3 ._rnd_ .img_dn {background-repeat: no-repeat; background-position: top; background-size: 103%; min-height: 301px;}
.social_5 .anc3 ._rnd_ .img_dn.i4 {background-image: url("/static/images/scl5_a3_i4.png");}
.social_5 .anc3 ._rnd_ .img_dn.i5 {background-image: url("/static/images/scl5_a3_i5.png");}
.social_5 .anc3 ._rnd_ .img_dn.i6 {background-image: url("/static/images/scl5_a3_i6.png");}
.social_5 .anc3 ._rnd_ p {font-size: 1.4rem; font-weight: 400;}
@media ( max-width: 1024px ) {
    .social_5 .anc3 ._rnd_ .img_dn { background-position: center; background-size: cover; min-height: 350px;}
}
@media ( max-width: 640px ) {
    .social_5 .anc3 ._rnd_ .img_dn { background-position: center; background-size: cover; min-height: 200px;}
}

.social_5 .anc3 ._open_ .img_dn {}
.social_5 .anc3 ._open_ .i7 img {width: 100%;}
.social_5 .anc3 ._open_ .img_dn.i8 {}
.social_5 .anc3 ._open_ .i9 img {width: 100%;}
.social_5 .anc3 ._open_ p {font-size: 1.4rem; font-weight: 400; line-height: 140%;}
.social_5 .anc3 ._open_>div>div.pd_20 {min-height: 180px;}
.social_5 .anc3 ._open_>div>img {width: 100%;}


.social_5 .anc4 ._channel_ .vg2 {grid-template-columns: 39.6212121212121% 60.3787878787879%;}
.social_5 .anc4 ._channel_ .vg2 .item>span {display: inline-block; font-size: 1.3rem; margin-top: 10px; margin-bottom: 55px;}
@media ( max-width: 1024px ) {
    .social_5 .anc4 ._channel_ .vg2 .item>span {margin-bottom: 30px;}
}
@media ( max-width: 760px ) {
    .social_5 .anc4 ._channel_ .vg2 .item .w60 {margin: 0 auto;}
    .social_5 .anc4 ._channel_ .vg2 .item .gtc6 {
        width: 80%; margin: 0 auto;
        grid-template-columns: repeat(3, 1fr) !important;
        row-gap: 40px !important; column-gap: 40px !important;
    }
}




.social_5 .anc4 ._pos_ .gtc5 {
    grid-template-columns: 18.1666666666667% 6.66666666666667% 50.3333333333333% 6.66666666666667% 18.1666666666667%;
    padding: 18px 25px;
}
.social_5 .anc4 ._pos_ .gtc5 .w_full {grid-column-start: 1; grid-column-end: 6; grid-row: span 1; }
.social_5 .anc4 ._pos_ .gtc5 .diamond {min-height: 56px;}
.social_5 .anc4 ._pos_ .gtc5 .diamond>img {min-height: 100%; min-width: 100%;}
.social_5 .anc4 ._pos_ .gtc5 .v_mrg3 {grid-row: span 3; grid-column: span 1;}
.social_5 .anc4 ._pos_ .gtc5 .v_mrg5 {grid-row: span 5; grid-column: span 1;}
.social_5 .anc4 ._pos_ .gtc5 .h_mrg2 {grid-row: span 1; grid-column: span 2;}
.social_5 .anc4 ._pos_ .gtc5 p {font-size: 1.6rem;}
.social_5 .anc4 ._pos_ .gtc5 .smpl {width: 62px; min-height: 22px;}
.social_5 .anc4 ._pos_ .gtc5 .smpl p {font-size: 1.4rem;}
.social_5 .anc4 ._pos_ .gtc5 .smpl.at {background: #ffffff; border: 1px solid #F6BB43; border-radius: 999px; color: #2B2B2B;}
.social_5 .anc4 ._pos_ .gtc5 .smpl.mnl {background: #F6BB43; border-radius: 999px; color: #FFFFFF;}
@media ( max-width: 640px ) {
    .social_5 .anc4 ._pos_ .gtc5 {
        grid-template-columns: 15.1666666666667% 4.66666666666667% 57.3333333333333% 4.66666666666667% 18.1666666666667%;
        padding: 18px 10px;
    }
    .social_5 .anc4 ._pos_ .gtc5 .b_30 {bottom: 20px !important;}
    .social_5 .anc4 ._pos_ .gtc5 .fs_16 {font-size: 1.4rem !important;}
    .social_5 .anc4 ._pos_ .gtc5 .diamond {min-height: 38px;}
}

/*
 ------------------------------
 sub social_6
 ------------------------------
*/
.pd_lr_40 {padding-left: 40px !important; padding-right: 40px !important;}
.plr_10 {padding: 0 10px !important;}
.c_115 {width: 115px; height: 115px; border-radius: 999px; text-align: center; color: #ffffff;}

.social_6 .anc1 ._sc6_1_dgrm1 .bx {min-height: 32px; font-weight: 600;}
.social_6 .anc1 ._sc6_1_dgrm1 .bx.bdy {min-height: 32px; font-weight: 400; background: #ffffff;}
.social_6 .anc1 ._sc6_1_dgrm1 .bx.unt {min-height: 42px; font-weight: 400; background: #ffffff; font-size: 1.4rem;}
.social_6 .anc1 ._sc6_1_dgrm1 .bx.grp {margin: 0; padding: 0 10px 10px;}
.social_6 .anc1 ._sc6_1_dgrm1 .grd_0 {display: flex; align-items: stretch; justify-content: center; width: 100%; flex-direction: row}
.social_6 .anc1 ._sc6_1_dgrm1 .grd_0>div {width: 1px; height: 100%; background: #868686;}
.social_6 .anc1 ._sc6_1_dgrm1 .grd_1 {display: grid; grid-template-columns: auto 220px auto; width: 100%;}
.social_6 .anc1 ._sc6_1_dgrm1 .grd_2 {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 5px 10px; width: 100%;}
.social_6 .anc1 ._sc6_1_dgrm1 .rw1 {}
.social_6 .anc1 ._sc6_1_dgrm1 .rw2 {height: 14px;}
.social_6 .anc1 ._sc6_1_dgrm1 .rw3 {}
.social_6 .anc1 ._sc6_1_dgrm1 .rw4 {height: 8px;}
.social_6 .anc1 ._sc6_1_dgrm1 .rw5 {height: 11px;}
.social_6 .anc1 ._sc6_1_dgrm1 .rw6 {}
.social_6 .anc1 ._sc6_1_dgrm1 .rw7 {height: 15px;}
.social_6 .anc1 ._sc6_1_dgrm1 .rw8 {}
@media ( max-width: 640px ) {
    .social_6 .anc1 ._sc6_1_dgrm1 .bx.unt {font-size: 1.3rem;}
    .social_6 .anc1 ._sc6_1_dgrm1 .meta_txt li {font-size: 1.3rem;}
}

@media ( max-width: 1024px ) {
    .social_6 .anc1 .sect>.gtc2 {grid-template-columns: 1fr !important;}
}
@media ( max-width: 560px ) {
    .social_6 .anc1 ._sc6_1_dgrm2>div {min-width: 500px;}
}

.social_6 .anc1 ._sc6_1_dgrm2 .gtc5 {
    /*grid-template-columns: 32.1969696969697% 4.0133779264214% 32.1969696969697% 4.0133779264214% 32.1969696969697%;*/
}
.social_6 .anc1 ._sc6_1_dgrm2 .c_140 {
    display: flex; align-items: center; justify-content: center;
    flex-direction: column; padding: 0; margin: 0 auto; line-height: 24px;
}
.social_6 .anc1 ._sc6_1_dgrm2 .c_140.bgc_sub_bg {background-image: url("/static/svg/c_140_bg.svg"); background-position: top; width: 140px; height: 140px;}
.social_6 .anc1 ._sc6_1_dgrm2 ul li {font-size: 1.4rem; line-height: 20px; }
@media ( max-width: 1320px ) {
    .social_6 .anc1 ._sc6_1_dgrm2 .pd_lr_40 {padding-left: 0 !important; padding-right: 0 !important;}
}



/* .tbl._sc6_1_tbl1 */
.social_6 .anc1 .tbl._sc6_1_tbl1 .gtc2 {
    grid-template-columns: 18.2098765432099% 80.5555555555556%;
    column-gap: 1.23456790123457%; row-gap: 0;
}
.social_6 .anc1 .tbl._sc6_1_tbl1 .gtc2 .col1 {font-weight: 500;}
.social_6 .anc1 .tbl .row {border-top: 0;}
.social_6 .anc1 .tbl .row1 {border-top: 1px solid #C7C7C7;}

/* ._process_ */
.social_6 .anc2 ._sc6_2_dgrm1 .bx {min-height: 40px; font-weight: 400;}
.social_6 .anc2 ._sc6_2_dgrm1 .bx {font-weight: 400; background: #ffffff;}
.social_6 .anc2 ._sc6_2_dgrm1 .bx.bd {min-height: 42px; font-weight: 400; background: #ffffff; font-size: 1.4rem;}

.social_6 .anc2 ._sc6_2_dgrm1 .gtc5 {
    grid-template-columns: 6.93739424703892% 38.917089678511% 8.62944162436548% 38.917089678511% 6.93739424703892%;
}
.social_6 .anc2 ._sc6_2_dgrm1 .gtc5 .rw1.col2,
.social_6 .anc2 ._sc6_2_dgrm1 .gtc5 .rw2.col2 {grid-column: span 3;}

.social_6 .anc2 ._sc6_2_dgrm1 .gtc5 .hdr {min-height: 40px;}
.social_6 .anc2 ._sc6_2_dgrm1 .gtc5 .rw2 .bdy {min-height: 81px;}
.social_6 .anc2 ._sc6_2_dgrm1 .gtc5 .rw5 .bdy {min-height: 129px;}
.social_6 .anc2 ._sc6_2_dgrm1 .gtc5 .rw8 .bdy {min-height: 72px;}

.social_6 .anc2 ._sc6_2_dgrm1 .hdr>p {font-size: 16px; font-weight: 500; text-align: left;}
.social_6 .anc2 ._sc6_2_dgrm1 .bdy {font-size: 14px; text-align: left; padding-left: 30px;}
@media ( max-width: 768px ) {
    .social_6 .anc2 ._sc6_2_dgrm1 .gtc5 {grid-template-columns: 6.93739424703892% 42.917089678511% 8.62944162436548% 42.917089678511% 0;}

}
@media ( max-width: 640px ) {
    .social_6 .anc2 ._sc6_2_dgrm1 .gtc5 {grid-template-columns: 6.93739424703892% 45.917089678511% 2.62944162436548% 45.917089678511% 0;}
    .social_6 .anc2 ._sc6_2_dgrm1 {}
    .social_6 .anc2 ._sc6_2_dgrm1>div {min-width: 560px;}
}

/* _if4_ _sc6_2_dgrm2 */
/*.social_6 .anc2 ._if4_ .sc6_ref {right: 12.5%;}*/
.social_6 .anc2 ._if4_ .grd_2 {display: grid; grid-template-columns: 157px auto;}
.social_6 .anc2 ._if4_ .grd_2>div {padding: 22px; text-align: center;}
.social_6 .anc2 ._if4_ .grd_2 .bd {padding: 22px; background: #ffffff;}
.social_6 .anc2 ._if4_ .grd_2 .grd_3 {display: grid; align-items: center; grid-template-columns: auto 218px 117px;}
.social_6 .anc2 ._if4_ .grd_2 .grd_3 .graph {
    width: 218px; height: 125px;
    background-image: url("/static/svg/scl_6_graph_guide.svg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.social_6 .anc2 ._if4_ .grd_2 .grd_3 .graph .bar {
    display: flex; align-items: flex-start; justify-content: space-evenly; flex-direction: column;
    height: 100%; padding-top: 17px; padding-left: 3px; padding-right: 8px;
}
.social_6 .anc2 ._if4_ .grd_2 .graph .bar .item {height: 24px; text-align: right; display: flex; align-items: center; justify-content: flex-end;}
.social_6 .anc2 ._if4_ .grd_2 .graph .bar .item>p {color: #ffffff; margin-right: 5px;}
.social_6 .anc2 ._if4_ .it1 {background: #868686;}
.social_6 .anc2 ._if4_ .it2 {background: #FE7C03;}
.social_6 .anc2 ._if4_ .it3 {background: #F6BB43;}
.social_6 .anc2 ._if4_ .ig1 .graph .bar .it1 {width: 83.2%;}
.social_6 .anc2 ._if4_ .ig1 .graph .bar .it2 {width: 90%;}
.social_6 .anc2 ._if4_ .ig1 .graph .bar .it3 {width: 72%;}
.social_6 .anc2 ._if4_ .ig2 .graph .bar .it1 {width: 75.1%;}
.social_6 .anc2 ._if4_ .ig2 .graph .bar .it2 {width: 92%;}
.social_6 .anc2 ._if4_ .ig2 .graph .bar .it3 {width: 38%;}
.social_6 .anc2 ._if4_ .ig3 .graph .bar .it1 {width: 12%;}
.social_6 .anc2 ._if4_ .ig3 .graph .bar .it2 {width: 12%;}
.social_6 .anc2 ._if4_ .ig3 .graph .bar .it3 {width: 12%;}
@media ( max-width: 960px ) {
    .social_6 .anc2 ._if4_ ._sc6_2_dgrm2>div{min-width: 960px;}
}
@media ( max-width: 1024px ) {
    .social_6 .anc2 ._if4_>.gtc2 {grid-template-columns: 1fr;}
}
@media ( max-width: 640px ) {
    .social_6 .anc2 ._if4_ ._sc6_2_dgrm2 .item {font-size: 1.3rem; line-height: 140%;}
}


/* _if5_ */
.social_6 .anc2 ._if5_ .grd_1 {display: grid; grid-template-columns: 26% 65%;}
.social_6 .anc2 ._if5_ .grd_2 {display: grid; grid-template-columns: 1fr 1fr;}
.social_6 .anc2 ._if5_ .item .item {text-align: center;}
.social_6 .anc2 ._if5_ .h_fix {min-height: 80px; padding-bottom: 20px;}
.social_6 .anc2 ._if5_ .chart_tit {font-size: 14px; font-weight: 600; margin-bottom: 7px;}
.social_6 .anc2 ._if5_ li {line-height: 20px;font-size: 1.4rem;}
.social_6 .anc2 ._if5_ li:not(:first-child) {margin-top: 15px;}
/* _if6_ */
.social_6 .anc2 ._if6_ .outter_bx {padding: 35px;}
@media ( max-width: 640px ) {
    .social_6 .anc2 ._if5_ .grd_1 {display: grid; grid-template-columns: 26% 65%;}
    .social_6 .anc2 ._if5_ li {line-height: 20px;font-size: 1.3rem;}
}




/*
 ------------------------------
 sub social_7
 ------------------------------
*/


@media ( max-width: 1024px ) {
    .social_7 .anc2 ._gv1_2_dgrm1_>img {min-width: 1024px;}
}

.social_7 .anc1 .bx .grd .item {min-height: 200px;}
.social_7 .anc1 .bx .grd .item .icon_tray {width: 60px; height: 50px; margin-top: 10px;}

.social_7 .anc1 .org .grd .item:not(.np) {padding: 10px 0;}
.social_7 .anc1 .org .grd .item p {font-size: 1.6rem; font-weight: 500; color: #ffffff;}
.social_7 .anc1 .org .grd .item.line {background: #ffffff;}
.social_7 .anc1 .org .grd .item.line p {color: #868686; font-weight: 400;}
.social_7 .anc1 .org .grd .item.row1.col3 {font-size: 1.8rem; font-weight: 600; grid-column: 3/-3;}
.social_7 .anc1 .org .grd .item.con_ln {height: 24px; grid-column: 1/6;}
.social_7 .anc1 .org .grd .item.con_ln0 {height: 24px;}
.social_7 .anc1 .org .grd .item.con_ln1 {height: 24px; grid-column: 1/6;}
.social_7 .anc1 .org .grd .item.con_ln2 {height: 24px;}
.social_7 .anc1 .org .grd .item .vl {width: 1px; height: 100%; background: #868686;}
.social_7 .anc1 .org .grd .item .vl.abs {position: absolute; top: 0; left: 50%; transform: translate(-50%);}
.social_7 .anc1 .org .grd .item .hl {width: 110%; height: 1px; background: #868686;}
.social_7 .anc1 .org .grd .item .hl.abs {position: absolute; top: 50%; left: 50%; transform: translate(0,-50%); width: 60%;}
.social_7 .anc1 .org .grd .item.con_ln1 .hl.abs {position: absolute; top: unset; bottom: 0; left: 50%; transform: translate(-50%); width: 81.2%;}
.social_7 .anc1 .org .grd .item.row3.col3 {grid-column: 3/-3;}
.social_7 .anc1 .org .grd .row5 {min-height: 53px;}
.social_7 .anc1 .org .grd .item.row7.col3 {grid-column: 3/-3;}
.social_7 .anc1 .org .grd .item.row10.cmt {grid-column: 2/6; background: #f5e4c0;}
.social_7 .anc1 .org .grd .item.row10.cmt p {font-size: 1.6rem; font-weight: 400; color: #2B2B2B;}
@media ( max-width: 760px ) {
    .social_7 .anc1 ._sc7_1_oc1>div {min-width: 600px;}
}



/*.social_7 .anc2 .bx p,*/
.social_7 .anc2 ._sc7_2_dgrm1 .grd.gtc12 {
    grid-template-columns: 2.83464566929134% 0.78740157480315% 2.99212598425197% 0.78740157480315% 30.5511811023622% 0.78740157480315% 11.259842519685% 0.78740157480315% 16.9291338582677% 0.78740157480315% 16.9291338582677% 14.5669291338583%;
    column-gap: 0; row-gap: 0;
}
.social_7 .anc2 ._sc7_2_dgrm1 .grd.hd>.item {min-height: 40px;}
.social_7 .anc2 ._sc7_2_dgrm1 .grd.hd>.item>p {color: #2B2B2B;}
.social_7 .anc2 ._sc7_2_dgrm1 .grd.hd>.item.bgc_sub>p {font-weight: 500;}
.social_7 .anc2 ._sc7_2_dgrm1 .grd:not(.hd)>.item {padding-top: 15px; padding-bottom: 15px;}

.social_7 .anc2 ._sc7_2_dgrm1 .grd>.col2,
.social_7 .anc2 ._sc7_2_dgrm1 .grd>.col4,
.social_7 .anc2 ._sc7_2_dgrm1 .grd>.col6,
.social_7 .anc2 ._sc7_2_dgrm1 .grd>.col8,
.social_7 .anc2 ._sc7_2_dgrm1 .grd>.col10 {border-top: 0; padding: 0;}

.social_7 .anc2 ._sc7_2_dgrm1 .grd>.col1.row0,
.social_7 .anc2 ._sc7_2_dgrm1 .grd>.col3.row0,
.social_7 .anc2 ._sc7_2_dgrm1 .grd>.col5.row0,
.social_7 .anc2 ._sc7_2_dgrm1 .grd>.col7.row0,
.social_7 .anc2 ._sc7_2_dgrm1 .grd>.col9.row0,
.social_7 .anc2 ._sc7_2_dgrm1 .grd>.col11.row0,
.social_7 .anc2 ._sc7_2_dgrm1 .grd>.col12.row0 {border-bottom: 2px solid #F6BB43;}

.social_7 .anc2 ._sc7_2_dgrm1 .grd>.col5,
.social_7 .anc2 ._sc7_2_dgrm1 .grd>.col7,
.social_7 .anc2 ._sc7_2_dgrm1 .grd>.col9,
.social_7 .anc2 ._sc7_2_dgrm1 .grd>.col11 {background: #fef8ec;}
.social_7 .anc2 ._sc7_2_dgrm1 .grd>.col5 {padding-left: 11px; padding-right: 11px;}
.social_7 .anc2 ._sc7_2_dgrm1 .grd>.col5>.gtc2 {
    grid-template-columns: 38.7978142076503% 58.7431693989071%;
    column-gap: 2.45901639344262%; row-gap: 0;
}
.social_7 .anc2 ._sc7_2_dgrm1 .grd>.col7,
.social_7 .anc2 ._sc7_2_dgrm1 .grd>.col9,
.social_7 .anc2 ._sc7_2_dgrm1 .grd>.col11 {padding-left: 0; padding-right: 0;}
.social_7 .anc2 ._sc7_2_dgrm1 .grd>.col7>.bd>p {text-align: center;}
.social_7 .anc2 ._sc7_2_dgrm1 .grd>.col12 {display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 2px;}

.social_7 .anc2 ._sc7_2_dgrm1 .grd>.row1.col1 {grid-row: span 5;}
.social_7 .anc2 ._sc7_2_dgrm1 .grd>.row1.col3 {grid-row: span 2;}
.social_7 .anc2 ._sc7_2_dgrm1 .grd>.row5.col1 {grid-row: span 2;}

.social_7 .anc2 ._sc7_2_dgrm1 .grd>.row0 {border-bottom: 0;}
.social_7 .anc2 ._sc7_2_dgrm1 .grd>.row1 {border-top: 0;}
.social_7 .anc2 ._sc7_2_dgrm1 .grd>.item>div,
.social_7 .anc2 ._sc7_2_dgrm1 .grd>.item>div.grd>.bd {padding: 3px; min-height: 53px; height: 100%;}
.social_7 .anc2 ._sc7_2_dgrm1 .grd>.item>div.grd {padding: 0;}
.social_7 .anc2 ._sc7_2_dgrm1 .grd>.item .bdc_sub>p {font-size: 1.6rem; font-weight: 500; line-height: 120%;}
.social_7 .anc2 ._sc7_2_dgrm1 .grd>.item .bdc_gry1>p {font-size: 1.4rem; font-weight: 400; line-height: 120%; padding-left: 7px;}
.social_7 .anc2 ._sc7_2_dgrm1.ovf>div {min-width: 1280px;}


.social_7 .anc2 ._water_ { width: 100%;}
.social_7 .anc2 ._water_ .bx p {font-size: 1.4rem;}
.social_7 .anc2 ._water_ .graph {width: 100%;}
.social_7 .anc2 ._water_ .graph .item {width: 60px !important;}
.social_7 .anc2 ._water_ .graph .bar {height: 75%;}
.social_7 .anc2 ._water_ .graph .bar .item {background: #FF9900; height: 80%; color: #ffffff; text-align: center; padding: 3% 0;}
/*.social_7 .anc2 ._water_ .graph .bar .item p {font-size: 1.6rem; font-weight: 700; line-height: 100%;}*/
.social_7 .anc2 ._water_ .graph .bnm {line-height: 20px; padding: 5px 0;}
.social_7 .anc2 ._water_ .graph .bnm .item {text-align: center;}
.social_7 .anc2 ._water_ .graph .bnm .item p {font-size: 1.2rem;}
.social_7 .anc2 ._water_ .graph.typ1 .gmtn {transition: 1s; opacity: 0; bottom: 0 !important; height: 0 !important; background: #ffffff !important;}
.social_7 .anc2 ._water_ .graph.typ1 .gmtn.gm1.active {opacity: 1; bottom: 0 !important; height: 75px !important; background: #F6BB43 !important;}
.social_7 .anc2 ._water_ .graph.typ1 .gmtn.gm2.active {opacity: 1; bottom: 0 !important; height: 94px !important; background: #FFAB01 !important;}
.social_7 .anc2 ._water_ .graph.typ1 .gmtn.gm3.active {opacity: 1; bottom: 0 !important; height: 144px !important; background: #FF9900 !important;}
.social_7 .anc2 ._water_ .graph.typ2 .gmtn {transition: 1s; opacity: 0; bottom: 0 !important; height: 0 !important; background: #ffffff !important;}
.social_7 .anc2 ._water_ .graph.typ2 .gmtn.gm1.active {opacity: 1; bottom: 0 !important; height: 51px !important; background: #F6BB43 !important;}
.social_7 .anc2 ._water_ .graph.typ2 .gmtn.gm2.active {opacity: 1; bottom: 0 !important; height: 75px !important; background: #FFAB01 !important;}
.social_7 .anc2 ._water_ .graph.typ2 .gmtn.gm3.active {opacity: 1; bottom: 0 !important; height: 109px !important; background: #FF9900 !important;}
.social_7 .anc2 ._water_ .waterchart {}
.social_7 .anc2 ._water_ .waterchart>div {border-bottom: 1px dashed #868686; width: 100%; height: 410px;}
@media ( max-width: 640px ) {
    .social_7 .anc2 ._water_ .graph .item {width: 25% !important;}
    .social_7 .anc2 ._water_ .waterchart .mt_40 {margin-top: 0 !important;}
    .social_7 .anc2 ._water_ .graph .bar {height: 60%;}
}

/*.social_7 .anc2 .bx p,*/
/*.social_7 .anc2 .grd.schart p {font-size: 1.6rem;}*/
/*.social_7 .anc2 ._schart_ .gr {border-top-width: 2px; border-top-style:  solid; border-bottom: 1px solid #7A7A7A !important;}*/
.social_7 .anc2 ._schart_ .gtc5 {
    grid-template-columns: 13.8888888888889% 20.3703703703704% 20.3703703703704% 20.3703703703704% 20.0617283950617%;
    column-gap: 1.23456790123457%; row-gap: 0;
}
.social_7.en .anc2 ._schart_ .gtc5 {
    grid-template-columns: 17.8888888888889% 19.3703703703704% 19.3703703703704% 19.3703703703704% 19.0617283950617%;
    column-gap: 1.23456790123457%; row-gap: 0;
}

.social_7 .anc2 ._schart_ .tbl {border-top: 0 !important;}
.social_7 .anc2 ._schart_ .hd {background: #F5F5F5; min-height: 42px;}
.social_7 .anc2 ._schart_ .gtc5 .row0 {border-bottom: 0; font-weight: 500;}
.social_7 .anc2 ._schart_ .gtc5 .row0.col1 {border-top: 2px solid #F6BB43 !important;}
.social_7 .anc2 ._schart_ .gtc5>.row1 {border-top: 1px solid #7A7A7A; border-bottom: 1px solid #7A7A7A;}
.social_7 .anc2 ._schart_ .gtc5 .gtc2 {grid-template-columns: 120px auto;}
.social_7 .anc2 ._schart_ .grd>.item:not(.row0) {padding: 15px 10px; font-size: 1.6rem;}
.social_7 .anc2 ._schart_ .grd>.item.rw1 {padding-bottom: 2px;}
.social_7 .anc2 ._schart_ .grd>.item.rw2 {padding-top: 2px;}
.social_7 .anc2 ._schart_ .grd>.item p {font-size: 1.6rem; text-align: left;}
.social_7 .anc2 ._schart_ .grd>.item.row1.col2 {grid-column: span 3; background: #fef8ec;}
.social_7 .anc2 ._schart_ .grd>.item.row2 {border-top: 0;}
.social_7 .anc2 ._schart_ .grd>.item.row1.col2>div>.item {border-top: 0;}
.social_7 .anc2 ._schart_ .grd>.item.row1.col5 {background: #fef8ec;}
.social_7 .anc2 ._schart_ .grd>.row2 {font-weight: 300;}
.social_7 .anc2 ._schart_ .grd>.row3 {font-weight: 300;}
@media ( max-width: 1200px ) {
    .social_7 .anc2 ._schart_ .gtc5 .gtc2 {grid-template-columns: 30% 70% !important;}
}
@media ( max-width: 640px ) {
    .social_7 .anc2 ._schart_>div {min-width: 640px;}
    .social_7 .anc2 ._schart_ .grd>.item p {font-size: 1.4rem;}
}

/*
 ------------------------------
 sub governance_1
 ------------------------------
*/

/* .anc1 .tbl._gv1_1_tbl1 */
.governance_1 .anc1 ._gv1_1_tbl1 .gtc5 {
    grid-template-columns:9.54545454545455% 19.3181818181818% 11.5151515151515% 48.1818181818182% 9.01515151515152%;
    column-gap: 0.606060606060606%; row-gap: 0;
}
@media ( max-width: 960px ) {
    .governance_1 .anc1 ._gv1_1_tbl1>div {min-width: 960px;}
}
.governance_1 .anc1 ._gv1_1_tbl1 .gtc5 .sen1 {min-width: 120px;}
.governance_1 .anc1 ._gv1_1_tbl1 .gtc5 ul {margin-left: 0;}

/* .anc1 .tbl._gv1_1_tbl2 */
.governance_1 .anc1 ._gv1_1_tbl2 .gtc5 {
    grid-template-columns: 9.54545454545455% 21.969696969697% 46.969696969697% 10.0757575757576% 9.01515151515152%;
    column-gap: 0.606060606060606%; row-gap: 0;
}
@media ( max-width: 760px ) {
    .governance_1 .anc1 ._gv1_1_tbl2>div {min-width: 760px;}
}
.governance_1 .anc1 ._gv1_1_tbl2 .gtc5 .row1.col1,
.governance_1 .anc1 ._gv1_1_tbl2 .gtc5 .row1.col2,
.governance_1 .anc1 ._gv1_1_tbl2 .gtc5 .row1.col5 {grid-row: span 10; grid-column: span 1;}
.governance_1 .anc1 ._gv1_1_tbl2 .gtc5 .row11.col1,
.governance_1 .anc1 ._gv1_1_tbl2 .gtc5 .row11.col2,
.governance_1 .anc1 ._gv1_1_tbl2 .gtc5 .row11.col5 {grid-row: span 2; grid-column: span 1;}
.governance_1 .anc1 ._gv1_1_tbl2 .gtc5 .row13.col1,
.governance_1 .anc1 ._gv1_1_tbl2 .gtc5 .row13.col2,
.governance_1 .anc1 ._gv1_1_tbl2 .gtc5 .row13.col5 {grid-row: span 3; grid-column: span 1;}
.governance_1 .anc1 ._gv1_1_tbl2 .gtc5 .row16.col1,
.governance_1 .anc1 ._gv1_1_tbl2 .gtc5 .row16.col2,
.governance_1 .anc1 ._gv1_1_tbl2 .gtc5 .row16.col5 {grid-row: span 2; grid-column: span 1;}
.governance_1 .anc1 ._gv1_1_tbl2 .gtc5 .row18.col1,
.governance_1 .anc1 ._gv1_1_tbl2 .gtc5 .row18.col2,
.governance_1 .anc1 ._gv1_1_tbl2 .gtc5 .row18.col5 {grid-row: span 2; grid-column: span 1;}
.governance_1 .anc1 ._gv1_1_tbl2 .gtc5 .row20.col1,
.governance_1 .anc1 ._gv1_1_tbl2 .gtc5 .row20.col2,
.governance_1 .anc1 ._gv1_1_tbl2 .gtc5 .row20.col5 {grid-row: span 4; grid-column: span 1;}
.governance_1 .anc1 ._gv1_1_tbl2 .gtc5 .row20.col1,
.governance_1 .anc1 ._gv1_1_tbl2 .gtc5 .row20.col2,
.governance_1 .anc1 ._gv1_1_tbl2 .gtc5 .row20.col5,
.governance_1 .anc1 ._gv1_1_tbl2 .gtc5 .item.row23 {border-bottom: 0;}


/* .anc2 _frame_ */
@media ( max-width: 1024px ) {
    .governance_1 .anc2 ._frame_ {margin-bottom: 20px;}
}

/* .anc3 _gv1_3_oc1 */
@media ( max-width: 960px ) {
    .governance_1 .anc3 ._gv1_3_oc1 .gtc4 {grid-template-columns: repeat(4, minmax(140px, auto)) !important;}
}
.governance_1 .anc3 ._gv1_3_oc1.ot .item.w_full.grp {grid-column: span 4;}
.governance_1 .anc3 ._gv1_3_oc1.ot .item.w_full.grp>.bx {max-width: 312px;}
.governance_1 .anc3 ._gv1_3_oc1.ot .smllr {margin-top: 0;}

/* .anc3 _gv1_3_dgrm1 */
.governance_1 .anc3 ._gv1_3_dgrm1 .grp .bdy>p {font-size: 1.6rem; font-weight: 500; margin: .5vw auto;}
.governance_1 .anc3 ._gv1_3_dgrm1 .grp .bdy>span {font-size: 1.4rem; display: inline-block; line-height: 160%; margin: .5vw auto;}
.governance_1 .anc3 ._gv1_3_dgrm1 .grp .bdy>.bx>.v_ln {width: 2px; height: 20px; background: #C28E40;}
@media ( max-width: 760px ) {
    .governance_1 .anc3 ._gv1_3_dgrm0>div {min-width: 760px;}
    .governance_1 .anc3 ._gv1_3_dgrm1>div {min-width: 760px;}
}
@media ( max-width: 640px ) {
    .governance_1 .anc3 ._gv1_3_dgrm1 .gtc4 {grid-template-columns: repeat(1, 1fr); column-gap: 0; row-gap: 10px;}
}

@media ( max-width: 960px ) {
    .governance_1 .anc4 ._gv1_4_dgrm1.gtc3 {column-gap: 10px !important;}
}
@media ( max-width: 760px ) {
    .governance_1 .anc4 ._gv1_4_dgrm1.gtc3 {grid-template-columns: repeat(2, 1fr) !important;}
}
@media ( max-width: 480px ) {
    .governance_1 .anc4 ._gv1_4_dgrm1.gtc3 {grid-template-columns: repeat(1, 1fr) !important;}
}

/* .anc4 .tbl._gv1_4_tbl1 */
.governance_1 .anc4 ._gv1_4_tbl1 .gtc4 {
    grid-template-columns: 7.27272727272727% 5.07575757575758% 10.6818181818182% 75.1515151515152%;
    column-gap: 0.606060606060606%; row-gap: 0;
}
.governance_1 .anc4 ._gv1_4_tbl1 .gtc4 .item.row7.col0,
.governance_1 .anc4 ._gv1_4_tbl1 .gtc4 .row1.col0 {grid-row: span 3;}
.governance_1 .anc4 ._gv1_4_tbl1 .gtc4 .row4.col0,
.governance_1 .anc4 ._gv1_4_tbl1 .gtc4 .row7.col0 {grid-row: span 3;}
@media ( max-width: 640px ) {
    .governance_1 .anc4 ._gv1_4_tbl1>div {min-width: 640px;}
}

/*
 ------------------------------
 sub governance_2
 ------------------------------
*/
.governance_2 .pt_20 {padding-top: 20px !important;}
.governance_2 .pb_12 {padding-bottom: 12px !important;}

/* common */
.governance_2 .anc1 .bx.bgc_sub {min-height: 81px; font-size: 2rem; font-weight: 500;}
.governance_2 .anc1 .bx.bd {min-height: 60px; font-size: 1.4rem; font-weight: 400;}
.governance_2.en .btns .btn {width: 250px;}
@media ( max-width: 640px ) {
    .governance_2.en .btns .btn {width: 100%;}
}

/* .anc1 */
.governance_2 .anc1 ._gv2_1_oc1 .row2 {grid-column: 3 span;}
.governance_2 .anc1 ._gv2_1_oc1 .row8 {justify-content: flex-start; margin-bottom: 10px;} /* 하단 그림자가 사라지는 오류 보완 */
.governance_2 .anc1 ._gv2_1_oc1 .row8 .bx {min-height: 37px; height: 37px;}
.governance_2 .anc1 ._gv2_1_oc1 .row8 .bx>p {font-size: 1.8rem;}
.governance_2 .anc1 ._gv2_1_oc1 .row8 .bdy {font-size: 1.4rem; font-weight: 400; line-height: 24px;}
@media ( max-width: 960px ) {
    .governance_2 .anc1 ._gv2_1_oc1>div {min-width: 960px;}
}
@media ( max-width: 640px ) {
    .governance_2 .anc2 ._gv2_2_dgrm1>div {min-width: 640px;}
}


/* .anc2 */
.governance_2 .anc2 .vg2.vg21 {
    grid-template-columns: 65.5% 32%;
    column-gap: 2.5%; row-gap: 0;
}
.governance_2 .anc2 .row0 .bx {color: #ffffff; height: 186px; row-gap: 10px;}
.governance_2 .anc2 .row1.bx {background-color: #ffffff; height: 100px; justify-content: flex-start; padding-top: 10px;}

.governance_2 .anc2 .row1 .gtc6>.bx>.fl>div {width: 60px; height: 50px;}
@media ( max-width: 960px ) {
    .governance_2 .anc2 .ot .gtc1 {grid-template-columns: repeat(1, minmax(760px, auto)) !important;}
    .governance_2 .anc2 .ot .gtc1 .gtc4 {column-gap: 24px !important;}
}


/* .anc2 .tbl */
.governance_2 .anc2 .tbl._gv2_2_tbl1 .gtc2 {
    grid-template-columns: 15.3493699885452% 83.7342497136312%;
    column-gap: 0.916380297823597%; row-gap: 0;
}


/* .anc3 */
.governance_2 .anc3 .bx.hdr {min-height: 40px;}
.governance_2 .anc3 .bx.bgc_w {background: #ffffff; padding: 10px 10px; line-height: 20px; text-align: center; min-height: 89px; font-weight: 400;}
@media ( max-width: 1024px ) {
    .governance_2 .anc3 ._gv2_3_dgrm1 .gtc6 {grid-template-columns: repeat(3, 1fr) !important; column-gap: 16px !important; row-gap: 16px !important;}
}
@media ( max-width: 640px ) {
    .governance_2 .anc3 ._gv2_3_dgrm1 .gtc6 {grid-template-columns: repeat(2, 1fr) !important; column-gap: 16px !important; row-gap: 16px !important;}
}
@media ( max-width: 480px ) {
    .governance_2 .anc3 ._gv2_3_dgrm1 .gtc6 {grid-template-columns: repeat(1, 1fr) !important; column-gap: 0 !important; row-gap: 16px !important;}
}

/* .tbl._gv2_3_tbl1 */
.governance_2 .anc3 .tbl._gv2_3_tbl1 .gtc2 {
    grid-template-columns: 18.4848484848485% 80.9090909090909%;
    column-gap: 0.606060606060606%; row-gap: 0;
}






/*
 ------------------------------
 sub governance_3
 ------------------------------
*/
.governance_3 .anc1 .vg2.vg21 {
    grid-template-columns: 65.5% 32%;
    column-gap: 2.5%; row-gap: 0;
}

.governance_3 .anc1 .vg2.vg12 {
    grid-template-columns: 32% 65.5%;
    column-gap: 2.5%; row-gap: 0;
}

.governance_3 .anc1 ._gv3_1_oc1 .row0 .bx {width: 312px;}
.governance_3 .anc1 ._gv3_1_oc1 .item {padding: 0;}
.governance_3 .anc1 ._gv3_1_oc1 .item.con_ln {height: 24px; grid-column: 1/5;}
.governance_3 .anc1 ._gv3_1_oc1 .item.con_ln0 {height: 24px;}
.governance_3 .anc1 ._gv3_1_oc1 .item .vl {width: 1px; height: 100%; background: #868686;}
.governance_3 .anc1 ._gv3_1_oc1 .item .vl.abs {position: absolute; top: 0; left: 50%; transform: translate(-50%);}
.governance_3 .anc1 ._gv3_1_oc1 .item .hl {width: 100%; height: 1px; background: #868686;}
.governance_3 .anc1 ._gv3_1_oc1 .item .hl.abs {position: absolute; top: unset; bottom: -1px; left: 50%; transform: translate(-50%,-50%); width: 76.4%;}
.governance_3 .anc1 ._gv3_1_oc1 .flex .bx.row0 {width: 25%; color: #ffffff;}
.governance_3 .anc1 ._gv3_1_oc1 .bx p {font-size: 2rem; font-weight: 500; line-height: 25px;}
.governance_3 .anc1 ._gv3_1_oc1 .item.row3 {min-height: 81px;}
.governance_3 .anc1 ._gv3_1_oc1 .item.row4 {justify-content: flex-start; min-height: 138px;}
.governance_3 .anc1 ._gv3_1_oc1 .item.row41 {justify-content: flex-start; min-height: 90px;}
.governance_3 .anc1 ._gv3_1_oc1 .item.row412 {justify-content: flex-start;}
.governance_3 .anc1 ._gv3_1_oc1 .item.row4 .bx {min-height: 42px;}
.governance_3 .anc1 ._gv3_1_oc1 .item.row4 .bx p {font-size: 1.4rem; font-weight: 400;}
.governance_3 .anc1 ._gv3_1_oc1 .bx span.sub {display: block; font-size: 1.4rem; font-weight: 500; line-height: 25px;}
.governance_3 .anc1 ._gv3_1_oc1 .bx.bdy p {font-size: 1.4rem; font-weight: 300;}
.governance_3 .anc1 ._gv3_1_oc1 .item.row4.col4 {background: #D4D4D4; min-height: 90px;}
.governance_3 .anc1 ._gv3_1_oc1 .col23 {grid-column: 1/3; background: #D4D4D4; min-height: 144px;}
.governance_3 .anc1 ._gv3_1_oc1 .col234 {grid-column: 2/5; background: #E4E3E3; min-height: 144px;}

@media ( max-width: 1320px ) {
    .governance_3 .anc1 ._gv3_1_oc1 .item.row4 {min-height: 184px;}
    .governance_3 .anc1 ._gv3_1_oc1 .item.row4 .bx {min-height: 72px;}
    .governance_3 .anc1 ._gv3_1_oc1 .item.row41 {min-height: 130px;}
    .governance_3 .anc1 ._gv3_1_oc1 .item.row4.col4 {min-height: 130px;}
}
@media ( max-width: 960px ) {
    .governance_3 .anc1 ._gv3_1_oc1 .gtc4 {grid-template-columns: repeat(4, minmax(200px, auto)) !important;}
}


@media ( max-width: 1024px ) {
    .governance_3 .anc1 ._gv3_1_oc1>div {min-width: 1024px;}
}
@media ( max-width: 1024px ) {
    .governance_3 .anc1 ._gv3_1_dgrm1>div {min-width: 1024px;}
}


@media ( max-width: 640px ) {
    .governance_3 .anc1 ._gv3_2_dgrm1_>div {min-width: 640px;}
}



.governance_3 .anc1 ._gv3_2_tbl1 .gtc2 {
    grid-template-columns: 16.2621359223301% 82.7669902912621%;
    column-gap: 0.970873786407767%; row-gap: 0;
}

/*.governance_3 .anc1 ._esgcmt_ {display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: row;}*/
.governance_3 .anc1 ._esgcmt_ .btns {display: flex; align-items: flex-start; justify-content: flex-start; gap: 20px;}
.governance_3 .anc1 ._esgcmt_ .btns.fdc {flex-direction: column;}
.governance_3 .anc1 ._esgcmt_ .btns .btn {min-width: 250px;}
@media ( max-width: 1024px ) {
    .governance_3 .anc1 ._esgcmt_ {display: block;}
    .governance_3 .anc1 ._esgcmt_ .w30 {width: 100% !important; padding-bottom: 50px;}
    .governance_3 .anc1 ._esgcmt_ .w70 {width: 100% !important;}
    .governance_3 .anc1 ._esgcmt_ .btns.fdc {flex-direction: row; flex-wrap: wrap;}
    .governance_3 .anc1 ._esgcmt_ .btns.fdc .btn {min-width: 200px;}
}
@media ( max-width: 960px ) {
    /*.governance_3 .anc1 ._esgcmt_ .w70 .bgc.bgc_g0:not(.grp) {padding: 12px;}*/
}
@media ( max-width: 640px ) {
    .governance_3 .anc1 ._esgcmt_ .btns.fdc .btn {min-width: 100%;}
}

.governance_3 .anc2 .gtc3 {
    grid-template-columns: 16% 40% 40% !important;
    column-gap: 2% !important; row-gap: 0 !important;
}
@media ( max-width: 760px ) {
    .governance_3 .anc2 ._gv3_2_dgrm2_>div {min-width: 760px;}
}


/*
 ------------------------------
 sub appendix
 ------------------------------
*/
.appendix .tab_blck {position: absolute; top: -50px; height: 50px; left: 0; right: 0; width: 100%;}
.appendix .tab_blck .tabs {display: grid; align-items: flex-end; justify-content: space-around; grid-template-columns: repeat(3, 1fr); column-gap: 1.5%; height: 100%;}
.appendix .tab_blck .tb {display: block; height: 80%; background: #737887; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.appendix .tab_blck .tb.active {display: block; height: 100%; background: #ffffff; width: 100%;}
.appendix .tab_blck .tb>.bx { height: 100%; min-height: unset; margin-top: 1%;}
.appendix .tab_blck .tb p {font-size: 2rem; font-weight: 500; color: #ffffff; line-height: 100%;}
.appendix .tab_blck .tb.active p {color: #2B2B2B;}
.appendix .tbc {display: none;}
.appendix .tbc.active {display: block;}
@media ( max-width: 1024px ) {
    .appendix .tab_blck {top: -50px; height: 50px;}
    .appendix .tab_blck .tabs {column-gap: 1%;}
    .appendix .tab_blck .tb p {font-size: 1.8rem;}
}
@media ( max-width: 640px ) {
    .appendix .tab_blck {top: -40px; height: 40px;}
    .appendix .tab_blck .tabs {column-gap: .8%;}
    .appendix .tab_blck .tb {border-top-left-radius: 8px; border-top-right-radius: 8px;}
    .appendix .tab_blck .tb p {font-size: 1.6rem;}
}
@media ( max-width: 480px ) {
    .appendix .tab_blck {top: -30px; height: 30px; margin-left: 3%; margin-right: 3%; width: 94%;}
    .appendix .tab_blck .tabs {column-gap: 1%;}
    .appendix .tab_blck .tb {border-top-left-radius: 5px; border-top-right-radius: 5px;}
    .appendix .tab_blck .tb p {font-size: 1.2rem;}
}



/*
 ------------------------------
 sub appendix_1
 ------------------------------
*/

.appendix_1 .anc1 ._ap1_1_blk1 .gtc4 {
    grid-template-columns: repeat(4, 1fr);
    column-gap: 24px; row-gap: 0;
}
@media ( max-width: 1280px ) {
    .appendix_1 .anc1 ._ap1_1_blk1 .gtc4 {column-gap: 10px;}
}
@media ( max-width: 1024px ) {
    .appendix_1 .anc1 ._ap1_1_blk1 .gtc4 {grid-template-columns: repeat(2, 1fr); column-gap: 10px; row-gap: 10px;}
}
@media ( max-width: 640px ) {
    .appendix_1 .anc1 ._ap1_1_blk1 .gtc4 {grid-template-columns: repeat(1, 1fr); column-gap: 0; row-gap: 10px;}
    .appendix_1 .anc1 ._ap1_1_blk1 .gtc4 .bdy {padding: 15px !important;}

    .appendix_1 .anc2 ._ap1_1_blk1 .gtc4 .hdr.bx {height: 50px !important; min-height: 50px !important;}
}

@media ( max-width: 960px ) {
    .appendix_1 .anc1 ._ap1_1_tbl1>div {min-width: 960px;}
}
@media ( max-width: 640px ) {
    .appendix_1 .anc2 .gtc4 {grid-template-columns: repeat(1, 1fr) !important; column-gap: 0; row-gap: 10px;}
}

.appendix_1 .anc2 ._ap1_1_tbl1 .gtc3 {
    grid-template-columns: repeat(3, auto);
}

/*
 ------------------------------
 sub appendix_2
 ------------------------------
*/

.appendix_2 .tbl p,
.appendix_2 .tbl span.meta_txt,
.appendix_2 .tbl .meta_txt li {line-height: 120% !important;}


.appendix_2 .anc1 .tbl .grd .item {padding: 3px 5px; font-size: 1.6rem;}


.appendix_2 .anc1 .gtc16 {
    grid-template-columns: 7.27272727272727% 22% 1.36363636363636% 8.48484848484848% 1.36363636363636% 8.48484848484848% 1.36363636363636% 8.48484848484848% 1.36363636363636% 8.48484848484848% 1.36363636363636% 8.48484848484848% 1.36363636363636% 8.48484848484848% 1.36363636363636% 10.2727272727273% !important;
    column-gap: 0; row-gap: 0;
}
.appendix_2.en .anc1 .gtc16 {
    grid-template-columns: 7.27272727272727% 22% 1.36363636363636% 7.48484848484848% 1.36363636363636% 7.48484848484848% 1.36363636363636% 7.48484848484848% 1.36363636363636% 7.48484848484848% 1.36363636363636% 7.48484848484848% 1.36363636363636% 7.48484848484848% 1.36363636363636% 16.2727272727273% !important;
    column-gap: 0; row-gap: 0;
}


.appendix_2 .anc1 .gtc15 {
    grid-template-columns: auto auto auto 0.8% 8% 0.8% 10% 0.8% 10% 0.8% 10% 0.8% 10% 0.8% 10% !important;
    column-gap: 0; row-gap: 0;
}
.appendix_2 .anc1 .gtc14 {
    grid-template-columns: auto auto 0.8% 8% 0.8% 10% 0.8% 10% 0.8% 10% 0.8% 10% 0.8% 10% !important;
    column-gap: 0; row-gap: 0;
}
.appendix_2 .anc1 .gtc13 {
    grid-template-columns: auto 0.8% 8% 0.8% 10% 0.8% 10% 0.8% 10% 0.8% 10% 0.8% 10% !important;
    column-gap: 0 !important; row-gap: 0 !important;
}
@media ( max-width: 960px ) {
    .appendix_2 .anc1 ._id_>div {min-width: 960px;}
    .appendix_2 .anc1 ._id_>div>.grd {row-gap: 0;}
}


.appendix_2 .anc1 .gtc8 {
    grid-template-columns: 29.2727272727273% 8.48484848484848% 8.48484848484848% 8.48484848484848% 8.48484848484848% 8.48484848484848% 8.48484848484848% 10.2727272727273% !important;
    column-gap: 1.36363636363636%; row-gap: 0;
}

.appendix_2 .anc1 .gtc12 {
    grid-template-columns: 7.27272727272727% 22% 1.36363636363636% 8.48484848484848% 1.36363636363636% 8.48484848484848% 1.36363636363636% 8.48484848484848% 1.36363636363636% 8.48484848484848% 1.36363636363636% 30.2727272727273% !important;
    column-gap: 0; row-gap: 0;
}
.appendix_2 .anc1 .gtc6 {
    grid-template-columns: 27.2727272727273% 8.48484848484848% 8.48484848484848% 8.48484848484848% 8.48484848484848% 31.969696969697% !important;
    column-gap: 1.36363636363636%; row-gap: 0;
}

.appendix_2 .anc1 .grd .col1 .gtc2 {
    grid-template-columns: 34.1666666666667% 65.8333333333333% !important;
    column-gap: 0; row-gap: 0;
}
.appendix_2 .anc1 .grd .item span {font-size: 1.2rem; line-height: 120%;}

@media ( max-width: 640px ) {
    .appendix_2 .anc1 .grd .item>span {font-size: 1.4rem !important; line-height: 120% !important; font-weight: 400 !important;}
}

/*.appendix_2 .anc1 .tab_blck {position: absolute; top: -60px; height: 60px; left: 0; right: 0; width: 100%;}
.appendix_2 .anc1 .tab_blck .tabs {display: grid; align-items: flex-end; justify-content: space-around; grid-template-columns: repeat(3, 1fr); column-gap: 1.5%; height: 100%;}
.appendix_2 .anc1 .tab_blck .tb {display: block; height: 80%; background: #737887; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.appendix_2 .anc1 .tab_blck .tb.active {display: block; height: 100%; background: #ffffff; width: 100%;}
.appendix_2 .anc1 .tab_blck .tb>.bx { height: 100%; min-height: unset; margin-top: 1%;}
.appendix_2 .anc1 .tab_blck .tb p {font-size: 2rem; font-weight: 500; color: #ffffff; line-height: 100%;}
.appendix_2 .anc1 .tab_blck .tb.active p {color: #2B2B2B;}
.appendix_2 .anc1 .tbc {display: none;}
.appendix_2 .anc1 .tbc.active {display: block;}
@media ( max-width: 1024px ) {
    .appendix_2 .anc1 .tab_blck {top: -50px; height: 50px;}
    .appendix_2 .anc1 .tab_blck .tabs {column-gap: 1%;}
    .appendix_2 .anc1 .tab_blck .tb p {font-size: 1.8rem;}
}
@media ( max-width: 640px ) {
    .appendix_2 .anc1 .tab_blck {top: -40px; height: 40px;}
    .appendix_2 .anc1 .tab_blck .tabs {column-gap: .8%;}
    .appendix_2 .anc1 .tab_blck .tb {border-top-left-radius: 8px; border-top-right-radius: 8px;}
    .appendix_2 .anc1 .tab_blck .tb p {font-size: 1.6rem;}
}
@media ( max-width: 480px ) {
    .appendix_2 .anc1 .tab_blck {top: -30px; height: 30px;}
    .appendix_2 .anc1 .tab_blck .tabs {column-gap: .6%;}
    .appendix_2 .anc1 .tab_blck .tb {border-top-left-radius: 5px; border-top-right-radius: 5px;}
    .appendix_2 .anc1 .tab_blck .tb p {font-size: 1.2rem;}
}*/

/*
 ------------------------------
 sub appendix_3
 ------------------------------
*/

.appendix_3 .anc1 .tab_blck {position: absolute; top: -60px; height: 60px; left: 0; right: 0; width: 100%;}
.appendix_3 .anc1 .tab_blck .tabs {display: grid; align-items: flex-end; justify-content: space-around; grid-template-columns: repeat(2, 1fr); column-gap: 1.5%; height: 100%;}
.appendix_3 .anc1 .tab_blck .tb {display: block; height: 80%; background: #737887; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.appendix_3 .anc1 .tab_blck .tb.active {display: block; height: 100%; background: #ffffff; width: 100%;}
.appendix_3 .anc1 .tab_blck .tb>.bx { height: 100%; min-height: unset; margin-top: 1%;}
.appendix_3 .anc1 .tab_blck .tb p {font-size: 2rem; font-weight: 500; color: #ffffff; line-height: 100%;}
.appendix_3 .anc1 .tab_blck .tb.active p {color: #2B2B2B;}
.appendix_3 .anc1 .tbc {display: none;}
.appendix_3 .anc1 .tbc.active {display: block;}
.appendix_3 .anc1 .tbc .grp {min-height: 151px;}
.appendix_3 .anc1 .tbc .grp>.bx:last-child {border-left: 1px solid #E4E3E3; background: #F5F5F5; display: flex; flex-direction: column; row-gap: 20px;}
.appendix_3 .anc1 .tbc .grp>.bx>.txt1 {font-size: 2rem; font-weight: 300; color: #7A7A7A;}
.appendix_3 .anc1 .tbc .grp>.bx>.txt2 {font-size: 2rem; font-weight: 500; color: #2B2B2B;}
.appendix_3 .anc1 .tbc .grp>.bx>.txt3 {display: flex; align-items: center; justify-content: center; column-gap: 30px;}
.appendix_3 .anc1 .tbc .grp>.bx>.txt3 .score {font-size: 2rem; font-weight: 500; color: #2B2B2B; font-weight: 500;}
.appendix_3 .anc1 .tbc .grp>.bx>.txt3 .score .bullet {display: inline-block; padding: 2px 15px; border-radius: 7px; color: #fff; margin-right: 10px;}
.appendix_3 .anc1 .tbc .grp>.bx>.txt3 .score .bullet.e {background: #8CC051;}
.appendix_3 .anc1 .tbc .grp>.bx>.txt3 .score .bullet.s {background: #FEAB03;}
.appendix_3 .anc1 .tbc .grp>.bx>.txt3 .score .bullet.g {background: #C28E40;}

.appendix_3 .anc1 .tbc .tbl .gtc2 {grid-template-columns: 300px auto;}
.appendix_3 .anc1 .tbc .tbl .grd .item {min-height: 200px; border-top: 1px dashed #C7C7C7;}
.appendix_3 .anc1 .tbc .tbl .grd .item>.tit {font-size: 2.4rem; margin-bottom: 10px;}
.appendix_3 .anc1 .tbc .tbl .grd .row4 {border-bottom: 1px dashed #C7C7C7;}
@media ( max-width: 1024px ) {
    .appendix_3 .anc1 .tab_blck {top: -50px; height: 50px;}
    .appendix_3 .anc1 .tab_blck .tabs {column-gap: 1%;}
    .appendix_3 .anc1 .tab_blck .tb p {font-size: 1.8rem;}
}
@media ( max-width: 640px ) {
    .appendix_3 .anc1 .tbc .vw2 {row-gap: 10px;}
    .appendix_3 .anc1 .tbc2 .vw2>.item {width: 100%;}
    .appendix_3 .anc1 .tbc2 .vw2 .bx>img {width: 70%;}
    .appendix_3 .anc1 .tbc .grp>.bx>.txt1 {font-size: 1.6rem;}
    .appendix_3 .anc1 .tbc .grp>.bx>.txt2 {font-size: 1.6rem;}
    .appendix_3 .anc1 .tbc .grp>.bx>.txt3 {column-gap: 10px;}
    .appendix_3 .anc1 .tbc .grp>.bx>.txt3 .score {font-size: 1.4rem;}
    .appendix_3 .anc1 .tbc .grp>.bx>.txt3 .score .bullet {padding: 1px 7px; border-radius: 5px; margin-right: 5px;}

    .appendix_3 .anc1 .tbc .tbl .gtc2 {grid-template-columns: 30% auto;}
    .appendix_3 .anc1 .tbc .tbl .grd .item {min-height: 200px; border-top: 1px dashed #C7C7C7;}
    .appendix_3 .anc1 .tbc .tbl .grd .item>.tit {font-size: 1.6rem; margin-bottom: 10px; margin-top: 10px;}
    .appendix_3 .anc1 .tbc .tbl .grd .item>p {font-size: 1.4rem; margin-bottom: 0;}
    .appendix_3 .anc1 .tbc .tbl .grd .row4 {border-bottom: 1px dashed #C7C7C7;}

    .appendix_3 .anc1 .tab_blck {top: -40px; height: 40px;}
    .appendix_3 .anc1 .tab_blck .tabs {column-gap: .8%;}
    .appendix_3 .anc1 .tab_blck .tb {border-top-left-radius: 8px; border-top-right-radius: 8px;}
    .appendix_3 .anc1 .tab_blck .tb p {font-size: 1.6rem;}
}
@media ( max-width: 480px ) {
    .appendix_3 .anc1 .tab_blck {top: -30px; height: 30px; margin-left: 3%; margin-right: 3%; width: 94%;}
    .appendix_3 .anc1 .tab_blck .tabs {column-gap: .6%;}
    .appendix_3 .anc1 .tab_blck .tb {border-top-left-radius: 5px; border-top-right-radius: 5px;}
    .appendix_3 .anc1 .tab_blck .tb p {font-size: 1.2rem;}
}



/*
 ------------------------------
 sub appendix_4
 ------------------------------
*/
.appendix_4 .anc1 ._gri2021_ .gtc4 {
    grid-template-columns: 10.9090909090909% 11.1515151515152% 44.4545454545455% 33.4848484848485% !important;
    column-gap: 0 !important; row-gap: 0 !important;
}

.appendix_4 .anc1 ._sasb_am_ .gtc4 {
    grid-template-columns: 10.9090909090909% 11.3636363636364% 33.8181818181818% 43.4545454545455% !important;
    column-gap: 0 !important; row-gap: 0 !important;
}

.appendix_4 .anc1 ._sasb_pcs_ .gtc4 {
    grid-template-columns: 10.9090909090909% 11.3636363636364% 33.8181818181818% 43.4545454545455% !important;
    column-gap: 0 !important; row-gap: 0 !important;
}

.appendix_4 .anc1 ._tcfd_ .gtc3 {
    grid-template-columns: 10% 55% 35% !important;
    column-gap: 0 !important; row-gap: 0 !important;
}


.appendix_4 .anc1 .tab_blck {position: absolute; top: -60px; height: 60px; left: 0; right: 0; width: 100%;}
.appendix_4 .anc1 .tab_blck .tabs {display: grid; align-items: flex-end; justify-content: space-around; grid-template-columns: repeat(3, 1fr); column-gap: 1.5%; height: 100%;}
.appendix_4 .anc1 .tab_blck .tb {display: block; height: 80%; background: #737887; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.appendix_4 .anc1 .tab_blck .tb.active {display: block; height: 100%; background: #ffffff; width: 100%;}
.appendix_4 .anc1 .tab_blck .tb>.bx { height: 100%; min-height: unset; margin-top: 1%;}
.appendix_4 .anc1 .tab_blck .tb p {font-size: 2rem; font-weight: 500; color: #ffffff; line-height: 100%;}
.appendix_4 .anc1 .tab_blck .tb.active p {color: #2B2B2B;}
.appendix_4 .anc1 .tbc {display: none;}
.appendix_4 .anc1 .tbc.active {display: block;}
.appendix_4 .anc1 .tbc .grp {min-height: 151px;}
.appendix_4 .anc1 .tbc .grp>.bx:last-child {border-left: 1px solid #E4E3E3; background: #F5F5F5; display: flex; flex-direction: column; row-gap: 20px;}
.appendix_4 .anc1 .tbc .grp>.bx>.txt1 {font-size: 2rem; font-weight: 300; color: #7A7A7A;}
.appendix_4 .anc1 .tbc .grp>.bx>.txt2 {font-size: 2rem; font-weight: 500; color: #2B2B2B;}
.appendix_4 .anc1 .tbc .tbl .gtc2 {grid-template-columns: 300px auto;}
.appendix_4 .anc1 .tbc .tbl .grd .item {border-top: 1px dashed #C7C7C7;}
.appendix_4 .anc1 .tbc .tbl .grd .item.row1 {border-top: 0;}
.appendix_4 .anc1 .tbc .tbl .grd .item>.tit {font-size: 2.4rem; margin-bottom: 10px;}
.appendix_4 .anc1 .tbc .tbl .grd .row4 {border-bottom: 1px dashed #C7C7C7;}
@media ( max-width: 1024px ) {
    .appendix_4 .anc1 .tab_blck {top: -50px; height: 50px;}
    .appendix_4 .anc1 .tab_blck .tabs {column-gap: 1%;}
    .appendix_4 .anc1 .tab_blck .tb p {font-size: 1.8rem;}
}
@media ( max-width: 640px ) {
    .appendix_4 .anc1 .tab_blck {top: -40px; height: 40px;}
    .appendix_4 .anc1 .tab_blck .tabs {column-gap: .8%;}
    .appendix_4 .anc1 .tab_blck .tb {border-top-left-radius: 8px; border-top-right-radius: 8px;}
    .appendix_4 .anc1 .tab_blck .tb p {font-size: 1.6rem;}
}
@media ( max-width: 480px ) {
    .appendix_4 .anc1 .tab_blck {top: -30px; height: 30px; margin-left: 3%; margin-right: 3%; width: 94%;}
    .appendix_4 .anc1 .tab_blck .tabs {column-gap: 1%;}
    .appendix_4 .anc1 .tab_blck .tb {border-top-left-radius: 5px; border-top-right-radius: 5px;}
    .appendix_4 .anc1 .tab_blck .tb p {font-size: 1.2rem;}
}


@media ( max-width: 1024px ) {
    .appendix_4 .anc1 ._gri2021_>div {min-width: 1024px;}
    .appendix_4 .anc1 ._sasb_am_>div {min-width: 1024px;}
    .appendix_4 .anc1 ._sasb_pcs_>div {min-width: 1024px;}

}

@media ( max-width: 760px ) {
    .appendix_4 .anc1 ._tcfd_>div {min-width: 760px !important;}
}
@media ( max-width: 480px ) {
    .appendix_4 .anc1 ._tcfd_ .gtc3 {
        grid-template-columns: 10% 50% 40% !important;
        column-gap: 0 !important; row-gap: 0 !important;
    }
}

/*
 ------------------------------
 sub appendix_5
 ------------------------------
*/
.appendix_5 .anc1 .tab_blck {position: absolute; top: -60px; height: 60px; left: 0; right: 0; width: 100%;}
.appendix_5 .anc1 .tab_blck .tabs {display: grid; align-items: flex-end; justify-content: space-around; grid-template-columns: repeat(2, 1fr); column-gap: 1.5%; height: 100%;}
.appendix_5 .anc1 .tab_blck .tb {display: block; height: 80%; background: #737887; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.appendix_5 .anc1 .tab_blck .tb.active {display: block; height: 100%; background: #ffffff; width: 100%;}
.appendix_5 .anc1 .tab_blck .tb>.bx { height: 100%; min-height: unset; margin-top: 1%;}
.appendix_5 .anc1 .tab_blck .tb p {font-size: 2rem; font-weight: 500; color: #ffffff; line-height: 100%;}
.appendix_5 .anc1 .tab_blck .tb.active p {color: #2B2B2B;}
.appendix_5 .anc1 .tbc {display: none;}
.appendix_5 .anc1 .tbc.active {display: block;}
.appendix_5 .anc1 .tbc .grp {min-height: 151px;}
.appendix_5 .anc1 .tbc .grp>.bx:last-child {border-left: 1px solid #E4E3E3; background: #F5F5F5; display: flex; flex-direction: column; row-gap: 20px;}
.appendix_5 .anc1 .tbc .grp>.bx>.txt1 {font-size: 2rem; font-weight: 300; color: #7A7A7A;}
.appendix_5 .anc1 .tbc .grp>.bx>.txt2 {font-size: 2rem; font-weight: 500; color: #2B2B2B;}
.appendix_5 .anc1 .tbc .tbl .gtc2 {grid-template-columns: 300px auto;}
.appendix_5 .anc1 .tbc .tbl .grd .item {min-height: 200px; border-top: 1px dashed #C7C7C7;}
.appendix_5 .anc1 .tbc .tbl .grd .item>.tit {font-size: 2.4rem; margin-bottom: 10px;}
.appendix_5 .anc1 .tbc .tbl .grd .row4 {border-bottom: 1px dashed #C7C7C7;}
@media ( max-width: 1024px ) {
    .appendix_5 .anc1 .tab_blck {top: -50px; height: 50px;}
    .appendix_5 .anc1 .tab_blck .tabs {column-gap: 1%;}
    .appendix_5 .anc1 .tab_blck .tb p {font-size: 1.8rem;}
}
@media ( max-width: 640px ) {
    .appendix_5 .anc1 .tbc1 .with_logo {width: 70%;}
    .appendix_5 .anc1 .tbc1 .with_sign {width: 25%;}
    .appendix_5 .anc1 .tbc1 .with .item.flx.rcw {flex-wrap: unset;}
    .appendix_5 .anc1 .tbc1 .with .tar.mr_15 {font-size: 1.3rem; line-height: 120%;}

    .appendix_5 .anc1 .tab_blck {top: -40px; height: 40px;}
    .appendix_5 .anc1 .tab_blck .tabs {column-gap: .8%;}
    .appendix_5 .anc1 .tab_blck .tb {border-top-left-radius: 8px; border-top-right-radius: 8px;}
    .appendix_5 .anc1 .tab_blck .tb p {font-size: 1.6rem;}
}
@media ( max-width: 480px ) {
    .appendix_5 .anc1 .tab_blck {top: -30px; height: 30px; margin-left: 3%; margin-right: 3%; width: 94%;}
    .appendix_5 .anc1 .tab_blck .tabs {column-gap: 1%;}
    .appendix_5 .anc1 .tab_blck .tb {border-top-left-radius: 5px; border-top-right-radius: 5px;}
    .appendix_5 .anc1 .tab_blck .tb p {font-size: 1.2rem;}
}



/*
 ------------------------------
 sub appendix_6
 ------------------------------
*/
.appendix_6 .anc1 .sub_sec_vsl {min-height: 550px; background-image: url("/static/images/appendix6_bg.png"); background-repeat: repeat-x; background-position: center; background-size: cover;}
.appendix_6 .anc1 .grd .btns {margin: 8px;}
.appendix_6 .anc1 .grd .btns .item:not(:first-child) {margin-top: 5px;}

.appendix_6 .anc2 .grd .btns {width: 100%;}
.appendix_6 .anc2 .cover_tray>img {width: 100%;}
@media ( max-width: 640px ) {
    .appendix_6 .anc1 .sub_sec_vsl>div>img {width: 70%;}
    .appendix_6 .anc1 .sub_sec_vsl {min-height: unset; padding-bottom: 30px;}
}

.tab {z-index: 100;}


/*
 ------------------------------
 sub search
 ------------------------------
*/
body.search .section.anc0>.bg {background: #aaa;}
body.search .section.anc1 .sch_tbl {position: relative; margin-top: 50px; color: #000; width: 100%;}
body.search .section.anc1 .sch_tbl>div {border-top: 1px solid #C7C7C7; width: 100%;}
body.search .section.anc1 .sch_tbl>div:last-child {border-bottom: 1px solid #C7C7C7;}
body.search .section.anc1 .sch_tbl>div .pg {position: relative; padding: 20px 0;}
body.search .section.anc1 .sch_tbl>div .pg>a {}
body.search .section.anc1 .sch_tbl>div .pg .sch_cat {font-size: 15px; font-weight: 500;}
body.search .section.anc1 .sch_tbl>div .pg .sch_subj {font-size: 1.6rem; font-weight: 600; white-space: normal; width: 100%; color: #2B2B2B; line-height: 28px; }
body.search .section.anc1 .sch_tbl>div .pg .sch_cont {
    font-size: 1.6rem; font-weight: 400;
    width: 100%; min-height: 30px; line-height: 140%; margin-top: 10px; margin-bottom: 10px;
}

@media (max-width: 768px) {
    body.search #sub_visual>.visual_img .search_box {width: 70%; padding-top: 0;}
    body.search .section.anc1 .sch_tbl tr td {padding: 10px 0 10px;}
    body.search .section.anc1 .sch_tbl tr td.pg {position: relative; border-top: 1px dotted #333; padding: 15px 0 5px;}
    body.search .section.anc1 .sch_tbl tr td .sch_cat {width: 80%; font-size: 12px; line-height: 120%}
    body.search .section.anc1 .sch_tbl tr td .sch_subj {width: 80%; font-size: 16px; margin-bottom: 0;}
    body.search .section.anc1 .sch_tbl tr td .sch_cont {height: unset;width: 80%; font-size: 14px;}
    body.search .section.anc1 .sch_tbl tr td.pg .sch_cat {width: 80%; font-size: 12px;  line-height: 120%}
    body.search .section.anc1 .sch_tbl tr td.pg .sch_subj {width: 80%; font-size: 16px;}
    body.search .section.anc1 .sch_tbl tr td.pg .sch_cont {height: unset;width: 80%; font-size: 14px;}
    body.search .section.anc1 .sch_tbl tr td .sch_link_arrow {position: absolute; right: 0; top: 33px; width: 12px;}
    body.search .section.anc1 .sch_tbl tr td.pg .sch_link_arrow {position: absolute; right: 0; top: 24px; width: 12px;}
}


.highlight {
    background: #fff5a6;
    color: #e82c2c;
}




















.hyphen {
    margin:0;
    padding:0;
    list-style: none
}
.hyphen>li {
    position: relative;
    margin: 2px 0 0 0;
    padding: 0 0 4px 16px;
    font-size:16px;
    color: #000;
}

.hyphen>li:before{
    content: "";
    position: absolute;
    top: 10px;
    left: 6px;
    width: 4px;
    height: 1px;
    background: #262626;
}