/* BASIC css start */
body, html {height: 100%; font-size:16px; color:#000;}
#wrap * {font-family: 'Malgun Gothic'; letter-spacing:-1px;}
#wrap {position:relative; min-height:100%; background:url(/design/ioje2/resized_image.jpg) no-repeat center center fixed; background-size: cover;}
.login-form {position:absolute; left:50%; top:50%; margin:-200px 0 0 -240px;}
.login-form .form-wrap {width:418px; height:315px; padding:53px 30px 30px; background:#fff; border:1px solid #aeaeae; border-radius:12px;}
.login-form .form-wrap strong.title {display:block; padding-bottom:42px; font-size:36px; text-align:center;}
.login-form .form-wrap ul.frm-list {border:1px solid #ccc; border-radius:6px; box-shadow:0px 1px 6px 0px #ddd;}
.login-form .form-wrap ul.frm-list li {padding:22px 30px; border-top:1px solid #e9e9e9; overflow:hidden;}
.login-form .form-wrap ul.frm-list li:first-child {border-top:0;}
.login-form .form-wrap ul.frm-list li label,
.login-form .form-wrap ul.frm-list li input {float:left;}
.login-form .form-wrap ul.frm-list li label {width:100px;}
.login-form .form-wrap ul.frm-list li input {width:200px; border:0; font-size:16px; color:#000;}
.login-form .form-wrap ul.frm-list li input::-webkit-input-placeholder {color:#ccc;}
.login-form .form-wrap ul.frm-list li input::-ms-input-placeholder {color:#ccc;}
.login-form .form-wrap ul.frm-list li input::placeholder {color:#ccc;}
.login-form .form-wrap .btn-mlog {margin-top:30px;}
.login-form .form-wrap .btn-mlog .btn-login {display:block; padding:20px 0; background:#000; color:#fff; font-size:22px; font-weight:700; border-radius:6px; text-align:center;}
.login-form .sign {margin-top:30px; text-align:center;}
.login-form .sign a {display:inline-block; padding:0 40px; color:#fff; font-size:16px; font-weight:700;}
.login-form .sign a:first-child {border-right:1px solid #b5a6a0;}
/* BASIC css end */