/*W
@media screen and (max-width:1440px) {}

@media screen and (max-width:1366px) {}

@media screen and (max-width:1280px) {}
    
@media screen and (max-width:1080px) {}
    
@media screen and (max-width:1050px) {}
*/

@media screen and (max-width: 1200px) {   
.header::before{
    width: 0.1vw; height: 5.5vw;
    top:5vw; left:50vw;
}    
}

@media screen and (max-width: 1024px) {
.header::before{
    width: 0.1vw; height: 5vw;
    top:5.5vw; left:50vw;
}
}

/*
@media screen and (max-width:991px) {}

@media screen and (max-width:900px) {}

@media screen and (max-width:800px) {}
*/

@media screen and (max-width:768px) {
.header::before, .header::after{
    display: none;
}

.section{
    padding: 12vw; 0;
}
}

/*
@media screen and (max-width:767px) {}

@media screen and (max-width:736px) {}

@media screen and (max-width:667px) {}
*/

@media screen and (max-width:640px) {}
/*
@media screen and (max-width:600px) {}

@media screen and (max-width:568px) {}
*/

@media screen and (max-width:480px) {
    .header{    
        padding: 5% 0;
    }

    .section{
        padding: 30% 0;
    }
    .section .login_area{
        padding: 40px 3%;
        width: 320px; height: 400px;
    }

    .section .login_area .input_area .s_t{
        width: 22%;
    }  
}

/*
@media screen and (max-width:440px) {}

@media screen and (max-width:414px) {}

@media screen and (max-width:384px) {}

@media screen and (max-width:375px) {}
*/

@media screen and (max-width:360px) {

}

@media screen and (max-width:320px) {
    .header{    
        padding: 5% 0;
    }

    .section{
        padding: 28% 0;
    }
    .section .login_area{
        padding: 40px 3%;
        width: 290px; height: 400px;
    }

    .section .login_area .input_area .s_t{
        width: 22%;
    }    
}