/* ·Î±×ÀÎ */
.mind_login {position:absolute;top:0;left:0;right:0;bottom:0;background:#e5e5e5;}
.mind_login .mind_login_box {position:absolute;top:50%;left:50%;width:400px;margin-left:-200px;margin-top:-210px;background:#fff;border-radius:12px;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.2);}
.mind_login .mind_login_box .login_box_inner {position:relative;}
.mind_login .mind_login_box .login_box_inner:after {content:'';display:block;clear:both;position:absolute;top:0;left:50%;margin-left:-52px;width:104px;height:5px;background:#000;}
.mind_login .mind_login_box h2 {padding:75px 0 40px;margin:0;line-height:0;text-align:center;}
.mind_login .form_wrap {padding:0 40px;}
.mind_login .form_wrap .input_wrap {position:relative;padding:11px 0;border-bottom:1px solid #000;}
.mind_login .form_wrap .input_wrap span {display:block;padding-left:60px;}
.mind_login .form_wrap .input_wrap input {width:100%;height:25px;border:none;font-size:15px;}
.mind_login .form_wrap .input_wrap input::placeholder {color:#000;}
.mind_login .form_wrap .input_wrap.id:before, .mind_login .form_wrap .input_wrap.pw:before
{content:'';display:block;clear:both;position:absolute;left:11px;background-size:20px auto !important;width:20px;}
.mind_login .form_wrap .input_wrap.id:before {top:12px;height:21px;background:url('../img/icon_mind_id.png') no-repeat;}
.mind_login .form_wrap .input_wrap.pw:before {top:10px;height:23px;background:url('../img/icon_mind_pw.png') no-repeat;}
.mind_login .form_wrap .check_wrap {padding:18px 0 13px 11px;}
.min_btn_default {width:100%;font-size:16px;line-height:16px;color:#fff;padding:17px 0;background:#000;border-radius:28px;text-align:center;border:none;}

/* checkbox */
.mind_checkbox {
    position: relative;
}
.mind_checkbox input[type='checkbox'] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 19px;
    height: 19px;
	margin:0;
    vertical-align: middle;
    opacity: 0 !important;
}
.mind_checkbox label {
    position: relative;
    z-index: 3;
    display: inline-block;
    padding-left: 27px;
    font-size: 15px;
    line-height: 20px;
    color: #999;
    vertical-align: middle;
    cursor: pointer;
	font-weight:100;
}
.mind_checkbox label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 19px;
    height: 19px;
	border:1px solid #999;
    border-radius: 3px;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    background-color: #fff;
}

.mind_checkbox label:after {
	content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    display: none;
    width: 20px;
    height: 21px;
	background: url('../img/icon_mind_check.png') no-repeat;
    background-size: 10px auto;
}

.mind_checkbox input[type='checkbox']:checked + label:before {border:1px solid #000;background-color:#000;}
.mind_checkbox input[type='checkbox']:checked + label:after {
    display: block;
}

@media all and (max-width: 640px) {
	.mind_login .mind_login_box {width:86%;margin-left:-43%;margin-top:-210px;}
}