@charset "utf-8";
/* CSS Document */
html,body {
      /*height:100%;
      width:100%;*/
	    font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px; 
		background-color:#786a4f;/* ߰ κ */
        }
		
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,blockquote,button{margin:0;padding:0;}
#wrap {background:url(/images/main/bg_repeatX.jpg) repeat-x;}
fieldset,img{border:0 none; margin:0;padding:0;}
hr, legend {display:none;}
input,select, button, img {vertical-align:middle;}
input.col{border:1px solid #b5943b;background:#f6f4ec; color:#6b562b;}
ol, ul, dl, li, dt, dd {list-style-type:none;}
.content {width:1017px; height:1051px; background:url(/images/main/bg.jpg) no-repeat 0 top;}
.content_sub {width:1017px; height:1051px; background:url(/images/sub/bg1.jpg) no-repeat 0 top;}
.content_account {width:1017px; height:670px; background:url(/images/main/bg_login.jpg) no-repeat 0 top;}

/* TOPnavi */
.TOPnavi {height:76px;  position:relative;}
.TOPnavi ul.niviLIST {padding-left:100px; padding-top:28px; color:#402f17; font-size:17px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.TOPnavi ul.niviLIST a {text-decoration:none;  color:#402f17; font-size:17px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.TOPnavi ul.niviLIST a:hover {text-decoration:none;  color:#cb5610; font-size:17px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

.TOPnavi ul.niviLIST li {float:left;}
.TOPnavi ul.niviLIST li.m1 {width:141px;}
.TOPnavi ul.niviLIST li.m2 {width:84px;}
.TOPnavi ul.niviLIST li.m3 {width:74px;}
.TOPnavi ul.niviLIST li.m4 {width:249px;}
span.m4LOGO {position:absolute; top:0px; left:400px;}
.TOPnavi ul.niviLIST li.m5 {width:88px;}
.TOPnavi ul.niviLIST li.m6 {width:113px;}
.TOPnavi ul.niviLIST li.m7 {width:163px;}


/* flashArea */
.flashArea {height:278px;}



/* LEFT */
.left {width:228px; float:left; padding-top:27px; padding-left:25px;}
.login {width: 194px; height:140px; background:url(/images/main/logoin_bg.gif) no-repeat; position:relative;}
dl.ID {padding-top:15px; width:137px;}
dl.ID dt{float:left; padding-left:22px; line-height:20px; display:inline;}
dl.ID dd{height:20px; width:90px; display:inline;}
dl.PW {clear:both; padding-left:22px; width:137px; position:absolute; top:33px; left:0px;}
dl.PW dt{float:left; line-height:20px;display:inline;}
dl.PW dd{line-height:20px; width:100px;display:inline;}
.secure {color:#c1bab0; position:absolute; top:55px; left:24px;}
.login input.go{position:absolute; top:15px; left:137px;}
input.txtbox{border:1px solid #584636;height:14px;background:#2a1b08; color:#FFF; width:90px;}
ul.logintxt{padding-left:20px; color:#efb753; margin-top:20px;position:absolute; top:70px; left:0px; }
ul.logintxt li{background:url(/images/main/ico_orange.gif) no-repeat 0 50%; padding-left:10px; line-height:16px;}
ul.logintxt li a {text-decoration:none;  color:#efb753;}
ul.logintxt li a:hover {text-decoration:underline;  color:#efb753; }
p.banner_coin {margin-top:37px; margin-bottom:10px;}
p.banner_qna {margin-bottom:19px;}
.newIssue {width:204px;}
.newIssue img.newtop {margin-bottom:10px;}
.newIssue ul.issue li{border-bottom:1px dotted #75633e; background:url(/images/main/ico_brown.gif) no-repeat 0 50%; 
padding-left:10px; line-height:20px; color:#d6cbb8;}
.newIssue ul.issue li a {text-decoration:none;  color:#d6cbb8;}
.newIssue ul.issue li a:hover {text-decoration:underline;  color:#d6cbb8; }

.login ul.outArea { padding:18px 11px 11px 11px;}
.login ul.outArea li.userinfo {height:20px; color:#f0b853; position:relative;}
.login ul.outArea li img.outBt {position:absolute; left:127px;top:13px;}
.login ul.outArea li.WelcomeTXT {color:#fff; padding-bottom:5px;}
.login ul.outArea li.Myaccount {color:#f0b853; line-height:22px; background:url(/images/main/ico_orange.gif) no-repeat 0 50%; padding-left:10px;
border-bottom:1px solid #725e3d; margin-bottom:5px;}
.login ul.outArea li.Myaccount a {text-decoration:none;  color:#f0b853;}
.login ul.outArea li.Myaccount a:hover {text-decoration:none;  color:#c08054;}
.login ul.outArea li.familySite select.wi{width:100%; background:#f6f4ec; color:#6b562b;}



/* MID */
.mid {width:514px; float:left;}
.SelectArea {padding-top:50px; background:url(/images/main/content_bg.jpg) no-repeat 0 0; height:546px; }

/* 가운데부분 수정 2008.10.08 황별초 */
.SelectArea .FlashEventArea {text-align:center; margin-bottom:20px;}
.SelectArea .NoticeArea {width:325px; height:229px; float:left; margin-left:14px; display:inline; margin-right:12px;}
.SelectArea .NoticeArea ul.NoticeTop {background:url(/images/main/tit_notice.gif) no-repeat; width:309px; height:27px; padding-left:16px;}
.SelectArea .NoticeArea ul.NoticeTop li.Noticetext {width:263px; color:#f7f1e4; float:left; line-height:27px; font-weight:bold; font-size:11px;}
.SelectArea .NoticeArea ul.NoticeTop li.Noticemore {color:#fff; float:left; line-height:27px;}
.SelectArea .NoticeArea ul.NoticeTop li.Noticemore a {color:#f7f1e4; text-decoration:none; font-size:11px;}
.SelectArea .NoticeArea ul.NoticeTop li.Noticemore a:hover {color:#ddc581; text-decoration:none; font-size:11px;}
.SelectArea .NoticeArea ul.NoticeCon {background:url(/images/main/bg_notice.gif) no-repeat; width:295px; height:191px; margin-top:9px;
padding:15px; font-size:11px;}
.SelectArea .NoticeArea ul.NoticeCon li {height:20px; background:url(/images/main/ico_pink.gif) no-repeat 0 35%; padding-left:15px;}
.SelectArea .NoticeArea ul.NoticeCon li a {text-decoration:none; color:#4f4231;}
.SelectArea .NoticeArea ul.NoticeCon li a:hover {text-decoration:underline; color:#a4304a;}

.SelectArea .MedalBanner {float:left; width:147px; height:229px;}


.gameList {margin-top:16px; width:217px;margin-left:21px; float:left;}
img.thum{float:left; margin-right:14px;}
	dl.thumtxt{}
	dl dt{font-weight:bold; color:#bf9141; margin-bottom:7px;}
	dl dd {color:#fff; height:52px;}
	dl dd a {text-decoration:none;  color:#fff;}
	dl dd a:hover {text-decoration:underline;  color:#fff;}
.playGAME {clear:both; padding-top:30px; text-align:center;}
.playGAME_sub {clear:both; padding-top:10px; padding-bottom: 10px;text-align:center;}


/* RIGHT */
.right {width:199px; float:left; padding-left:25px;}
.r_banner {width:201px; height:73px; background:url(/images/main/r_banner_bg.gif) no-repeat; margin:38px 6px 20px 0px;}
.r_banner_first {width:201px; height:125px;margin:10px 6px 15px 0px;}
.r_banner dl {padding:15px;}
.r_banner dt {float:left; margin-right:7px;}
.r_banner dd { color:#c7ba96;}
.r_banner_guide {width:201px; height:70px; padding-top:20px;}

.freeBoard {width:204px;}
.freeBoard img.freetop {margin-bottom:10px;}
.freeBoard ul.issue li{border-bottom:1px dotted #75633e; background:url(/images/main/ico_brown.gif) no-repeat 0 50%; 
padding-left:10px; line-height:20px; color:#d6cbb8;}

.rangking {width:206px; height:219px; background:url(/images/main/RK_bg01.gif) no-repeat; margin-top:20px; position:relative;}
img.btn01{position:absolute; top:51px; left:25px;}
img.btn02{position:absolute; top:51px; left:75px;}

.rangking ol {padding-top:86px;}
.rangking ol a {text-decoration:none;  color:#351c07;}
.rangking ol a:hover {text-decoration:underline;  color:#351c07;}

.icon2_num1	{background:url(/images/main/a_num01.gif) no-repeat 10% 0; padding-left:40px; margin-bottom:5px; }
.icon2_num2	{background:url(/images/main/a_num02.gif) no-repeat 10% 0; padding-left:40px; margin-bottom:5px;}
.icon2_num3	{background:url(/images/main/a_num03.gif) no-repeat 10% 0; padding-left:40px; margin-bottom:5px;}
.icon2_num4	{background:url(/images/main/b_num04.gif) no-repeat 10% 0; padding-left:40px; margin-bottom:5px;}
.icon2_num5	{background:url(/images/main/b_num05.gif) no-repeat 10% 0; padding-left:40px; margin-bottom:5px;}
.icon2_num6	{background:url(/images/main/b_num06.gif) no-repeat 10% 0; padding-left:40px; margin-bottom:5px;}
.icon2_num7	{background:url(/images/main/b_num07.gif) no-repeat 10% 0; padding-left:40px; margin-bottom:5px;}
.icon2_num8	{background:url(/images/main/b_num08.gif) no-repeat 10% 0; padding-left:40px; margin-bottom:5px;}
.icon2_num9	{background:url(/images/main/b_num09.gif) no-repeat 10% 0; padding-left:40px; margin-bottom:5px;}
.icon2_num10{background:url(/images/main/b_num10.gif) no-repeat 10% 0; padding-left:40px; margin-bottom:5px;}

.Nrangking {width:204px; position:relative;}
.Nrangking_top {width:204px; height:105px; background:url(/images/main/Ha_top.gif) no-repeat 0 top;}
.Nrangking_top p.NKtit {position:absolute; top:50px; left:30px; color:#fbd749;}
.Nrangking_bot {background:url(/images/main/Ha_bottom.gif) repeat-x 0 bottom; padding-left:12px;padding-right:12px; padding-bottom:15px;}
.Nrangking_table {border-collapse:collapse; width:180px; text-align:center;}
.Nrangking_table tr {height:20px;} 
.Nrangking_table tr td.NK01 {width:15px;} 
.Nrangking_table tr td.NK02 {width:36px;}
.Nrangking_table tr td.NK03 {width:82px;}
.Nrangking_table tr td.NK04 {width:47px;}   

/* bottom */
.bottom {clear:both; width:1004px; height:78px; background:url(/images/main/bottom_bg.gif) no-repeat; position:relative;}
.bot_logo {position:absolute; top:28px; left:72px;}
.bot_txt {position:absolute; top:24px; left:247px;}
.bot_txt p{color:#CABEAA;}
.bot_txt p a {text-decoration:none;  color:#CABEAA;}
.bot_txt p a:hover {text-decoration:none;  color:#ba904b;}