@charset "utf-8";

/* Logout */
#ol_logout { border:1px solid #ddd; padding:20px 20px; background:#fff; zoom:1; width:100%; border-radius:8px; }
#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:5px 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:100%; height:50px; font:normal 14px verdana; color:#333;padding:10px 5px !important; line-height:24px; }
#ol_logout .login_submit, #ol_logout input[type=submit] {height:35px;line-height:22px; text-align:center; border:0px; background:#333; color:#fff; font-weight:bold; font-family: inherit; letter-spacing:-1px; padding:5px 20px 5px 20px; margin:0px;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:#fff; }

#ol_logout .join a {display:inline-block;height:35px;line-height:22px}
#ol_logout .join a.join-member {border:1px solid #087dc3;background:#39b0f2;padding:5px 15px 5px 15px;color:#fff !important}
#ol_logout .join a.w_password_lost {border:1px solid #9e0001;background:#ca1318;padding:5px 15px 5px 15px;color:#fff !important}

/* 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; }