@charset "utf-8";
/* CSS Document */

/*Accounts*/
.acc{ position:absolute; top:29px; right:0; margin:0; padding:0; display:block; z-index:10; }
.acc li{ float:left; position:relative; list-style:none; margin-left:10px; }
.acc li *{ vertical-align:top;}
.acc li li{ float:none; height:auto; background-image:none;}

.acc li.log{ background-image:none; font-size:0; line-height:0;}
.acc li.log a{ display:block; padding:0;}

.acc li.profile span.btn_pf { position:relative; display:block; border:0; margin:0; padding:0; width:53px; height:22px; cursor:pointer; background-color:transparent; background-image:url(images/white/btn_mypage.gif); background-repeat:no-repeat; overflow:visible; z-index:1; }

.acc li.profile .memberProfile { position:absolute; margin:0; padding:0; width:220px; height:206px; top:-7px; right:-5px; color:#797771; background:url(images/white/bg_login.png) no-repeat left top; _background:url(images/white/bg_login.gif) no-repeat left top; display:none; *zoom:1; overflow:hidden; }
.acc li.profile .memberProfile.active { display:block;}
.acc li.profile .memberProfile .authorName { position:relative; margin:0; padding:0; top:30px; *top:27px; left:25px; font:12px 굴림,Gulim; font-weight:bold; color:#aaa; white-space:nowrap; *zoom:1; }
.acc li.profile .memberProfile ul{ position:relative; margin:0; padding:0; top:35px; left:20px; list-style:none; *zoom:1; }
.acc li.profile .memberProfile li { float:none; white-space:nowrap; margin:3px 0 0 0; padding:4px 0 0 22px; height:17px; background:url(images/white/dots_black.gif) no-repeat left 0px; font:11px 돋움,Dotum; letter-spacing:-1px; line-height:130%; }
.acc li.profile .memberProfile li:hover { background:url(images/white/dots_black.gif) no-repeat left -22px; }
.acc li.profile .memberProfile li a { color:#666; text-decoration:none; }
.acc li.profile .memberProfile li a:hover,
.acc li.profile .memberProfile li a:active,
.acc li.profile .memberProfile li a:focus{ text-decoration:none; }
.acc li.profile .memberProfile span.close { position:absolute; cursor:pointer; border:0; padding:0; top:10px; left:10px; width:7px; height:8px; background: url(images/white/btn_x.gif) no-repeat; display:block; *zoom:1; z-index:1; }

.acc li.login span.on { position:relative; display:block; width:53px; height:22px; border:0; margin:0; padding:0; background-image:url(images/white/btn_login.gif); background-repeat:no-repeat; cursor:pointer; overflow:visible; z-index:1; }
.acc li.logout a{ display:block; width:53px; height:22px; margin:0; padding:0; background-image:url(images/white/btn_logout.gif); background-repeat:no-repeat;  }
.acc li.logout a span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}

.acc li.signup a{ display:block; width:53px; height:22px; margin:0; padding:0; background-image:url(images/white/btn_signup.gif); background-repeat:no-repeat; }
.acc li.signup a span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}

/*Modal Login*/
.loginLayer { position:absolute; margin:0; padding:50px 0 20px 0; width:220px; height:206px; top:-7px; right:-6px; color:#797771; background:url(images/white/bg_login.png) no-repeat left top; _background:url(images/white/bg_login.gif) no-repeat left top; display:none; *zoom:1; overflow:hidden; }
.loginLayer .inner { width:220px; margin:0 auto 20px auto; padding:0; }
.loginLayer form{ *zoom:1; position:relative; overflow:hidden;  }

.loginLayer #commonLogin{ width:260px; height:58px; margin:0 auto; padding:0; }
.loginLayer #openidLogin{ width:260px; height:27px; margin:0 auto; padding:0; }

.loginLayer input.id { position:absolute; top:0; left:12px; width:105px; height:20px; padding:4px 10px 0 10px; color:#505050;  border:1px solid #c1c1c1; }
.loginLayer input.password { position:absolute; top:30px; left:12px; width:105px; height:20px; padding:4px 10px 0 10px; color:#505050;  border:1px solid #c1c1c1; }

.loginLayer .oid_desc { margin:0 0 15px 46px; }
.loginLayer input.oid{ position:absolute; top:0; left:12px; width:105px; height:20px; padding:4px 10px 0 10px; color:#505050;  border:1px solid #c1c1c1; }
.loginLayer button.submit_oid { width:52px; height:26px; background:url(images/white/login_btn_submit.gif) no-repeat; border:none; margin:0; cursor:pointer; position:absolute; top:0px; left:146px; text-indent:-1000em; }

.loginLayer .saveIDinfo { position:absolute; top:5px; left:140px; font:8pt 돋움; letter-spacing:-1px; }
.loginLayer .saveIDinfo .inputCheck { position:relative; top:-4px; *top:-6px; left:3px; }
.loginLayer .keep label{ color:#555; }
.loginLayer button.submit { width:52px; height:26px; background:url(images/white/login_btn_submit.gif) no-repeat; border:none; margin:0; cursor:pointer; position:absolute; top:30px; left:146px; text-indent:-1000em; }

.loginLayer .help{ position:relative; left:15px; top:0; margin:0; padding:0; font:8pt 돋움; letter-spacing:-1px; *zoom:1; list-style:none; }
.loginLayer .help li { margin:0 10px 0 0; padding:0 10px 0 0; float:left; font-size:11px; line-height:14px; background:url(images/white/vr_extra.gif) no-repeat right 1px; }
.loginLayer .help li a { text-decoration:none; color:#999;}
.loginLayer .help li.last { background:none }
.loginLayer .help li a:hover,
.loginLayer .help li a:active,
.loginLayer .help li a:focus{ text-decoration:underline;}

.loginLayer .close { position:absolute; cursor:pointer; border:0; padding:0; top:5px; left:3px; width:27px; height:27px; background:transparent url(images/white/btn_x.gif) no-repeat center center; display:block; }