.layout-login.layout-con {    
    display:flex;
    align-items: center;
}

.layout-login .layout{
    display:flex;
    flex-direction: column;;
}
.layout-login .header{
    visibility:visible;
}
.layout-login .footer{
    display:none;
}
.layout-login .shopping_cart{
    display:none;
}
/* 로그인화면 */
.layout-login .main{   
    height:100%;    
    min-height: 600px;
    display:flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;
    overflow: auto;
    gap:10px;
}


.layout-login .login{
    max-width:360px;
    width:100%;    
    display:flex;
    flex-direction:column;    
    gap:30px;   
     /* 스크롤바 제거 */
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.layout-login .login::-webkit-scrollbar{
    display: none; /* Chrome, Safari, Opera*/
}

.layout-login .login_title{
    font-family: 'Prata';    
    font-weight: 400;
    font-size: 30px;    
    color: #1F1F1F;
    text-align:center;        
}

.layout-login .login_text_place{
    width:100%;
    display:flex;
    flex-direction:column;
    gap:10px;
}

.layout-login .login_info{
    display:flex;
    flex-direction:column;
    gap:30px;
}
.layout-login .login_form{
    width:100%;    
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:30px;
}

.layout-login .login_area{    
    width:100%;
    height:48px;
    border: 1px solid #D3D3D3;
    border-radius: 2px;      
    padding:20px; 
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 400;
    font-size: 16px;
}

.layout-login .login_area::placeholder{    
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 400;
    font-size: 16px;
    color: #C8C8C8; 
}    

.layout-login .login_btn{
    width:100%;
    height:48px; 
    background: #E6DDDB;
    border:none;
    border-radius: 2px;
    color:#ffffff;    
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 500;
    font-size: 16px;    
    text-align: center;
}

.layout-login .login_checkbox_wrap{
    width:100%;    
    display:flex;
    justify-content: space-around;
    align-items: center;
}
.layout-login .checkbox_label{
    width:100%;
    height:48px;
    display:flex;
    justify-content: center;
    align-items: center;
    gap:10px;
}

 .layout-login .checkingbox{
    width:20px;
    height:20px;    
} 
.layout-login .checkingbox:checked{
    background-color:transparent;
}
.layout-login .find_idpass{
    display:flex;        
    justify-content: space-around;     
    border-top:1px solid #F6F6F6;
    border-bottom:1px solid #F6F6F6;  
    padding:20px;
}

.layout-login .find_idpass a{
    text-decoration:none;
    color:#000000;
}

.layout-login .find_idpass_line{
    height: 20px;
    border:1px solid #f6f6f6;    
}

.layout-login .social_login_btn{
    display:flex;
    flex-direction:column;
    gap:10px; 
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 400;
    font-size: 16px;
    text-align: center;
}

 /*.layout-login .social_login_btn >div{
    display:grid;
    align-items:center;
    grid-template-columns:50px 1fr 50px;
    width:100%;
    height: 48px; 
}*/

/* .kakao_btn_area{
    background: #FFEA0F;
    border-radius: 2px;   
} */

/* .google_btn_area{
    background: #FFFFFF;
    border: 1px solid #D1D1D1;
    border-radius: 2px;
} */
.layout-login .social_btn{
    width: 100%;
    height:48px;
    display:flex;
    justify-content: space-around;
    align-items: center;
}
.layout-login .kakao_btn_area{
    background: #FFEA0F;
    border-radius: 2px;
}
.layout-login .google_btn_area{
    background: #FFFFFF;
    border: 1px solid #D1D1D1;
    border-radius: 2px;
}
.layout-login .apple_btn_area{
    background: #0B0B0A;
    border-radius: 2px;
    color:#ffffff;
}


.layout-login .footer{
    display:none;
}

.layout-login input[type="checkbox"]{
    display:none;
}
.layout-login input[type="checkbox"] + label{
    width:20px;
    height:20px;
    padding:3px;    
    border:1px solid #c9c9c9;
    border-radius:2px;
    background:transparent;
}
.layout-login input[type="checkbox"]:checked + label{
    content:url("../img/checked.svg");
    border:1px solid #646464;
}