@charset "utf-8";

/* Logout */
#ol_logout { border:1px solid #ddd; padding:6px 10px 2px; background:#fafafa; zoom:1; }
#ol_logout form { padding:0px; margin:0px; }
#ol_logout a { color:#888; text-decoration:none; letter-spacing:-1px; }
#ol_logout a:hover { color:orangered; text-decoration:none; letter-spacing:-1px; }
#ol_logout ul { padding:0px; margin:0px; list-style:none; color:#888; font:normal 11px dotum; letter-spacing:-1px; }
#ol_logout ul li { padding:0px; margin:0px; line-height:32px; }
#ol_logout .id_none, #ol_logout .id_focus, #ol_logout .pw_none, #ol_logout .pw_focus, #ol_logout input[type=text], #ol_logout input[type=password] { width:96%; height:24px; font:normal 12px dotum; color:#333;padding:0px 5px; line-height:24px; }
#ol_logout .login_submit, #ol_logout input[type=submit] { width:60px; text-align:center; border:0px; background:#333; color:#fff; font:bold 11px dotum; letter-spacing:-1px; padding:4px 0px 3px; margin:0px; line-height:16px; cursor:pointer; }
#ol_logout .id_none { border:1px solid #ddd; background:#fff url('./img/id.gif') no-repeat center left; }
#ol_logout .pw_none { border:1px solid #ddd; background:#fff url('./img/pw.gif') no-repeat center left; }
#ol_logout .id_focus, #ol_logout .pw_focus { border:1px solid #000; background:#fff; }
#ol_logout .join { clear:both; }
#ol_logout .join b { color:#000; }

/* Login */
#ol_login {	border:1px solid #ddd; padding:10px; background:#fafafa; zoom:1; }
#ol_login a:link, #ol_login a:visited{ color:#888; text-decoration:none; }
#ol_login a:hover, #ol_login a:active{ color:orangered; text-decoration:none; }
#ol_login .mb-photo { display:inline; float:left; border:1px solid #ddd; margin-right:12px; }
#ol_login .mb-photo img { display:block; border:0; }
#ol_login p { padding:4px 0px 0px; margin:0px; line-height:1.6; font:normal 11px dotum; letter-spacing:-1px; color:#787878; }
#ol_login p strong { display:block; color:#000; font:bold 12px dotum; letter-spacing:0px; margin:6px 12px !important; }
#ol_login ul { clear:both; margin:0px; padding:0px; list-style:none; }
#ol_login ul:after, #ol_login p:after { display:block;visibility:hidden;clear:both;content:""; }
#ol_login li { margin:0px; padding:0px; letter-spacing:-1px; }
#ol_login li.ol_xp_level { padding:5px; font:bold 10px verdana; }
#ol_login .ol_xp_bar { clear:both; height:12px; line-height:12px; border:1px solid #eee; background-color:#fff; cursor:pointer; }
#ol_login .ol_xp_bar #ol_xp_per { width:0px; height:12px; background-color:#2167d1; }
#ol_login li.ol_btn_l { width:48%; text-align:center; background:#fff; border:1px solid #ddd; padding:10px 0px; margin:5px 0px 0px; font:normal 11px dotum; }
#ol_login li.ol_btn_l strong { display:block;padding-top:3px;color:#000;font:bold 10px tahoma; letter-spacing:0px; }
#ol_login li.ol_btn_l b { font-weight:normal; color:#000; }
#ol_login li.ol_btn_s {	width:48%; text-align:center; background:#fff; border:1px solid #ddd; padding:6px 0px; margin:4px 0px 0px; font:normal 11px dotum; }
#ol_login li.ol_btn_s b { font-weight:normal; color:#333; }
#ol_login .ol_btn_a { clear:both; text-align:center; background:red; padding:3px 0px; margin:5px 0px 0px; color:#fff; cursor:pointer; font:normal 11px dotum; }
#ol_login .ol_btn_a b {	display:block; line-height:1.8; }
#ol_login .ol_logout { clear:both; text-align:center; background:#333; border:1px solid #ddd; padding:6px 0px; margin:4px 0px 0px; font:normal 11px dotum; }
#ol_login .ol_logout b, #ol_login .ol_btn_a b { font-weight:normal; color:#fff; }
#ol_login .ol_new_memo { color:orangered; letter-spacing:0; }
#ol_login .ol_new_response { color:orangered; letter-spacing:0; }