@charset "utf-8";

#mb_login {}
#mb_login .cinner {max-width: 1156px;}
#mb_login .title-wrap .title {margin-bottom: 50px;}
#mb_login .title-wrap .title img {display: block;margin: 0 auto 30px;}
#mb_login .cont-wrap {padding: 80px 0;background: #F4F4F4;}
#mb_login .cont-wrap > form {max-width: 700px;width: 100%;margin: 0 auto;}
#mb_login .cont-wrap > form .form-group {margin-bottom: 20px;}
#mb_login .cont-wrap > form input {width: 100%;height: 78px;padding: 20px 67px;border-radius: 7px;border: 1px solid #DADADA;}
#mb_login .cont-wrap > form input#login_id {background: #fff url(./img/img_icon_user.png) no-repeat 20px center !important;}
#mb_login .cont-wrap > form input#login_pw {background: #fff url(./img/img_icon_lock.png) no-repeat 20px center !important;}
#mb_login .cont-wrap > form button.btn-submit {width: 100%;padding: 21px 0;border-radius: 7px;box-sizing: border-box;background: var(--color-main);color: #fff;font-size: 1.08em;font-weight: 600;}
#mb_login .cont-wrap > form button.btn-submit:hover,
#mb_login .cont-wrap > form button.btn-submit:focus {background: #193C7C;}
#mb_login .cont-wrap > form > ul {display: flex;justify-content: center;}
#mb_login .cont-wrap > form > ul > li {}
#mb_login .cont-wrap > form > ul > li > a {display: block;color: #585858;font-size: .83em;position: relative;}
#mb_login .cont-wrap > form > ul > li:not(:last-child) {margin-right: 15px;}
#mb_login .cont-wrap > form > ul > li:not(:last-child) > a {padding-right: 15px;}
#mb_login .cont-wrap > form > ul > li:not(:last-child) > a::after {content: '';display: block;width: 1px;height: 18px;background: #585858;position: absolute;top: 0;bottom: 0;right: 0;margin: auto;}
#mb_login .cont-wrap > form > ul > li > a:hover,
#mb_login .cont-wrap > form > ul > li > a:focus {text-decoration: underline;text-underline-offset: 4px;}

@media all and (max-width: 1024px) {
    #mb_login .cont-wrap > form {width: 90%;}
    #mb_login .cont-wrap > form input {height: 64px;}
}
@media all and (max-width: 640px) {
    #mb_login .cont-wrap {padding: 40px 0;}
    #mb_login .cont-wrap > form {width: 80%;}
    #mb_login .cont-wrap > form .form-group {margin-bottom: 10px;}
    #mb_login .cont-wrap > form input {height: 54px;padding: 12px 60px;}
    #mb_login .cont-wrap > form input#login_id,
    #mb_login .cont-wrap > form input#login_pw {background-size: 24px !important;}
    #mb_login .cont-wrap > form button.btn-submit {padding: 14px 0;}
}

#find_info #captcha #captcha_img {display: inline-block;}
#find_info #captcha #captcha_key {width: 150px;}