@charset "utf-8";
/* CSS Document */

/* common */
*{margin:0; padding:0;}
html{ height:100%; }
body {
	height:100%;
	background-color:#000;
	background-image:url(../images/main/1000do_bg.jpg); background-repeat:no-repeat;
	font-family:"돋움", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	}
body,
ol, ul, dl, li, dt, dd,
div, p, img, table, caption, thead, tbody, tfoot, tr, th, td,
h1, h2, h3, h4, h5, h6,
form, fieldset, legend, input, select
{margin:0;padding:0}
img {border:0;}
hr, legend {display:none;}
fieldset,img{border:0 none; margin:0;padding:0;}
input,select, button, img {vertical-align:middle;}
.Bold {font-weight:bold;}
ol, ul, dl, li, dt, dd {list-style-type:none;}
a:link, a:active, a:visited {color:#666;text-decoration:none;}
a:hover {color:#333;}

/* Layout */
#MainAll {width:995px;}
#TopAllArea {width:995px; height:305px;}
/* 메인플래시 */
#TopAllArea #Logo {position:absolute; top:15px; left:64px;}
#TopAllArea #ClientDownload {position:absolute; top:177px; left:10px;}
#TopAllArea #Navi {position:absolute; top:10px; left:235px; z-index:1;}
#TopAllArea #Character {position:absolute; top:34px; left:703px;}
#TopAllArea #Txtani {position:absolute; top:98px; left:288px;}

#ContentArea {width:995px; position:absolute; top:267px;}
/* LeftLayout */
#LeftAllArea {width:230px; float:left; margin-left:5px; background:url(../images/main/LeftArea_bg.gif) no-repeat 0 0; margin-top:38px; }

/* Login */
#LeftAllArea .LoginArea {width:230px; height:85px; padding-top:43px; position:relative;}
#LeftAllArea .LoginArea ul.LoginTrue {margin-left:23px; width:188px;}
#LeftAllArea .LoginArea ul.LoginTrue li.writeArea {float:left;width:120px; margin-right:13px;height:45px;}
#LeftAllArea .LoginArea ul.LoginTrue li.writeArea p input.Loginput {width:118px; float:left; background:#231610; border:1px solid #1e0e07; height:18px; color:#7e5727; margin-bottom:2px;}
#LeftAllArea .LoginArea ul.LoginTrue li.writeArea p.logouttxt01 {height:15px;margin-top:6px;}
#LeftAllArea .LoginArea ul.LoginTrue li.writeArea p.logouttxt01 span.name {color:#f9c67f; font-weight:bold;}
#LeftAllArea .LoginArea ul.LoginTrue li.writeArea p.logouttxt02 {height:15px;}
#LeftAllArea .LoginArea ul.LoginTrue li.LogbtnArea {width:55px; height:45px; float:left;}
#LeftAllArea .LoginArea ul.LoginTrue li.LogtxtArea {height:40px;}
#LeftAllArea .LoginArea ul.LoginTrue li.LogtxtArea p.Ltxt01 {float:left; position:absolute; top:92px; left:22px;}
#LeftAllArea .LoginArea ul.LoginTrue li.LogtxtArea p.Ltxt02 {float:left;position:absolute;  top:92px; left:98px; }

/* 서버현황 */
#LeftAllArea .ServerT {width:180px; height:46px; background:url(../images/main/servertable_bg.gif) no-repeat 0 0; margin:7px 9px 7px 10px;
padding:64px 17px 11px 14px;}
#LeftAllArea .ServerT table.server{width:180px; height:46px; text-align:center;}
#LeftAllArea .ServerT table.server tr td.st01 {width:55px; height:23px; color:#cdb998;}
#LeftAllArea .ServerT table.server tr td.st02 {width:53px; height:23px;}
#LeftAllArea .ServerT table.server tr td.st03 {width:72px; height:23px;}
#LeftAllArea .ServerT table.server tr td.sb01 {width:55px; height:23px;color:#cdb998;}
#LeftAllArea .ServerT table.server tr td.sb02 {width:53px; height:23px;}
#LeftAllArea .ServerT table.server tr td.sb03 {width:72px; height:23px; color:#ff9933; font-weight:bold;}
/* 배너영역 */
#LeftAllArea .BannerArea {width:208px; margin:11px;}
#LeftAllArea .BannerArea p.Lbanner {margin-bottom:5px;}

#LeftAllArea .PollArea {width:212px; margin:9px; background:url(../images/main/Poll_bg.gif) repeat-y;}
#LeftAllArea .PollArea .polltop {width:212px; height:35px; background:url(../images/main/Poll_top.gif) no-repeat 0 top;}
#LeftAllArea .PollArea .pollcont {width:202px; padding:5px; text-align:center; color:#996e43;}
#LeftAllArea .PollArea .pollbot {width:212px; height:33px; background:url(../images/main/Poll_bot.gif) no-repeat 0 bottom; text-align:center; padding-top:10px;}

/* MidLayout */
#MidContents {
	width:525px;
	float:left;
	left: 238px;
	top: 271px;
}
#MidContents .MidConbg {background:url(../images/main/MidCon_bg1.gif) repeat-y 0 bottom;width:525px; height:660px;}
/* Notice */
#MidContents .MidConbg .NoticeArea {width:486px; margin:15px 19px 15px 20px; color:#3a1e04; position:relative;}
#MidContents .MidConbg .NoticeArea ul.NoticeTop {height:24px;background:url(../images/main/notice_top_bg.gif) repeat-x;}
#MidContents .MidConbg .NoticeArea ul.NoticeTop li.ntxt01 {float:left;line-height:24px; width:64px; text-align:center;margin-right:7px;}
#MidContents .MidConbg .NoticeArea ul.NoticeTop li.ntxt02 {float:left;line-height:24px;}
#MidContents .MidConbg .NoticeArea ul.NoticeTop li.ntxt_more {float:left; position:absolute; top:4px; left:445px;}
#MidContents .MidConbg .NoticeArea ul.NoticeList {width:486px;}
#MidContents .MidConbg .NoticeArea ul.NoticeList li.Line {line-height:21px; background:url(../images/main/notice_line_bg.gif) repeat-x;}
#MidContents .MidConbg .NoticeArea ul.NoticeList li.Line a {color:#3a1e04;} 
#MidContents .MidConbg .NoticeArea ul.NoticeList li.Line a:hover {color:#dcc0a6;} 
#MidContents .MidConbg .MidCenter {width:505px; margin:10px;}
/* 왼쪽update,FAQ */
#MidContents .MidConbg .MidCenter .updatefaq {float:left;}
#MidContents .MidConbg .MidCenter .updatefaq dl.UpdateArea {width:248px; height:198px; background:url(../images/main/update_bg.gif) no-repeat;}
#MidContents .MidConbg .MidCenter .updatefaq dl.UpdateArea dt.upmore {padding-top:5px; padding-left:202px;}
#MidContents .MidConbg .MidCenter .updatefaq dl.UpdateArea dd.upList {color:#cabfa1; padding-left:17px; padding-top:50px;}
#MidContents .MidConbg .MidCenter .updatefaq dl.UpdateArea dd.upList ul.Tuplist {}
#MidContents .MidConbg .MidCenter .updatefaq dl.UpdateArea dd.upList ul.Tuplist li.Tupline { background:url(../images/main/list_ico.gif) no-repeat 0 50%; padding-left:13px;line-height:22px;}
#MidContents .MidConbg .MidCenter .updatefaq dl.UpdateArea dd.upList ul.Tuplist li.Tupline a {color:#cabfa1;}
#MidContents .MidConbg .MidCenter .updatefaq dl.UpdateArea dd.upList ul.Tuplist li.Tupline a:hover {color:#cabfa1; text-decoration:underline;}
#MidContents .MidConbg .MidCenter .updatefaq ul.faqArea {width:221px; height:34px; background:url(../images/main/faq_bg.gif) no-repeat; margin-top:6px; padding-top:47px; padding-left:27px;}
#MidContents .MidConbg .MidCenter .updatefaq ul.faqArea li.faqin {width:126px; float:left; margin-right:7px;}
#MidContents .MidConbg .MidCenter .updatefaq ul.faqArea li.faqin input.faqsearch {width:126px;background:#231610; border:1px solid #1e0e07; height:15px; color:#7e5727;}
#MidContents .MidConbg .MidCenter .updatefaq ul.faqArea li.faqbtn {width:69px; float:left;}
/* 오른쪽베스트영역 */
#MidContents .MidConbg .MidCenter .bestArea {float:left; margin-left:8px;}
#MidContents .MidConbg .MidCenter .bestArea ul.best1000do {background:url(../images/main/best_bg.gif) no-repeat; height:108px; width:237px;
padding-top:40px; padding-left:12px; position:relative;}
#MidContents .MidConbg .MidCenter .bestArea ul.best1000do span.morebtn {position:absolute; top:4px; left:205px;}
#MidContents .MidConbg .MidCenter .bestArea ul.best1000do li.best1000doList {line-height:18px; color:#cabfa1; height:18px;}
#MidContents .MidConbg .MidCenter .bestArea ul.best1000do li.best1000doList a {color:#cabfa1;}
#MidContents .MidConbg .MidCenter .bestArea ul.best1000do li.best1000doList a:hover {color:#cabfa1; text-decoration:underline;}
#MidContents .MidConbg .MidCenter .bestArea ul.best1000do li.best1000doList span.bestico01 {}
#MidContents .MidConbg .MidCenter .bestArea ul.best1000do li.best1000doList span.bestico02 {margin-right:4px;}
#MidContents .MidConbg .MidCenter .bestArea ul.bestquest {background:url(../images/main/bestquest_bg.gif) no-repeat; height:108px; width:237px;
padding-top:40px; padding-left:12px; position:relative;}
#MidContents .MidConbg .MidCenter .bestArea ul.bestquest span.morebtn {position:absolute; top:4px; left:205px;}
#MidContents .MidConbg .MidCenter .bestArea ul.bestquest li.bestquestList {line-height:18px; color:#cabfa1; height:18px;}
#MidContents .MidConbg .MidCenter .bestArea ul.bestquest li.bestquestList a {color:#cabfa1;}
#MidContents .MidConbg .MidCenter .bestArea ul.bestquest li.bestquestList a:hover {color:#cabfa1; text-decoration:underline;}
#MidContents .MidConbg .MidCenter .bestArea ul.bestquest li.bestquestList span.bestqico01 {}
#MidContents .MidConbg .MidCenter .bestArea ul.bestquest li.bestquestList span.bestqico02 {margin-right:4px;}

