@charset "utf-8";

@import url(../../top/css/gnb.css);

#header{*height:1%;} 
#header:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
#header{clear:both;padding-left:16px;margin:-0px auto 8px auto;}
#header *{margin:0;padding:0;}

#header h1{float:left;display:inline;margin:-53px 0 0 -16px;padding:0;}
#header h1 img{position:relative;z-index:3;vertical-align:top;margin:0;padding:0;}
#header ul{clear:both;float:left;list-style:none;margin:0;padding:0;width:890px;}
#header ul li{margin:0;padding:0; overflow:hidden;}

#header .hot_issue{clear:left;padding:5px 0 23px 15px;}
#header .hot_issue form{float:left;}
#header .hot_issue p{float:left;line-height:18px;text-align:left;}
#header .hot_issue p img{float:left;vertical-align:middle;}
#header .hot_issue p img.hot{margin-top:3px;}
#header .hot_issue p.btn{float:left;display:block;width:19px;margin:-4px 4px 0 9px}
#header .hot_issue p.btn img{cursor:pointer;}
#header .hot_issue p strong{display:block; cursor:pointer;height:20px;margin-left:10px;padding:0 5px;font-weight:normal;background: url(../img/icon_dot.gif) no-repeat left 7px;}
#header .hot_issue p a{color:#363636;font-size:12px; text-decoration:none;}
#header .hot_issue img#btnhotissueLeft{margin:0 -4px 0 4px;}
#header .hot_issue p img.btnLeft{margin-left:4px;}

#hotIssue {position: relative;overflow: hidden;width:730px;height: 16px;}

/*main*/
#header_main{*height:1%;} 
#header_main:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
#header_main{z-index:10;width:920px;margin:0 auto;background: url(../img/bg_main.gif) no-repeat 0 62px;}
#header_main *{margin:0;padding:0;list-style:none;}
#header_main p{position:relative;float:left;margin:0 0 0 -30px;padding:0;width:220px;height:96px;}/*banner*/
#header_main p a img{ vertical-align:top;}

#header_main a{color:#666;font-size:10px;text-decoration:none;}
#header_main a:hover{color:#ff6600; text-decoration:underline;}

/*2010 12/3 UPDATE logo img start*/
#header_main h1{float:left;width:520px; text-align:center;}
#header_main h1 img{padding: 6px 0 7px 0; vertical-align:top;}
/*end*/


#header_main ul#main_top{float:right;padding:7px 7px 0 0;}
#header_main ul#main_top li{float:left;padding:0 7px;border-right:1px solid #d0d0d0;}
#header_main ul#main_top li img{ display:block;vertical-align:middle;}
#header_main ul#main_top li.none{border:none;}

#header_main .quick_menu{float:right; display:inline;width:px;margin:45px -9px 0 0; list-style:none;}
#header_main .quick_menu li{float:right;padding:0 9px 0 5px;font-size:10px;background:url(../../top/img/icon_dot01.gif) no-repeat left 5px;}

:root #header_main ul#main_menu{}
#header_main ul#main_menu{float:left;width:730px;margin-top:1px;background: url(../img/bg_main.gif) no-repeat left top;}
#header_main ul#main_menu li{float:left;overflow:hidden;text-indent:-10000px;}
#header_main ul#main_menu li a{display:block;height:34px;margin-right:1px;}

#header_main ul#main_menu li#game a{width:73px;background: url(../img/menu_main.gif) no-repeat -209px top;}
#header_main ul#main_menu li#flash a{width:99px;background: url(../img/menu_main.gif) no-repeat -282px top;}
#header_main ul#main_menu li#blog a{width:84px;background: url(../img/menu_main.gif) no-repeat -381px top;}
#header_main ul#main_menu li#club a{width:83px;background: url(../img/menu_main.gif) no-repeat -464px top;}
#header_main ul#main_menu li#shop a{width:83px;background: url(../img/menu_main.gif) no-repeat -547px top;}
#header_main ul#main_menu li#lounge a{width:80px;background: url(../img/menu_main.gif) no-repeat -630px top;}

