@media(max-width:780px){
    .sidebar{
        display: none;
    }
    .contents{
        width: 100%;
    }
}

@media(min-width:780px){
    header{
        display: none;
    }

}
@media(max-width:640px){
    .photo-wrapper img{
        width: 100%;
    }

    .brand-contents{
        display: block;    
    }

    .contents-item{
        width: 100%;
        text-align: center;
        padding: 0 0px;
    }

    .contents-item img{
        width: 35%;

    }

    .contents-item p{
        width: 100%;
        padding-bottom: 50px;
    }

    .project-item{
        display: block;
        padding-bottom: 20px;
    }

    .project-wrapper{
        padding-bottom: 60px;
    }
    .company-contents{
        display: block;
        padding-bottom: 110px;
    }
    .ggmap{
        width: 90%;
        padding-bottom: 80%;
        margin: 0 auto;
    }

    .address{
        padding-bottom: 30px;
    }

}