@charset "utf-8";



/* //////////////////////////////////////////------(login_°øÅë) ----/////////////////////////////////////////////////////////////////////////////////////-*/

.loginWindow{ display:none; position:fixed; left:0; top:0; _position:absolute; width:100%; height:100%; z-index:1300;} 
.loginWindow.open{ display:block;}
.loginWindow .modalWindow{ display:block; position:fixed; border:0; left:0; top:0; _position:absolute; width:100%; height:100%;_height:expression(body.scrollHeight); background:#000; opacity:.3; filter:alpha(opacity:35);}

.loginWindow .loginLayer{ position:absolute; width:230px; top:150px; left:50%; padding:20px; border:3px solid #333; margin:0 0 0 -155px; background:#fff;}
.loginWindow .loginLayer form{ display:none; *zoom:1; margin:0 0 15px 0;}
.loginWindow .loginLayer form:after{ content:""; display:block; clear:both;}
.loginWindow .loginLayer form legend{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden;}
.loginWindow .loginLayer fieldset{ border:0; margin:0; padding:0;}
.loginWindow .loginLayer.loginTypeA form.typeA,
.loginWindow .loginLayer.loginTypeB form.typeB{ display:block;}
.loginWindow .loginLayer dl{ margin:0; padding:0 0 1px 0;}
.loginWindow .loginLayer dt{ font-size:11px; color:#868d95; margin:2px 0 2px 0; }
.loginWindow .loginLayer dd{ margin:0 0 10px 0;}
.loginWindow .loginLayer .inputText{ width:229px; height:20px; padding:6px 0 0 0; border:1px solid #ddd; font:12px Tahoma; color:#333;}
.loginWindow .loginLayer .inputText:focus{ background-color:#fbfbfb;}
.loginWindow .loginLayer .inputCheck{ margin:0 3px 0 0; width:13px; height:13px; vertical-align:middle;}
.loginWindow .loginLayer.loginTypeA .inputText{ background:none;}
.loginWindow .loginLayer.loginTypeB .inputText{ background-image:url(../imgs/acc/bgOpenidText.gif); background-repeat:no-repeat; background-position:right top; padding:6px 9px 0 35px; width:243px;}
.loginWindow .loginLayer .keep{ margin:0; float:left; font-size:11px; line-height:normal; white-space:nowrap;}
.loginWindow .loginLayer .keep label{ color:#555;}
.loginWindow .loginLayer .loginButton,
.loginWindow .loginLayer .loginButton input{ position:relative; border:0; color:#fff; font-size:12px; background:transparent url(../imgs/acc/buttonLoginAction.gif) no-repeat center center; font-weight:bold;
                                                            display:inline-block; height:29px; line-height:32px; overflow:visible;}
.loginWindow .loginLayer .loginButton{ float:right; background-position:0 0; right:11px;}
.loginWindow .loginLayer .loginButton input{ left:11px; background-position:right 0; padding:0 11px 0 22px; cursor:pointer;}

.loginWindow .loginLayer .help{ margin:0 -20px -20px -20px; padding:6px 0; list-style:none; text-align:center; background:#333; border-top:1px solid #1d1d1d;}
.loginWindow .loginLayer .help li{ display:inline; font-size:11px; line-height:11px; padding:0 5px 0 5px;}
.loginWindow .loginLayer .help li.join{ }
.loginWindow .loginLayer .help li.find{ border-left:1px solid #686868;}
.loginWindow .loginLayer .help li.typeA,
.loginWindow .loginLayer .help li.typeB{ display:none; border-left:1px solid #686868;}
.loginWindow .loginLayer.loginTypeA .help li.typeA,
.loginWindow .loginLayer.loginTypeB .help li.typeB{ display:inline;}
.loginWindow .loginLayer .help li a{ text-decoration:none; color:#fff;}
.loginWindow .loginLayer .help li a:hover,
.loginWindow .loginLayer .help li a:active,
.loginWindow .loginLayer .help li a:focus{ text-decoration:underline;}
.loginWindow .loginLayer .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url(../imgs/acc/buttonCloseX.gif) no-repeat center center;}
.loginWindow .loginLayer .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}




/* //////////////////////////////////////////------(°³ÀÎÈ­¿µ¿ª_½ºÅ¸ÀÏ1) ----/////////////////////////////////////////////////////////////////////////////////////-*/

#login { z-index :600;}
#login .profile button{ border:0; padding:0; width:53px; height:15px; cursor:pointer; overflow:visible;}
#login .profile button span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}
#login .profile .memberProfile{display:none; position:absolute; top:28px; left:26px; padding:18px;  background:#fcfcfc; border:1px solid #333;}
#login .profile .memberProfile.active{ display:block;}
#login .profile .memberProfile .authorName{ padding: 0 0 5px 0; font-size:16px; font-weight:bold; color:#000; white-space:nowrap; border-bottom:1px solid #4e4e4e;}
#login .profile .memberProfile ul{ margin:0; padding:15px 0 0 0; list-style:none;}
#login .profile .memberProfile li{ float:none; white-space:nowrap; padding:0 0 10px 0 ; background:url(../images/account/bulletB.gif) no-repeat left center;}
#login .profile .memberProfile li a{ background:none; color:#4e4e4e; text-decoration:none;}
#login .profile .memberProfile li a:hover,
#login .profile .memberProfile li a:active,
#login .profile .memberProfile li a:focus{ text-decoration:underline;}
#login .profile .memberProfile .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px;  background:transparent url(../imgs/acc/buttonCloseX.gif) no-repeat center center;}
#login .profile .memberProfile .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}



/* //////////////////////////////////////////------(°³ÀÎÈ­¿µ¿ª_½ºÅ¸ÀÏ2) ----/////////////////////////////////////////////////////////////////////////////////////-*/

#login_st2 { z-index :600;}
#login_st2 .profile button{ border:0; padding:0; width:53px; height:15px; cursor:pointer; overflow:visible;}
#login_st2 .profile button span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}
#login_st2 .profile .memberProfile{display:none; position:absolute; top:28px; left:26px; padding:18px;  background:#fcfcfc; border:1px solid #333;}
#login_st2 .profile .memberProfile.active{ display:block;}
#login_st2 .profile .memberProfile .authorName{ padding: 0 0 5px 0; font-size:16px; font-weight:bold; color:#000; white-space:nowrap; border-bottom:1px solid #4e4e4e;}
#login_st2 .profile .memberProfile ul{ margin:0; padding:15px 0 0 0; list-style:none;}
#login_st2 .profile .memberProfile li{ float:none; white-space:nowrap; padding:0 0 10px 0 ; background:url(../images/account/bulletB.gif) no-repeat left center;}
#login_st2 .profile .memberProfile li a{ background:none; color:#4e4e4e; text-decoration:none;}
#login_st2 .profile .memberProfile li a:hover,
#login_st2 .profile .memberProfile li a:active,
#login_st2 .profile .memberProfile li a:focus{ text-decoration:underline;}
#login_st2 .profile .memberProfile .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px;  background:transparent url(../imgs/acc/buttonCloseX.gif) no-repeat center center;}
#login_st2 .profile .memberProfile .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}