﻿/* CSS Document */
@import url(newZodiac.css);
@import url(board.css);
@import url(sub1.css);
@import url(sub2.css);

/*공통태그의 기본속성 정의*/
html { filter: expression(document.execCommand("BackgroundImageCache", false, true));}
html,body{ height:100%;}
body, td, th, div, form, textarea, center, pre, blockquote, p ,span { font-size:12px; color:#a5a5a5; font-family:"돋움", "Verdana"; line-height:160%; word-wrap:break-word; word-break:break-all; }
ul, li {font-size:12px; color:#626262; font-family:"돋움", "Verdana"; line-height:160%; margin-left:10px; padding:6px 0px;}
ol,dd,dt { font-size:12px; color:#a5a5a5; font-family:"돋움", "Verdana"; line-height:160%; margin:0px; padding:0px;}
input { font-size:12px; color:#a5a5a5; font-family:"돋움", "Verdana";  }
th { text-align:center; }
body,td, img { margin:0 }
p { margin:0px 0px 0px 0px; }
form { margin:0 }
img { border:0; }
.clear-both { clear:both; font: 0px/0px monospace; display: block; } 
.padNo { line-height:0px; font-size:0px; margin:0 0 0 0 }
h1, h2, h3, h4, h5, h6, h7, hr { margin:0; padding:0; font-size:100%; font-weight:normal; display:none;}
a:link { color: #a5a5a5; text-decoration: none; }
a:visited { color: #a5a5a5; text-decoration: none; }
a:active { color: #a5a5a5; text-decoration: none; }
a:hover { color: #a5a5a5; text-decoration:underline; }

.path {width:637px; padding-top:15px; text-align:right; font-size:11px; color: #68817e; height:39px;}
.path a{ color: #68817e; text-decoration: none; }
.path a:link{ color: #68817e; text-decoration: none; }
.path a:visited{ color: #68817e; text-decoration: none; }
.path a:hover{ color: #68817e; text-decoration: underline; }

/*탑*/
#gnb {width:100%}
#topGnb { background:url(../Images/gnb/barBg.gif) top right repeat-x;width:100%; height:36px; vertical-align:top;}
.mainInput {background-color:#efefef; color:#666666; font-size:11px; height:18px; padding:0 5 0 5; width:137px; margin-left:5px;}

/*백그라운드 이미지*/
#bodyBg {background-color:#0b151a; vertical-align:top; text-align:center;}
#introBg {background-color:#000000; vertical-align:top; text-align:center;}
#introBg090512 {background-color:#0b250b; vertical-align:top; text-align:center;}
#introImg {background:url(../Images/intro/back.jpg) top center no-repeat; height:100%; text-align:center;}
#NintroBack{background:url(../Images/intro/EP2bg.jpg) top center no-repeat; height:100%; text-align:center;}
#introImg090512 {background:url(../Images/intro/090512Back.jpg) top center no-repeat; height:100%; text-align:center;}
#introImg100122 {background:url(../Images/intro/100122Bg.jpg) top center no-repeat; height:100%; text-align:center;background-color:#000;}
#introImg100225 {background:url(../Images/intro/EP2bg_100225.jpg) top center no-repeat; height:100%; text-align:center;background-color:#000;}
#introImg100406 {background:url(../Images/intro/100406_bg.gif) top left repeat-x; height:100%; text-align:center;background-color:#d4abe4;}
#introImg100518 {background:url(../Images/intro/100518_bg.gif) 50px left repeat-x; height:100%; text-align:center;}
#mainBg {background:url(../Images/main/back.jpg) top center no-repeat; height:100%; text-align:center;}
#subBg {background:url(../Images/common/back_sub.jpg) top center no-repeat; height:100%; text-align:center; }
#loginpageBg { background:url(../Images/common/loginpageBg.jpg) top center no-repeat ;background-color:#0b151a;}
#errorpageBg { background:url(../Images/common/errorpageBg.jpg) top center no-repeat ;background-color:#0b151a;}

/*메인*/

#layer{width:908px; vertical-align:top; position:absolute; top:406px; left:50%; z-index:10; margin-left:-454px; text-align:center;}
#layer .left {float:left; width:236px; margin-top:52px; vertical-align:top;}
#layer .right {float:left; width:219px; padding-left:436px;}

#mainContents {width:908px; vertical-align:top; margin-left:auto; margin-right:auto; text-align:center; height:270px;}
#mainLeft {float:left; width:236px; vertical-align:top; text-align:right;}
#mainCenter {float:left; width:400px; vertical-align:top; padding:0 18px 0 17px;}
#mainRight {float:right; width:236px; vertical-align:top; padding-top:104px; text-align:left;}
.notice {width:400px;text-align:center;vertical-align:top;}
.screenshot {width:400px; margin:4px 0 4px 0;text-align:center;}

.login {width:198px;margin-left:38px;}
.idInput{ border:1px solid #5a605b; background:#182720; width:119px; height:20px; color:#a5a5a5; line-height:12px;}
.pwInput{ border:1px solid #5a605b; background:#182720; width:119px; height:20px; color:#a5a5a5;line-height:12px;}
.logoutGash {background:url(../Images/common/gashBg.gif) top center no-repeat; height:38px; text-align:center; font-weight:bold; color:#ffffff;}

/*서브*/
#subLayer{position:absolute; left:50%; top:318px; z-index:10; width:908px; text-align:left; margin-left:-454px;}
#subContents {width:908px; vertical-align:top; margin-bottom:50px; margin-left:auto; margin-right:auto;}
#survey {position:absolute; left:45%; top:200px; z-index:10; width:908px; text-align:left; margin-left:-454px;}
#subLeft {float:left; width:234px; vertical-align:top; text-align:right;}
#subRight {float:left; width:637px; vertical-align:top; text-align:right; margin-left:19px;}
.leftmenu1 {background:url(../Images/news/leftmenuBg1.gif) top center no-repeat; height:199px; width:198px; vertical-align:top; text-align:center;}
.leftmenu2 {background:url(../Images/community/leftmenuBg1.gif) top center no-repeat; height:223px; width:198px; vertical-align:top; text-align:center;}
.leftmenu3 {background:url(../Images/pds/leftmenuBg1.gif) top center no-repeat; height:151px; width:198px; vertical-align:top; text-align:center;}
.leftmenu4 {background:url(../Images/gamedata/leftmenuBg1.gif) top center no-repeat; height:127px; width:198px; vertical-align:top; text-align:center;}
.leftmenu5 {background:url(../Images/gameinfo/leftmenuBg1.gif) top center no-repeat; height:127px; width:198px; vertical-align:top; text-align:center;}
.leftmenu6 {background:url(../Images/help/leftmenuBg1.gif) top center no-repeat; height:151px; width:198px; vertical-align:top; text-align:center;}

/*사이트 하단 - 로고,카피*/
/*#pageTop { width:920px; text-align:right; margin:10px 0  5px 20px; padding-right:10px;}*/
#footer {width:860px; top:35px; text-align:center; clear:both;}
#footer .menu {width:860px; padding:14px 0 9px 0; border-bottom:solid 1px #19292c; margin:0 0 17px 0;}
#footer .menu .menuL {float:left; text-align:left;}
#footer .menu .menuR{float:right; text-align:right; color:#426765; font-size:11px; letter-spacing:0;}

#footer .logo {float:left; width:50px; text-align:center;}
#footer .copy {float:left; width:510px; color:#426765; font-size:11px; letter-spacing:-0.5; margin-left:10px; line-height:15px; text-align:left;}
#footer .img {float:right; width:276px;margin-left:10px; text-align:right;}

#footer .gameInfo {float:left;}
#footer a:link { color: #426765; text-decoration: none; }
#footer a:visited { color: #426765; text-decoration: none; }
#footer a:active { color: #426765; text-decoration: none; }
#footer a:hover { color: #426765; text-decoration:none; }

/*로그인 페이지*/
#loginpage .text1 {color: #467f87; font-weight: bold; }
.text2 {color: #202020; font-weight: bold;}
.text3 {color: #202020; }

