@charset "utf-8";
@media screen and (max-width: 768px) {

    .modalLoginPop .modal_title {
        font-size: 20px;
        padding: 0 20px;
    }
    .modalLoginPop .modal_cont_ {
        height: 500px;
        overflow: auto;
        padding: 10px;
    }
    .direct1, .direct2{
        font-size: 16px;
    }
    .txt p {
        font-size: 14px;
    }
    .btn.cancel {
        height: 40px;
    }

    /* login{ */
    .sect_login {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .sect_login .wrapper {
        max-width: 100%;
        padding: 0 15px;
    }
    .sub_top span {
        font-size: 24px;
    }
    .login_input .sftext, .pwd_input .sftext {
        height: 50px;
    }
    .sftext>input{
        font-size: 14px;
    }
    .login_set {
        height: 25px;
    }
    .login_set .sfchkra.size-2 {
        padding-left: 0;
        height: 25px;
    }
    .sfchkra.size-2>input+label i {
        width: 25px;
        height: 25px;
    }
    .login_set  .sfchkra.size-2 label{
        height: 25px;
    }
    .login_set  .sfchkra span {
        margin-top: 0;
    }
    .login_btn .sfbtn {
        height: 55px;
        margin: 5px 0;
    }
    .sfbtn .sfbtn_wr {
        font-size: 16px;
    }
    /* }login */

    /* findID_1{ */
    .sect_find .wrapper {
        max-width: 100%;
        padding: 0 15px;
    }
    .sect_find {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .login {
        overflow: hidden;
    }
    .verify_title {
        font-size: 14px;
        padding: 15px 0;
    }
    .verify_btn {
        float: none;
        width: 100%;
        margin-top: 25px;
    }
    .verify_wrapper {
        padding: 15px;
        padding-top: 30px;
    }
    .verify_ico img {
        width: 40px;
        height: 75px;
    }
    .verify_txt {
        font-size: 12px;
        text-align: left;
        padding-left: 13px;
    }
    .verify_wrap {
        display: block;
        text-align: center;
    }
    .verify_btn .sfbtn {
        height: 80px;
    }
    .find_btn {
        margin-right: -10px;
    }
    .find_btn .sfbtn {
        padding-right: 10px;
    }
    .verification.checkId {
        margin-bottom: 25px;
    }
    .checkId .verify_wrapper {
        padding-top: 15px;
    }
    
    .checkId .verify_wrap {
        max-width: 100%;
    }
    
    .checkId .sfsearch, .checkId .sftel, .checkId .sftext {
        height: 50px;
    }
    
    .checkId .sfsearch input {
        font-size: 16px;
    }
    input[type="text"][readonly="readonly"], input[type="text"][disabled="disabled"], input[type="password"][readonly="readonly"], input[type="password"][disabled="disabled"], input[type="email"][readonly="readonly"], input[type="email"][disabled="disabled"], input[type="tel"][readonly="readonly"], input[type="tel"][disabled="disabled"], input[type="number"][readonly="readonly"], input[type="number"][disabled="disabled"], input[type="url"][readonly="readonly"], input[type="url"][disabled="disabled"], input[type="date"][readonly="readonly"], input[type="date"][disabled="disabled"], input[type="time"][readonly="readonly"], input[type="time"][disabled="disabled"], input[type="checkbox"][readonly="readonly"], input[type="checkbox"][disabled="disabled"], input[type="radio"][readonly="readonly"], input[type="checkbox"][disabled="disabled"]{
        border-color: #E4E4E4;
        background-color: #F7F7F7;
        color: #232323;
        font-size: 16px;
        font-weight: 400;
    }
    
    .checkId .placeholder {
        font-size: 16px!important;
        font-weight: 400!important;
        color: #BABABA!important;
    }
    .checkId .join_row input::placeholder {
        font-size: 16px!important;
        font-weight: 400!important;
        color: #BABABA!important;
        opacity: 1; 
    }
    .checkId .join_row input::-webkit-input-placeholder {
        font-size: 16px!important;
        font-weight: 400!important;
        color: #BABABA!important;
    }
    /* IE */
    .checkId .join_row input:-ms-input-placeholder {
        font-size: 18px!important;
        font-weight: 400!important;
        color: #BABABA!important;
    }
    /* Firefox */
    .checkId .join_row input:-mos-input-placeholder {
        font-size: 16px!important;
        font-weight: 400!important;
        color: #BABABA!important;
    }
    /* }findID_1 */

    /* findID_2{ */
    .verify_wrapper2 {
        font-size: 14px;
        padding: 35px 20px;
        word-break: keep-all;
    }
    /* }findID_2 */

    /* findPW_2{ */
    .verify_wrapper4 {
        max-width: 100%;
        padding: 23px 10px 18px 10px;
    }
    .verify_password {
        font-weight: 700;
    }
    .verify_password p {
        font-size: 12px;
        word-break: keep-all;
    }
    /* }findPW_2 */

    /* findPW_3{ */
    .verify_wrapper3 {
        word-break: keep-all;
        padding-left: 20px;
        padding-right: 20px;
    }
    /* }findPW_3 */
}