.member .title{
    margin-top : 3.43vw;
    margin-bottom : 2.91vw;
}

.member .title > h1{
    text-align : center;
    font-size : 1.875vw;
    font-family : "ScoreB";
}

.member .title > h1 > span{
    display: block;
    font-family: 'Lato', sans-serif;
    font-size : 0.67vw;
    letter-spacing : 2px;
    margin-top : 1.25vw;
}


.member .member-wrap{
    display : flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 4.16vw;
    border-bottom: 0.10vw solid #d8d8d8;
}

.member .member-wrap > div{
    width : 49.47vw;
    height : 16.40vw;
    background-color : #f1f1f1;
    padding : 3.22vw 3.22vw 2.86vw;
}

.member .member-wrap.register-wrap > div{
    height : auto;
}

.member .member-input-wrap{
    display : flex;
    justify-content: space-between;
    flex-wrap:wrap;    
}

.member .member-input-wrap input, .member .member-wrap button{
    width : 20.3125vw;
    height : 3.38vw;
    font-family : 'ScoreR';
    font-size : 0.98vw;
    color : #555252;
    padding-left : 1.25vw;
    padding-right : 1.04vw;
}

.member .register-wrap input{
    margin-bottom : 1.97vw;
}

.member .member-wrap button{
    color : #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#login .login-wrap .btn-login, .member .member-wrap .btn-register{
    background-color : #ff5454;
}

#login .login-wrap .btn-join{
    background-color : #808080;
}

#login .login-btn-wrap{
    margin-top : 1.97vw;
}

#login .login-btn-wrap > div{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#login .login-btn-wrap .btn-link{
    color : #ff5454;
    font-size : 0.83vw;
    font-family : "ScoreM";
    margin-top : 0.72vw;
}

.member .login-wrap.sns{
    border-bottom : 0;
    display : flex;
    align-items : center;
    justify-content: center;
    flex-wrap : wrap;
}
.member .login-wrap.sns button.btn-naver{
    background-color : #54ca30;
}

.member .login-wrap.sns button.btn-facebook{
    background-color : #3762a9;
}

.member .login-wrap.sns button.btn-kakao{
    background-color : #ffb414;
}

.member .login-wrap.sns button{
    width : 14.89vw;
    margin-right : 2.23vw;
}

.member .member-wrap .register-sns{
    font-family : 'ScoreL';
    font-size : 0.98vw;
}

#login .popup-wrap{
    position : fixed;
    top : 0;
    left : 0;
    width : 100vw;
    height : 100vh;
    background-color : rgba(0,0,0,0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    display : none;
}

#login .popup-wrap .popup{
    background-color : #fff;
    padding : 1.04vw;
    width : 30.20vw;
}

#login .popup-wrap .close-wrap{
    text-align: right;
}

#login .popup-wrap form{
    padding : 1.5625vw;
    padding-top : 1.04vw;
}

#login .popup-wrap label{
    font-family : "ScoreB";
    font-size : 1.61vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom : 1.66vw;
}

#login .popup-wrap label > span{
    font-family : "ScoreL";
    font-size : 0.88vw;
    width : 13.54vw;
}

#login .popup-wrap input{
    width : 100%;
    height : 3.33vw;
    background-color : #f1f1f1;
    color : #848484;
    font-family : "ScoreR";
    font-size : 0.98vw;
    padding-left : 1.56vw; 
    margin-bottom : 1.35vw;
}

#login .popup-wrap button.btn-submit{
    background-color : #ff5454;
    color : #fff;
    display : flex;
    align-items: center;
    justify-content: space-between;
    padding : 0 1.56vw;
    font-size : 0.98vw;
    width: 100%;
    height : 3.38vw;
    font-family : 'ScoreB';
}

.member .member-btn-wrap >p{
    display : flex;
    margin-top : 0.52vw;
}

.member .member-btn-wrap input#privacy{
    width : 0;
    height : 0;
    border : 0;
    margin-bottom : 0;
}

.member .member-btn-wrap input#privacy + label{
    display : flex;
    align-items: center;
    color : #464646;
    font-size : 0.72vw;
    font-family : 'ScoreR';
}

.member .member-btn-wrap input#privacy + label:after{
    content : '';
    display : block;
    width : 1.04vw;
    height : 1.04vw;
    border : 1px solid #464646;
    margin-left : 0.52vw;
    background-color : #fff;
}

.member .member-btn-wrap input#privacy + label > a{
    display : inline-block;
    text-decoration: underline;
    width:auto;
    height : auto;
}

.member .member-btn-wrap input#privacy + label > a:hover{
    text-decoration: underline !important;
}

.member .title>h1>span.register-sns{
    font-family : 'ScoreL';
}

