@charset "utf-8";

/*
** Markup : KSJade
** Website: http://www.ksodesign.com
** Email : enigma5685@naver.com
*/

.acc li a,
.acc li a:hover { display:block; font:11px 'Droid Sans', Tahoma, Arial; text-decoration:none;}

.logInfo { width:100%; margin:0 0 0 10px; _padding:0; z-index:991;}
.acc{ float:left;margin:0; padding:0; text-align:center;}
.acc li{ position:relative; float:left; list-style:none; padding:8px 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 button{ margin:0; margin-top:-1px; padding:0; cursor:pointer;  font:.9em Tahoma; background:none; border:0;}
.acc li.profile a{ background-position:center 5px; margin:0; padding:0;}
.acc li.profile button span{ position:relative; z-index:-1;}
.acc li.profile .memberProfile{ display:none; position:absolute; top:20px; right:0; padding:20px; }
.acc li.profile .memberProfile.active{ display:block;}
.acc li.profile .memberProfile .authorName{ margin:0 0 8px 0; font:.9em Gulim; font-weight:bold; white-space:nowrap;}
.acc li.profile .memberProfile ul{ margin:0; padding:15px 15px 5px 15px; list-style:none; border:1px solid #ccc; }
.acc li.profile .memberProfile li{ float:none; white-space:nowrap; margin:0 0 10px 0; padding:0 0 0 18px; background:url(img/iconSymbol_w.gif) no-repeat left 0px; font:11px Dotum; letter-spacing:-0.5px; }
.acc li.profile .memberProfile li a{ background:none;  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 .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url(img/buttonCloseX_w.gif) no-repeat center center;}
.acc li.profile .memberProfile .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}

/* loginWindow
*******************************************************/

.loginWindow{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:991; _height:0; _font-size:0;}
.loginWindow.open{ display:block;}
.loginWindow .modalWindow{ display:block; position:fixed; border:0; left:0; top:0; width:100%; height:100%; background:#f2f2f2; filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; _background:none; _top:200px; }
.loginWindow .loginLayer { position:absolute; margin:0 0 0 -175px; width:400px; top:230px; left:50%; padding:0; font:12px tahoma, arial; color:#666; _top:50px; _left:550px;}

.loginWindow .loginLayer .inner { width:300px; margin:0 auto 0 auto; padding:20px 0; background:#f2f2f2; }
.loginWindow .loginLayer form{ *zoom:1; position:relative; }
.loginWindow .loginLayer #commonLogin{ width:240px; height:50px; margin:0 auto; padding:0; }
.loginWindow .loginLayer #openidLogin{ width:240px; height:25px; margin:0 auto; padding:0; }
.loginWindow .loginLayer input.user_id{ position:absolute; top:0; left:0; width:170px; height:15px; padding-top:5px; padding-left:4px; background:#ffffff; border:1px solid !important; border-color:#999 #ddd #ddd #999 !important; color:#333; font:.9em Tahoma,Verdana,dotum;}
.loginWindow .loginLayer input.user_pw{ position:absolute; top:27px; left:0; width:170px; height:15px; padding-top:5px; padding-left:4px; background:#ffffff;  border:1px solid !important; border-color:#999 #ddd #ddd #999 !important; color:#333; font:.9em Verdana,Tahoma,dotum;}

.loginWindow .loginLayer .oid_desc { margin:0 0 7px 30px; }
.loginWindow .loginLayer input.oid{ position:absolute; top:0; left:0; width:170px; height:15px; padding-top:5px; padding-left:4px; background:#ffffff; border:1px solid !important; border-color:##121212 !important; color:#333; font:.9em Tahoma,Verdana,dotum;}
.loginWindow .loginLayer button.submit_oid { width:52px; height:22px; background:url(img/login_btn_submit.gif) no-repeat; border:none; margin:0; cursor:pointer; position:absolute; top:0px; left:180px; text-indent:-1000em; }

.loginWindow .loginLayer .saveIDinfo { position:absolute; top:5px; left:180px; font:11px Dotum; letter-spacing:-1px; }
.loginWindow .loginLayer .keep label{ color:#555;}
.loginWindow .loginLayer button.submit { width:52px; height:22px; background:url(img/login_btn_submit_w.gif) no-repeat; border:none; margin:0; cursor:pointer; position:absolute; top:27px; left:180px; text-indent:-9000em; }

.loginWindow .loginLayer .help{ position:relative; left:70px; top:0; margin:0; padding:0; font:11px Dotum; letter-spacing:-1px; *zoom:1; list-style:none; }
.loginWindow .loginLayer .help li { margin:0 10px 0 0; padding:0 10px 0 0; float:left; font-size:11px; line-height:14px; background:url(img/vr_extra.gif) no-repeat right 2px; }
.loginWindow .loginLayer .help li a { text-decoration:none; color:#555;}
.loginWindow .loginLayer .help li.last { background:none }
.loginWindow .loginLayer .help li a:hover,
.loginWindow .loginLayer .help li a:active,
.loginWindow .loginLayer .help li a:focus{ text-decoration:underline;}

.loginWindow .loginLayer .loginLayer_top { padding:0; width:400px; height:90px; background:url(img/loginLayer_top.png) no-repeat;}
.loginWindow .loginLayer .loginLayer_bg { padding-bottom:40px; width:400px; height:100%; background:url(img/loginLayer_bg.gif) repeat-y;}
.loginWindow .loginLayer .loginLayer_bottom { width:400px; height:21px; background:url(img/loginLayer_bottom.png) no-repeat;}

.loginWindow .loginLayer .loginLayer_top .logintitle { position:absolute; border:0; padding:0; top:35px; left:25px; width:55px; height:76px; background:url(img/btn_character.png) no-repeat;}
.loginWindow .loginLayer .loginLayer_top .close{ position:absolute; cursor:pointer; border:0; padding:0; top:20px; right:20px; width:27px; height:27px; background:transparent url(img/buttonCloseX_w.gif) no-repeat center center;}

.loginWindow .loginLayer .inner_open { width:300px; margin:0 auto 0 auto; padding:5px 0; background:#f2f2f2; }