/** account **/
#account {  padding:10px 10px;}
#account .edit_profile { clear:both; margin:10px auto; width:170px; height:20px; overflow:hidden; }
#account .edit_profile .pfEdit { float:left; margin:0 10px 0 0; padding:0; width:80px; height:20px; background:url(../img/default/btn_profile.gif) 0 20px; text-indent:-1000em; display:block; }
#account .edit_profile .pfLogout { float:left; width:80px; height:20px; background:url(../img/default/btn_profile.gif); text-indent:-1000em; display:block; }

/** memberProfile **/
#account .memberProfile { position:relative; margin:0 auto; padding:10px 0 0 5px; _padding-left:3px; width:99%; color:#797771; background:url(../img/default/bg_profile.png) no-repeat left top; *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; color:#666; text-decoration:none; top:0; background:url(../img/default/bg_arrow.gif) no-repeat 3px 6px; *background-position: 3px 5px;}
#account .memberProfile li a:visited { color:#666; }
#account .memberProfile li a:hover { background:url(../img/default/bg_arrow.gif) no-repeat 3px 6px; *background-position: 3px 5px; }
#account .memberProfile li a:hover,
#account .memberProfile li a:active,
#account .memberProfile li a:focus{ text-decoration:none; }
#account .memberProfile .log_name {float:right; margin:10px 0 0; padding:0; width:60%; font:1em Tahoma; color:#444;}
#account .memberProfile .log_name ul {padding:0; margin:0;}
#account .memberProfile .log_name li {padding:0; margin:0; float:none; list-style:none;}
#account .memberProfile .log_name li.wordwrap { 
word-wrap: break-word; /* Internet Explorer 5.5+ */
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */ 
white-space: -o-pre-wrap; /* Opera 7 */ 
}
#account .memberProfile .userProfilePhoto { float:left; margin:0;}
#account .memberProfile .userProfilePhoto img { margin:10px;}

/** loginLayer **/
#account .loginLayer { position:relative; margin:0; padding:0; color:#797771; text-align:center; }
#account .loginLayer .inner { margin:0 0 15px 0; padding:0; }
#account .loginLayer .inner_oid { margin:0; padding:0; }
#account .loginLayer form{ *zoom:1; position:relative; }
#account .loginLayer #commonLogin{ height:65px; margin:0; padding:0; }
#account .loginLayer #openidLogin{ height:33px; margin:0; padding:0; }
#account .loginLayer input { font:9pt Tahoma,Dotum; }


#account .loginLayer input.user_id { position:absolute; top:0; left:0; }
#account .loginLayer input.user_pw { position:absolute; top:35px; left:0; }
#account .loginLayer input.open_id { position:absolute; top:0; left:0; }
#account .loginLayer .oid_desc { margin:0 0 15px 46px; }

#account .loginLayer input.user_id,
#account .loginLayer input.user_pw,
#account .loginLayer input.open_id { width:60%; height:14px; padding:3px; color:#eee; background:#222; border:0; }

:root #account .loginLayer input.user_id,
:root #account .loginLayer input.user_pw, 
:root #account .loginLayer input.open_id { height:16px;}

#account .loginLayer input.user_id.focus,
#account .loginLayer input.user_id.focusnot,
#account .loginLayer input.user_pw.focus,
#account .loginLayer input.user_pw.focusnot,
#account .loginLayer input.open_id.focus,
#account .loginLayer input.open_id.focusnot { background:#444;}

#account .loginLayer span.info_openid { position:relative; width:248px; height:26px; margin:0; padding:0; display:block; background:url(../img/default/info_openid.gif); text-indent:-1000em; }
#account .loginLayer .saveIDinfo { position:absolute; top:7px; *top:3px; right:0; right:0; }
#account .loginLayer .saveIDinfo .inputCheck { position:relative; top:2px; *top:1px; left:0; *left:2px; }
#account .loginLayer .keep label{ color:#555; }
#account .loginLayer button.submit { width:50px; height:20px; background:url(../img/default/submit.gif) no-repeat;; border:none; margin:0; cursor:pointer; position:absolute; top:35px; right:0; text-indent:-1000em; }
#account .loginLayer button.submit_oid { width:50px; height:20px; background:url(../img/default/submit.gif) no-repeat; border:none; margin:0; cursor:pointer; position:absolute; top:0px; right:0; text-indent:-1000em; }

/** help **/
#account .loginLayer .help { margin:15px 0; padding:0; list-style:none; *zoom:1; overflow:hidden; }
#account .loginLayer .help li { position:relative; margin:0; padding:0 3px 0 8px; display:inline; line-height:14px; background:url(../img/default/vr_extra.gif) no-repeat 0 1px; white-space:nowrap }
#account .loginLayer .help li a { text-decoration:none; font:11px Tahoma, Dotum; color:#5f6164; text-shadow:none; top:0;  }
#account .loginLayer .help li.first { background:none }
#account .loginLayer .help li a:hover{ text-decoration:none;}