@import "/common/css/common.css";
@import "/common/css/table.css";

/* ------------------------------------------------------------
 * Name      : main.css
 * Created   : 2008/02/19 by ana
 ------------------------------------------------------------ */

dl, dt, dd, li, ol, ul, div{
padding:0px;
margin:0px;
}

#wrapall{background:url('http://cache.goorm.com/krf/renew/common/bodyBg.jpg') repeat-x center top;}
#wrap{position:relative;width:1004px;margin:0 auto; text-align:left; background:#fff url('http://cache.goorm.com/krf/renew/common/conBg.jpg') repeat-x left -41px;}

#maintopArea{position:absolute;left:0px;top:0px;width:1004px;height:300px;text-align:left;z-index:10;}
#maintopArea .topMenu{position:absolute;left:0px; top:0px; z-index:10;}
#maintopArea .topMenu .gnbIndexOff {position:absolute; left:0px; top:0px; z-index:0; height:170px; overflow:hidden;}
#maintopArea .topMenu .gnbIndexOn {position:absolute; left:0px; top:0px; z-index:1000000; height:262px; overflow:hidden; }
#maintopArea .topMenu .Character {position:absolute; left:0px; top:118px;}
#maintopArea .topMenu .Rolling {position:absolute; left:260px; top:225px; z-index:100;}

#mainmiddle{width:1004px;font:0/0 arial;text-align:left; height:1%;}
#mainmiddle:after{content:""; display:block; clear:both;}

#mainleft{float:left;font:12px dotum,"돋움";width:226px; margin:531px 25px 0 0; padding-left:11px; }
#maincontent{float:left;font:12px dotum,"돋움";width:480px; margin-top:466px;}
#mainright{float:right; font:12px dotum,"돋움";width:242px; margin-top:446px;}

#login {border:0px; margin:0px; padding:0px; width:226px; height:307px; position:absolute; left:11px; top:214px; z-index:1000000; }
#login .loginTit {height:50px; overflow:hidden; margin:0px; visibility:hidden;}
#login .afterloginTit {height:50px; overflow:hidden; margin:0px; visibility:hidden;}
#login label {padding:0px; margin:0px;}
#login .loginInput{width:130px; height:54px; padding:0px; overflow:hidden; margin-left:15px;}
#login .loginInput li{width:130px; height:25px; padding:0px; margin:0px; background:url('http://cache.goorm.com/krf/renew/common/LogininputBg.gif') no-repeat;}
#login .loginInput li.first{margin-bottom:4px;}
#login .loginInput input{border:0px; width:110px; background:transparent; vertical-align:middle; padding:4px 5px; height:15px; color:#fff; font-size:12px;}
#login .loginInput input.idOv{background:url('http://cache.goorm.com/krf/renew/common/LoginIdBg.gif') 10px center no-repeat;}
#login .loginInput input.pwOv{background:url('http://cache.goorm.com/krf/renew/common/LoginPwBg.gif') 10px center no-repeat;}
#login .loginInput input.nonOv{background:none;}
#login .loginBtn{position:absolute; left:153px; top:51px;}
#login .checkboxrRap {height:18px; margin:0 0 10px 15px; padding-top:4px; overflow:hidden;}
#login .checkboxrRap li {float:left;font-size:0px;}
#login .checkboxrRap li input{vertical-align:middle; border:0px;}
#login .checkboxrRap li img{vertical-align:middle;}
#login .buttonRap {overflow:hidden; height:22px; margin-left:15px;}
#login .buttonRap li {float:left; margin-right:3px;font-size:0px;}
#login .afterloginBox {width:197px; height:83px; background:url('http://cache.goorm.com/krf/renew/common/loginBg.gif') no-repeat; margin:0 0 5px 14px;;}
#login .afterloginBox dt{color:#ffffff; font-size:11px; line-height:14px;text-align:center; padding:13px 0 0 0; height:35px; overflow:hidden; margin-bottom:5px;}
#login .afterloginBox dt strong{color:#ff6740; font-size:16px; height:22px;}
#login .afterloginBox dd{color:#200047; text-align:center; font-size:11px; line-height:18px; }
#login .afterloginBox dd a{color:#200047;}
#login .afterbuttonRap { margin-left:14px;}
#login .afterbuttonRap li{float:left; margin-right:3px;}
#login .startFla {position:absolute; left:0px; top:164px;}

