/* 타블렛 가로 사이즈 - 1024 */
@media screen and (min-width : 64em){

    .top_bar{
        border-radius: 0 0 2.8rem 2.8rem;
     }

     .logo_home{
        left:4.4rem;
     }

     .menu_container{
        bottom: 1.6rem;
        right:4.4rem;
        display:flex;
        justify-content: flex-end;
        position:absolute;
     }
     .menu00{
        padding-left:8rem;
        font-size: 2rem;
        font-weight: var(--font-bold);
        color:var(--color-base);
        transition: all 0.3s ease-in-out;
     }


     .menu_mobile{
        display:none;
     }

     .menu_mobile_container{
        display:none;
     }







     .container{
        padding:0 2.4rem;
     }
 
     .main_home{
        grid-template-columns: repeat(12, 1fr);
        grid-column-gap:0.8rem;
        padding-top:15vh;
        padding-top:15dvh;
     }


     .green img{
        width:54.2rem;
     }

     .main_logo{
        padding-top: 3rem;
        grid-column : 1 / 8;
        grid-row : 2;
     }

    .bow{
        grid-column: 8 / 13;
        padding-top:3rem;
    }
    .bow img{
        width:40rem;
    }

    .main_text{
        grid-column :8 /13;
        grid-row :2;
        display:flex;
        align-items: end;
        font-size:2rem;
        line-height: 2.4rem;
        padding-top: 0;
    }






    .about{
        display:grid;
        grid-template-columns : repeat(4, 1fr);
        height:56rem;
    }

    .about_box {
        display:block;
        box-shadow: var(--box-shadow-x);
        padding-top:2.4rem;
        box-sizing: border-box;
    }

    .about00{
        grid-column :1;
        grid-row:1;;
        height:100%;
    }

    .about01{
        grid-column :2;
        grid-row:1;
        height:100%;
    }
    .about02{
        grid-column :3;
        grid-row:1;
        height:100%;
    }
    .about03{
        grid-column:4;
        grid-row:1;
        height:100%;
    }

    .about00_title{
        position:absolute;
        display:block;
        right:1rem;
        font-size: 7.2rem;
        line-height: 7.6rem;
    }

    .about00_text{
        align-items: end;
        width:calc(100% - 2rem);
        height:100%;
        padding-left:1rem;
        padding-bottom:3.2rem;
    }

    .about_blur{
        height:100%;
        display:none;
    }

    .about_number{
        position:absolute;
        right:1rem;
        display:block;
        height:100%;
        width:fit-content;
    }


    .about_title{
        justify-content: center;
        align-items: center;
        height:100%;
        display:flex;
        padding-top:0;
        display:none;
    }

    .about_text{
        display:none;
    }

    .about_icon{
        position:absolute;
        right:-11rem;
        top:33.8rem;
        clip-path:inset(0 11rem 5rem 0);
    }

    .about_icon img{
        width:27.2rem;
        height:27.2rem;
    }




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

    .about_title_nest_active{
        position:relative;
        height:100%;
        grid-column: 4/10;
        grid-row:1;
        display:flex;
        align-items: flex-start;
        justify-content: flex-start;
        padding-left:1rem;
        padding-top:2.4rem;
    }

    .about_icon_nest_active{
        width:100%;
        position:relative;
        grid-column:1/5;
        grid-row: 2; 
        clip-path:none;
        right:0;
        bottom:0;
        display:flex;
        justify-content: center;
        align-items:flex-end;
        top:0;   
    }

    .about_text_nest_active{
        width:100%;
        height:100%;
        position:relative;
        grid-column :5/10;
        grid-row:2;
        display:flex;
        justify-content: flex-start;
        align-items: center;
        font-size:2rem;
        line-height: 2.6rem;
        font-weight :var(--font-medium);
        color:var(--color-base);
    } 






    .vision{
        grid-template-columns:repeat(12, 1fr);
        padding-top:0;
    }

    .vision_image{
        grid-column: 1/ 11;
    }

    .vision_content{
        grid-column: 9/13;
        justify-content: center;
        align-items: flex-start;
        transform:translateY(0);
    }

    .vision_logo{
        width:29.6rem;
        display:block;
    }

    .vision_text{
       text-align: left;
    }





    .mission{
        grid-template-columns:repeat(12, 1fr);
        padding-top: 0;
    }

    .mission_image{
        grid-column : 3/13;
    }

    .mission_content{
        justify-content: center;
        align-items: flex-end;
        transform:translateY(0);
    }

    .mission_logo{
        width:29.6rem;
    }


    .mission_text{
        text-align: right;
    }




    .service{
        margin-bottom:var(--scroll-space);
    }


    .service_text{
        width:80%;
    }




    .contact_container{
        grid-template-columns: repeat(12, 1fr);
        grid-column-gap:0.8rem;
    }

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

    .contact_box02{
        grid-column:8/13;
    }






    .footer{
        width:100vw;
        position:relative;
        display:flex;
        justify-content: center;
        height:14rem;
    }

    .footer_container{
        width:100%;
        position:relative;
        padding:0 2.4rem;
        height:100%;
        display:flex;
        align-items: center;
    }

    .footer_text{
        width:100%;
        display:flex;
        justify-content: center;
        font-size:1.6rem;
        font-weight:var(--font-medium);
        position:absolute;
    }

    .scroll_top{
        position:absolute;
        right:2.4rem;
        display:flex;
        align-items: flex-end;
    }

    .top_text{
        font-size: 2rem;
        font-weight: 700;
        color:var(--color-black);
        padding-right: 1rem;
        padding-bottom: 0.2rem;
    }

    .top_icon{
        width:4rem;
        height:4rem;
        border-radius: 50%;
        background-color:var(--color-green05) ;
        display:flex;
        justify-content: center;
        align-items: center;
    }

    .top_icon img{
        width:1.8rem;
        height:auto;
    }

}