@charset "utf-8";

/**
*  main
**/

html, body { 
	font-size: 11px; letter-spacing: -1px;
	background: #e9e1d0 url('http://img.karma2.co.kr/img/img_main/bg.jpg') no-repeat 50% 40px;
}

/* layout */
#container		{ padding: 0 0 85px; }
#mainSection	{ float: left; width: 496px; margin: 3px 12px 0 0; }
#subSection		{ float: left; width: 220px; margin: 8px 0 0; }

#hotIssueBox	{ background: url('http://img.karma2.co.kr/img/img_main/hotissue_box.gif') no-repeat 0 0; }
#mainBanner		{ width: 506px; height: 217px; margin: 0 -5px 18px; }

/* title */
h2.title		{ position: relative; border-bottom: 1px solid #747068; background: #888175; }
h2.title img	{ display: block; padding: 10px 0 7px 10px; }
h2.title a.more	{ position: absolute; top: 10px; right: 10px; }
h2.title a.more img	{ padding: 0 !important; }

/* recently notice */
#recentNotice		{ margin: 2px 0 25px; }
#recentNotice li	{ position: relative; padding: 8px 0 7px 3px; font-size: 0; line-height: 0; border-bottom: 1px solid #cec6b6; }
#recentNotice li a	{ padding: 0 0 0 5px; font-size: 11px; line-height: 1; }
#recentNotice li em	{ display: block; position: absolute; top: 11px; right: 7px; font-size: 11px; line-height: 1; letter-spacing: 0; font-family: tahoma; color: #888175; }
#recentNotice li img{ margin: 0 0 -2px; padding: 0 7px; }

/* ranking list */
#rankingMenu		{ width: 100%; overflow: hidden; }
#rankingMenu span	{ display: block; float: left; }
#rankingMenu a		{ display: block; height: 32px; font-size: 0; line-height: 0; text-indent: -3000em; background: url('http://img.karma2.co.kr/img/img_main/rank_menus.gif') no-repeat 0 0; }
#rankingMenu a.rank-bunker	{ width: 164px; background-position: 0 0; }
#rankingMenu .current a.rank-bunker { background-position: 0 -32px; }
#rankingMenu a.rank-person	{ width: 166px; background-position: -164px 0; }
#rankingMenu .current a.rank-person { background-position: -164px -32px; }
#rankingMenu a.rank-clan	{ width: 166px; background-position: -330px 0; }
#rankingMenu .current a.rank-clan	{ background-position: -330px -32px; }
.rankingTable		{ width: 494px; border: 1px solid #c9c1b2; border-top: 0; overflow: hidden; }
#rankingList		{ }
.rankingWrap		{ float: left; width: 220px; margin: 0 0 0 -1px; padding: 15px 14px 10px 13px; border-left: 1px solid #c9c1b2; }
.rankingWrap h2			{ width: 100%; border: 0; background: none; }
.rankingWrap h2 img		{ padding: 0 0 8px; }
.rankingWrap h2 a.more	{ top: 0 !important; right: 5px !important;  }
.rankingWrap table		{ width: 220px; border-bottom: 1px solid #d9d2c1; }
.rankingWrap table th	{ height: 25px; background: #d2caba url('http://img.karma2.co.kr/img/img_main/rank_bar.gif') no-repeat 0 9px; }
.rankingWrap table td	{ padding: 4px 0 3px; border-top: 1px dashed #ede7d9; }
.rankingWrap table th.r	{ width: 33px; background-image: none; }
.rankingWrap table th.n { width: 123px; }
.rankingWrap table th.e { width: 54px; }
.rankingWrap table td.r	{ text-align: center; }
.rankingWrap table td.n	{ padding-left: 7px; }
.rankingWrap table td.e	{ letter-spacing: 0; font-family: tahoma; text-align: center; color: #888175; }
.rankingWrap table td a	{ font-weight: bold; }
.rankingWrap table td img	{ margin: -1px 0 0; vertical-align: middle; }
.rankingWrap table tbody tr:first-child td { border: 0; }

/* itemshop */
#itemShop		{ margin: 0 0 23px; background: #5e5747; }
#itemShop h2	{ border: 0; background: url('http://img.karma2.co.kr/img/img_main/itemshop_box.gif') no-repeat 0 0; }
#itemShop h2 img	{ padding: 12px 0 10px 10px; }
#itemShop ul	{ width: 210px; margin: 0 auto; padding: 15px 0 0; overflow: hidden; }
#itemShop ul li { float: left; width: 83px; padding: 0 11px 15px; color: #b1a699; text-align: center; }
#itemShop ul li p { margin: 0 0 7px; }
#itemShop ul li strong { display: block; padding: 0 0 3px; color: #e9e1d0; }
#itemShop ul li img	{ width: 73px; height: 73px; }
#itemShop ul li,
#itemShop ul li a { color: #b1a699; }

/* gm radio */
#gmRadio		{ margin: 0 0 25px; background: #cfc7b7; }
#gmRadio dl		{ width: 190px; margin: 0 auto; padding: 14px 0 10px; }
#gmRadio dl img	{ display: block; width: 188px; height: 120px; border: 1px solid #9d9387; }
#gmRadio dl strong { display: block; margin: 8px 0 5px; text-decoration: underline; }
#gmRadio dl dt	{ }

/* screenshot list */
#screenList		{ border-bottom: 1px solid #c3baab; }
#screenList h2	{ border: 1px solid #cec7b7; background: none; }
#screenList h2 img	{ padding-bottom: 9px; }
#screenList h2 a.more { top: 9px !important; right: 9px !important; }
#screenContainer	{ position: relative; padding: 15px 0; }
#screenControl a.prev,
#screenControl a.next	{ position: absolute; top: 66px; left: 2px; }
#screenControl a.next	{ left: 206px; }
#screenWrap			{ width: 180px; height: 110px; margin: 0 auto; overflow: hidden; }
#screenItems		{ width: 3000em; }
#screenItems li		{ float: left; padding: 0 5px 0 0; }
#screenItems img	{ display: block; width: 178px; height: 108px; border: 1px solid #9d9387; }