/* BASIC css start */
/* =============================================================================
·Î±×ÀÎ login_btob.html
========================================================================== */
#wrap * {font-family: 'Malgun Gothic'; letter-spacing:-1px;}
#wrap {position:relative; min-height:100%; background:url(/design/nyduss/images/mo_bg.png) no-repeat center top; background-size: cover; height:100vh;}
#wrap > .login-form {position:absolute; width:80%; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); background:rgba(255,255,255,0.8); padding:20px; border-radius:18px; box-sizing:border-box;}
.login-form .title {font-size:14px; text-align:center; display: block; line-height:25px; margin-bottom:25px;}
.login-form .title b {font-size:17px;}
.login-form .form-wrap {}
.login-form .form-wrap .sub_title {text-align:center; font-size:18px; font-weight:bold; color:#000; display:block; border-bottom:2px solid #000; padding-bottom: 10px; margin-bottom:13px;}
.login-form .form-wrap .sub_title b {font-size:11px; font-weight:400; color:#000;}
.login-form .form-wrap ul.frm-list {}
.login-form .form-wrap ul.frm-list li {padding:14px 11px; border:1px solid #9a9a9a; overflow:hidden; border-radius:6px;}
.login-form .form-wrap ul.frm-list li:first-child {margin-bottom:5px;}
.login-form .form-wrap ul.frm-list li label {display:none;}
.login-form .form-wrap ul.frm-list li input {float:left; width:100%;}
.login-form .form-wrap ul.frm-list li label {width:100px;}
.login-form .form-wrap ul.frm-list li input {border:0; font-size:12px; color:#000; height: auto; padding:0;}
.login-form .form-wrap ul.frm-list li input::-webkit-input-placeholder {color:#9a9a9a;}
.login-form .form-wrap ul.frm-list li input::-ms-input-placeholder {color:#9a9a9a;}
.login-form .form-wrap ul.frm-list li input::placeholder {color:#9a9a9a;}
.login-form .form-wrap .btn-mlog .btn-login {display:block; padding:12px 0; background:#000; color:#fff; font-size:13px; font-weight:bold; border-radius:6px; text-align:center;}
.login-form .sign {margin:13px 0 32px; text-align:center;}
.login-form .sign a {display: inline-block; margin:0 15px; font-size: 11px; font-weight:bold;}
.login-form .sign span {display:inline-block; width:1px; height:9px; background:#9a9a9a; position: relative; top: 1px;}
.loginCheck {margin:11px 0 10px; display:flex;}
.loginCheck label {flex:1;}

.login-form .form-wrap > div.right {}
.login-form .form-wrap > div.right .txt1 {background:#edeff1; border-radius:6px; padding: 15px 16px; font-size:11px; font-weight:bold; line-height:17px; margin-bottom:15px;}
.login-form .form-wrap > div.right p {margin-bottom:9px; font-size:10px; line-height:16px; padding-left: 10px; position:relative;}
.login-form .form-wrap > div.right p:before {content:'*'; display:inline-block; position:absolute; left:0; top:2px;}
.login-form .form-wrap > div.right .txt3 {font-weight:bold; margin:0;}
.login-form .form-wrap > div.right .txt3 b {color:#9a9a9a; margin:0 9px;}

/* ÇѱÛÀÚÆÇ */
.login #keyboard {text-align:center; margin:0 auto; font-size:14px;}
.login #keyboard p {text-align:right; margin-bottom:12px;}
.login #keyboard img {display:none; width:100%; margin-bottom:10px;}

.login .loginCheck { overflow: hidden; width: 100%; margin-top: 15px; }
.login .loginCheck label {font-size: 14px;}
.login .loginCheck li { list-style-type: none; float: left; margin-right: 15px; font-size: 14px; color:#666; line-height: 1em; letter-spacing:-1px; }
.login .loginCheck .chk-rdo {margin-right: 5px; margin-top: -3px;}


body input {
    width: 16px;
    height: 16px;
}

body input[type='checkbox']:before {
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    position: relative;
    content: '';
    display: inline-block;
    visibility: visible;
    background: url(/design/nyduss/images/check_off.png) no-repeat #fff;
    cursor: pointer;
    background-size: 16px;
}

body input[type='checkbox']:checked:before {
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    position: relative;
    content: '';
    display: inline-block;
    visibility: visible;
    background: url(/design/nyduss/images/check_on.png) no-repeat #fff;
    background-size: cover;
}
/* BASIC css end */