/* 가운데이벤트 */
#MidContents .MidConbg .MidEvent {width:525px; height:199px; position:relative;}
#MidContents .MidConbg .num01 {position:absolute; top:27px; left:30px;}
#MidContents .MidConbg .num02 {position:absolute; top:27px; left:55px;}
#MidContents .MidConbg .num03 {position:absolute; top:27px; left:80px;}
#MidContents .MidConbg .num04 {position:absolute; top:27px; left:105px;}
#MidContents .MidConbg .num05 {position:absolute; top:27px; left:130px;}

/* RightLayout */
#RightAllArea{width:230px; float:left; margin-top:38px; }
#RightAllArea .RightConArea {width:230px; margin-right:0px; background:url(../images/main/RightArea_bg.gif) no-repeat 0 0; padding-top:10px; height:630px;}
/* 캐쉬아이템 */
#RightAllArea .RightConArea .CashitemArea {width:181px; height:73px; background:url(../images/main/cash_bg.gif) no-repeat; margin-left:9px; padding:39px 16px 10px 15px;
margin-bottom:5px;} 
#RightAllArea .RightConArea .CashitemArea table.CashT {width:60px; height:70px; text-align:center; float:left; }
#RightAllArea .RightConArea .CashitemArea table.CashT tr td.cashtimg {width:60px; height:53px;}
#RightAllArea .RightConArea .CashitemArea table.CashT tr td.cashttxt {width:60px; line-height:18px; color:#ff9933;}
/* 아이템몰 */
#RightAllArea .RightConArea .ItemmallArea {width:188px; height:123px; background:url(../images/main/itemmall_bg.gif) no-repeat; margin-left:12px; margin-right:11px;
padding:38px 10px 11px 9px; } 
#RightAllArea .RightConArea .ItemmallArea ul.ItemBanner {} 
#RightAllArea .RightConArea .ItemmallArea ul.ItemBanner li.ItemB01{margin-bottom:6px;} 
#RightAllArea .RightConArea .ItemmallArea ul.ItemBanner li.ItemB02{margin-bottom:6px;} 
/* 명의도용신고 */
#RightAllArea .RightConArea .Namesteal {width:230px; text-align:center; margin-top:10px;}
 
 
/* Bottom */
#BottomArea {clear:both; width:995px; height:77px;margin-bottom:20px;}
#BottomArea ul.copyright {width:917px; padding-left:62px; padding-right:16px; color:#a5a3a2;}
#BottomArea ul.copyright li.Blogo {width:173px; float:left;}
#BottomArea ul.copyright li.Btxt {width:478px; padding-right:48px; float:left;}
#BottomArea ul.copyright li.Btxt p.about {color:#d1bea7;margin-bottom:5px;}
#BottomArea ul.copyright li.Btxt p.about a {color:#d1bea7;}
#BottomArea ul.copyright li.Btxt p.about a:hover {color:#ffb80e;}
#BottomArea ul.copyright li.Btxt p.add {margin-bottom:5px;}
#BottomArea ul.copyright li.Btxt p.copy {color:#987959;}
#BottomArea ul.copyright li.Bgrade {width:200px;float:left;}