/*
*    프로야구 매니저 / 메인 페이지
*    @ Ntreevsoft co.ltd
*/

html, body { font-family:dotum, 돋움, AppleGothic, Sans-serif; font-size:12px; color:#000; padding:0; margin:0; }
form, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6 { list-style:none; padding:0; margin:0; } img { border:none; } hr { display:none; }
table { border-collapse:collapse; } th { font-weight:bold; text-align:center; } td { text-align:left; }
.none { display:none; } .fly { position:absolute; top:-9999px; left:-9999px; }
a:link, a:visited, a:active { text-decoration:none; } a:hover { text-decoration:underline;  }

/* Layout */
#wrap { position:relative; width:100%; min-width:998px; text-align:center; }
#container { position:relative; width:991px; padding:0 0 80px 0; margin:0 auto; text-align:center; }
#section { position:relative; width:474px; height:222px; text-align:left; margin:0 auto; }

/* Header */
#header { background:url(../img/common/bg_header_main.png) repeat-x center 0; width:100%; height: 630px; }
#header h2 { position:absolute; top:-9999px; left:-9999px; }
.visual { background:url(../img/common/bg_header_default.jpg) no-repeat center 0; height: 630px;  }
.navigation { position:absolute; top:0; left:50%; width:990px; height:231px; margin-left:-500px; }
.startbtn { position:absolute; top:450px; left:50%; width:260px; height:220px; margin-left:-141px; }

/* LoginBox  */
.loginbox { margin:0 0 15px 0; border:2px solid #98c2f6; text-align:left; }
.loginbox h2 { position:absolute; top:auto !important; left:auto !important; margin:10px 0 0 12px; background:url(../img/login/title_login.png) no-repeat; width:40px; height:11px; text-indent:-9999px; }
.loginbox fieldset { position:relative; padding:0; margin:0; height:142px; border:none; }
.loginbox legend, .loginbox em { display:none; text-indent:-9999px; }
.loginbox hr { display:block; position:absolute; left:10px; top:102px; width:208px; padding:0; margin:0; border:none; border-top:1px solid #eaf3fd; height:1px; }

/* Login */
.loginbox .txt { position:absolute; width:118px; height:12px; border:1px solid #c1c1c1; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; font:normal 12px dotum; padding:3px 3px; margin:0; color:#333; }
.loginbox .id_in{ top:30px; left:13px; background:url(../img/login/bg_id.png) no-repeat 0 center; }
.loginbox .id_focus { top:30px; left:13px; background:#f3f3f3; }
.loginbox .pass_in { top:54px; left:13px; background:url(../img/login/bg_pass.png) no-repeat 0 center; }
.loginbox .pass_focus { top:54px; left:13px; background:#f3f3f3; }
.loginbox .save { position:absolute; top:77px; left:91px; }
.loginbox .secure { position:absolute; top:77px; left:160px; }
.loginbox .secure input, .loginbox .save input { border:0; padding:0; }
.loginbox .loginbtn { position:absolute; top:30px; left:145px; background:url(../img/login/btn_login2.png); width:73px; height:44px; padding:0; margin:0; border:none; cursor:pointer; }
.loginbox .findinfo { position:absolute; top:111px; left:13px; background:url(../img/login/btn_findinfo2.png); width:100px; height:20px; text-indent:-999px; }
.loginbox .signup { position:absolute; top:111px; left:118px; background:url(../img/login/btn_signup2.png); width:100px; height:20px; text-indent:-999px; }

/* Logout */
.loginbox .userinfo { position:relative; top:13px; background:#f9f9f9; height:89px; margin:0 13px; color:#666; text-align:left; }
.loginbox .username { position:absolute; top:28px; left:23px; }
.loginbox .username strong { letter-spacing:-1px; word-spacing:-1px; color:#4a90e8; }
.loginbox .welcome { position:absolute; top:50px; left:23px; line-height:15px; }
.loginbox .welcome span {  }
.loginbox .mypage { position:absolute; top:111px; left:13px; background:url(../img/login/btn_mypage2.png); width:100px; height:20px; text-indent:-999px; }
.loginbox .logout { position:absolute; top:111px; left:118px; background:url(../img/login/btn_logout2.png); width:100px; height:20px; text-indent:-999px; }

/* Side widgets */
#sidebar { position:absolute; top:0; left:0; width:235px; }
#sidebar h2 { position:absolute; top:-9999px; left:-9999px; }
.quickmenu { position:absolute; top:154px; left:0; }
.quickmenu li { float:left; }
.quickmenu li.brand { margin-top:6px; }
.sidepromotion { position:absolute; top:0; left:755px; }

/* News list */
#newslist { background:url(../img/main/tab_news_bg.png) repeat-x 0 0; height:150px; }
#newslist h2 { position:absolute; top:-9999px; left:-9999px; }
#newslist h3 { float:left; width:90px; height:25px; margin-right:-1px; cursor:pointer; zoom:1; }
#newslist li { padding:3px 0 4px; width:380px; overflow:hidden; }
#newslist li img { vertical-align:middle; margin:0 3px 0 0; }
#newslist a { font:normal 11px dotum,돋움; color:#666; }
#newslist a:hover { color:#0153bf; }
#newslist .tops { position:absolute; top:39px; left:0; }
#newslist .more { position:absolute; top:-27px; left:443px; }
#newslist .regdate { position:absolute; left:387px; margin-top:-1px; font:normal 11px verdana; color:#c2c2c2; width:80px; text-align:right; }
#newslist .tab-on { position:relative; z-index:2; }
#newslist .tab-off { position:relative; z-index:1; }

/* GMTalk list */
#gmtalklist { position:absolute; top:166px; left:0; width:100%; }
#gmtalklist h2 { padding-bottom:5px; margin-bottom:9px; border-bottom:1px solid #e2e2e2; }
#gmtalklist li { clear:both; }
#gmtalklist a { color:#4a90e8; }
#gmtalklist .thumb { float:left; width:113px; height:63px; overflow:hidden; }
#gmtalklist .thumb img { width:113px; height:63px; }
#gmtalklist .subject { float:right; width:346px; padding:7px 0; letter-spacing:-1px; }
#gmtalklist .desc { float:right; width:346px; padding:6px 0; font:normal 11px/16px dotun,돋움; color:#666; }
#gmtalklist .more { position:absolute; top:5px; left:443px; }

/* ScreenShot list */
#sshotlist { position:absolute; top:166px; left:496px; width:244px; height:100px; }
#sshotlist h2 { padding-bottom:5px; margin:0 9px 9px 0; border-bottom:1px solid #e2e2e2; }
#sshotlist li { float:left; width:113px; height:63px; overflow:hidden; margin-right:9px; }
#sshotlist li img { width:113px; height:63px;  }
#sshotlist .more { position:absolute; top:5px; left:203px; }

/* Footer */
#footer { position:relative; clear:both; width:990px; height:120px; margin:0 auto; border-top:3px solid #f5f5f5; }
.foo-link, .foo-copyright, .foo-classinfo, .foo-logo, .foo-sega { position:absolute; }
.foo-link { top:19px; left:101px;  font:normal 9px arial; color:#d2d2d2; }
.foo-link img { vertical-align:middle; margin:0 3px; }
.foo-copyright { top:41px; left:103px; }
.foo-classinfo { top:25px; right:0;  }
.foo-logo { top:17px; left:22px; }
.foo-sega { top:68px; left:18px; }