@import url(./layout.css);
@import url(./global.css);
@import url(./bbs.css);


/***************** main visual ¹× login¿µ¿ª ******************/
h1 {margin: 9px 0 0 11px;}

/* »ó´Ü °øÁö */
#logo_news { width:960px; height:66px; text-align:center; /* 2008-09-09 »èÁ¦.·¹À̾ƿô Á¶Á¤ padding:0 10px; */}
#logo_news .l img { vertical-align: top; }
#logo_news .news { margin-top:25px; width:357px; height:31px; background:url(http://s.nx.com/S2/game/cso/global/bg_tophelp.gif) no-repeat right top;}
#logo_news dl { float:left; width:357px; color:#999999; }
#logo_news dl dt { float:left; width:111px; margin-top: 5px;}
*html #logo_news dl dt { margin: 5px 0 0 5px; display: inline;}
#logo_news dl dd { float:left; width:76px; text-align: center; margin-top: 10px;}
#logo_news dl dd.last { width:86px;}

#loginVisual {width: 944px; height: 278px;
	background: url("http://s.nx.com/S2/game/cso/event/bg_main_promo.jpg") no-repeat left top;
	/*2010³â Á»ºñ background: url("http://s.nx.com/S2/game/cso/event/bg_main_promo_zombie.jpg") no-repeat left top;*/
	/* 2008-10-30 ¼öÁ¤.ÇÁ·Î¸ð¼Ç ³ëÃâ °­È­ background: url(http://s.nx.com/S2/game/cso/event/bg_main_promotion_20080910.gif) no-repeat; */
	/* 2008-09-09 ¼öÁ¤.·¹À̾ƿô Á¶Á¤ margin: 0 0 8px 10px; */margin: 0 0 8px; padding: 8px;}
#loginVisual  p.loginbtn {margin-top: 5px;}
#loginVisual  p.loginbtn img{margin-top: 5px;}


/* ·Î±×ÀÎ
	2008-10-22 »èÁ¦.layout.css ¿Í Áߺ¹
*/

/***************** Contents ******************/
#cntsSecLeft { width:750px; float:left; /* 2008-09-09 »èÁ¦.·¹À̾ƿô Á¶Á¤ padding-left:10px; */clear:both; }
#cntsSecRight { width:200px; float:right; margin:0 10px; }

#cntsSecTotal { clear:left; background:url(http://s.nx.com/S2/game/cso/main/bg_main02.gif) no-repeat left top; width:944px; height:155px; padding: 8px; margin-bottom:10px; }

#cntsSecCenter {float: left; width:208px; }
#cntsSecCLeft { width:359px; float:left; padding-top:17px; padding-left:16px; }
#cntsSecCRight { width:365px; float:left; padding-top:17px; padding-right:10px; }

/******************* news *********************/
#cntsSecTotal .news { padding:2px 0 0 20px; width:723px; margin:0px; float:left; }
#cntsSecTotal .news .board { overflow:hidden;width:355px; margin:0px; float:left; padding-top:5px; }
#cntsSecTotal .news .boardTit { float:left; margin-right:6px; }
#cntsSecTotal .news .boardTab { float:left; }
#cntsSecTotal .news .boardTab ul{ clear:both;padding:0; margin:0; list-style:none; width:235px; }
#cntsSecTotal .news .boardTab ul li { float:left;padding:0 0 0 3px; }
#cntsSecTotal .news .r { margin-bottom:6px; }

#noticeTab01 { overflow:hidden;width:355px; color:#333333; margin: 0 0 2px 0; border-bottom:2px solid #7B7B76; }
#noticeTab01 dl { float:left; border-top:1px solid #7B7B76; width:355px; }
#noticeTab01 dd.newstit { width:280px; background:url(http://s.nx.com/S2/game/cso/main/bul_news_notice.gif) no-repeat 0 6px; float:left; padding:3px 0 1px 7px; }
#noticeTab01 .notice { color:#333; }
#noticeTab01 dd.newsdate { width:50px; float:right; font-family:tahoma; font-size:11px; letter-spacing:0; }

#noticeTab02 { overflow:hidden;width:355px; color:#333333; margin: 0 0 2px 0; border-bottom:2px solid #7B7B76; }
#noticeTab02 dl { float:left; border-top:1px solid #7B7B76; width:355px; }
#noticeTab02 dd.newstit { width:280px; background:url(http://s.nx.com/S2/game/cso/main/bul_news_notice.gif) no-repeat 0 6px; float:left; padding:3px 0 1px 7px; }
#noticeTab02 .notice { color:#333; }
#noticeTab02 dd.newsdate { width:50px; float:right; font-family:tahoma; font-size:11px;letter-spacing:0; }


