/* 타블렛 세로 사이즈 - 734*/
@media screen and (min-width :46em){


    .top_bar{
        height: 7.5rem;
        border-radius: 0 0 2.4rem 2.4rem;
     }

     .logo_home{
        width:9.9rem;
        left:4.6rem;
        bottom:1rem;
     }



     .menu_container{
        display:none;
     }

     .menu_mobile{
        width:6rem;
        right:4.6rem;
        bottom:2rem;
     }

     .menu_mobile_container { 
        border-radius: 0 0 2.4rem 2.4rem;
     }

     .menu_mo_li{
        font-size: 3.6rem;
        padding-bottom: 3rem;
     }





     .wrap{
        padding-top:7.5rem;
     }
     .container{
        padding:0 2.6rem;
     }
 
     .main_home{
        grid-template-columns: repeat(8, 1fr);
        grid-column-gap:1.6rem;
     }

     .green{
        grid-column: 1 / 8;
        justify-content: flex-end;
     }


     .green img{ 
        width:64.2rem;
     }

     .main_logo{
        padding-top: 4.8rem;
        grid-column : 1 / 9;
     }


    .bow{
        grid-column: 4 / 9;
        padding-top:2rem;
    }
    .bow img{
        width:47.6rem;
    }

    .main_text{
        grid-column :4 /9;
        font-size:2.4rem;
        line-height: 2.9rem;
        padding-top: 3.2rem;
        text-align: left;
    }







    .about_box {
        display:grid;
        grid-template-columns : repeat(8, 1fr);
    }

    .about00{
        height: 25rem;
    }


    .about00_title{
        grid-column:1/4;
        width:100%;
        font-size: 9rem;
        line-height: 9.2rem;
        height:100%;
        padding-top:0;
        padding-right:0;
    }

    .about00_text{
        grid-column :5/8;
        position:relative;
        display:flex;
        align-items: center;
        justify-content: flex-start;
        height:100%;
        padding:0;
        font-size: 1.9rem;
        line-height: 2.4rem;
    }



    .about_number{
        position:relative;
        height:18rem;
        font-size: 12rem;
        font-weight :var(--font-bold);
        color:var(--color-base);
        color:var(--color-white);
        grid-column:1/4;
        grid-row:1;
        width:100%;
        display:flex;
        align-items: center; 
        justify-content: flex-end;
        padding:0;
    }

 
    .about_title{
        position:relative;
        width:100%;
        height:18rem;
        display:flex;
        justify-content: flex-start;
        align-items: center;
        font-size:3.6rem;
        font-weight:var(--font-medium);
        line-height: 4rem;
        color:var(--color-white);
        display:none;
        grid-column :5/8;
        grid-row:1;
        padding-left: 0;
    }

    .about_text{
        display:none;
    }

    .about_icon{
        grid-column: 5/8;
        grid-row:1;
        position:absolute;
        top:5rem;
        width:27.2rem;
        height:27.2rem;
        clip-path:inset(0 0 14.2rem 0);
    }

    .about_icon img{
        position:absolute;
        width:100%;
        height:100%;
    }





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

    .about_li_ta_active{
        height:54rem;
    }


    .about_title_ta_active{
        position:relative;
        height:fit-content;
        grid-column: 1/4;
        grid-row:1;
        display:flex;
        align-items: flex-start;
        padding-top:18rem;
        justify-content: flex-end;
        left:0;
        top:0;
    }

    .about_icon_ta_active{
        clip-path :none;
    }

    .about_text_ta_active{
        position:relative;
        grid-column :2/8;
        grid-auto-rows:min-content;
        grid-row:3;
        height:fit-content;
        display:flex;
        align-items: center;
        font-size:2rem;
        line-height: 2.6rem;
        font-weight :var(--font-medium);
        color:var(--color-base);
        left:0;
        bottom:0;
    } 






    .vision{
        display:grid;
        grid-template-columns:repeat(8, 1fr);
    }

    .vision_image{
        grid-column: 1/ 9;
        grid-row:1;
    }

    .vision_content{
        grid-column: 5/9;
        grid-row:1;
        align-items: flex-end;
        transform:translateY(-5rem);
    }

    .vision_logo{
        width:100%;
        padding-bottom: 3.4rem;
        display:flex;
        justify-content: flex-end;
    }

    .vision_text{
        text-align: right;
    }





    .mission{
        display:grid;
        grid-template-columns:repeat(8, 1fr);
    }

    .mission_image{
        grid-column : 1/9;
        grid-row:1;
    }


    .mission_content{
        grid-column:1/5;
        grid-row:1;
        align-items: flex-start;
        transform:translateY(-5rem);
    }

    .mission_logo{
        width:100%;
    }


    .mission_text{
        text-align: left;
    }





 
    .service_title{
       font-size: 7.2rem;
       padding-bottom: 8rem; 
    }

    .service00{
        display:flex;
        justify-content: space-between;
        align-items: flex-start;
    }
  

    .service_icon{
        width:20%;
    }
    .service_icon img{
        width:15rem;
    }
    .service_text{
        width:74%;
    }





    .contact{
        height:39.2rem; 
        background-color: var(--color-green02);
        display:flex;
        justify-content: center;
        align-items: center;
        padding-top:0;
    }

    .contact_container{
        padding:0 2.4rem;
        height:24.8rem;
        display:grid;
        grid-template-columns: repeat(8, 1fr);
        grid-column-gap:1.6rem;
    }

    .contact_box01{
        justify-content: space-between;
        margin-bottom:0;
    }

    .contact_box02{
        grid-column:5/9;
        grid-row:1;
        height:100%;
        justify-content: space-between;
        background-color: none;
        padding:0;
    }

    .contact_title{
        padding-bottom:0;
        color:var(--color-base);
    }



    .footer_container{
        padding:0 2.6rem;
        align-items: center;
        justify-content: center;
    }

    .footer_text{
        width:100%;
    }

    .scroll_top{
        right:3.6rem;
        align-items: flex-end;
    }

    .top_text{
        font-size: 2rem;
        padding-bottom: 0.2rem;
    }


}