@media screen and (max-width : 768px){
    .member .title>h1{
        font-size : 4.94vw;
    }

    .member .title>h1>span{
        font-size : 1.82vw;
    }

    .member .title{
        margin-top : 7.8125vw;
        margin-bottom : 6.51vw;
    }

    .member .member-wrap>div{
        background-color : #fff;
        padding : 0;
        width : 69.01vw;
        height : auto;
    }

    .member .member-input-wrap{
        display : block;
    }

    .member .member-input-wrap input{
        border : 1px solid #000;
        width : 100%;
        height : 9.76vw;
        margin-bottom : 3.38vw;
        font-size : 2.86vw;
        padding-left : 3.38vw;
    }

    #login .login-btn-wrap{
        margin-top : 0;
    }

    .member .member-wrap button{
        width : 32.55vw;
        height : 10.15625vw;
        font-size : 2.86vw;
        padding-left : 2.60vw;
        padding-right : 1.30vw;
    }

    .icon.right-arrow{
        width : 5.20vw;
        height : 5.20vw;
    }

    #login .login-btn-wrap .btn-link{
        margin-top : 2.86vw;
        font-size : 2.47vw;
        text-decoration: underline;
    }

    #login .login-btn-wrap .btn-link:hover{
        text-decoration: underline;
    }

    .member .member-wrap{
        padding-bottom : 8.33vw;
    }

    .member .sns-title{
        margin-top : 9.76vw;
    }

    .member .login-wrap.sns{
        display : block;
        width: 69.01vw;
        margin : 0 auto;
    }

    .member .login-wrap.sns button{
        width : 100%;
        margin-bottom : 3.38vw;
        font-size : 3.64vw;
        justify-content : center;
        position : relative;
    }

    .member .login-wrap.sns button .icon.right-arrow{
        position : absolute;
        top : 0;
        bottom : 0;
        margin : auto;
        right : 3.64vw;
        width : 4.16vw;
        height : 4.16vw;
    }

    #login .popup-wrap .popup{
        width: 90vw;
        padding : 4vw;
    }

    #login .popup-wrap label{
        font-size : 3.64vw;
        flex-direction : column;
    }

    #login .popup-wrap label > span{
        width : 100%;
        font-size : 2.47vw;
        margin-top : 2vw;
        margin-bottom : 5vw;
    }

    #login .popup-wrap input{
        height : 9.76vw;
        font-size : 2.86vw;
        margin-bottom : 3vw;
    }

    #login .popup-wrap button.btn-submit{
        height : 10.15625vw;
        font-size : 3.64vw;
    }

    #login .popup-wrap .icon.close{
        width: 4vw;
        height: 4vw;
    }

    .member .member-btn-wrap input#privacy+label{
        font-size : 2.73vw;
        margin-top : 5.85vw;
        color : #707070;
        margin-bottom : 3.125vw;
        white-space: nowrap;
    }

    .member .member-btn-wrap input#privacy+label:after{
        width : 3.90625vw;
        height : 3.90625vw;
    }

    .member .member-wrap .btn-register{
        width : 100%;
    }
}


@media screen and (min-width : 1921px){
    .member .title{
        margin-top : 66px;
        margin-bottom : 56px;
    }

    .member .title > h1{
        font-size : 36px;
    }

    .member .title > h1 > span{
        font-size : 13px;
        margin-top : 24px;
    }

    .member .member-wrap{
        padding-bottom: 80px;
        border-bottom: 2px solid #d8d8d8;
    }

    .member .member-wrap > div{
        width : 950px;
        height : 315px;
        padding : 62px 62px 55px;
    }

    .member .member-input-wrap input, .member .member-wrap button{
        width : 390px;
        height : 65px;
        font-size : 19px;
        padding-left : 24px;
        padding-right : 20px;
    }

    .member .register-wrap input{
        margin-bottom : 38px;
    }

    #login .login-btn-wrap{
        margin-top : 38px;
    }

    #login .login-btn-wrap .btn-link{
        font-size : 16px;
        margin-top : 14px;
    }

    .member .login-wrap.sns button{
        width : 286px;
        margin-right : 43px;
    }

    .member .login-wrap.sns button:last-child{
        margin-right : 0;
    }

    .member .member-wrap .register-sns{
        font-size : 19px;
    }
    
    #login .popup-wrap .popup{
        padding : 20px;
        width : 580px;
    }

    #login .popup-wrap form{
        padding : 30px;
        padding-top : 20px;
    }

    #login .popup-wrap label{
        font-size : 31px;
        margin-bottom : 32px;
    }

    #login .popup-wrap label > span{
        font-size : 17px;
        width:260px;
    }

    #login .popup-wrap input{
        height : 64px;
        font-size : 19px;
        padding-left : 30px;
        margin-bottom : 26px;
    }

    #login .popup-wrap button.btn-submit{
        padding : 0 30px;
        font-size : 19px;
        height : 65px;
    }

    .member .member-btn-wrap >p{
        margin-top : 10px;
    }

    .member .member-btn-wrap input#privacy + label{
        font-size : 14px;
    }

    .member .member-btn-wrap input#privacy + label:after{
        width : 20px;
        height : 20px;
        margin-left : 10px;
    }
}