#LoginArea {top:20px;position:absolute;width:100%;height:100%;z-index:3000;}
#LoginArea .pop_bg {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.8;filter:alpha(opacity=80)}
#LoginArea .PopTitle {margin:0 auto;width:505px;padding:0 30px 0 30px;font-family:'Nanum Gothic';border:0px #000 solid}
#LoginArea .PopTitle:after {clear:both;display:block;content:""}
#LoginArea .PopTitle h2 {top:10px;left:-5px;position:absolute;padding:3px;font-size:22px;color:#fff}
#LoginArea .PopClose {margin-right:-30px;text-align:right;cursor:pointer}
#LoginArea .PopClose img {width:50px;height:50px}

#LoginArea .login {margin:0 auto;width:505px;bordeR:1px #626262 solid;padding:30px;background:#fff}
#LoginArea .login:after {clear:both;display:block;content:""}
#LoginArea .login .login_topimg {margin-bottom:5px;width:505px}
#LoginArea .login .login_topimg img {}
#LoginArea .login .btn {margin-top:3px;text-align:center}
#LoginArea .login .btn_login {width:100%;padding:0 10px 0 10px;height:46px;line-height:46px;color:#fff;font-size:12px;margin:0;padding:0;border:0;vertical-align:middle;cursor:pointer;background:#3A3A3A}
#LoginArea .login .item {margin:0 0 5px 0;position:relative;background:#fff;border:1px solid #b3b3b3;color:#333}
#LoginArea .login .item .i_label {display:block;position:static;top:9px;left:5px;font-size:11px;color:#A2A2A2;position:absolute; visibility:visible}
#LoginArea .login .item input {width:100%;display:inline-block;overflow:visible;position:relative;background:#fff no-repeat;font-size:12px;font-weight:bold;color:#363636;text-decoration:none !important;vertical-align:middle}
#LoginArea .login .item .i_text {display:block;position:relative;background:transparent;font:bold 12px;border:0px #484848 solid;height:36px;line-height:36px}
#LoginArea .login .warningTxt {margin:8px 0 8px 0;color:#FF0000;text-align:left}
#LoginArea input::-moz-input-placeholder{color:#A2A2A2;padding:0 5px 0 5px;font-weight:normal;font-size:12px}
#LoginArea input::-webkit-input-placeholder {color:#A2A2A2;padding:0 5px 0 5px;font-weight:normal;font-size:12px}
#LoginArea input:-ms-input-placeholder {color:#A2A2A2;padding:0 5px 0 5px;font-weight:normal;font-size:12px}
#LoginArea .login .subbtn {margin:5px 0 0 0;text-align:right}
#LoginArea .login .subbtn button {padding:0 10px 0 10px;background:none;height:26px;line-height:26px;color:#626262;font-size:12px;cursor:pointer;}
#LoginArea .login .subbtn button:hover {border-bottom:1px #626262 solid}

.loginwrap {margin:0 auto;max-width:1080px;min-height:600px}
.loginwrap:after {clear:both;display:block;content:""}

.logintxt {padding:100px 0 100px 0}
.logintxt:after {clear:both;display:block;content:""}
.logintxtimg {display:table-cell;width:270px;text-align:center;}
.logintxtimg img {max-width:250px}
.logintxtinfo {}
.logintxtinfo:after {clear:both;display:block;content:""}
.logintxtinfo ul {display:table-cell;vertical-align:middle}
.logintxtinfo li {font-size:20px;font-weight:bold;color:#404040}
.logintxtinfo li button {margin:15px 0 0 0;background-color:#535b6c;font-size:17px;color:#fff;padding:14px 30px 14px 30px;cursor:pointer;-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px}

.login {margin:0 0 30px 0;padding:15px;background-color:#f8f9fa;-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px}
.login:after {clear:both;display:block;content:""}
.login_block {float:left;width:50%;vertical-align:top}

.loginauth {padding:15px}
.loginauth .loginauthtxt {}
.loginauth .loginauthtxt:after {clear:both;display:block;content:""}
.loginauth .loginauthtxt dt {margin:0 0 15px 0;font-size:20px;font-weight:bold;color:#404040}
.loginauth .loginauthtxt dd {font-size:14px;font-weight:normal;color:#777777}
.loginauth .loginauthtxt dd .loginauthtxt_box {padding:0 0 0 12px}
.loginauth .loginauthtxt dd .loginauthtxt_box span {position:absolute;top:50%;margin-top:-1px;left:0;font-size:0;height:2px;width:2px;background-color:#535b6c}
.loginauth button {margin:15px 0 0 0;background-color:red;font-size:15px;color:#fff;padding:10px 20px 10px 20px;cursor:pointer;-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px}

.loginform {padding:15px}
.loginform_box {margin:0 0 5px 0}
.loginform_inputbox {padding:3px;border:1px #c7c7c7 solid;font-size:0;background-color:#fff}
.loginform_inputbox input {width:100%;height:36px;background-color:#fff;font-size:13px;color:#404040}
.loginformtitle {margin:0 0 15px 0;font-size:20px;font-weight:bold;color:#404040}

.btn_login {width:100%;height:46px;background-color:#535b6c;font-size:17px;color:#fff;cursor:pointer;-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px}


.loginform .subbtn {margin:5px 0 0 0;text-align:right}
.loginform .subbtn button {padding:0 10px 0 0px;background:none;height:26px;line-height:26px;color:#626262;font-size:12px;cursor:pointer;}
.loginform .subbtn button:hover {border-bottom:1px #626262 solid}
.loginform .subbtn button img {vertical-align:middle}