#passwordDiv { position:relative; }
#passwordIcon { position:absolute; right:16px; top:20px; width:20px; cursor: pointer;  }

#logForm .main_login button, button[data-ss^=signup].btn-darkblue{
    padding: 11px 17px !important;
    border-radius: 8px;
}

button[data-ss^=signup].btn-darkblue{
    padding: 11px 17px;
    border-radius: 8px;
}


#wrap_log {  width: 100%; align-items: center; justify-content: center; }
@media (min-width: 768px) { 
    #wrap_log {  width: 600px; margin:auto;}
} 
#log_section { background-color: #ffffff;  min-height:100vh;}
/*#logForm { padding: 5rem 1rem; }*/

#log_section[value^=log] .ly_warp{
    padding: 56px 16px 32px 16px;
}
@media (max-width: 400px) { 
    #log_section .ly_warp{
        padding: 0px 0 32px 0 !important;
    }
    #logForm .position-set{
        width: calc(100% - 48px);
    }
    .Logformlogo{
        height: 240px !important;
        padding-top: 56px;
    }
} 
@media (min-width: 401px) and (max-width: 560px) { 
    #log_section .ly_warp{
        padding: 0px 16px 32px 16px !important;
    }
    #logForm .position-set{
        width: calc(100% - 80px);
    }
    .Logformlogo{
        height: 280px !important;
        padding-top: 56px;
    }
} 
@media (min-width: 768px) { 
    #logForm .position-set{
        width: 600px !important;
    }
} 
@media (min-width: 561px) and (max-width: 800px){ 
    #log_section .ly_warp{
        padding: 0px 0 32px 0 !important;
    }
    #logForm .position-set{
        width: calc(100% - 96px);
    }
    .Logformlogo{
        height: 360px !important;
        padding-top: 56px;
    }
} 
@media (min-width: 801px) and (max-width: 991px){ 
    #log_section .ly_warp{
        padding: 0px 0 32px 0 !important;
    }
    #logForm .position-set{
        width: calc(100% - 96px);
    }
    .Logformlogo{
        height: 360px !important;
        padding-top: 56px;
    }
} 
@media (min-width: 992px) { 
    #log_section .ly_warp{
        padding: 0px 40px 32px 40px !important;
    }
    #logForm .position-set{
        width: 520px !important;
    }
    .Logformlogo{
        height: 360px !important;
        padding-top: 96px;
    }
} 
.Logformlogo{height: 360px;}

#log_both { display: flex; }
#log_both > div { flex: 2; }
#log_both > div:last-child { flex: 1; text-align: right; }

button.log { padding: 0.65em 0em; font-size: 1.1em; font-weight: bold; }
input[type='text'].log, input[type='password'].log { padding: 0.75rem; font-size: 16px; font-weight: 400; }

div.sns { font-size: 16px; }
ul.sns > li { display: inline-block; margin-right: 15px; border:1px solid #dfdfdf; border-radius:5px;}

#logForm .main_login button{
    padding: 11px 17px !important;
    border-radius: 8px;
}

#logForm #log_both .check-label{
    display: flex;
    align-items: center;
}

#logForm #log_both .check-label .form-check-input{
    margin-top: 0;
    margin-right: 4px;
}
#logForm #log_both .check-label .form-check-label{
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #999;
}
.btn-outline-linegray.signupButton{
    width: 100%;
    padding: 12px;
    border-radius: 8px;
}

#logForm .position-set{
    position: absolute;
    bottom: 56px;
}