.login_container
{
    
    
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
   
    display: grid;
    background: wheat;
    
}

.google_name
{

    grid-row: 1;
    grid-column: 1/3;
    min-width: 0;
    overflow: hidden;
}

.google_name p{
    margin: 0;
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.login
{
    grid-row: 2;
    grid-column: 1;

}

.login button{
    width: 100%;
    height: 100%;
}

.logout
{
    grid-row: 2;
    grid-column: 2;

}

.logout button{
    width: 100%;
    height: 100%;
}


/* ===========================
   모바일 전용
=========================== */
@media (max-width: 768px) {

    .login_container {
         grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
   
    display: grid;
    background: wheat;
    
       
    }

    .google_name p {
        font-size: 10px;
    }

    .login button,
    .logout button {
        font-size: 5px;
        padding: 0px;
        box-sizing: border-box;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}