:root { 
    font-size:62.5%;
    font-family: 'Pretendard Variable';
    --color-base :#E5FFE9;
    --color-green01 :#72D47D;
    --color-green02:#4FB45A;
    --color-green03: #25AD53;
    --color-green04:#108D44;
    --color-green05:#086B37;
    --color-black : #000000;
    --color-white : white;
    --box-shadow-y: 0 3px 5px rgba(0,0,0,0.5);
    --box-shadow-x: 3px 0 5px rgba(0,0,0, 0.4);
    --font-regular : 500;
    --font-medium : 550;
    --font-semibold : 600;
    --font-bold: 700;
    --font-black :900;
    --scroll-space-mobile : 15rem;
    --scroll-space-top-mobile:15rem;
}


/* 데스크탑 사이즈  -1280*/
@media screen and (min-width:80em) {


     .container{
        width:128rem;
     }

     .main_home{
        grid-column-gap:1.6rem;
     }

     .green img{
        width:64.2rem;
     }

    .bow img{
        width:47.7rem;
    }

    .main_text{
        font-size:2.4rem;
        line-height: 3rem;
        font-weight:var(--font-medium);
    }


    .about00_title{
        font-size: 9rem;
        line-height: 9.2rem;
    }

    .about00_text{
        width:calc(100% - 4rem);
    }



    .about_li_active_class{
        grid-template-columns:repeat(3, 1fr);
        grid-auto-rows: min-content;
        grid-row-gap : 5rem;
    }

    .about_number_active{
        width:100%;
        height:fit-content;
        grid-column :1;
        grid-row:1;
        position:relative;
        display:flex;
        justify-content: end;
    }

    .about_title_active{
        display:flex;
        position:relative;
        height:100%;
        grid-column: 2;
        grid-row:1;
        align-items: center;
        justify-content:flex-start;
        padding-left:1rem;
    }

    .about_icon_active{
        width:100%;
        position:relative;
        grid-column:1;
        grid-row: 2; 
        clip-path:none;
        right:0;
        top:0;
        display:flex;
        justify-content: center;
        align-items: center; 
        /* padding-right:1rem;   */
    }

    .about_text_active{
        width:calc(100% - 2rem);
        position:relative;
        grid-column :2/4;
        grid-row:2;
        height:100%;
        display:flex;
        align-items: center;
        padding-left:1rem;
        font-size:2rem;
        line-height: 2.6rem;
        font-weight :var(--font-medium);
        color:var(--color-base);
    } 




    .vision_logo{
        padding-bottom: 4rem;
    }
    .vision_text{
        font-size:2.4rem;
        line-height: 3.2rem;
    }






    .mission_logo{
        padding-bottom: 4rem;
    }

    .mission_text{
        width:calc(100% - 2rem);
        font-size: 2.4rem;
        line-height:3.2rem;
    }



    .service00{
        width:102.4rem;
    }



    .contact_container{
        grid-column-gap:1.6rem;
        width:128rem;
    }

    .contact_box01{
        grid-column:2/7;
    }

    .contact_box02{
        grid-column:7/12;
    }

    .footer_container{
        width:128rem;
    }

}