
/** account **/
#account { padding:0; }

/** input **/
#account .loginLayer input.user_id { position:absolute; top:0; left:0; width:65%; height:16px; padding:3px 5px; vertical-align:top; }
:root #account .loginLayer input.user_id { height:16px;}
#account .loginLayer input.user_pw { position:absolute; top:30px; left:0; width:65%; height:16px; padding:3px 5px; vertical-align:top; }
:root #account .loginLayer input.user_pw { height:16px; }

#account .edit_profile { clear:both; margin:20px 0 0 0; width:250px; height:24px; overflow:hidden; }
#account .edit_profile .pfEdit { float:left; margin:0 10px 0 0; padding:0; width:90px; height:24px; text-indent:-1000em; display:block; }
#account .edit_profile .pfLogout { float:left; margin:0 10px 0 0; padding:0; width:90px; height:24px; text-indent:-1000em; display:block; }

/** memberProfile **/
#account .memberProfile { position:relative; margin:0 auto; padding:0 0 0 5px; _padding-left:3px; width:99%; *zoom:1; overflow:hidden; }
#account .memberProfile ul{ position:relative; margin:0; padding:0; list-style:none;}
#account .memberProfile li { position:relative; float:left; margin:0; padding:0; width:50%; *width:49%;}
#account .memberProfile li a { display:block; padding:3px 0 3px 15px; height:17px; *padding:4px 0 4px 15px; *height:16px; font:8pt Dotum, arial; text-decoration:none; top:0; }

/** loginLayer **/
#account .loginLayer { position:relative; margin:0; padding:0; }
#account .loginLayer .inner { margin:0 0 10px 0; padding:0; }
#account .loginLayer #commonLogin { position:relative; height:60px; margin:0; padding:0; *zoom:1;}
#account .loginLayer input { font:9pt Tahoma,Dotum; }

#account .loginLayer .saveIDinfo { position:absolute; top:2px; right:0; *top:0; }
#account .loginLayer .saveIDinfo .inputCheck { position:relative; top:2px; left:0; *top:1px; *left:2px; }
#account .loginLayer button.submit { width:64px; height:22px; border:none; margin:0; cursor:pointer; position:absolute; top:31px; right:0; text-indent:-1000em; }
#account .loginLayer .login_comment { font: 12px tahama, arial; overflow:hidden;}

/** help **/
#account .loginLayer .help { margin:0 0 10px 0; padding:0; list-style:none; *zoom:1; overflow:hidden; }
#account .loginLayer .help li { position:relative; margin:0; padding:0 10px 0 10px; display:inline; line-height:14px; white-space:nowrap; }
#account .loginLayer .help li a { font:11px tahama, arial; text-decoration:none; text-transform:uppercase; letter-spacing:-.2px; }
#account .loginLayer .help li.first { padding:0 8px 0 0; background:none; }



/* Point Color 
---------------------------------------------------------------------*/

/* cornblue #6495ED */ 
#container_wrap.cornblue #account .loginLayer input.user_id.focus,
#container_wrap.cornblue #account .loginLayer input.user_pw.focus { background:#6495ED; }

/* deeppink #FF1493 */
#container_wrap.deeppink #account .loginLayer input.user_id.focus,
#container_wrap.deeppink #account .loginLayer input.user_pw.focus { background:#FF1493; }

/* seagreen #3CB371 */
#container_wrap.seagreen #account .loginLayer input.user_id.focus,
#container_wrap.seagreen #account .loginLayer input.user_pw.focus { background:#3CB371; }

/* purple #9370DB */
#container_wrap.purple #account .loginLayer input.user_id.focus,
#container_wrap.purple #account .loginLayer input.user_pw.focus { background:#9370DB; }

/* gold #dfc55b */
#container_wrap.gold #account .loginLayer input.user_id.focus,
#container_wrap.gold #account .loginLayer input.user_pw.focus { background:#dfc55b; }

/* dark #666 */
#container_wrap.dark #account .loginLayer input.user_id.focus,
#container_wrap.dark #account .loginLayer input.user_pw.focus { background:#666; }