/* Login A Type */
#account { z-index:99; position:relative; clear:both; *zoom:1; text-align:center; padding:15px; border-top:3px solid #000;  }
#account:after { content:""; display:block; clear:both; }
#account .log { position:relative; margin:0; padding:0; list-style:none; *zoom:1; }
#account .log:after { content:""; display:block; clear:both; }
#account .log li { float:left; display:inline; margin:0 2px 2px; padding:0; border:1px solid #000; }
#account .log li a { display:block; font-size:10px; margin:0; padding:0; height:25px; line-height:25px; text-align:center; text-decoration:none; text-transform:uppercase; color:#aaa; border:1px solid #242527; background:url(../img/button_bg.gif) 0 0 repeat-x #1e1f20; }
#account .log li a:hover { color:#fff; background:#1e1f20; border:1px solid #1a1a1a; }


/* Login B Type */
#account_b  { position:relative; padding:15px; *zoom:1; border-top:3px solid #000; }
#account_b:after { content:""; display:block; clear:both; }
#account_b .login_wrap { position:relative; margin:0; padding:0; }
#account_b .login_wrap form { margin:0; padding:0; }
#account_b .login_wrap .input_wrap { position:relative; margin:0 0 2px; padding:0; background:#18191a; border:1px solid #000; }

#account_b .login_wrap .id_blur,
#account_b .login_wrap .id_focus,
#account_b .login_wrap .pass_blur,
#account_b .login_wrap .pass_focus { z-index:3; height:30px; line-height:30px; font-size:10pt; padding:2px 10px; border:none; } /* width값은 자동조절 */
#account_b .login_wrap .id_blur { background:url(../img/username.png) 10px center no-repeat; color:#ccc; }
#account_b .login_wrap .pass_blur { background:url(../img/password.png) 10px center no-repeat; color:#ccc; }
#account_b .login_wrap .id_focus,
#account_b .login_wrap .pass_focus { background:none; color:#ccc; }

#account_b .login_wrap .login_button { position:absolute; top:11px; right:5px; width:51px; height:51px; line-height:56px; text-align:center; font-weight:bold; font-size:9pt; cursor:pointer; border:none; }

#account_b.red .login_wrap .login_button { background:url(../img/login_r_btn.png) 0 0 no-repeat; }
#account_b.orange .login_wrap .login_button { background:url(../img/login_o_btn.png) 0 0 no-repeat; }
#account_b.cyan .login_wrap .login_button { background:url(../img/login_c_btn.png) 0 0 no-repeat; }

#account_b .login_wrap .login_button:hover, 
#account_b .login_wrap .login_button:focus { background-position:0 -51px;  }
#account_b .login_wrap .login_button span { visibility:hidden; font-size:0; }

#account_b .keep { margin:0 0 2px; padding:5px 0 5px 10px; background:#18191a; border:1px solid #000; }
#account_b .keep label { margin-left:5px; font-size:11px; color:#666; }

#account_b .help { float:right; margin:0; padding:0; list-style:none; height:40px; }
#account_b .help li { float:left; margin:0 0 0 2px; padding:0; border:1px solid #000; }
#account_b .help li a { display:inline-block; font-size:11px; margin:0; padding:0 10px; height:25px; line-height:25px; text-align:center; text-decoration:none; text-transform:uppercase; color:#aaa; border:1px solid #242527; background:url(../img/button_bg.gif) 0 0 repeat-x #1e1f20; }
#account_b .help li a:hover { color:#fff; background:#1e1f20; border:1px solid #1a1a1a; }