.content {
    height: 100%;
    padding: 5% 0;
    min-height: 590px;
}
 .left_content, .right_content_mobile, .right_content_mobile_close, .left_content_mobile {
    display: none;
}
.login_content, .find_content {
    width: 35%;
    margin: 0 auto;
    border: 1px solid #ececec;
    text-align: center;
    padding: 3em;
    background: #fff;
}

.login_content h1, .find_content h1 {
    position: relative;
    width: 100%;
    padding: 0 0 1em 0;
    display: block;
    font-size: 180%;
    text-align: center;
    color: #212121;
}

#loginform, .find_content {
    text-align: left;
    position:relative;
}

#id, #pw, #email, #pw_chk {
    width: 100%;
    padding: 1.3em;
    margin: 0.5em 0 1em 0;
    border: 1px solid #ececec;
}

.login_btn_style, #submitButton, .number_btn_style, .number_chk_style, .pw_change {
    width: 100%;
    background: #21215d;
    color: #fff;
    padding: 1.3em;
    margin-bottom: 1em;
    border: 1px solid #21215d;
    text-align: center;
}

.id_text, .pw_text, .checkbox_text {
    font-size: 13px;
    color: #999;
    vertical-align: top;
}

.find_id {
    position:absolute;
    right:78px;
    padding-right: 13px;
    border-right: 1px solid #ececec !important;
}

.find_id, .find_pw {
    background: transparent;
    border: 1px solid #fff;
    color: #999;
    font-size: 13px;
    font-weight: 300;
    outline: none;
}

.find_pw {
    position:absolute;
    right:0;
    padding-left: 10px;
}

#certification_form input {
    width: 87%;
    display: inline-block;
    padding: 1.3em;
    margin: 0.5em 0 1em 0;
    border: 1px solid #ececec;
}

#countdown {
    display: inline-block;
    width: 9%;
    margin-left: 10px;
}

.myinfo_pw {
    width: 100%;
    background: #21215d;
    color: #fff;
    padding: 1.3em;
    margin-bottom: 0.5em;
    border: 1px solid #21215d;
    text-align: center;
}

.myinfo_del {
    width: 100%;
    background: #ececec;
    color: #515151;
    padding: 1.3em;
    border: 1px solid #ececec;
    text-align: center;
}

#auto_login {
    position: absolute;
    width: 0;
    height: 0;
}

label {
    display:inline-block;
    width:15px;
    height:15px;
    margin-right:5px;
    background: #ececec;
    font-weight: 300;
    text-align:center;
    cursor: pointer;

}
#auto_login:checked + label:after {
    content: '\2713';
    color: #212121;
    font-size:15px;
    font-weight:700;
}

@media screen and (max-width: 768px) {
    .right_content_mobile, .right_content_mobile_close, .left_content_mobile {
        display:block;
    }
    .login_content, .find_content {
        width: 100%;
        border: 1px solid #fff;
        padding:0 !important;
        padding-top:7em !important;
    }
    .content {
        height: 100%;
        padding:0 3em 3em 3em;
        min-height: 590px;
    }
}