/* STARTchanneling */
#login .afterloginBox2 {width:197px; height:68px; padding-top:15px; background:url('http://cache.goorm.com/krf/renew/common/loginBg3.gif') no-repeat; margin:0 0 5px 14px;}
#login .afterloginBox2 dt{color:#ffffff; font-size:11px; line-height:14px; text-align:center;  height:35px;  }
#login .afterloginBox2 dt span{color:#ff6740; font-size:11px; font-weight:bold;}
#login .afterloginBox2 dd{color:#200047; text-align:center; font-size:11px; line-height:18px; height:33px; }
#login .afterloginBox2 dd a{color:#200047;}


#mainfooter2 {width:977px; height:115px; background:url('http://cache.goorm.com/krf/renew/common/FootBar.gif') no-repeat left 42px; margin:0 auto; position:relative; clear:both; padding-top:52px;}
#mainfooter2 .footLogo{float:left; margin:25px 30px 0 20px; }
#mainfooter2 .footAddRap {float:left; margin-top:24px; }
#mainfooter2 .footAddRap .footLink{height:20px; width:450px;}
#mainfooter2 .footAddRap .footLink li{float:left; padding-right:11px; background:url('http://cache.goorm.com/krf/renew/common/FootGap.gif') no-repeat right top;}
#mainfooter2 .footAddRap .footLink li.last{padding-right:0px; background:none;}
#mainfooter2 .footInfo{float:right; margin-top:20px;}
#mainfooter2 address{text-align:left;}
/* ENDchanneling */