#noticeTab03 { overflow:hidden;width:355px; color:#333333; margin: 0 0 2px 0; border-bottom:2px solid #7B7B76; }
#noticeTab03 dl { float:left; border-top:1px solid #7B7B76; width:355px; }
#noticeTab03 dd.newstit { width:280px; background:url(http://s.nx.com/S2/game/cso/main/bul_news_notice.gif) no-repeat 0 6px; float:left; padding:3px 0 1px 7px; }
#noticeTab03 .notice { color:#333; }
#noticeTab03 dd.newsdate { width:50px; float:right; font-family:tahoma; font-size:11px; letter-spacing:0;}

#noticeTab04 { overflow:hidden;width:355px; color:#333333; margin: 0 0 2px 0; border-bottom:2px solid #7B7B76; }
#noticeTab04 dl { float:left; border-top:1px solid #7B7B76; width:355px; }
#noticeTab04 dd.newstit { width:280px; background:url(http://s.nx.com/S2/game/cso/main/bul_news_notice.gif) no-repeat 0 6px; float:left; padding:3px 0 1px 7px; }
#noticeTab04 .notice { color:#333; }
#noticeTab04 dd.newsdate { width:50px; float:right; font-family:tahoma; font-size:11px; letter-spacing:0;}

#cntsSecTotal .news .startegy{margin:0px; float:left; padding-top:11px; width: 337px !important; margin-left: 20px !important;}
#newsstartegy { clear:both;overflow:hidden;width:337px; color:#333333; margin: 0 0 2px 0; border-bottom:2px solid #7B7B76; }
#newsstartegy dl { float:left; border-top:1px solid #7B7B76; width:337px; }
#newsstartegy dd.newstit { width:280px; background:url(http://s.nx.com/S2/game/cso/main/bul_news_notice.gif) no-repeat 0 6px; float:left; padding:3px 0 1px 7px; }
#newsstartegy .notice { color:#333; }
#newsstartegy dd.newsdate { width:50px; float:right; font-family:tahoma; font-size:11px; letter-spacing:0; }

/* ¼³¹®Á¶»ç 2008-04-08 ¼öÁ¤ */
#onlinepoll {width: 208px; height: 187px; background:url(http://s.nx.com/S2/game/cso/main/bg_onlinepoll.gif) no-repeat;}
#onlinepoll ul {margin: 7px 0 0 14px;}
#onlinepoll li {font-size: 11px; height: 16px;}
#onlinepoll li input.radio {background-color:#F1F1F1; width: 12px; height: 16px;}
#onlinepoll .polltext {margin: 18px 0 0 56px; color: #777; font-size: 11px; font-weight: bold; line-height: 14px; padding-right: 10px;}
#onlinepoll p.pollbtn {margin-top: 4px; text-align: center;}

