@charset "utf-8";
/* SIR 지운아빠 */

#loginBx{ position:relative; width:200px; height:166px; background:url(../../../img/bg_loginbox.gif) no-repeat 0 0;}
/* 아웃로그인 스킨 */	
/* 로그인전 */
#loginBx h2{ position:absolute; top:14px; left:18px; font-weight:bold; font-size:1.2em; color:#666;}
#loginBx .formBox{ position:absolute;  top:44px; left:16px; overflow:hidden; width:168px; }
#loginBx .formBox ul{ float:left; position:relative;}
#loginBx .formBox ul li{ padding-bottom:4px;}
#loginBx .formBox ul li input{ width:100px; height:22px; border:1px solid #d3d4d3; padding-left:4px; background-color:#FFF;}

#loginBx .formBox input#loginBtn{ float:right; width:56px; height:52px; background:url(../../../img/btn_login_bg.gif) no-repeat 0 0; font-weight:bold; cursor:pointer; font-weight:bold;}
#loginBx .formBox input#loginBtn:hover{ color:#ff577c; }

#loginBx p.btnEtc{position:absolute; top:110px; left:12px; letter-spacing:-0.05em; padding-left:5px;}
#loginBx p.btnEtc a:hover{ color:#333; text-decoration:underline; }
#loginBx p.btnEtc span{ display:inline-block; padding:0px 2px; color:#CCC;}
#ol_idlabel {position:absolute;top:5px;left:5px;color:#666;font-size:0.95em}
#ol_pwlabel {position:absolute;top:34px;left:5px;color:#666;font-size:0.95em}




/*로그인후*/
#loginAfterBx{ position:relative; width:200px; height:166px; background:url(../../../img/bg_loginbox.gif) no-repeat 0 0;}
#loginAfterBx .myinfoBox{ position:absolute; top:15px; left:16px;}

#loginAfterBx .myinfoBox p.myName{font-weight:bold; color:#ff5484; padding-left:20px; background:url(../../../img/ico_member.png) no-repeat 0 1px;}	

#loginAfterBx .myinfoBox  ul.mem_info{ position:relative; width:108px; height:54px; padding-left:60px; margin-bottom:0px; }
#loginAfterBx .myinfoBox  ul.mem_info li{ padding-bottom:6px;}
#loginAfterBx .myinfoBox  ul.mem_info li.nickName{font-weight:bold; color:#f183a2;}
#loginAfterBx .myinfoBox  ul.mem_info li.userID{color:#a6a6a6; font-size:0.95em; width:108px; word-wrap:break-word;}
#loginAfterBx .myinfoBox  ul.mem_info li.photo{ position:absolute; top:0px; left:0px; padding-bottom:0px; border:1px solid #dbdbdb;  border-radius:50px;} 
#loginAfterBx .myinfoBox  ul.mem_info li.photo img{ border-radius:50px;}

#loginAfterBx .myinfoBox a.btnBox{display:block; float:left; width:79px; height:34px; margin-top:4px; padding-top:2px; background-color:#ffeff0; border:1px solid #ffb5ce; text-align:center; font-size:0.9em;}
#loginAfterBx .myinfoBox a.btnBox span{ display:block; padding-top:1px; color:#F36; }
#loginAfterBx .myinfoBox a.btnBox:hover{ background-color:#ff6674; color:#FFF; border:1px solid #ff6674;}
#loginAfterBx .myinfoBox a.btnBox:hover span{color:#FFF;}
#loginAfterBx .myinfoBox a.point{ margin-right:6px;   }		
#loginAfterBx .myinfoBox a.level{  }		
#loginAfterBx p.btnEtcAfter{ position:absolute; top:118px; left:16px; letter-spacing:-0.03em; text-align:center; width:168px;}
#loginAfterBx p.btnEtcAfter span{ color:#CCC; padding:0 1px;}
#loginAfterBx p.btnEtcAfter a:hover{ text-decoration:underline;}