.strategy { margin-top: 24rem; padding: 15.4rem 0; background-color: #111; color:#fff; }
.btn_hover2>span:after { background: #fff; }
.title_box.flex {  
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 20rem;
}
.title_box.flex h3 { width: 100%; max-width: 50rem; padding-top: 1rem; }
.title_box.flex p { 
    width: 100%; 
    max-width: 84rem; 
    font-weight: 400;
    word-break: keep-all;
}
/* .strategy .img { width: calc(100vw * (1680 / 1920)); height: calc(100vw * (1028 / 1920)); }
.strategy .img img { width: 100%; height: 100%; object-fit: contain; } */

.governance { margin: 24rem 0; }
.governance .container { display: flex; flex-wrap: nowrap; align-items: flex-start; justify-content: space-between; }
.governance .title_box { width: 100%; max-width: 68rem; }
.governance .title_box p { word-break: keep-all; }
.governance .s_title { margin-bottom: 6.4rem; }

.gresb { background-color: #111; color:#fff; padding: 15.4rem 0; }

.split_text.white { background: #F2F2F2; }

.wide_box ol li:nth-child(3) { justify-content: flex-start; } 
.wide_box .percent_box>span {
    display: block;
    color: #fff;
    text-align: center;
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 3.2rem;
}
.wide_box .desc { 
    height: 100%;
    padding: 10rem 7rem;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}
.wide_box .desc span {  
    display: block;
    font-size: 4.4rem;
    font-weight: 500;
    line-height: 1.4; 
}
.wide_box .desc p {  
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.6; 
    word-break: keep-all;
}

.download { margin-top: 4rem; text-align: right; }
.download a {     
    display: inline-block;
    color: #FFF;
    font-family: 'Outfit', sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    text-transform: capitalize;
    padding-left: 42px;
    position: relative;
}
.download a::before {
    content: "";
    background: url(../images/download_icsvg.svg)no-repeat center/contain;
    width: 3.2rem;
    height: 3.2rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

@media (max-width: 1800px) {
    .strategy { margin-top: calc(100vw * (240 / 1800)); padding: calc(100vw * (154 / 1800)) 0; }
    .title_box.flex { margin-bottom: calc(100vw * (200 / 1800)); }
    .title_box.flex h3 { max-width: calc(100vw * (680 / 1800)); padding-top: calc(100vw * (10 / 1800)); padding-right: calc(100vw * (30 / 1800)); }
    .title_box.flex>div { max-width: calc(100% - calc(100vw * (680 / 1800))); }
    .title_box.flex p { max-width: 100%; }
    /* .strategy .img { width: calc(100vw * (1680 / 1800)); height: calc(100vw * (1028 / 1800)); } */

    .governance { margin: calc(100vw * (240 / 1800)) 0; }
    .governance .title_box { max-width: calc(100vw * (680 / 1800)); padding-right: calc(100vw * (40 / 1800)); }
    .governance .scale_img { max-width: calc(100% - calc(100vw * (680 / 1800))); }
    .governance .s_title { margin-bottom: calc(100vw * (64 / 1800)); }

    .gresb { padding: calc(100vw * (154 / 1800)) 0; }
    .wide_box .percent_box>span {
        font-size: calc(100vw * (32 / 1800));
        margin-bottom: calc(100vw * (32 / 1800));
    }
    .wide_box .desc { 
        max-width: calc(100vw * (752 / 1800));
        padding: calc(100vw * (100 / 1800)) 0 calc(100vw * (100 / 1800)) calc(100vw * (70 / 1800));
    }
    .wide_box .desc span { font-size: calc(100vw * (44 / 1800)); }
    .wide_box .desc p { font-size: calc(100vw * (20 / 1800)); }
}
@media (max-width: 1180px) {
    .strategy { margin-top: calc(100vw * (120 / 1180)); padding: calc(100vw * (154 / 1180)) 0; }
    .title_box.flex { margin-bottom: calc(100vw * (120 / 1180)); flex-wrap: wrap; }
    .title_box.flex h3 { max-width: 100%; padding-top: 0; margin-bottom: calc(100vw * (64 / 1180)); padding-right: 0; }
    .title_box.flex>div { max-width: 100%; }
    .title_box.flex p { max-width: 100%; }
    /* .strategy .img { width: calc(100vw * (1060 / 1180)); height: calc(100vw * (649 / 1180)); } */

    .governance { margin: calc(100vw * (240 / 1180)) 0; }
    .governance .container { display: block; }
    .governance .title_box { max-width: 100%; padding-right: 0; }
    .governance .s_title { margin-bottom: calc(100vw * (64 / 1180)); }
    .governance .pc { display: none; }
    .governance .scale_img { max-width: 100%; }
    .governance .scale_img::after { filter: invert(1); }
    
    .gresb { padding: calc(100vw * (154 / 1180)) 0; }
    .wide_box .percent_box>span {
        font-size: calc(100vw * (24 / 1180));
        margin-bottom: calc(100vw * (20 / 1180));
    }
    .wide_box .desc { 
        max-width: 100%;
        padding: calc(100vw*(75 / 1180)) calc(100vw*(60 / 1180));
        gap: calc(100vw * (81 / 1180));
    }
    .wide_box .desc span { font-size: calc(100vw * (24 / 1180)); }
    .wide_box .desc p { font-size: calc(100vw * (18 / 1180)); }
    .download { display: none; }
}
@media (max-width: 767px) {
    .strategy { margin-top: calc(100vw * (200 / 767)); padding: calc(100vw * (100 / 767)) 0; }
    .title_box.flex { margin-bottom: calc(100vw * (80 / 767)); }
    .title_box.flex h3 { margin-bottom: calc(100vw * (32 / 767)); }
    /* .strategy .img { width: calc(100vw * (670 / 750)); height: calc(100vw * (997 / 750)); } */

    .governance { margin: calc(100vw * (200 / 767)) 0; }
    .governance .s_title { margin-bottom: calc(100vw * (32 / 767)); }

    .gresb { padding: calc(100vw * (100 / 767)) 0; }.wide_box ol li { min-height: calc(100vw * (941 / 750)); height: auto; }
    .wide_box ol li:nth-child(1), .wide_box ol li:nth-child(3) { border-right:0 }
    .wide_box .percent_box>span {
        font-size: calc(100vw * (24 / 767));
        margin-bottom: calc(100vw * (20 / 767));
    }
    .wide_box .desc { 
        max-width: 100%;
        display: block;
        padding: calc(100vw * (154 / 767)) calc(100vw * (40 / 767));
    }
    .wide_box .desc span { font-size: calc(100vw * (42 / 767)); margin-bottom: calc(100vw * (42 / 767)); }
    .wide_box .desc p { font-size: calc(100vw * (24 / 767)); }
}

/* 다이어그램 애니메이션 */
.strategy .diagram_ani .inner { width: 100%; height: 1028px; position: relative; z-index: 1; }
.strategy .diagram_ani .inner .line { position: relative; height: calc(100% / 3); }  
.strategy .diagram_ani .inner .line::before {
    content: "";
    width: 0;
    height: 1px;
    background: #535353;
    position: absolute;
    top: 0;
    left: 0;
}
.strategy .diagram_ani .inner .line:nth-last-child(2)::after {
    content: "";
    width: 0;
    height: 1px;
    background: #535353;
    position: absolute;
    bottom: 0;
    left: 0;
}
.strategy .diagram_ani .inner .line span { 
    padding-top: 19px; 
    display: block;
    color: #FFF;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1; 
}  
.strategy .diagram_ani .inner .line .circle {  
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}  
.strategy .diagram_ani .inner .line .circle .box {
    width: 280px;
    height: 280px;
    border-radius: 50%;
    border: 1px solid #fff;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}
.strategy .diagram_ani .inner .line .circle ul {  
    display: flex;
    flex-wrap: wrap;
    gap: 12px; 
}  
.strategy .diagram_ani .inner .line .circle ul li { 
    width: 100%; 
    color: #FFF;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1; /* 18px */
}  
.strategy .diagram_ani .inner .line .circle.white .box { background: #fff; }  
.strategy .diagram_ani .inner .line .circle.white .box li { color: #111; }
.strategy .diagram_ani .inner .line .box {  
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}
.strategy .diagram_ani .inner .line:nth-last-child(2) .box { margin-top: -39px; }
.strategy .diagram_ani .inner .line .box p { text-align: center; }
.strategy .diagram_ani .inner .line .box p strong {  
    display: block;
    color: #FFF;
    font-family: 'Outfit', sans-serif;
    font-size: 4.8rem;
    font-weight: 700;
    line-height: 1; /* 48px */
    text-transform: capitalize;
}  
.strategy .diagram_ani .inner .line .box p em { 
    display: block; 
    margin-top: 12px;
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 1; /* 32px */
}
.strategy .diagram_ani .inner .bg {  
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1398px;
    height: 1028px;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    z-index: -1;
    opacity: 0;
}
.strategy .diagram_ani .inner .bg img { width: 100%; height: auto; object-fit: contain; }  

/* 애니메이션 */
.strategy .diagram_ani .inner .line::before { transition: width 1s linear; }
.strategy .diagram_ani .inner .line span { opacity: 0; transition: opacity 1s linear; }
.strategy .diagram_ani .inner .line:nth-last-child(2)::after { transition: width 1s linear; }
.strategy .diagram_ani .inner .line:nth-child(1) span { transition-delay: .2s; }
.strategy .diagram_ani .inner .line:nth-child(2) span { transition-delay: .4s; }
.strategy .diagram_ani .inner .line:nth-child(3) span { transition-delay: .6s; }
.strategy .diagram_ani .inner .line .circle { opacity: 0; transition: all .5s linear; transform: translate3d(0, 20px, 0); }
.strategy .diagram_ani .inner .line:nth-child(1) .circle { transition-delay: 1.6s; }
.strategy .diagram_ani .inner .line:nth-child(2) .circle { transition-delay: 1.8s; }
.strategy .diagram_ani .inner .line:nth-child(3) .box p { transition: all 1s 2s linear; opacity: 0; transform: translate3d(0, 20px, 0); }
.strategy .diagram_ani .inner .bg { transition: opacity 1s 3s linear; } 

.strategy .diagram_ani.active .inner .line::before { width: 100%; }
.strategy .diagram_ani.active .inner .line:nth-last-child(2)::after { width: 100%; }
.strategy .diagram_ani.active .inner .line span { opacity: 1; }
.strategy .diagram_ani.active .inner .line .circle { opacity: 1; transform: translate3d(0, 0, 0); }
.strategy .diagram_ani.active .inner .line:nth-child(3) .box p { opacity: 1; transform: translate3d(0, 0, 0); }
.strategy .diagram_ani.active .inner .bg { opacity: 1; }

@media (max-width: 1397px) {/* 디자이너 요청 */
    .strategy .diagram_ani .inner { height: calc(100vw * (1028 / 1397)); } 
    .strategy .diagram_ani .inner .line::before { height: 1px; }
    .strategy .diagram_ani .inner .line:nth-last-child(2)::after { height: 1px; }
    .strategy .diagram_ani .inner .line span { 
        padding-top: calc(100vw * (19 / 1397)); 
        font-size: calc(100vw * (20 / 1397));
    }  
    .strategy .diagram_ani .inner .line .circle .box {
        width: calc(100vw * (280 / 1397));
        height: calc(100vw * (280 / 1397));
    }
    .strategy .diagram_ani .inner .line .circle ul { gap: calc(100vw * (12 / 1397)); }  
    .strategy .diagram_ani .inner .line .circle ul li { font-size: calc(100vw * (18 / 1397)); }  
    .strategy .diagram_ani .inner .line:nth-last-child(2) .box { margin-top: calc(100vw * (-39 / 1397)); }
    .strategy .diagram_ani .inner .line .box p strong { font-size: calc(100vw * (48 / 1397)); }  
    .strategy .diagram_ani .inner .line .box p em { 
        margin-top: calc(100vw * (12 / 1397));
        font-size: calc(100vw * (32 / 1397));
    }
    .strategy .diagram_ani .inner .bg {  
        width: calc(100vw * (1398 / 1397));
        height: calc(100vw * (1028 / 1397));
    }
}
@media (max-width: 1180px) {
    .strategy .diagram_ani .inner { height: calc(100vw * (779 / 1180)); } 
    .strategy .diagram_ani .inner .line span { 
        padding-top: calc(100vw * (19 / 1180)); 
        font-size: calc(100vw * (20 / 1180));
        margin-bottom: calc(100vw * (-25 / 1180));
    }  
    .strategy .diagram_ani .inner .line .circle .box {
        width: calc(100vw * (230 / 1180));
        height: calc(100vw * (230 / 1180));
    }
    .strategy .diagram_ani .inner .line .circle ul { gap: calc(100vw * (14 / 1180)); }  
    .strategy .diagram_ani .inner .line .circle ul li { font-size: calc(100vw * (16 / 1180)); }  
    .strategy .diagram_ani .inner .line:nth-last-child(2) .box { margin-top: calc(100vw * (-47 / 1180)); }
    .strategy .diagram_ani .inner .line .box p strong { font-size: calc(100vw * (30 / 1180)); }  
    .strategy .diagram_ani .inner .line .box p em { 
        margin-top: calc(100vw * (6 / 1180));
        font-size: calc(100vw * (20 / 1180));
    }
    .strategy .diagram_ani .inner .bg {  
        width: calc(100vw * (1060 / 1180));
        height: calc(100vw * (779 / 1180));
    }
}
@media (max-width: 767px) {
    .strategy .diagram_ani { display: none; } 
}

.governance .diagram_ani .inner { width: 84rem; }
.governance .diagram_ani .inner .line { 
    position: relative; 
    padding: 3rem 0; 
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    text-align: center;
}
.governance .diagram_ani .inner .line::before {  
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 1px;
    border-top: 1px dashed #B6B6B6;
    position: absolute;
    top: 0;
    left: 0;
}
.governance .diagram_ani .inner .line:last-child:after {  
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    border-top: 1px dashed #B6B6B6;
}
.governance .diagram_ani .inner .line span { 
    width: 8.9rem;
    display: block;
    color: #111;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1; 
    opacity: 0;
}
.governance .diagram_ani .inner .line>div { opacity: 0; width: calc(100% - 8.9rem); transform: translate3d(0, 20px, 0); }
.governance .diagram_ani .inner .line .square p { 
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 30rem;
    height: 8.2rem;
    color: #EEE;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1; 
    background-color: #111;
}
.governance .diagram_ani .inner .line .round p { 
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 30rem;
    height: 8.2rem;
    border-radius: 500px;
    border: 2px solid #111;
    color: #111;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1; 
}
.governance .diagram_ani .inner .line .box { 
    padding: 4.7rem 5.6rem;
    background: #F2F2F2;
}
.governance .diagram_ani .inner .line strong { 
    display: block;
    font-size: 2.2rem;
    margin-bottom: 4rem;
}
.governance .diagram_ani .inner .line ul { 
    display: flex;
    flex-wrap: wrap;
    gap: 1.3rem;
}
.governance .diagram_ani .inner .line ul li { 
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: 15rem;
    height: 5.8rem;
    color: #111;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1;
    border-radius: 100px;
    background: #FFF;
}

/* 애니메이션 */
.governance .diagram_ani .inner .line::before { transition: width 1s linear; }
.governance .diagram_ani .inner .line:last-child:after { transition: width 1s linear; }
.governance .diagram_ani .inner .line span { transition: opacity 1s linear; } 
.governance .diagram_ani .inner .line:nth-child(1) span { transition-delay: 1.2s; }
.governance .diagram_ani .inner .line:nth-child(2) span { transition-delay: 1.4s; }
.governance .diagram_ani .inner .line:nth-child(3) span { transition-delay: 1.6s; }
.governance .diagram_ani .inner .line:nth-child(1)>div { transition: all 1s 1.8s linear; }
.governance .diagram_ani .inner .line:nth-child(2)>div { transition: all 1s 2s linear; }
.governance .diagram_ani .inner .line:nth-child(3)>div { transition: all 1s 2.2s linear; }

.governance .diagram_ani.active .inner .line::before { width: 100%; }
.governance .diagram_ani.active .inner .line:last-child:after { width: 100%; }
.governance .diagram_ani.active .inner .line span { opacity: 1; }
.governance .diagram_ani.active .inner .line>div { opacity: 1; transform: translate3d(0, 0, 0); }
@media (max-width: 1800px) {
    .governance .diagram_ani .inner { width: 100%; }
    .governance .diagram_ani .inner .line { padding: calc(100vw * (30 / 1800)) 0; }
    .governance .diagram_ani .inner .line span { 
        width: calc(100vw * (89 / 1800));
        font-size: calc(100vw * (16 / 1800));
    }
    .governance .diagram_ani .inner .line>div { width: calc(100% - calc(100vw * (89 / 1800))); }
    .governance .diagram_ani .inner .line .square p { 
        width: calc(100vw * (300 / 1800));
        height: calc(100vw * (82 / 1800));
        font-size: calc(100vw * (22 / 1800));
    }
    .governance .diagram_ani .inner .line .round p { 
        width: calc(100vw * (300 / 1800));
        height: calc(100vw * (82 / 1800));
        border-radius: calc(100vw * (500 / 1800));
        font-size: calc(100vw * (22 / 1800)); 
    }
    .governance .diagram_ani .inner .line .box { 
        padding: calc(100vw * (47 / 1800)) calc(100vw * (56 / 1800));
    }
    .governance .diagram_ani .inner .line strong { 
        font-size: calc(100vw * (22 / 1800));
        margin-bottom: calc(100vw * (40 / 1800));
    }
    .governance .diagram_ani .inner .line ul { gap: calc(100vw * (13 / 1800)); }
    .governance .diagram_ani .inner .line ul li { 
        width: calc(100vw * (150 / 1800));
        height: calc(100vw * (58 / 1800));
        font-size: calc(100vw * (18 / 1800));
        border-radius: calc(100vw * (100 / 1800));
    }
}
@media (max-width: 1180px) {
    .governance .diagram_ani .inner .line { padding: calc(100vw * (30 / 1180)) 0; }
    .governance .diagram_ani .inner .line span { 
        width: calc(100vw * (190 / 1180));
        font-size: calc(100vw * (16 / 1180));
        text-align: left;
        padding-left: calc(100vw * (27 / 1180));
    }
    .governance .diagram_ani .inner .line>div { width: calc(100% - calc(100vw * (190 / 1180))); }
    .governance .diagram_ani .inner .line .square p { 
        width: calc(100vw * (300 / 1180));
        height: calc(100vw * (82 / 1180));
        font-size: calc(100vw * (22 / 1180));
    }
    .governance .diagram_ani .inner .line .round p { 
        width: calc(100vw * (300 / 1180));
        height: calc(100vw * (82 / 1180));
        border-radius: calc(100vw * (500 / 1180));
        font-size: calc(100vw * (22 / 1180)); 
    }
    .governance .diagram_ani .inner .line .box { 
        padding: calc(100vw * (47 / 1180)) calc(100vw * (56 / 1180));
    }
    .governance .diagram_ani .inner .line strong { 
        font-size: calc(100vw * (22 / 1180));
        margin-bottom: calc(100vw * (40 / 1180));
    }
    .governance .diagram_ani .inner .line ul { gap: calc(100vw * (13 / 1180)); }
    .governance .diagram_ani .inner .line ul li { 
        width: calc(100vw * (150 / 1180));
        height: calc(100vw * (58 / 1180));
        font-size: calc(100vw * (18 / 1180));
        border-radius: calc(100vw * (100 / 1180));
    }
    .wide_box.pc { display: none; }
    .wide_box.mo { display: block; }
}
@media (max-width: 767px) {
    .governance .diagram_ani { display: none; }   
    .wide_box ol { padding-bottom: 0; }    
    .wide_box ol li:nth-child(1), .wide_box ol li:nth-child(2) { border-bottom: 1px solid #fff; height: calc(100vw * (767 / 767)); min-height: 100%; }
    .wide_box ol li:nth-child(4) { display: none; }

    .strategy .scale_img { margin: 0 calc(100vw*(-40 / 767)); width: 100vw; }
    /* .wide_box ol li { width: calc(100vw * (767 / 767)); height: calc(100vw * (767 / 767)); min-height: 100%; } */
}

.gresb .diagram_ani .inner { 
    width: 100%; 
    height: 84.3rem; 
    position: relative; 
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: center;
    z-index: 1;
}
.gresb .diagram_ani .inner::after {
    content: "";
    position: absolute;
    bottom: 12.1rem;
    left: 0;
    width: 0;
    height: 1px;
    background: #fff;
}
.gresb .diagram_ani .inner .year { width: 100%; max-width: 1440px; margin: 0 auto; display: flex; flex-wrap: nowrap; }
.gresb .diagram_ani .inner .year li { position: relative; width: 25%; text-align: center; }
.gresb .diagram_ani .inner .year li::before {
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: -5rem;
    left: 0;
    z-index: 1;
    border: 2px solid #fff;
    transform: scale(0);
}
.gresb .diagram_ani .inner .year li:nth-child(2):before { left: -7px; background: #111; border: 2px solid #fff; }
.gresb .diagram_ani .inner .year li:nth-child(3):before { left: -11px; }
.gresb .diagram_ani .inner .year li:nth-child(4):before { left: -17px; background: #111; border: 2px solid #fff; }
.gresb .diagram_ani .inner .year li:nth-child(4):after {
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: -5rem;
    right: 0;
    z-index: 1;
    transform: scale(0);
}
.gresb .diagram_ani .inner .year li .text {  
    position: absolute;
    bottom: 12.1rem;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
}
.gresb .diagram_ani .inner .year li:nth-child(1) .text { width: 34.3rem; bottom: calc(121px + 2.3rem); }
.gresb .diagram_ani .inner .year li:nth-child(2) .text { width: 17.2rem; left: calc(50% - 8.2rem); bottom: calc(121px + 13.2rem); }
.gresb .diagram_ani .inner .year li:nth-child(3) .text { width: 24.1rem; left: calc(50% - 20rem); bottom: calc(121px + 31rem); }
.gresb .diagram_ani .inner .year li:nth-child(4) .text { width: 25.7rem; left: calc(50% - 26rem); bottom: calc(121px + 42.2rem); }
.gresb .diagram_ani .inner .year li .text p {  
    font-size: 2rem;
    font-weight: 400;
    line-height: 1;
    margin-top: 1.4rem;
}
.gresb .diagram_ani .inner .year li .text p.lh12 {  
    line-height: 1.2;
}
.gresb .diagram_ani .inner .year li .text b {  
    display: block;
    margin-top: 2.4rem;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.4;
}
.gresb .diagram_ani .inner .year li strong {  
    display: inline-block;
    color: #FFF;
    font-family: 'Outfit', sans-serif;
    font-size: 8.4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1; 
    text-transform: uppercase;
    opacity: 0;
    transition: opacity 1s linear;
}
.gresb .diagram_ani .inner .bg {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    z-index: -1;
    max-width: 1416px;
}
.gresb .diagram_ani .inner .bg ol { position: relative; width: 100%; height: 100%; }
.gresb .diagram_ani .inner .bg ol li { position: absolute; left: 0; bottom: 12.1rem; }
.gresb .diagram_ani .inner .bg ol li svg { opacity: 0.3; }
.gresb .diagram_ani .inner .bg ol li:nth-child(1) svg { width: 35.6rem; height: 17.8rem; }
.gresb .diagram_ani .inner .bg ol li:nth-child(2) svg { width: 71.0rem; height: 35.5rem; }
.gresb .diagram_ani .inner .bg ol li:nth-child(3) svg { width: 106.4rem; height: 53.2rem; }
.gresb .diagram_ani .inner .bg ol li:nth-child(4) svg { width: 141.8rem; height: 70.9rem; } 

@media (min-width: 1181px) {
    /* 애니메이션 */
    .gresb .diagram_ani .inner::after { transition: width 1s linear; }
    .gresb .diagram_ani .inner .year li:nth-child(1) strong { transition-delay: .2s; }
    .gresb .diagram_ani .inner .year li:nth-child(2) strong { transition-delay: .4s; }
    .gresb .diagram_ani .inner .year li:nth-child(3) strong { transition-delay: .6s; }
    .gresb .diagram_ani .inner .year li:nth-child(4) strong { transition-delay: .8s; }
    .gresb .diagram_ani .inner .bg ol li { width: 0; transition: width 1s linear; overflow: hidden; }
    .gresb .diagram_ani .inner .year li::before { transition: transform 1s 1s linear; }
    .gresb .diagram_ani .inner .year li:nth-child(4):after { transition: transform 1s 1s linear; }

    .gresb .diagram_ani .inner .bg ol li:nth-child(1) { transition: width .5s 2s linear; }
    .gresb .diagram_ani .inner .year li:nth-child(1) .text { transition: opacity .5s 2.5s linear; }
    .gresb .diagram_ani .inner .bg ol li:nth-child(2) { transition: width .5s 3s linear; }
    .gresb .diagram_ani .inner .year li:nth-child(2) .text { transition: opacity .5s 3.5s linear; }
    .gresb .diagram_ani .inner .bg ol li:nth-child(3) { transition: width .5s 4s linear; }
    .gresb .diagram_ani .inner .year li:nth-child(3) .text { transition: opacity .5s 4.5s linear; }
    .gresb .diagram_ani .inner .bg ol li:nth-child(4) { transition: width .5s 5s linear; }
    .gresb .diagram_ani .inner .year li:nth-child(4) .text { transition: opacity .5s 5.5s linear; }

    .gresb .diagram_ani.active .inner::after { width: 100%; }
    .gresb .diagram_ani.active .inner .year li strong { opacity: 1; }
    .gresb .diagram_ani.active .inner .year li::before { transform:scale(1); }
    .gresb .diagram_ani.active .inner .year li:nth-child(4):after { transform:scale(1); }
    .gresb .diagram_ani.active .inner .year li .text { opacity: 1; }
    .gresb .diagram_ani.active .inner .bg ol li:nth-child(1) { width: 35.6rem; }
    .gresb .diagram_ani.active .inner .bg ol li:nth-child(2) { width: 71.0rem; }
    .gresb .diagram_ani.active .inner .bg ol li:nth-child(3) { width: 106.4rem; }
    .gresb .diagram_ani.active .inner .bg ol li:nth-child(4) { width: 141.8rem; }    
}
@media (max-width: 1680px) {    
    .gresb .diagram_ani .inner { height: calc(100vw * (843 / 1680)); }
    .gresb .diagram_ani .inner::after { bottom: calc(100vw * (121 / 1680)); }
    .gresb .diagram_ani .inner .year { max-width: calc(100vw * (1440 / 1680)); }
    .gresb .diagram_ani .inner .year li::before {
        width: calc(100vw * (24 / 1680));
        height: calc(100vw * (24 / 1680));
        top: calc(100vw * (-50 / 1680));
    }
    .gresb .diagram_ani .inner .year li:nth-child(2):before { left: calc(100vw * (-7 / 1680)); }
    .gresb .diagram_ani .inner .year li:nth-child(3):before { left: calc(100vw * (-11 / 1680)); }
    .gresb .diagram_ani .inner .year li:nth-child(4):before { left: calc(100vw * (-17 / 1680)); }
    .gresb .diagram_ani .inner .year li:nth-child(4):after {
        width: calc(100vw * (24 / 1680));
        height: calc(100vw * (24 / 1680));
        top: calc(100vw * (-50 / 1680));
    }
    .gresb .diagram_ani .inner .year li .text { bottom: calc(100vw * (121 / 1680)); }
    .gresb .diagram_ani .inner .year li:nth-child(1) .text { 
        width: calc(100vw * (343 / 1680)); 
        bottom: calc(calc(100vw * (121 / 1680)) + calc(100vw * (23 / 1680))); 
    }
    .gresb .diagram_ani .inner .year li:nth-child(2) .text { 
        width: calc(100vw * (172 / 1680)); 
        left: calc(50% - calc(100vw * (82 / 1680))); 
        bottom: calc(calc(100vw * (121 / 1680)) + calc(100vw * (132 / 1680))); 
    }
    .gresb .diagram_ani .inner .year li:nth-child(3) .text { 
        width: calc(100vw * (241 / 1680)); 
        left: calc(50% - calc(100vw * (24 / 200))); 
        bottom: calc(calc(100vw * (121 / 1680)) + calc(100vw * (310 / 1680))); 
    }
    .gresb .diagram_ani .inner .year li:nth-child(4) .text { 
        width: calc(100vw * (257 / 1680)); 
        left: calc(50% - calc(100vw * (260 / 1680))); 
        bottom: calc(calc(100vw * (121 / 1680)) + calc(100vw * (422 / 1680))); 
    }
    .gresb .diagram_ani .inner .year li .text p {  
        font-size: calc(100vw * (20 / 1680));
        margin-top: calc(100vw * (14 / 1680));
    }
    .gresb .diagram_ani .inner .year li .text b {  
        margin-top: calc(100vw * (24 / 1680));
        font-size: calc(100vw * (24 / 1680));
    }
    .gresb .diagram_ani .inner .year li strong {  
        font-size: calc(100vw * (84 / 1680));
    }
    .gresb .diagram_ani .inner .bg {
        max-width: calc(100vw * (1416 / 1680));
    }
    .gresb .diagram_ani .inner .bg ol li { bottom: calc(100vw * (121 / 1680)); }
    .gresb .diagram_ani .inner .bg ol li:nth-child(1) svg { width: calc(100vw * (356 / 1680)); height: calc(100vw * (178 / 1680)); }
    .gresb .diagram_ani .inner .bg ol li:nth-child(2) svg { width: calc(100vw * (710 / 1680)); height: calc(100vw * (355 / 1680)); }
    .gresb .diagram_ani .inner .bg ol li:nth-child(3) svg { width: calc(100vw * (1064 / 1680)); height: calc(100vw * (532 / 1680)); }
    .gresb .diagram_ani .inner .bg ol li:nth-child(4) svg { width: calc(100vw * (1418 / 1680)); height: calc(100vw * (709 / 1680)); } 

    .gresb .diagram_ani.active .inner .bg ol li:nth-child(1) { width: calc(100vw * (356 / 1680)); }
    .gresb .diagram_ani.active .inner .bg ol li:nth-child(2) { width: calc(100vw * (710 / 1680)); }
    .gresb .diagram_ani.active .inner .bg ol li:nth-child(3) { width: calc(100vw * (1064 / 1680)); }
    .gresb .diagram_ani.active .inner .bg ol li:nth-child(4) { width: calc(100vw * (1418 / 1680)); }
}
@media (max-width: 1180px) {
    /* .gresb .diagram_ani .inner { height: calc(100vw * (607 / 1180)); }
    .gresb .diagram_ani .inner::after { bottom: calc(100vw * (76 / 1180)); }
    .gresb .diagram_ani .inner .year { max-width: 100%; }
    .gresb .diagram_ani .inner .year li::before {
        width: calc(100vw * (15 / 1180));
        height: calc(100vw * (15 / 1180));
        top: calc(100vw * (-32 / 1180));
    }
    .gresb .diagram_ani .inner .year li:nth-child(2):before { left: calc(100vw * (-5 / 1180)); }
    .gresb .diagram_ani .inner .year li:nth-child(3):before { left: calc(100vw * (-6 / 1180)); }
    .gresb .diagram_ani .inner .year li:nth-child(4):before { left: calc(100vw * (-11 / 1180)); }
    .gresb .diagram_ani .inner .year li:nth-child(4):after {
        width: calc(100vw * (15 / 1180));
        height: calc(100vw * (15 / 1180));
        top: calc(100vw * (-30 / 1180));
    }
    .gresb .diagram_ani .inner .year li .text { bottom: calc(100vw * (76 / 1180)); }
    .gresb .diagram_ani .inner .year li:nth-child(1) .text { 
        width: calc(100vw * (143 / 1180)); 
        bottom: calc(calc(100vw * (76 / 1180)) + calc(100vw * (17 / 1180))); 
    }
    .gresb .diagram_ani .inner .year li:nth-child(2) .text { 
        width: calc(100vw * (143 / 1180)); 
        left: calc(50% - calc(100vw * (52 / 1180))); 
        bottom: calc(calc(100vw * (76 / 1180)) + calc(100vw * (90 / 1180))); 
    }
    .gresb .diagram_ani .inner .year li:nth-child(3) .text { 
        width: calc(100vw * (271 / 1180)); 
        left: calc(50% - calc(100vw * (110 / 1180))); 
        bottom: calc(calc(100vw * (76 / 1180)) + calc(100vw * (193 / 1180))); 
    }
    .gresb .diagram_ani .inner .year li:nth-child(4) .text { 
        width: calc(100vw * (232 / 1180)); 
        left: calc(50% - calc(100vw * (168 / 1180))); 
        bottom: calc(calc(100vw * (76 / 1180)) + calc(100vw * (277 / 1180))); 
    }
    .gresb .diagram_ani .inner .year li .text p {  
        font-size: calc(100vw * (18 / 1180));
        margin-top: calc(100vw * (10 / 1180));
    }
    .gresb .diagram_ani .inner .year li .text b {  
        margin-top: calc(100vw * (14 / 1180));
        font-size: calc(100vw * (20 / 1180));
    }
    .gresb .diagram_ani .inner .year li strong {  
        font-size: calc(100vw * (53 / 1180));
    }
    .gresb .diagram_ani .inner .bg {
        max-width: calc(100vw * (1045 / 1180));
    }
    .gresb .diagram_ani .inner .bg ol li { bottom: calc(100vw * (76 / 1180)); }
    .gresb .diagram_ani .inner .bg ol li:nth-child(1) svg { width: calc(100vw * (263 / 1180)); height: calc(100vw * (132 / 1180)); }
    .gresb .diagram_ani .inner .bg ol li:nth-child(2) svg { width: calc(100vw * (525 / 1180)); height: calc(100vw * (262 / 1180)); }
    .gresb .diagram_ani .inner .bg ol li:nth-child(3) svg { width: calc(100vw * (786 / 1180)); height: calc(100vw * (393 / 1180)); }
    .gresb .diagram_ani .inner .bg ol li:nth-child(4) svg { width: calc(100vw * (1047 / 1180)); height: calc(100vw * (523 / 1180)); } 

    .gresb .diagram_ani.active .inner .bg ol li:nth-child(1) { width: calc(100vw * (263 / 1180)); }
    .gresb .diagram_ani.active .inner .bg ol li:nth-child(2) { width: calc(100vw * (525 / 1180)); }
    .gresb .diagram_ani.active .inner .bg ol li:nth-child(3) { width: calc(100vw * (786 / 1180)); }
    .gresb .diagram_ani.active .inner .bg ol li:nth-child(4) { width: calc(100vw * (1047 / 1180)); }  */
    .gresb .diagram_ani .inner { display: block; height: auto; }
    .gresb .diagram_ani .inner::after { 
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        bottom: auto;
        width: 1px;
        height: 0;        
    }
    .gresb .diagram_ani .inner .year { flex-wrap: wrap; }
    .gresb .diagram_ani .inner .year li { 
        width: 100%; 
        height: calc(100vw * (244  / 1180)); 
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
    }
    .gresb .diagram_ani .inner .year li::before {
        width: calc(100vw * (16 / 1180));
        height: calc(100vw * (16 / 1180));
        top: 0;
        left: 50%;
        transform: translateX(-50%) scale(0);
    }
    .gresb .diagram_ani .inner .year li:nth-child(1) { flex-direction: row-reverse; }
    
    .gresb .diagram_ani .inner .year li:nth-child(2):before { left: 50%; }
    .gresb .diagram_ani .inner .year li:nth-child(3) { flex-direction: row-reverse; }
    .gresb .diagram_ani .inner .year li:nth-child(3):before { left: 50%;}
    .gresb .diagram_ani .inner .year li:nth-child(4):before { left: 50%; }
    .gresb .diagram_ani .inner .year li:nth-child(4):after {
        width: calc(100vw * (16 / 1180));
        height: calc(100vw * (16 / 1180));
        top: auto;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%) scale(0);
    }
    .gresb .diagram_ani .inner .year li:nth-child(2n-1) strong { text-align: right; }
    .gresb .diagram_ani .inner .year li:nth-child(2n-1) .text { text-align: left; }
    .gresb .diagram_ani .inner .year li:nth-child(2n) strong { text-align: left; }
    .gresb .diagram_ani .inner .year li:nth-child(2n) .text { text-align: right; }
    .gresb .diagram_ani .inner .year li .text {
        position: relative;
        bottom: auto;
        left: auto;
        transform: translateX(0);
        padding: 0 calc(100vw * (25 / 1180));
    }
    .gresb .diagram_ani .inner .year li:nth-child(1) .text { 
        width: 50%; 
        bottom: auto;
    }
    .gresb .diagram_ani .inner .year li:nth-child(2) .text { 
        width: 50%; 
        left: auto;
        bottom: auto;
    }
    .gresb .diagram_ani .inner .year li:nth-child(3) .text { 
        width: 50%; 
        left: auto;
        bottom: auto;
    }
    .gresb .diagram_ani .inner .year li:nth-child(4) .text { 
        width: 50%; 
        left: auto;
        bottom: auto;
    }
    .gresb .diagram_ani .inner .year li .text p {  
        font-size: calc(100vw * (24 / 1180));
        margin-top: calc(100vw * (14 / 1180));
    }
    .gresb .diagram_ani .inner .year li .text p:first-child { margin-top: 0; }
    .gresb .diagram_ani .inner .year li .text b {  
        margin-top: calc(100vw * (14 / 1180));
        font-size: calc(100vw * (24 / 1180));
    }
    .gresb .diagram_ani .inner .year li strong {  
        width: 50%;
        font-size: calc(100vw * (64 / 1180));
        padding: 0 calc(100vw * (25 / 1180));
    }
    .gresb .diagram_ani .inner .bg { display: none; }

    /* 애니메이션 */
    .gresb .diagram_ani .inner::after { transition: height 1s linear; }
    .gresb .diagram_ani .inner .year li::before,
    .gresb .diagram_ani .inner .year li:nth-child(4):after { transition: all 1s 1s linear; }
    .gresb .diagram_ani .inner .year li .text { transition: all .5s linear; transform: translate3d(0, 20px, 0); }
    .gresb .diagram_ani .inner .year li strong { transition: all .5s linear; transform: translate3d(0, 20px, 0); }
    .gresb .diagram_ani .inner .year li:nth-child(1) .text { transition-delay: 1.5s; }
    .gresb .diagram_ani .inner .year li:nth-child(1) strong { transition-delay: 1.5s; }
    .gresb .diagram_ani .inner .year li:nth-child(2) .text { transition-delay: 2s; }
    .gresb .diagram_ani .inner .year li:nth-child(2) strong { transition-delay: 2s; }
    .gresb .diagram_ani .inner .year li:nth-child(3) .text { transition-delay: 2.5s; }
    .gresb .diagram_ani .inner .year li:nth-child(3) strong { transition-delay: 2.5s; }
    .gresb .diagram_ani .inner .year li:nth-child(4) .text { transition-delay: 3s; }
    .gresb .diagram_ani .inner .year li:nth-child(4) strong { transition-delay: 3s; }

    .gresb .diagram_ani.active .inner::after { height: 100%; }
    .gresb .diagram_ani.active .inner .year li::before,
    .gresb .diagram_ani.active .inner .year li:nth-child(4):after { transform: translateX(-50%) scale(1); }
    .gresb .diagram_ani.active .inner .year li .text { opacity: 1; transform: translate3d(0, 0, 0); }
    .gresb .diagram_ani.active .inner .year li strong { opacity: 1; transform: translate3d(0, 0, 0); }
}
@media (max-width: 767px) {
    .gresb .diagram_ani .inner { display: block; height: auto; }
    .gresb .diagram_ani .inner::after { 
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        bottom: auto;
        width: 1px;
        height: 0;        
    }
    .gresb .diagram_ani .inner .year { flex-wrap: wrap; }
    .gresb .diagram_ani .inner .year li { 
        width: 100%; 
        height: calc(100vw * (245  / 767)); 
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
    }
    .gresb .diagram_ani .inner .year li::before {
        width: calc(100vw * (15 / 767));
        height: calc(100vw * (15 / 767));
        top: 0;
        left: 50%;
        transform: translateX(-50%) scale(0);
    }
    .gresb .diagram_ani .inner .year li:nth-child(1) { flex-direction: row-reverse; }
    
    .gresb .diagram_ani .inner .year li:nth-child(2):before { left: 50%; }
    .gresb .diagram_ani .inner .year li:nth-child(3) { flex-direction: row-reverse; }
    .gresb .diagram_ani .inner .year li:nth-child(3):before { left: 50%;}
    .gresb .diagram_ani .inner .year li:nth-child(4):before { left: 50%; }
    .gresb .diagram_ani .inner .year li:nth-child(4):after {
        width: calc(100vw * (15 / 767));
        height: calc(100vw * (15 / 767));
        top: auto;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%) scale(0);
    }
    .gresb .diagram_ani .inner .year li:nth-child(2n-1) strong { text-align: right; }
    .gresb .diagram_ani .inner .year li:nth-child(2n-1) .text { text-align: left; }
    .gresb .diagram_ani .inner .year li:nth-child(2n) strong { text-align: left; }
    .gresb .diagram_ani .inner .year li:nth-child(2n) .text { text-align: right; }
    .gresb .diagram_ani .inner .year li .text {
        position: relative;
        bottom: auto;
        left: auto;
        transform: translateX(0);
        padding: 0 calc(100vw * (25 / 767));
    }
    .gresb .diagram_ani .inner .year li:nth-child(1) .text { 
        width: 50%; 
        bottom: auto;
    }
    .gresb .diagram_ani .inner .year li:nth-child(2) .text { 
        width: 50%; 
        left: auto;
        bottom: auto;
    }
    .gresb .diagram_ani .inner .year li:nth-child(3) .text { 
        width: 50%; 
        left: auto;
        bottom: auto;
    }
    .gresb .diagram_ani .inner .year li:nth-child(4) .text { 
        width: 50%; 
        left: auto;
        bottom: auto;
    }
    .gresb .diagram_ani .inner .year li .text p {  
        font-size: calc(100vw * (24 / 767));
        margin-top: calc(100vw * (10 / 767));
    }
    .gresb .diagram_ani .inner .year li .text p:first-child { margin-top: 0; }
    .gresb .diagram_ani .inner .year li .text b {  
        margin-top: calc(100vw * (14 / 767));
        font-size: calc(100vw * (24 / 767));
    }
    .gresb .diagram_ani .inner .year li strong {  
        width: 50%;
        font-size: calc(100vw * (42 / 767));
        padding: 0 calc(100vw * (25 / 767));
    }
    .gresb .diagram_ani .inner .bg { display: none; }

    /* 애니메이션 */
    .gresb .diagram_ani .inner::after { transition: height 1s linear; }
    .gresb .diagram_ani .inner .year li::before,
    .gresb .diagram_ani .inner .year li:nth-child(4):after { transition: all 1s 1s linear; }
    .gresb .diagram_ani .inner .year li .text { transition: all .5s linear; transform: translate3d(0, 20px, 0); }
    .gresb .diagram_ani .inner .year li strong { transition: all .5s linear; transform: translate3d(0, 20px, 0); }
    .gresb .diagram_ani .inner .year li:nth-child(1) .text { transition-delay: 1.5s; }
    .gresb .diagram_ani .inner .year li:nth-child(1) strong { transition-delay: 1.5s; }
    .gresb .diagram_ani .inner .year li:nth-child(2) .text { transition-delay: 2s; }
    .gresb .diagram_ani .inner .year li:nth-child(2) strong { transition-delay: 2s; }
    .gresb .diagram_ani .inner .year li:nth-child(3) .text { transition-delay: 2.5s; }
    .gresb .diagram_ani .inner .year li:nth-child(3) strong { transition-delay: 2.5s; }
    .gresb .diagram_ani .inner .year li:nth-child(4) .text { transition-delay: 3s; }
    .gresb .diagram_ani .inner .year li:nth-child(4) strong { transition-delay: 3s; }

    .gresb .diagram_ani.active .inner::after { height: 100%; }
    .gresb .diagram_ani.active .inner .year li::before,
    .gresb .diagram_ani.active .inner .year li:nth-child(4):after { transform: translateX(-50%) scale(1); }
    .gresb .diagram_ani.active .inner .year li .text { opacity: 1; transform: translate3d(0, 0, 0); }
    .gresb .diagram_ani.active .inner .year li strong { opacity: 1; transform: translate3d(0, 0, 0); }
}

/* 영문 */
:lang(en) .strategy .diagram_ani .inner .line .circle ul li { font-size: 1.6rem; }
:lang(en) .strategy .diagram_ani .inner .line .box p em { display: none; }

:lang(en) .governance .diagram_ani .inner .line span { font-size: 1.5rem; }
:lang(en) .governance .diagram_ani .inner .line .box { padding: 3.7rem 2.8rem 2.8rem; }
:lang(en) .governance .diagram_ani .inner .line ul li { width: 16.4rem; font-size: 1.6rem; font-weight: 400; }

:lang(en) .title_box.flex h3 { max-width: 58rem; }

:lang(en) .gresb .diagram_ani .inner .year li:nth-child(2) .text { width: 23.5rem; }
/* :lang(en) .gresb .diagram_ani .inner .year li:nth-child(2) .text { width: 18.5rem; } */
:lang(en) .gresb .diagram_ani .inner .year li:nth-child(3) .text { bottom: calc(121px + 29.5rem); }
:lang(en) .gresb .diagram_ani .inner .year li:nth-child(4) .text { bottom: calc(121px + 40.2rem); }

/* :lang(en) .title_box.flex p,
:lang(en) .governance .title_box p,
:lang(en) .wide_box .desc p { word-break: break-all; } */
@media (min-width: 1800px) {
    :lang(en) .governance .diagram_ani .inner .line:nth-child(2) span { width: 9.5rem; }
    :lang(en) .governance .diagram_ani .inner .line:nth-child(2)>div { width: calc(100% - 9.5rem); }    
}
@media (max-width: 1800px) {
    :lang(en) .governance .diagram_ani .inner .line span { width: calc(100vw*(95 / 1800)); font-size: calc(100vw * (15 / 1800));  }
    :lang(en) .governance .diagram_ani .inner .line>div { width: calc(100% - calc(100vw*(95 / 1800))); }
    :lang(en) .governance .diagram_ani .inner .line ul { margin-right: calc(100vw*(-13 / 1800)); font-size: calc(100vw*(16 / 1800)); }
    :lang(en) .governance .diagram_ani .inner .line ul li { width: calc(100%/4 - calc(100vw * (13 / 1800))); font-size: calc(100vw * (16 / 1800)); }

    :lang(en) .title_box.flex h3 { max-width: calc(100vw*(680 / 1800)); }
}
@media (max-width: 1680px) {
    :lang(en) .gresb .diagram_ani .inner .year li:nth-child(2) .text { width: calc(100vw * (185 / 1680)); }
    :lang(en) .gresb .diagram_ani .inner .year li:nth-child(3) .text { bottom: calc(calc(100vw * (121 / 1680)) + calc(100vw * (295 / 1680))); }
    :lang(en) .gresb .diagram_ani .inner .year li:nth-child(4) .text { bottom: calc(calc(100vw * (121 / 1680)) + calc(100vw * (402 / 1680))); }
}
@media (max-width: 1180px) {
    :lang(en) .gresb .diagram_ani .inner .year li:nth-child(2) .text { width: 50%; }
    :lang(en) .gresb .diagram_ani .inner .year li:nth-child(3) .text { bottom: 0; }
    :lang(en) .gresb .diagram_ani .inner .year li:nth-child(4) .text { bottom: 0; }  

    :lang(en) .title_box.flex h3 { max-width:100%; }
    :lang(en) .strategy .diagram_ani .inner .line .circle ul li { font-size: calc(100vw * (16 / 1180)); }

    :lang(en) .governance .diagram_ani .inner .line span { width: calc(100vw*(190 / 1180)); font-size: calc(100vw * (15 / 1180)); }
    :lang(en) .governance .diagram_ani .inner .line>div { width: calc(100% - calc(100vw*(190 / 1180))); }
    :lang(en) .governance .diagram_ani .inner .line .box { padding: calc(100vw * (37 / 1180)) calc(100vw * (28 / 1180)) calc(100vw * (28 / 1180)); }
    :lang(en) .governance .diagram_ani .inner .line ul { margin-right: calc(100vw*(-13 / 1180)); font-size: calc(100vw*(16 / 1180)); }
    :lang(en) .governance .diagram_ani .inner .line ul li { width: calc(100% / 4 - calc(100vw*(13 / 1180))); font-size: calc(100vw * (16 / 1180)); }

    :lang(en) .gresb .diagram_ani .inner .year li:nth-child(3) .text { bottom: 0; }
    :lang(en) .gresb .diagram_ani .inner .year li:nth-child(4) .text { bottom: 0; }
}
@media (max-width: 767px) {
    :lang(en) .gresb .diagram_ani .inner .year li:nth-child(2) .text { width: 50%; }
    :lang(en) .gresb .diagram_ani .inner .year li:nth-child(3) .text { bottom: 0; }
    :lang(en) .gresb .diagram_ani .inner .year li:nth-child(4) .text { bottom: 0; }    
}