.login {margin:0 0 2px 0; padding:0; border:0;}
.login legend {display:none; width:0; height:0; overflow:hidden; font-size:0;}

.login form {position:relative; border:0px; padding:0px; width:200px;overflow:hidden;margin:0 auto;margin-top:8px;margin-bottom:8px; text-align:center}

.login form .idpwWrap {overflow:hidden; clear:both; width:200px; margin-top:10px}
.login form .idpw {float:left; width:134px;overflow:hidden}
.login form .idpw input {float:left; color:#282828; width:125px; height:16px; background:#fff; padding:2px 3px; font:.9em Tahoma; overflow:hidden;}
.login form .idpw input.idOff {border:solid #B8BCE2; border-width:1px 1px 1px 1px; background:#fff url(../images/login_id.gif) no-repeat 7px 4px;}
.login form .idpw input.idOn {border:solid #B8BCE2; border-width:1px 1px 1px 1px;}
.login form .idpw input.passOff {border:1px solid #B8BCE2; background:#fff url(../images/login_pass.gif) no-repeat 7px 4px;}
.login form .idpw input.passOn {border:1px solid #B8BCE2;}
.login form .login {float:right;}

.login form p.save {clear:both; margin:0; padding:.3em 0; letter-spacing:-1px;}
.login form p.save input {vertical-align:middle; _margin:-3px;}
*:first-child+html body .login form p input {margin:-3px;}
.login form p.save label {font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#5f6477;}
.login form ul.help {margin:0 auto; overflow:hidden; padding:5px 0 2px 0; white-space:nowrap; letter-spacing:0px;width:170px;text-align:center;}
.login form ul.help li {float:left; display:block; padding:0 5px 0 5px; background:url(../images/vrType1.gif) no-repeat left center;}
.login form ul.help li.first-child {background:none; padding-left:0;}
.login form ul.help li a {color:#5f6477; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; white-space:nowrap; text-decoration:none;}
.login form ul.help li.first-child a {color:#5f6477; font-weight:normal; text-decoration:none; letter-spacing:-1px;}
.login form ul.help li a:hover {color:#5f6477; text-decoration:none;}

.login form .userName {position:relative; width:200px; overflow:hidden; font:.9em "돋움", Dotum, Tahoma; border-bottom:1px solid #e4e4e4; padding:0 0 4px 0; margin-top:5px;}
.login form .userName strong {color:#282828; padding:4px 0 0 0px; font:bold "돋움", Dotum, Tahoma;}
.login form .userName a {position:relative; right:0;text-decoration:none;color:#5d5d5d}
.login form .userName .fl {float:left; width:118px; height:13px; margin-top:4px; overflow:hidden;}
.login form ul.userMenu {position:relative; padding:0 0 3px 4px; margin:5px 0 0 0; line-height:150%; overflow:hidden;text-align:left}
.login form ul.userMenu li {float:left; list-style:none;  width:80px; padding-left:9px; background:url(../images/bulletFF1A00.gif) no-repeat left 4px;  margin-bottom:2px; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; letter-spacing:-1px;}
.login form ul.userMenu li a {color:#777; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; line-height:14px; text-decoration:none;}
.login form ul.userMenu li a:hover {color:#0066cc; text-decoration:none;}
.login form p.latestLogin {margin:0; color:#999999; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
.login form p.latestLogin span {font:1em Tahoma;}
.login form .login_foot{ width:200px;height:2px;background:#000;overflow:hidden;margin-top:8px}

img.login_mask {width:200px; height:5px; background:#fcfcfc; opacity:.9; filter:alpha(opacity:90); display:block;}
.openid_login {position:relative; margin:0 0 2px 0; padding:0; border:0; background:#fcfcfc; opacity:.9; filter:alpha(opacity:90); }
.openid_login legend {display:none; width:0; height:0; overflow:hidden; font-size:0;}
.openid_login form {position:relative; padding:14px 15px 4px 15px; width:168px; height:90px; border:1px solid #B8BCE2;}
.openid_login form .idpwWrap {overflow:hidden; clear:both; width:166px;}
.openid_login form .idpw {float:left;}
.openid_login form .idpw p {margin:0 0 5px 0; padding:0; background: url(../images/openid_login_bg.gif) left no-repeat; padding-left:18px; font-size:.9em Tahoma; color:#999;}
.openid_login form .idpw input {float:left; margin-top:0; border:1px solid #B8BCE2; color:#282828; width:105px; background:#fff; padding:2px 3px; margin-bottom:2px; font:.9em Tahoma; overflow:hidden;}
.openid_login form .idpw input.openidOff {border:1px solid #B8BCE2; background:#fff url(../images/open_id.gif) no-repeat 10px 4px;}
.openid_login form .idpw input.openidOn {border:1px solid #8796c9;}
.openid_login form .login {float:right;}
.openid_login form p.save {margin:0; padding:0; clear:both; padding:.3em 0;}
.openid_login form p.save input {vertical-align:middle; _margin:-3px;}
*:first-child+html body .openid_login form p input {margin:-3px;}
.openid_login form p.save label {font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#999999;} 
.openid_login ul.help {margin:0; border-top:1px solid #e4e4e4; overflow:hidden; padding:5px 0 0 0; white-space:nowrap;}
.openid_login ul.help li {float:left; display:block; padding:0 5px 0 5px; background:url(../images/vrType1.gif) no-repeat left center;}
.openid_login ul.help li.first-child {background:none; padding-left:0;}
.openid_login ul.help li a {color:#6B7BB3; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; white-space:nowrap; text-decoration:none;}
.openid_login ul.help li a:hover {text-decoration:underline;}