#header_main ul#main_menu li#game a:hover{width:73px;background: url(../img/menu_main.gif) no-repeat -209px -34px;}
#header_main ul#main_menu li#flash a:hover{width:99px;background: url(../img/menu_main.gif) no-repeat -282px -34px;}
#header_main ul#main_menu li#blog a:hover{width:84px;background: url(../img/menu_main.gif) no-repeat -381px -34px;}
#header_main ul#main_menu li#club a:hover{width:83px;background: url(../img/menu_main.gif) no-repeat -464px -34px;}
#header_main ul#main_menu li#shop a:hover{width:83px;background: url(../img/menu_main.gif) no-repeat -547px -34px;}
#header_main ul#main_menu li#lounge a:hover{width:80px;background: url(../img/menu_main.gif) no-repeat -630px -34px;}


/*shop*/
.shop_bg{clear:both;width:899px;height:67px!important;padding:0 5px 0px 16px;background: url(../img/bg_shop.gif) no-repeat left 1px;} 
#shop_menu {float:left;padding:5px 0 0 0!important;margin:0;}
#shop_menu li{float:left;text-align:left;}
#shop_menu li img{display:block; vertical-align:top;}
#shop_menu li.btn{float:right;}

 
.sub_menu{float:left;width:800px;height:23px;margin-right:-4px;padding:6px 0 1px 10px!important;}
.sub_menu ul{width:800px!important;}
.sub_menu ul li{float:left;padding:0 14px!important;height:20px;line-height:14px;background: url(../img/bg_bar.gif) no-repeat left 2px;}
.sub_menu ul li img{float:left;margin:1px 4px 0 0!important;}
.sub_menu ul li.first{background:none!important;}
.sub_menu ul li a:link,
.sub_menu ul li a:active,
.sub_menu ul li a:visited{color:#5f4f44;font-weight:bold;font-size:12px;text-decoration:none;}
.sub_menu ul li a:hover{color:#fe5200; text-decoration:none;}
.sub_menu ul li a.on{color:#fe5200!important; text-decoration:none;}

/*common*/
.common_bg{width:904px;background: url(../img/bg_common.gif) no-repeat left 1px;}
#commom_menu li{float:left;text-indent:-1000px;}
#commom_menu li a{display:block;height:38px;}

#commom_menu li#game a{width:78px;background: url(../img/menu_common.gif) no-repeat -16px top;}
#commom_menu li#flash a{width:102px;background: url(../img/menu_common.gif) no-repeat -94px top;}
#commom_menu li#blog a{width:78px;background: url(../img/menu_common.gif) no-repeat -196px top;}
#commom_menu li#club a{width:78px;background: url(../img/menu_common.gif) no-repeat -274px top;}
#commom_menu li#shop a{width:88px;background: url(../img/menu_common.gif) no-repeat -352px top;}
#commom_menu li#lounge a{width:87px;background: url(../img/menu_common.gif) no-repeat -440px top;}

#commom_menu li#game a:hover{width:78px;background: url(../img/menu_common.gif) no-repeat -16px -38px;}
#commom_menu li#flash a:hover{width:102px;background: url(../img/menu_common.gif) no-repeat -94px -38px;}
#commom_menu li#blog a:hover{width:78px;background: url(../img/menu_common.gif) no-repeat -196px -38px;}
#commom_menu li#club a:hover{width:78px;background: url(../img/menu_common.gif) no-repeat -274px -38px;}
#commom_menu li#shop a:hover{width:88px;background: url(../img/menu_common.gif) no-repeat -352px -38px;}
#commom_menu li#lounge a:hover{width:87px;background: url(../img/menu_common.gif) no-repeat -440px -38px;}


/*game*/
.game_bg{width:904px;background: url(../img/bg_game.gif) no-repeat left 1px;}
#game_menu li{float:left;text-indent:-10000px;}
#game_menu li a{display:block;height:38px;}
#game_menu li.btn{float:right; text-align:right;text-indent:0!important;}
#game_menu li.btn img{padding:5px 5px 0 0;}


#game_menu li#game a{width:140px;background: url(../img/menu_game.gif) no-repeat -16px -38px;}
#game_menu li#game a.on{width:140px;background: url(../img/menu_game.gif) no-repeat -16px -38px;}

/*flashgame*/
.flash_bg{width:904px;background: url(../img/bg_flash.gif) no-repeat left 1px;}
#flash_menu li{float:left;text-indent:-10000px;}
#flash_menu li a{display:block;height:38px;margin-right:3px;}

#flash_menu li#home a{width:149px;background: url(../img/menu_flash.gif) no-repeat -16px top;}
#flash_menu li#dj a{width:98px;background: url(../img/menu_flash.gif) no-repeat -168px top;}
#flash_menu li#snow a{width:134px;background: url(../img/menu_flash.gif) no-repeat -269px top;}
#flash_menu li#can a{width:90px;background: url(../img/menu_flash.gif) no-repeat -406px top;}
#flash_menu li#candy a{width:123px;background: url(../img/menu_flash.gif) no-repeat -499px top;}
#flash_menu li#wild a{width:105px;background: url(../img/menu_flash.gif) no-repeat -625px top;}
#flash_menu li#door a{width:149px;background: url(../img/menu_flash.gif) no-repeat -733px top;}

#flash_menu li#home a:hover{width:149px;background: url(../img/menu_flash.gif) no-repeat -16px -38px;}
#flash_menu li#dj a:hover{width:98px;background: url(../img/menu_flash.gif) no-repeat -168px -38px;}
#flash_menu li#snow a:hover{width:134px;background: url(../img/menu_flash.gif) no-repeat -269px -38px;}
#flash_menu li#can a:hover{width:90px;background: url(../img/menu_flash.gif) no-repeat -406px -38px;}
#flash_menu li#candy a:hover{width:123px;background: url(../img/menu_flash.gif) no-repeat -499px -38px;}
#flash_menu li#wild a:hover{width:105px;background: url(../img/menu_flash.gif) no-repeat -625px -38px;}
#flash_menu li#door a:hover{width:149px;background: url(../img/menu_flash.gif) no-repeat -733px -38px;}

#flash_menu li#home a.on{width:149px;background: url(../img/menu_flash.gif) no-repeat -16px -38px;}
#flash_menu li#dj a.on{width:98px;background: url(../img/menu_flash.gif) no-repeat -168px -38px;}
#flash_menu li#snow a.on{width:134px;background: url(../img/menu_flash.gif) no-repeat -269px -38px;}
#flash_menu li#can a.on{width:90px;background: url(../img/menu_flash.gif) no-repeat -406px -38px;}
#flash_menu li#candy a.on{width:123px;background: url(../img/menu_flash.gif) no-repeat -499px -38px;}
#flash_menu li#wild a.on{width:105px;background: url(../img/menu_flash.gif) no-repeat -625px -38px;}
#flash_menu li#door a.on{width:149px;background: url(../img/menu_flash.gif) no-repeat -733px -38px;}

/*minigame*/
.mini_bg{width:904px;background: url(../img/bg_mini.gif) no-repeat left 1px;}
#mini_menu li{float:left;text-indent:-10000px;}
#mini_menu li a{display:block;height:38px;margin-right:3px;}

#mini_menu li#home a{width:127px;background: url(../img/menu_mini.gif) no-repeat -16px top;}
#mini_menu li#list a{width:100px;background: url(../img/menu_mini.gif) no-repeat -146px top;}
/*#mini_menu li#mission a{width:126px;background: url(../img/menu_mini.gif) no-repeat -249px top;}*/
#mini_menu li#best a{width:102px;background: url(../img/menu_mini.gif) no-repeat -249px top;}
#mini_menu li#my a{width:113px;background: url(../img/menu_mini.gif) no-repeat -354px top;}

#mini_menu li#home a:hover{width:127px;background: url(../img/menu_mini.gif) no-repeat -16px -38px;}
#mini_menu li#list a:hover{width:100px;background: url(../img/menu_mini.gif) no-repeat -146px -38px;}
/*#mini_menu li#mission a:hover{width:126px;background: url(../img/menu_mini.gif) no-repeat -249px -38px;}*/
#mini_menu li#best a:hover{width:102px;background: url(../img/menu_mini.gif) no-repeat -249px -38px;}
#mini_menu li#my a:hover{width:113px;background: url(../img/menu_mini.gif) no-repeat -354px -38px;}

#mini_menu li#home a.on{width:127px;background: url(../img/menu_mini.gif) no-repeat -16px -38px;}
#mini_menu li#list a.on{width:100px;background: url(../img/menu_mini.gif) no-repeat -146px -38px;}
/*#mini_menu li#mission a.on{width:126px;background: url(../img/menu_mini.gif) no-repeat -249px -38px;}*/
#mini_menu li#best a.on{width:102px;background: url(../img/menu_mini.gif) no-repeat -249px -38px;}
#mini_menu li#my a.on{width:113px;background: url(../img/menu_mini.gif) no-repeat -354px -38px;}

.mini_bg .sub_menu{position:relative;float:left;height:29px;width:800px;padding:0 0 0 10px!important;}
.mini_bg .sub_menu ul{position:absolute;left:16px; top:6px;}
.mini_bg .sub_menu ul li{ float:left;padding:0 14px!important;background: url(../img/bg_bar.gif) no-repeat left 2px;line-height:16px;}
.mini_bg .sub_menu ul li.first{background:none!important;}
.mini_bg .sub_menu ul li a:link,
.mini_bg .sub_menu ul li a:active,
.mini_bg .sub_menu ul li a:visited{color:#5f4f44;font-weight:bold;font-size:12px;text-decoration:none;}
.mini_bg .sub_menu ul li a:hover{color:#4a8f00; text-decoration:none;}
.mini_bg .sub_menu ul li a.on{color:#4a8f00!important; text-decoration:none;}
.mini_bg .sub_menu ul.my{ display:block;position:absolute;left:480px; top:7px;}
.mini_bg .sub_menu ul.mission{ display:block;position:absolute;left:235px; top:7px;}


/*club*/
.club_bg{width:904px;background: url(../img/bg_club.gif) no-repeat left 1px;}
#club_menu li{float:left;text-indent:-10000px;}
#club_menu li a{display:block;height:38px;margin-right:3px;}
#club_menu li.btn{float:right;padding-top:7px;margin-bottom:-5px;text-indent:0px;}
#club_menu li.btn a{width:93px;height:23px;}

#club_menu li#home a{width:103px;background: url(../img/menu_club.gif) no-repeat -16px top;}
#club_menu li#infor a{width:80px;background: url(../img/menu_club.gif) no-repeat -122px top;}
#club_menu li#rank a{width:128px;background: url(../img/menu_club.gif) no-repeat -205px top;}
#club_menu li#member a{width:103px;background: url(../img/menu_club.gif) no-repeat -336px top;}

#club_menu li#home a:hover{width:103px;background: url(../img/menu_club.gif) no-repeat -16px -38px;}
#club_menu li#infor a:hover{width:80px;background: url(../img/menu_club.gif) no-repeat -122px -38px;}
#club_menu li#rank a:hover{width:128px;background: url(../img/menu_club.gif) no-repeat -205px -38px;}
#club_menu li#member a:hover{width:103px;background: url(../img/menu_club.gif) no-repeat -336px -38px;}

#club_menu li#home a.on{width:103px;background: url(../img/menu_club.gif) no-repeat -16px -38px;}
#club_menu li#infor a.on{width:80px;background: url(../img/menu_club.gif) no-repeat -122px -38px;}
#club_menu li#rank a.on{width:128px;background: url(../img/menu_club.gif) no-repeat -205px -38px;}
#club_menu li#member a.on{width:103px;background: url(../img/menu_club.gif) no-repeat -336px -38px;}


/*blog*/
.blog_bg{width:904px;background: url(../img/bg_blog.gif) no-repeat left 1px;}
#blog_menu li{float:left;text-indent:-10000px;}
#blog_menu li a{display:block;height:38px;margin-right:3px;}

#blog_menu li#home a{width:103px;background: url(../img/menu_blog.gif) no-repeat -16px top;}
#blog_menu li#official a{width:91px;background: url(../img/menu_blog.gif) no-repeat -122px top;}
#blog_menu li#theme a{width:103px;background: url(../img/menu_blog.gif) no-repeat -216px top;}
#blog_menu li#news a{width:79px;background: url(../img/menu_blog.gif) no-repeat -322px top;}
#blog_menu li#recom a{width:104px;background: url(../img/menu_blog.gif) no-repeat -404px top;}
#blog_menu li#skin a{width:135px;background: url(../img/menu_blog.gif) no-repeat -511px top;}


#blog_menu li#home a:hover{width:103px;background: url(../img/menu_blog.gif) no-repeat -16px -38px;}
#blog_menu li#official a:hover{width:91px;background: url(../img/menu_blog.gif) no-repeat -122px -38px;}
#blog_menu li#theme a:hover{width:103px;background: url(../img/menu_blog.gif) no-repeat -216px -38px;}
#blog_menu li#news a:hover{width:79px;background: url(../img/menu_blog.gif) no-repeat -322px -38px;}
#blog_menu li#recom a:hover{width:104px;background: url(../img/menu_blog.gif) no-repeat -404px -38px;}
#blog_menu li#skin a:hover{width:135px;background: url(../img/menu_blog.gif) no-repeat -511px -38px;}

#blog_menu li#home a.on{width:103px;background: url(../img/menu_blog.gif) no-repeat -16px -38px;}
#blog_menu li#official a.on{width:91px;background: url(../img/menu_blog.gif) no-repeat -122px -38px;}
#blog_menu li#theme a.on{width:103px;background: url(../img/menu_blog.gif) no-repeat -216px -38px;}
#blog_menu li#news a.on{width:79px;background: url(../img/menu_blog.gif) no-repeat -322px -38px;}
#blog_menu li#recom a.on{width:104px;background: url(../img/menu_blog.gif) no-repeat -404px -38px;}
#blog_menu li#skin a.on{width:135px;background: url(../img/menu_blog.gif) no-repeat -511px -38px;}

/*lounge*/
.lounge_bg{width:904px;background: url(../img/bg_lounge.gif) no-repeat left 1px;}
#lounge_menu li{float:left;text-indent:-10000px;}
#lounge_menu li a{display:block;height:38px;margin-right:3px;}

#lounge_menu li#home a{width:115px;background: url(../img/new_menu_cate.gif) no-repeat -16px top;}
#lounge_menu li#goods a{width:130px;background: url(../img/new_menu_cate.gif) no-repeat -134px top;}
#lounge_menu li#game a{width:115px;background: url(../img/new_menu_cate.gif) no-repeat -267px top;}
#lounge_menu li#event a{width:102px;background: url(../img/new_menu_cate.gif) no-repeat -385px top;}

#lounge_menu li#home a:hover{width:115px;background: url(../img/new_menu_cate.gif) no-repeat -16px -38px;}
#lounge_menu li#goods a:hover{width:130px;background: url(../img/new_menu_cate.gif) no-repeat -134px -38px;}
#lounge_menu li#game a:hover{width:115px;background: url(../img/new_menu_cate.gif) no-repeat -267px -38px;}
#lounge_menu li#event a:hover{width:102px;background: url(../img/new_menu_cate.gif) no-repeat -385px -38px;}

#lounge_menu li#home a.on{width:115px;background: url(../img/new_menu_cate.gif) no-repeat -16px -38px;}
#lounge_menu li#goods a.on{width:130px;background: url(../img/new_menu_cate.gif) no-repeat -134px -38px;}
#lounge_menu li#game a.on{width:115px;background: url(../img/new_menu_cate.gif) no-repeat -267px -38px;}
#lounge_menu li#event a.on{width:102px;background: url(../img/new_menu_cate.gif) no-repeat -385px -38px;}

/*search*/
.search_bg{width:920px;border-bottom:1px solid #cfcfcf;}