/* CSS Document */
@import url(bbs.css);/*OldSiteCss*/
@import url(board.css);
@import url(news.css);
@import url(gameinfo.css);
@import url(playguide.css);
@import url(community.css);
@import url(library.css);
@import url(member.css);
@import url(itemshop.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:#666666; font-family:"MS PGothic", "Verdana"; line-height:160%; word-wrap:break-word; word-break:break-all; }
ul, ol, li,dd,dt { font-size:12px; color:#666666; font-family:"MS PGothic", "Verdana"; line-height:160%; margin:0px; }
input { font-size:12px; color:#666666; font-family:"MS PGothic", "Verdana";  }
th { text-align:center; }
body,td, img { margin:0 }
p { margin:0px 0px 0px 0px; }
form { margin:0 }
hr { }
input{}
a img{ }
img { border:0; }
.cler-both { clear:both; font: 0px/0px monospace; display: block; } 
.clear-both { clear:both; font: 0px/0px monospace; display: block; } 
.padNo { line-height:0px; font-size:0px; margin:0 0 0 0 }
ul, ol, li { padding:0; margin:0; list-style:none; }
h1, h2, h3, h4, h5, h6, h7 { margin:0; padding:0; font-size:100%; font-weight:normal; }
a:link { color: #666666; text-decoration: none; }
a:visited { color: #666666; text-decoration: none; }
a:active { color: #666666; text-decoration: none; }
a:hover { color: #666666; text-decoration:underline; }

.deTable { border-top:#dadada 0px solid; margin:0 0 0 0; border-right:#dadada 1px solid; border-top:#dadada 1px solid;  }
.deTable td { padding:7px 10px; border-left:#dadada 1px solid; border-bottom:#dadada 1px solid; }
.deTable th { padding:7px 10px; border-left:#dadada 1px solid; border-bottom:#dadada 1px solid; background:#f2f2f2; font-weight:normal }
.deTable tr { background:#ffffff }
.deTable input { border:#dadada solid 1px; padding:1px 1px 0px 3px; color:#666666; height:16px; }
.deTable .radio { border:none }
.deTable textarea { width:99%; height:150px; border:#dadada solid 1px; padding:1px 3px 1px 5px; color:#6666666; overflow:auto }



.deTable1 { border-top:#dadada 1px solid; border-left:#dadada 1px solid; border-bottom:#dadada 1px solid; margin:0 0 0 0; border-right:#dadada 1px solid; border-top:#dadada 1px solid;  }
.deTable2 { border-top:#dadada 1px solid; border-left:#dadada 1px solid; border-bottom:#dadada 1px solid; margin:0 0 0 0; border-right:#dadada 1px solid; border-top:#dadada 1px solid;  }





.noBoTable td{ border:none}

#indexBody { background:url(/images/main/bgIndex.jpg) repeat-x 0px 33px; }
#indexWrap { background:url(/images/main/bottomBg.jpg) repeat-x bottom center;}
#indexWrap2 { background:url(/images/main/indexBg.jpg) no-repeat center top; } 
#subBody { background:url(/images/main/bg.jpg) repeat-x 0px 33px;}
#subWrap { background:url(/images/main/bottomBg.jpg) repeat-x bottom center; min-height:100%;  }
#subWrap2 { width:990px; margin:auto  }


#indexBg { width:990px; margin:auto; }
#subBgNews { background:url(/images/main/subBgNews.jpg) no-repeat center top; margin:auto  }
#subBgGameinfo { background:url(/images/main/subBgGameinfo.jpg) no-repeat center top; margin:auto }
#subBgBeginner { background:url(/images/main/subBgBeginner.jpg) no-repeat center top; margin:auto  }
#subBgGameStart { background:url(/images/main/subBgGameStart.jpg) no-repeat center top; margin:auto  }
#subBgPlayguide { background:url(/images/main/subBgPlayguide.jpg) no-repeat center top; margin:auto   }
#subBgGameData { background:url(/images/main/subBgGameData.jpg) no-repeat center top; margin:auto  }
#subBgSupport { background:url(/images/main/subBgSupport.jpg) no-repeat center top; margin:auto  }
#subBgCommunity { background:url(/images/main/subBgCommunity.jpg) no-repeat center top; margin:auto  }
#subBgLibrary { background:url(/images/main/subBgLibrary.jpg) no-repeat center top; margin:auto   }
#subBgMypage { background:url(/images/main/subBgMypage.jpg) no-repeat center top; margin:auto   }
#subBgMember { background:url(/images/main/subBgMypage.jpg) no-repeat center top; margin:auto  }
#subBgEtc { background:url(/images/main/subBgEtc.jpg) no-repeat center top; margin:auto   }
#subBgItemshop { background:url(/images/main/subBgItemshop.jpg) no-repeat center top; margin:auto  }

#indexTop { width:990px; height:268px; position:relative;}
#indexTop .logo { width:342px; height:172px; position:absolute; top:55px; left:337px; }
#indexTop .join { width:230px; height:146px; position:absolute; top:87px; left:10px; z-index:50 }
#indexTop .mainFlash { width:990px; height:268px; position:absolute; top:0px; left:0px;  margin:0 0 0 0;}
#indexTop .menu { width:740px; height:57px; position:absolute;  top:267px; left:250px;  margin:0 0 0 0;}

#indexTop .login { margin:0 0 0 0;  position:absolute; top:268px; left:10px;}
#indexTop .logout {  margin:0 0 0 0;  position:absolute; top:268px; left:10px;}

#subTop { width:990px; height:210px; position:relative;}
#subTop .logo { width:230px; margin:0 0 0 0; position:relative; top:5px; left:10px;}
#subTop .menu { width:740px; height:57px; position:absolute; left:250px; top:10px;}
#subTop .join {width:230px; height:63px; position:relative; top:0px; left:10px;}
#subTop .download{position:absolute; top:124px; left:10px; margin:0} 


#indexMain{width:990px; background:url(/images/main/indexCtnBot.gif) no-repeat 250px bottom; padding:0 0 18px 0;}
#indexMain .left{ width:10px; float:left;}
#indexMain .center{ width:740px; float:right; margin:64px 0 0 0}
#indexMain .center .top{ background:url(/images/main/indexCtnTop.gif) no-repeat;width:740px; height:20px;}
#indexMain .center .ctn{ background:url(/images/main/indexCtnBg.gif) repeat-y;width:718px; min-height:500px; padding:0 0 5px 22px;}

#indexMain .center .contents { width:690px; min-height:300px; background:url(/images/main/subContentsBg.gif) repeat-y; padding:20px 0 20px 50px; }
#indexMain .right{width:230px; float:left;  padding:0 0 0 10px; margin:65px 0 0 0; overflow:hidden}


#subMain{width:990px; background:url(/images/main/subContentsBot.gif) no-repeat 250px bottom ; padding:0 0 28px 0;}
#subMain .left{ width:230px; float:left;  padding:0 10px 0 10px; position:relative}
#subMain .center{ width:740px; float:left; overflow:hidden}
#subMain .center .title { background:url(/images/main/subTitBg.gif) no-repeat; padding:21px 0 0 55px; width:685px; height:45px; overflow:hidden }
#subMain .center .title h3 { float:left; width:200px;}
#subMain .center .title .location { float:right; color:#ffffff; text-align:right; padding:4px 30px 0 10px; font-size:11px; background:url(/images/main/bulLocation.gif) no-repeat 0px 9px ;}
#subMain .center .contents { width:600px; min-height:300px; background:url(/images/main/subContentsBg.gif) repeat-y; padding:20px 90px 20px 50px;}
#subMain .right{width:0px; float:left;  padding:0 0 0 10px; display:none}


#subMain .loginM { margin:0 0 0 0; }
#subMain .logout {  margin:0 0 0 0;}


.menu .mCoin { position:absolute; top:-23px; left:691px; margin:0}
#subMenu01 { position:absolute; width:135px; left:10px; top:52px; visibility: hidden;}
#subMenu02 { position:absolute; width:145px; left:42px; top:52px; visibility: hidden;}
#subMenu03 { position:absolute; width:160px; left:122px; top:52px; visibility: hidden; }
#subMenu04 { position:absolute; width:160px; left:212px; top:52px; visibility: hidden; }
#subMenu05 { position:absolute; width:160px; left:301px; top:52px; visibility: hidden; }
#subMenu06 { position:absolute; width:175px; left:383px; top:52px; visibility: hidden; }
#subMenu07 { position:absolute; width:140px; left:555px; top:52px; visibility: hidden; }
#subMenu08 { position:absolute; width:180px; left:483px; top:52px; visibility: hidden; }
#subMenu09 { position:absolute; width:140px; left:700px; top:52px; visibility: hidden;}

#indexBot { width:990px; height:75px; text-align:left; margin:auto; margin-top:190px;}
#indexBot .logoNetts { width:131px ; float:left; text-align:right; margin:0 0 0 280px; _margin:0 0 0 140px;}
#indexBot .copy { padding:0 0 0 20px ; float:left}
#indexBot .copy p { color:#FFFFFF; }
#indexBot .copy a { color:#FFFFFF; }
#indexBot .geo { float:right; width:120px; text-align:right }


.ctn1{ width:450px; float:left}
.ctn2{ width:230px; float:left; margin:0 0 0 15px; overflow:hidden}
.mainNotice{ width:340px; margin:0px 0 0 0}
.mainSuggestion{ width:340px; margin:10px 0 0 0}
.mainDemand{ width:340px; margin:10px 0 0 0}
.mainComic{ width:340px; margin:10px 0 0 0}
.mainSSboard{ width:340px;  margin:10px 0 0 0;}
.mainSSboard .SSborder { background:#eaeaea; border:solid 1px #dbdbdb; padding:10px 6px}
.mainSSboard .SStit{ text-align:center; padding:5px 0; background:url(/images/board/dotLine.gif) bottom repeat-x;}
.mainEvent{ width:340px; margin:10px 0 0 0;}
.mainToon{ width:340px; margin:10px 0 0 0;}
.mainComplaint{ width:340px; margin:0px 0 0 0;}
.mainRollEvent{ width:695px; height:118px; margin:0px 0 0px 0; background:#eeeeee}
.mainSupport{margin:0 0 0 0px;}

.mainArt{ background:url(/images/main/artBg.gif) no-repeat; width:230px; height:170px;}
.mainSS{ background:url(/images/main/ssBg.gif) no-repeat; width:230px; height:116px; margin:15px 0 0 0}
.mainFanSite{ background:url(/images/main/fanBg.gif) no-repeat; width:230px; height:300px; margin:15px 0 0 0}
.fanSite { margin:15px 0 0 0; width:340px; }
.fanSite .img { border:#6ba2a3 4px solid; margin:3px 0 2px 0 }
.fanSite .t01 a { color:#518d8e; }
.fanSite .t01 { color:#f3e3c6; line-height:14px; padding:5px 0 0 0 }
.fanSite .t02 { color:#535353; font-size:11px }
.mainWall{ margin:15px 0 0 0; width:695px;}
.mainMovie{ margin:10px 0 0 0}
.mainMovie p{ background:url(/images/main/titMovieBg.gif) no-repeat; height:147px; text-align:center;}

.mainPoll { margin:10px 0 0 0}
.mainPoll td{ color:#FFFFFF}
.mainListTable { width:412px; margin:0 4px 0 4px; }
.mainListTable .dotLine { background:url(/images/board/dotLine.gif) repeat-x top; height:1px; }
.mainListTable td { line-height:23px; height:24px; padding:1px 0 2px 0 } /*ieCss*/


.bannerRight .bnr { background:url(/images/main/bannerDot.gif) bottom repeat-x; width:200px; margin:0 0 0px 0; padding:0 0 10px 0; clear:both}
.bannerRight .bnr .bnrTit { font-weight:bold; color:#FFFFFF; width:200px; clear:both; padding:5px 0 0 0 }
.bannerRight .bnr .bnrImg { width:71px; height:48px; float:left; margin:0px 0 0 0; padding:3px 0 0 0 }
.bannerRight .bnr .bnrImg img { border:#006633 1px solid; }
.bannerRight .bnr .bnrCtn { color:#cfe8f4; width:112px; margin:0px 0 0 10px; float:left }


.oneline{ background:url(/images/main/onLineBg.gif) no-repeat; width:695px; height:26px; padding:10px 0 0 0; margin:0 0 8px 0}
* html .oneline{ height:23px; padding:13px 0 0 0}
.oneline marquee{ margin:0 0 0 100px; color:#FFFFFF; width:580px; font-size:12px; height:20px;}
.oneline .textScroll{color:#FFFFFF; width:580px;}
.oneline .textScroll img{ margin:0 3px 0 10px;}




.login { background:url(/images/main/loginBg.gif) no-repeat; width:230px; height:109px; }
.login dd{float:left;}
.login dt{float:left; width:15px;}
.loginInput{width:112px; position:relative; left:45px; top:33px;}
.idInput{ border:none; background:#e7e7e7; width:105px; color:#817c7c; font-weight:bold; line-height:12px;}
.pwInput{ border:none; background:#e7e7e7; width:105px; color:#817c7c; font-weight:bold; line-height:12px;}
.loginBtn{ width:55px; position:relative; left:157px; top:-9px; padding:0 0 1px 0}
.login p{ color:#6699CC; font-size:11px; margin:-5px 0 0 70px;}
.login p a,
.login p a:link,
.login p a:hover,
.login p a:visited{ color:#517985}
.logout{ background:url(/images/main/logoutBg.gif) no-repeat; width:230px; height:109px; text-align:center }

.loginM { background:url(/images/main/loginBg2.gif) no-repeat; width:230px; height:129px; position:relative;  }
.loginM dd{float:left;}
.loginM dt{float:left; width:15px;}
.loginInput{width:112px; position:relative; left:45px; top:33px;}
.idInput{ border:none; background:#e7e7e7; width:105px; color:#817c7c; font-weight:bold; line-height:12px;}
.pwInput{ border:none; background:#e7e7e7; width:105px; color:#817c7c; font-weight:bold; line-height:12px;}
.loginBtn{ width:55px; position:relative; left:157px; top:-9px; padding:0 0 1px 0}
.loginM p{ color:#6699CC; font-size:11px; margin:-5px 0 0 70px;}
.loginM p a,
.loginM p a:link,
.loginM p a:hover,
.loginM p a:visited{ color:#517985}
.logout{ background:url(/images/main/logoutBg.gif) no-repeat; width:230px; height:109px; text-align:center }

.subMenu {margin:10px 0 0 0}
.subMenu .top{ background:url(/images/main/subMenuTop.gif) no-repeat; height:45px; padding:15px 0 0 6px}
.subMenu .list{ background:url(/images/main/subMenuBg.gif) repeat-y;}
.subMenu .list ul{ width:184px; margin:auto}
.subMenu .m1{ background:url(/images/main/subMbg.gif) no-repeat; height:30px; padding:6px 0 0 12px;color:#dde5b4;}
.m1 a:link,
.m1 a:active,
.m1 a:hover,
.m1 a:visited{ color:#dde5b4; font-size:14px}
.subMenu .list2 {background:#647024 url(/images/main/subSmBot.gif) bottom no-repeat; margin:0px 0 0 0; padding:3px 0 8px 0; }
.subMenu .list2 li{ background:url(/images/main/subMbul.gif) no-repeat 10px 10px; line-height:24px; padding:0 0 0 20px;}
.list2 a:link,
.list2 a:active,
.list2 a:hover,
.list2 a:visited{ color:#dde5b4;}
.subMenu .bot{ background:url(/images/main/subMenuBot.gif) no-repeat; height:18px;}

.subTab { width:600px; height:30px; border-width:0 0 2px 0; border-bottom:#dfdfdf solid; padding:0 0 8px 0; margin:10px 0 10px 0; }
* html .subTab ul li { padding:3px 3px 2px 7px; float:left; text-align:center; margin:5px 8px 8px 0px; height:17px; color:#1d2150; border:#CCCCCC 1px solid; }
.subTab ul li { padding:3px 7px 5px 7px; float:left; text-align:center; margin:5px 8px 8px 0px; height:17px; color:#1d2150; border:#CCCCCC 1px solid; }
.subTab ul { float:none }
.subTab ul .on a:link { color: #da6e2c; text-decoration: none; }
.subTab ul .on a:visited { color: #da6e2c; text-decoration: none; }
.subTab ul .on a:active { color: #da6e2c; text-decoration: none; }
.subTab ul .on a:hover { color: #da6e2c; text-decoration: none; }
.subTab ul li { background:url(/images/main/subTabBgOff.gif) repeat-x; }
.subTab ul .on { background:url(/images/main/subTabBgOn.gif) repeat-x bottom; color:#da6e2c; font-weight:bold; }

.globalTop { background:url(/images/main/globalBg.gif) repeat-x; height:33px; overflow:hidden }
.globalTop .left1 { float:left; width:80px;}
.globalTop .left2 { float:left; margin:0 0 10px 0px}
.globalTop .left2 ul{margin:4px 0 0 5px}
.globalTop .left2 ul li {  line-height:10px; margin:0 0 0 0; font-size:11px; background:url(/images/main/globalDot.gif) no-repeat 0px 0px; padding:1px 0 0 10px; text-align:left }
.globalTop .right { float:right; width:300px; text-align:right; height:33px; right: auto; }

.font_11	{font-family:MS UI Gothic; font:11px; color:#4B4B4B; }
.font_gray	{font-family:MS UI Gothic; font-size: 12px; color:#777777; line-height: 18px; text-align:left}
.font_pink	{font-family:MS UI Gothic; font-size: 12px; color:#FF005A; line-height: 18px;}
.font_purple	{font-family:MS UI Gothic; font-size: 12px; color:#9C31D3; line-height: 18px;}
.font_info	{font-family:MS UI Gothic; font-size: 12px; color:#843B0B; line-height: 16px;}
.font_green	{font-family:MS UI Gothic; font-size: 12px; color:#076600; line-height: 18px;}
.font_policy 	{font-family:MS UI Gothic; font-size: 12px; color:#777777; line-height: 20px;}

#topBtn { position:fixed; top:300px; width:35px; height:53px; margin:0 0 0 930px;}
* html #topBtn{ display:none} 
*:first-child+html #topBtn{ display:none} 


.subTit04 { background:url(/images/main/bul04.gif) no-repeat 0px 4px; font-size:14px; padding:2px 0 0 20px; margin:0px 0 15px 0; color:#7f9025; font-weight:bold }



.subBox { width:100% }
.subBox td { padding:0px; line-height:1px; font-size:1px; }
.subBox ul { margin:0 0 5px 0 }

* html .subBox li { padding:2px 0px 2px 10px; margin:1px 0 1px 2px; text-align:left ;}/*IE*/
.subBox li { padding:0px 0px 0px 10px; text-align:left ; margin:4px 0 4px 2px; background:url(/images/main/menuSubBul.gif) no-repeat 0px 8px;}/*FF*/
.subBox li .menuSubBul { margin:0 5px 0 2px; vertical-align:middle} 
.subBox li a:link { color: #ffffff; text-decoration:none; }
.subBox li a:visited { color: #ffffff; text-decoration:none; }
.subBox li a:active { color: #ffffff; text-decoration:none; }
.subBox li a:hover { color:#fed481; text-decoration:none; }




/* background:url(/images/main/menuSubBul.gif) no-repeat 3px 8px;*/




.sitemapBox { float:left; margin:0 10px 20px 0; width:185px;  }
.sitemapBox .top{margin:0 0 5px 0}
.sitemapBox .list .m1 { background:url(/images/etc/sitemapBg.gif) no-repeat; padding:3px 0 0 20px; height:22px; }
.sitemapBox .list .m1 a{}
.sitemapBox .list .m1  a:link,
.sitemapBox .list .m1  a:hover,
.sitemapBox .list .m1  a:visited{ color:#666666; font-size:12px;}


.png24 { tmp:expression(setPng24(this)); }


.skd_agree {
width:680px;
background-color:#FFC;border:1px solid #F66;
padding:5px;
margin-bottom:5px;
color:#F00;
}

.skd_agree a{
color:#F00;
font-weight:bold;
}

.skd_agree a:hover{
color:#F00;
font-weight:bold;
text-decoration:underline;
}