.loginBg {position:absolute; left:11px; top:214px; z-index:1;  width:226px; height:307px;  background:url('http://cache.goorm.com/krf/renew/main/MainLoginBg.jpg') no-repeat;}
.loginBg2 {position:absolute; left:11px; top:214px; z-index:1;  width:226px; height:307px;  background:url('http://cache.goorm.com/krf/renew/main/MainLoginBg2.jpg') no-repeat;}
.loginBg3 {position:absolute; left:11px; top:214px; z-index:1;  width:226px; height:307px;  background:url('http://cache.goorm.com/krf/renew/main/MainLoginBg3.jpg') no-repeat;}
h2.afterloginMsg {font:11px/14px dotum,"돋움"; color:#1a0039; padding:25px 0 3px 18px; height:14px; overflow:hidden; margin:0; }
#login .userCharacter {width:206px; height:96px; background:url('http://cache.goorm.com/krf/renew/common/loginBg2.gif') no-repeat left top; margin:0 0 5px 10px; overflow:hidden;}
#login .basic {float:right; width:123px; padding:11px 13px 0 0; height:54px; }
#login .basic li {padding:1px 0 2px 39px;  color:#d8afff; font:11px/14px dotum,"돋움"; background-position:left 3px; background-repeat:no-repeat;}
#login .basic li.character {color:#FFF; font-weight:bold; background-image:url('http://cache.goorm.com/krf/renew/common/label_login_character.gif');}
#login .basic li.lev {background-image:url('http://cache.goorm.com/krf/renew/common/label_login_lev.gif'); padding-top:0; padding-bottom:1px; }
#login .basic li.lev img {vertical-align:middle; margin-bottom:-2px;}
#login .basic li.exp {background-image:url('http://cache.goorm.com/krf/renew/common/label_login_exp.gif');}
#login .userCharacter .thumb {float:left; margin:9px 0 0 0px; width:70px; height:56px; overflow:hidden; }
#login .btm {clear:both; padding:0 0 0 7px;}
#login .btm li {float:left; color:#e9d2ff; font:bold 10px/14px verdana; padding:6px 0 0 33px; width:32px; letter-spacing:-0.1em;}
#login .btm .act {padding:5px 0 0 0px; width:65px;}
#login .btm .today {background:url('http://cache.goorm.com/krf/renew/common/label_login_today.gif') no-repeat left 9px;}
#login .btm .new {background: url('http://cache.goorm.com/krf/renew/common/label_login_new.gif') no-repeat left 9px;}
#login .exp_graph {float:none; margin:1px 0 0; height:8px; width:57px; display:block;}
#login .exp_graph span {height:8px;}
#login .noaccount {height:65px; overflow:hidden;}
#login .noaccount img {vertical-align:top;}
#login .afterbuttonRap2 { margin-left:10px;}

/* leftSide */

.gameMode {background:url('http://cache.goorm.com/krf/renew/main/leftboxBg01.jpg') left top no-repeat; position:relative; width:226px; height:182px; margin-bottom:10px; z-index:10;}
.gameMode dt{padding:14px 0 7px 13px; height:17px; font-size:0px; }
.gameMode dd.navi {position:absolute;left:9px; top:109px; height:18px;}
.gameMode_block {display:none;}
.gameMode li.imgRap{position:relative; height:66px; margin:0 0 32px 9px;font-size:0px;}
.gameMode li.imgRap .thumImg{width:209px; height:66px; }
.gameMode li.imgRap .pngOn{position:absolute; left:0px; top:0px;}
.gameMode .leftBtn {position:absolute; left:0px; top:0px;}
.gameMode .selectBox {position:absolute; left:21px; top:0px;}
.gameMode .rightBtn {position:absolute; left:191px; top:0px;}
.gameMode .text { width:200px; color:#999999; font-size:11px; line-height:13px; height:39px; overflow:hidden; margin:0 auto;}
.select-layer-wrap {float:left;}
.select2-box {border:1px solid #653894; height:16px; cursor:pointer; font-size:11px; line-height:14px; width:165px; background:#e4dbed }
.select2-box .select-label {display:block; background-color:#e4dbed;   padding:1px 17px 1px 3px; color:#653894;white-space:nowrap; text-overflow:ellipsis; text-align:center; background: url('http://cache.goorm.com/krf/renew/main/gameModeSelect.gif') no-repeat right center; zoom:1;}
.select2-list {
/*overflow:auto; height:68px; */
color:#653894; background-color:#e4dbed;  z-index:101; border:1px solid #653894; margin:-1px 0 0; font-size:11px; line-height:14px; width:165px; position:absolute; 
}
.select2-list li { padding:1px 3px 2px; cursor:default; text-align:left; text-align:center; cursor:pointer;}
.select2-list .over {background-color:#e4dbed;  color:#653894;}

.guide {background:url('http://cache.goorm.com/krf/renew/main/leftboxBg02.jpg') left top no-repeat; width:226px; height:158px; margin-bottom:10px; position:relative; z-index:9;}
.guide dt{padding:14px 0 7px 13px; height:17px; font-size:0px; }
.guide dd.img{position:relative; height:66px; margin:0 0 7px 9px; font-size:0px;}
.guide dd.img .thumImg{width:209px; height:66px;}
.guide dd.img .pngOn{position:absolute; left:0px; top:0px;}
.guide .text { width:200px; color:#999999; font-size:11px; line-height:13px; height:40px; overflow:hidden; margin:0 auto;}
.guide .text a{color:#999999;}


.cashGo {position:relative;background:url('http://cache.goorm.com/krf/renew/main/leftfastgobg.jpg') no-repeat; width:226px; height:167px; margin-bottom:10px;}
.cashGo .go01{position:absolute; left:23px; top:31px;}
.cashGo .go02{position:absolute; left:91px; top:31px;}
.cashGo .go03{position:absolute; left:160px; top:31px;}

.TncashGo {position:relative;background:url('http://cache.goorm.com/krf/renew/main/Tnleftfastgobg.jpg') no-repeat; width:226px; height:77px; margin-bottom:10px;}
.TncashGo .go01{position:absolute; left:23px; top:22px;}

.mainBanner {height:64px;}
.mainBanner li{float:left;}

/* rightSide */

.hotMovie {position:relative; background:url('http://cache.goorm.com/krf/renew/main/hotMovieBg.jpg') left top no-repeat; width:242px; height:179px; margin-bottom:10px;}
.hotMovie img.thumImg {width:200px; height:114px;position:absolute; left:13px; top:53px;}
.hotMovie .pngOn{position:absolute; left:13px; top:53px;}

.fighterIssue {background:url('http://cache.goorm.com/krf/renew/main/leftboxBg02.jpg') left top no-repeat; width:226px; height:158px; margin-bottom:15px; position:relative;}
.fighterIssue dt{padding:14px 0 7px 13px; height:17px; font-size:0px; }
.fighterIssue dd.IssueSlideRap{width:211px; height:114px;overflow:hidden; position:relative; margin:0 auto; }
.fighterIssue dd.IssueSlideRap table{position:relative; border-collapse: collapse; border-spacing: 0;}
.fighterIssue dd.IssueSlideRap table dl{width:209px; margin-right:5px;}
.fighterIssue dd.img{position:relative; height:66px; margin:0 0 7px; font-size:0px;}
.fighterIssue dd.img .thumImg{width:209px; height:66px;}
.fighterIssue dd.img .pngOn{position:absolute; left:0px; top:0px;}
.fighterIssue dd.btn{position:absolute; left:194px; top:18px;}
.fighterIssue .text { width:200px; color:#999999; font-size:11px; line-height:13px; height:40px;  overflow:hidden; margin:0 auto;}


.pcBang {width:201px; height:136px; margin:0 0 15px 14px;}
.pcBang dt {height:46px;}
.pcBang .search {height:30px; margin:0px; padding:0px;}
.pcBang .search .searchBar{border:1px solid #d8d8d8; width:137px; height:14px; padding:3px 5px; vertical-align:middle;}
.pcBang .search .searchBtn{vertical-align:middle; margin-left:5px;}
.pcBang .go{}

.rankingRap {width:200px; margin-left:14px;}
.rankingTab {height:36px;overflow:hidden; background:url('http://cache.goorm.com/krf/renew/main/rankingTabBg.gif') left top repeat-x; position:relative;}
.rankingTab dt{width:200px; height:15px; margin-bottom:5px; font-size:0px;}
.rankingTab dd{float:left; margin-left:1px; font-size:0px;}
.rankingTab dd img{cursor:pointer;}
.rankingTab .more{position:absolute; right:0px; top:20px;}
.rankingListRap {position:relative;}
.rankingListRap .more{position:absolute; right:0px; top:-16px;}
.rankingList {width:201px; background:url('http://cache.goorm.com/krf/renew/main/rankingTableBg.gif') left top no-repeat; table-layout:fixed;}
.rankingList thead th{visibility:hidden; font-size:0px; height:23px;}
.rankingList tbody td{height:23px; font-size:11px;overflow:hidden; background:url('http://cache.goorm.com/krf/renew/main/rankingDotLine.gif') left bottom repeat-x;}
.rankingList tbody td.id img{vertical-align:middle; margin-right:5px;}
.rankingList {width:201px;}
.rankingList {width:201px;}

/* center */

.updateList {position:relative; height:120px;}
.updateList .title{float:left;  width:136px; }
.updateList .img{float:left; position:absolute;left:0px; top:26px; width:136px; height:78px; width:136px; font-size:0px;}
.updateList .img .thumImg{width:136px; height:78px;}
.updateList .img .pngOn{position:absolute; left:0px; top:0px;}
.updateList .Cnt{float:right; width:334px; height:100px; margin-top:12px;}
.updateList .Cnt .CntTit{width:300px; height:22px; padding:25px 17px 0 17px;background:url('http://cache.goorm.com/krf/renew/main/updateIssueBg.gif') left top no-repeat;color:#ffffff; font-weight:bold; font-size:11px; margin-bottom:15px;}
.updateList .Cnt .CntTit a{color:#ffffff; font-weight:bold;}
.updateList .Cnt .CntTit img{margin-left:5px; vertical-align:top;}
.updateList .Cnt .Cnt01{background:url('http://cache.goorm.com/krf/renew/main/updateNum01.gif') left top no-repeat; padding-left:15px; line-height:15px; margin-left:25px;}
.updateList .Cnt .Cnt02{background:url('http://cache.goorm.com/krf/renew/main/updateNum02.gif') left top no-repeat; padding-left:15px; line-height:15px; margin-left:25px;}
.updateList .more {position:absolute; right:0px; top:0px;}

.noticeRap {margin-bottom:15px;}
.noticeRap .noticeTab{background:url('http://cache.goorm.com/krf/renew/main/niticeTabBg.gif') left top no-repeat; width:480px; height:36px; position:relative; margin-bottom:10px;}

.noticeRap .noticeTab li{float:left; margin-right:2px;}
.noticeRap .noticeTab li img{cursor:pointer;}
.noticeRap .noticeListRap {position:relative;}
.noticeRap .noticeListRap a.more{position:absolute; top:-31px; right:0px;}
.noticeRap .noticeList{width:470px; margin-left:10px; table-layout:fixed;}
.noticeRap .noticeList td{text-align:center;}
.noticeRap .noticeList .cnt{text-align:left;}
.noticeRap .noticeList .cnt a{color:#999999;  }
.noticeRap .noticeList .cnt .icon{margin:3px 0 0 5px;}
.noticeRap .noticeList .time{font-family:Verdana; font-size:11px; color:#999999;}


.MainnewItem {position:relative; height:166px; margin-bottom:18px; }
.MainnewItem dt.Itemtit{height:15px; margin-bottom:9px;}
.MainnewItem dt.Itemtit a.more{position:absolute; right:0px; top:0px;}
.MainnewItem dd.ItemlistRap{width:480px; height:140px; position:relative;overflow:hidden;background:url('http://cache.goorm.com/krf/renew/main/itemBg.gif') left top no-repeat;}
.MainnewItem dd.ItemlistRap .itemPre{position:absolute; left:0px; top:45px;z-index:100;}
.MainnewItem dd.ItemlistRap .itemNext{position:absolute; right:0px; top:45px;z-index:100;}
.MainnewItem dd.ItemlistRap .SlideRap {width:460px; height:105px; overflow:hidden; position:relative;margin:19px 0px 0 8px; }
.MainnewItem dd.ItemlistRap table{position:relative;}
.MainnewItem dd.ItemlistRap table img{width:73px; height:64px;}
.MainnewItem dd.ItemlistRap table td.rap{text-align:center;background:url('http://cache.goorm.com/krf/renew/main/itemDotLine.gif') right top no-repeat; vertical-align:top;}
.MainnewItem dd.ItemlistRap .innerTbl {width:114px;}
.MainnewItem dd.ItemlistRap .innerTbl dt{color:#999999;line-height:12px; font-weight:bold;margin-top:3px;}
.MainnewItem dd.ItemlistRap .innerTbl dd{color:#999999;line-height:12px; font-size:11px;}

.BestScreen {position:relative; height:176px;}
.BestScreen dt{height:16px; margin-bottom:10px;}
.BestScreen dt a.more{position:absolute; right:0px; top:0px;}
.BestScreen dd{width:480px; height:150px;}
.BestScreen dd ul{float:left; width:152px;margin-left:10px;}
.BestScreen dd ul.first{margin:0px;}
.BestScreen dd ul li{float:left;}
.BestScreen dd ul .img{width:147px; height:94px; border:1px solid #c1c1c1; padding:2px; margin-bottom:15px;}
.BestScreen dd ul .img img{width:147px; height:94px;}
.BestScreen dd ul .title {background:url('http://cache.goorm.com/krf/renew/main/bestScreenDot.gif') left top no-repeat; padding-left:5px; width:110px; line-height:15px; height:13px; overflow:hidden; }
.BestScreen dd ul .title a{float:left; width:120px; color:#999999; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.BestScreen dd ul .reply {color:#91bb00; font-weight:bold; font-size:11px; float:right;}
.BestScreen dd ul .id {width:152px; text-align:center;margin-top:5px; color:#bbbbbb; }
.BestScreen dd ul .id strong{color:#ed1c24; font-size:11px;}
.BestScreen dd ul .id img{vertical-align:middle;}


/* footer */
#mainfooter {width:977px; height:115px; background:url('http://cache.goorm.com/krf/renew/common/FootBar.gif') no-repeat left 42px; margin:0 auto; position:relative; clear:both; padding-top:52px;}
#mainfooter .footLogo{float:left; margin:36px 15px 0 0; }
#mainfooter .footAddRap {float:left; margin-top:24px; }
#mainfooter .footAddRap .footLink{height:20px; width:430px;}
#mainfooter .footAddRap .footLink li{float:left; padding-right:11px; background:url('http://cache.goorm.com/krf/renew/common/FootGap.gif') no-repeat right top;}
#mainfooter .footAddRap .footLink li.last{padding-right:0px; background:none;}
#mainfooter .footInfo{float:right; margin-top:20px;}



/*etc*/
.DisNone {display:none;}

/* 게임정보연동&소대원증 */
.exp_graph {float:left; font-size:1px; line-height:0em; width:61px; height:10px; border:1px solid #484848; border-color:#484848 #FFF #FFF #484848;  padding:0; margin:4px 0 0; display:inline; background: url('http://cache.goorm.com/krf/renew/card/bg_graph.gif') repeat-x left center; zoom:1;}
.exp_graph span {height:10px; background:url('http://cache.goorm.com/krf/renew/card/img_graph.gif') left center; display:block;}
.exp_graph_percent {padding:0 0 0 5px; font:9px/15px verdana; _padding-left:2px;}
.exp_graph_percent strong {color:#ff6740; padding:0 1px;}