.login_wrap{
    display: flex;
    min-height: var(--app-height);
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
    background-color: #2D0000;
}

.bg{
    background-image: url("/static/pringles_oscar_web/img/login/login_bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding-bottom: 42px;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}
.login_top_box{}
.login_top_box .top_bg{
    background-image: url("/static/pringles_oscar_web/img/login/login_top_bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    padding: 39px 8.33% 72px 8.33%;
}
.content_title_box{
    max-width: 299px;
    width: 100%;
    margin: 0 auto;
}


.content_title_box .title_img{
    background-image: url("/static/pringles_oscar_web/img/login/login_title.webp");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 0;
    padding-top: 46.48829%;
}

.bin{
    height: 400px;
    margin-bottom: 29px;
}

.sns_login_box{}
.sns_login_box a{}
.sns_login_box .flex{
    display: flex;
    flex-direction: column;
    gap: 7px;
    justify-content: center;
    align-items: center;
}
.sns_login_box .flex .login_type{
    width: 230px;
    height: 33px;
    text-align: center;
    border-radius: 4.95px;
    font-family: 'Pretendard';
    font-size: 11.67px;
    font-weight: 700;
}
.sns_login_box .flex .login_type.kakao{
    background-color: #F7E409;
}
.sns_login_box .flex .login_type.kakao .btn_name{
    color: #000;
}
.sns_login_box .flex .login_type .login_btn{
    display: flex;
    gap: 5px;
    align-items: center;
    height: 100%;
    justify-content: center;
}
.sns_login_box .flex .login_type .login_btn .icon_box{
    width: 19px;
    display: flex;

}
.sns_login_box .flex .login_type .login_btn .icon_box img{
    width: 100%;

}
.sns_login_box .flex .login_type.naver {
    background-color: #38B65D;
}
.sns_login_box .flex .login_type.naver .btn_name{
    color: #fff;
}
.sns_login_box .flex .login_type.naver .login_btn .icon_box{
    width: 15px;
    display: flex;

}
.sns_login_box .flex .login_type a{
    color: #fff;
    display: inline-block;
    line-height: 33px;
}

.sns_login_box .flex .sub_text{
    color: #fff;
    font-family: 'Pretendard';
    font-size: 10.43px;
}