.faq { width:200px; margin:0 0 0 8px; border-bottom:2px solid #DDDDDD; clear: both; }
.faq .board { width:200px; margin:0px; float:left; padding-top:5px; padding-bottom:6px; }
.faq .boardTit { float:left; margin: 0 6px 0 0 ; }

.faq ul { overflow:hidden;width:192px; clear:both; }
.faq li { width:192px; background:url(http://s.nx.com/S2/game/cso/main/bul_news.gif) no-repeat 0 6px; float:left; padding:3px 0 1px 7px; border-top:1px solid #DDDDDD;}

#cntsNotice {clear: both; width: 960px;}
#cntsRight {float: left; width: 720px; margin: 0 0 0 20px;}

/******************* ranking *********************/
.rank { overflow:hidden;width:355px; margin:0px; float:left; padding-top:5px; }
.rankTit { float:left; margin:5px 6px 0 0; }
.rankTab { overflow:hidden; float:left; }
.rankTab ul{ padding:0; margin:0; list-style:none; width:250px; }
.rankTab ul li { float:left;padding:0 0 0 3px; }
.rank .r { margin-bottom:6px; }

#rankingTab01 { clear:both;overflow:hidden;width:355px; margin:0; border-bottom:2px solid #D5D5D5; }
#rankingTab01 dl { float:left; border-top:1px solid #DDDDDD; width:355px; }
#rankingTab01 dl.tit { background:url(http://s.nx.com/S2/game/cso/main/bg_tit_ranking01.gif) repeat-x; height:25px; margin-bottom:-3px; float:left; border-top:none; }
#rankingTab01 dd.rank { width:45px; float:left; text-align:center; padding:5px 0 0 0; }
#rankingTab01 dd.nick { width:108px; float:left; text-align:center; padding:5px 0 0 0; }
#rankingTab01 dd.clan { width:120px;float:left;  text-align:center; padding:5px 0 0 0; margin-left:76px; }
#rankingTab01 dd.newsico { width:45px; text-align:center;  float:left; padding:4px 0 0 0; }
#rankingTab01 dd.newstit { width:140px; float:left; padding:3px 0 0 5px; }
#rankingTab01 dd.newsdong { width:120px; float:left; padding:2px 0 0 0; margin-left:36px; }

*html #rankingTab01 dd.rank { padding:7px 0 0 0;  }
*html #rankingTab01 dd.nick { padding:7px 0 0 0; }
*html #rankingTab01 dd.clan { padding:7px 0 0 5px; }


#rankingTab02 { clear:both;overflow:hidden;width:355px; margin: 0; border-bottom:2px solid #D5D5D5; }
#rankingTab02 dl { float:left; border-top:1px solid #DDDDDD; width:355px; }
#rankingTab02 dl.tit { background:url(http://s.nx.com/S2/game/cso/main/bg_tit_ranking01.gif) repeat-x; height:25px; margin-bottom:-3px; float:left; border-top:none; }
#rankingTab02 dd.rank { width:45px; float:left; text-align:center; padding:5px 0 0 0; }
#rankingTab02 dd.clanname { width:128px; float:left; text-align:center; padding:5px 0 0 0; }
#rankingTab02 dd.winner { width:100px; float:left; text-align:center; padding:5px 0 0 2px; margin-left:76px;}
#rankingTab02 dd.newsico { width:45px; text-align:center; float:left; padding:4px 0 0 0; }
#rankingTab02 dd.newstit { width:130px; float:left; padding:3px 0 1px 5px; }
#rankingTab02 dd.newsdong { width:110px; float:right; padding:2px 0 0 0; }
*html #rankingTab02 dd.rank { padding:7px 0 0 0;  }
*html #rankingTab02 dd.clanname { padding:7px 0 0 0; }
*html #rankingTab02 dd.winner { padding:7px 0 0 5px; }


#rankingTab03 { clear:both;overflow:hidden;width:355px; margin: 0; border-bottom:2px solid #D5D5D5; }
#rankingTab03 dl { float:left; border-top:1px solid #DDDDDD; width:355px; }
#rankingTab03 dl.tit { background:url(http://s.nx.com/S2/game/cso/main/bg_tit_ranking01.gif) repeat-x; height:25px; margin-bottom:-3px; float:left; border-top:none; }
#rankingTab03 dd.rank { width:45px; float:left; text-align:center; padding:5px 0 0 0; }
#rankingTab03 dd.pcname { width:128px; float:left; text-align:center; padding:5px 0 0 0; }
#rankingTab03 dd.area { width:100px; float:left; text-align:center; padding:5px 0 0 1px; margin-left:70px;}
#rankingTab03 dd.newsico { width:45px; float:left; text-align:center; padding:4px 0 0 0; }
#rankingTab03 dd.newstit { width:165px; float:left; padding:3px 0 1px 0; }
#rankingTab03 dd.newsdong { width:142px; float:left; padding:2px 0 0 0;}

*html #rankingTab03 dd.rank { padding:7px 0 0 0;  }
*html #rankingTab03 dd.pcname { padding:7px 0 0 0; }
*html #rankingTab03 dd.area { padding:7px 0 0 5px; }

#rankingTab04 { clear:both;overflow:hidden;width:355px; margin: 0; border-bottom:2px solid #D5D5D5; }
#rankingTab04 dl { float:left; border-top:1px solid #DDDDDD; width:355px; }
#rankingTab04 dl.tit { background:url(http://s.nx.com/S2/game/cso/main/bg_tit_ranking01.gif) repeat-x; height:25px; margin-bottom:-3px; float:left; border-top:none; }
#rankingTab04 dd.rank { width:45px; float:left; text-align:center; padding:5px 0 0 0; }
#rankingTab04 dd.area { width:230px; float:left; text-align:center; padding:5px 0 0 0;}
#rankingTab04 dd.people { width:60px; float:left; text-align:center; padding:5px 0 0 0;}
#rankingTab04 dd.newsico { width:45px; text-align:center; float:left; padding:4px 0 0 0;}
#rankingTab04 dd.newstit { width:220px; float:left; padding:3px 0 1px 10px;}
#rankingTab04 dd.newsdong { width:70px; float:left;text-align:center; padding:2px 5px 0 0;}

*html #rankingTab04 dd.rank { padding:7px 0 0 0;  }
*html #rankingTab04 dd.area { padding:7px 0 0 0; }
*html #rankingTab04 dd.people { padding:7px 0 0 5px; }

/******************* community *********************/
#recommu {float: left; width: 337px; margin-left:20px; display: inline;}
.community {overflow:hidden; width:337px; margin:0px; float:left; border-bottom:2px solid #DDDDDD; }
.community .board { overflow:hidden;width:337px; padding:5px 0 0 0;height:auto;}
.community .boardTit { float:left;width:313px; margin: 5px 0 0 0;height:17px;}
.community .r { float:left;width:24px; }

.screenboard { margin: 15px 0 0 0; float:left; padding-top:2px; padding-bottom:11px;margin-bottom: 6px;}
.screenboardTit { float:left; margin: 3px 6px 8px 0 ; width: 200px;}
.screenright {float: right; margin-top: 8px}


.community dl { clear:both;float:left; border-top:1px solid #DDDDDD; width:337px;  }
.community dl.line { float:left; border-bottom:2px solid #DDDDDD; width:337px; clear:both; }
.community dd.newstit { width:280px; background:url(http://s.nx.com/S2/game/cso/main/bul_news.gif) no-repeat 0 6px; float:left; padding:3px 0 1px 7px; }
.community dd.newsdate { width:50px; float:right; font-family:tahoma; font-size:11px; }

/******************* CLAN PR *********************/
.clanpr { overflow:hidden;width:355px; margin-top:15px; float:left; border-bottom:2px solid #DDDDDD; clear: both;}
/*.clanpr .board { width:355px; margin:0px; float:left; padding-top:5px; padding-bottom:9px; }*/
.clanpr .board { overflow:hidden;width:355px; margin:0px; float:left; padding-top:5px; }
.clanpr .boardTit { float:left; margin: 6px 6px 6px 0 ; }
.clanpr .r { margin-bottom:6px; }

.clanpr dl { clear:both;border-top:1px solid #DDDDDD; width:355px; clear:both; }
.clanpr dl.line { float:left; border-bottom:2px solid #DDDDDD; width:355px; clear:both; }
.clanpr dd.newstit { width:250px; background:url(http://s.nx.com/S2/game/cso/main/bul_news.gif) no-repeat 0 6px; float:left; padding:3px 0 1px 7px; }
.clanpr dd.newsnick { float:right; padding:3px 0 1px 0; }

#clanTab02 { clear:both;width:355px; height:88px; background:url(http://s.nx.com/S2/game/cso/main/bg_clan_bigmatch.gif) no-repeat; text-align:center; }
#matchTitle { width:355px;padding-top:10px;font-weight:bold;text-align:center; }
#defenseClan { float:left; width:90px; margin:-16px 0 0 15px; text-align:right; color:#777777; }
#offenseClan { float:right; width:90px; margin:-16px 15px 0 0; text-align:left; color:#777777; }
#clanTab02 img { border:#bbbbbb 1px solid; margin-bottom:5px; }


/* ScreenShot */
.screenshot {overflow: hidden; width: 344px; margin-left: -7px;}
*html .screenshot {overflow: hidden; width: 351px; margin-left: -14px;}
.shotimg {width: 79px; float: left; margin-left: 7px;}
.shotimg dt img {width: 77px; height: 63px; border: 1px solid #BBB;}
.shotimg dd {text-align: center; color: #777; margin-top: 2px;}

/* 2009-01-22 Ãß°¡.°øÀÎ½Ä : Æ÷Ä¿½º ¹× ·¹ÇÁÆ® ¹è³Ê */
#focus {float: left;width: 200px;height: 155px;background: url("http://s.nx.com/S2/game/cso/main/bg_focus.gif") no-repeat left top;}
#focus .tit {height: 17px;padding: 8px 0 5px 3px;}
#focus p {background: url("http://s.nx.com/S2/game/cso/icon/ico_poll_title.gif") no-repeat 14px 11px;padding: 12px 10px 10px 60px;color: #777777;font-size: 11px;font-weight: bold;}
#focus p .action {display: block;margin-top: 7px;}
#focus .update {padding: 0 7px 9px 6px;}
#systemBanner {width: 200px;height: 170px;margin-bottom: 23px;padding: 6px 0 0 8px;}