/**
*  default
**/
html, body { margin: 0; padding: 0; }
body {
	font: 12px/130% Gulim; color: #666; letter-spacing: -1px;
	background: #000;
}

em  { font-style: normal; }
img { border: 0; }
img.png { behavior: url('/lib/iepngfix/iepngfix.htc'); }
a { text-decoration: none; color: #666; }
a:hover { color: #840105; }
h1, h2, h3, h4, h5, h6, form, ul, li, ol, dl, dt, dd, blockquote, p { list-style-type: none; margin: 0; padding: 0; }
input, select, textarea { border: 0; font: 11px "Dotum"; color: #635140; vertical-align: middle; }
input.submit, input.radio, input.check { padding: 0 !important; border: 0 !important; }
input.radio, input.check { background: none !important; vertical-align: baseline !important; }
input.input { padding: 4px 5px; border: 1px solid #bdb0a1; background: #fff; }
select.select { behavior: url('/lib/script/selectbox.htc'); }
select.w-select { behavior: url('/lib/script/selectbox_board.htc'); }
select.clan-select { behavior: url('/lib/script/clan_selectbox.htc'); }
select.select, select.w-select, select.clan-select { _behavior: url('') !important; }
textarea	{ padding: 5px; border: 1px solid #bdb0a1; background: #fff; }
iframe,
textarea {
	scrollbar-3dlight-color: #ffffff;
	scrollbar-highlight-color: #ccbeaf;
	scrollbar-face-color: #ccbeaf;
	scrollbar-arrow-color: #ffffff;
	scrollbar-shadow-color: #ccbeaf;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
}
fieldset { margin: 0; padding: 0; border: 0; }
fieldset legend { display: none; }
table { border-collapse: collapse; }
table th, table td { padding: 0; }
.reDesignSelectBox { margin: 0 !important; table-layout: auto !important; }
.reDesignSelectBox *, .reDesignSelectBox * th, .reDesignSelectBox * td { width: auto !important; height: auto !important; padding-left: 5px !important; padding-top: 0 !important; padding-bottom: 0 !important; border: 0 !important; vertical-align: middle !important; }
.reDesignSelectBox * img { vertical-align: top !important; }

/* layout */
#header			{ display: none; }
#wrapper		{ width: 100%; background: #fff url('http://img.quakewars.co.kr/img2/img_common/bg.jpg') no-repeat 50% 0; }
#container		{ position: relative; width: 983px; margin: 0 auto; z-index: 1000; overflow: hidden; }
#gamestart		{ position: relative; z-index: 999; }
#subSection		{ float: left; width: 220px; margin: 0 25px 0 0; }
#content		{ position: relative; float: left; width: 737px; }
#bunkerpc		{ margin: 0 0 10px; }
#coupon			{ margin: 0 0 10px; }
#banner	p		{ padding: 0 0 10px; }
#skybanner		{ position: absolute; top: 497px; left: 50%; margin: 0 0 0 510px; }
#skybanner p	{ margin: 0 0 8px; }

#loginiFrame	{ margin: 0 0 10px; }

#externalLink			{ margin: 10px 0 0; }
#externalLink p			{ margin: 0 0 5px; }

/* login */
.login				{ position: relative; width: 220px; margin: 0 0 10px; font-family: dotum; font-size: 11px; }
.login h2 img		{ display: block; }
.login p.logout		{ position: absolute; top: 9px; right: 10px; }
.login p.util		{ height: 39px; margin: 10px 0 0; padding: 11px 0 0; text-align: center; }
.login p.util img	{ vertical-align: middle; }
.login				{  }
.nogamedata			{ height: 278px !important; background: url('http://img.quakewars.co.kr/img2/img_common/login_box_nogamedata.gif') no-repeat 0 0 !important; }

/* add for channeling */
#loginChnMgame #security		{ width: 200px; height: 44px; margin: 7px auto -8px; padding: 8px 0 0; font-family: dotum; font-size: 11px; color: #767676; background: url('http://img.quakewars.co.kr/img2/img_common/mgame_security_bg.gif') no-repeat 0 0; overflow: hidden; }
#loginChnMgame #security p.keys	{ float: left; width: 96px; padding: 1px 0 0 10px; }
#loginChnMgame #security p.keys .check { float: left; width: 13px; height: 13px; margin: 1px 4px 0 0; vertical-align: middle; }
#loginChnMgame #security p.otps	{ float: right; width: 90px; overflow: hidden; }
#loginChnMgame #security label	{ display: block; width: 100%; margin: 0 0 2px; overflow: hidden; }
#loginChnMgame #security img	{ display: inline; float: left; margin: 0 5px 0 0; }

#login h2			{ padding: 3px 0 6px 11px; }
#login ul			{ padding: 0 0 0 10px; }
#login ul li		{ font-size: 0; line-height: 0; zoom: 1; overflow: hidden; }
#login ul li.box	{ width: 147px; height: 20px; padding: 3px 0 0 10px; background: url('http://img.quakewars.co.kr/img2/img_common/bg_box.gif') no-repeat 0 3px; }
#login ul li.submit	{ position: absolute; top: 23px; left: 163px; }
#login p.util		{ text-align: left; }
#login p.util span	{ margin: 0 5px 0 11px; }
#login input.id,
#login input.pw		{ float: left; width: 131px; height: 13px; padding: 4px 0 2px; color: #fff; vertical-align: middle; }
#login input.id		{ background: #a08e7b url('http://img.quakewars.co.kr/img2/img_common/bg_id.gif') no-repeat 0 6px; }
#login input.pw		{ background: #a08e7b url('http://img.quakewars.co.kr/img2/img_common/bg_pw.gif') no-repeat 0 6px; }
#login input.onfocus{ background-image: url('') !important; }

#logged					{ position: relative; width: 200px; height: 450px; padding: 0 10px; background: url('http://img.quakewars.co.kr/img2/img_common/login_box_bg.gif') no-repeat 0 0; overflow: hidden; }
#logged h2				{ width: 198px; margin: 0 -10px; padding: 11px; }
#logged .msg			{ padding: 8px 0 0; }
#logged .msg img		{ display: block; }
#logged .msg span		{ display: block; padding: 9px 0 0; }
#logged .character		{ position: relative; height: 28px; padding: 11px 0 0; font-family: gulim; font-size: 12px; color: #443e25; }
#logged .character a	{ color: #443e25; font-weight: bold; }

.nogamedata .character	{ height: 26px !important; padding: 13px 0 0 !important; }

#logged .character img	{ margin: -3px 0 0; border: 1px solid #c5baaf; vertical-align: middle; }
#logged .character span	{ font-weight: bold; }
#logged .memo			{ position: absolute; top: 11px; right: 1px; }
#logged .memo img		{ margin: 0 !important; border: 0 !important; }
#logged ul.infos		{ position: relative; width: 100%; height: 140px; margin: 1px 0 10px; overflow: hidden; }
#logged ul.infos li		{ padding: 7px 0 8px; line-height: 1; background-repeat: no-repeat; background-position: 10px 100%; }
#logged ul.infos li em	{ font-weight: bold; color: #840105; }
#logged ul.infos span	{ padding: 0 0 0 60px; background-repeat: no-repeat; background-position: 2px 0; }
#logged ul.infos li.lv 		{ background-image: url('http://img.quakewars.co.kr/img2/img_common/logged_info_border_lv.gif'); }
#logged ul.infos li.exp 	{ padding-bottom: 8px; background-image: url('http://img.quakewars.co.kr/img2/img_common/logged_info_border_exp.gif'); }
#logged ul.infos li.cash 	{ background-image: url('http://img.quakewars.co.kr/img2/img_common/logged_info_border_cash.gif'); }
#logged ul.infos li.clan	{ padding: 8px 0 7px; /*background-image: url('http://img.quakewars.co.kr/img2/img_common/logged_info_border_clan.gif');*/ }
#logged ul.infos li.clan a	{ color: #4e3e25; text-decoration: underline; }
#logged ul.infos li.cash	{ padding-bottom: 5px; }
#logged ul.infos li.voice	{ position: relative; background-image: url('http://img.quakewars.co.kr/img2/img_common/logged_info_border_voice.gif'); }
#logged ul.infos li.hair	{ position: relative; background-image: url('http://img.quakewars.co.kr/img2/img_common/logged_info_border_hair.gif'); }
#logged ul.infos li.nick	{ position: relative; background-image: url('http://img.quakewars.co.kr/img2/img_common/logged_info_border_hair.gif'); }
#logged ul.infos li.fakelv	{ position: relative; background-image: url('http://img.quakewars.co.kr/img2/img_common/logged_info_border_hair.gif'); }
#logged ul.infos li.fakenick{ position: relative; }
#logged ul.infos li.lv span		{ background-image: url('http://img.quakewars.co.kr/img2/img_common/logged_info_lv.gif'); }
#logged ul.infos li.exp span	{ background-image: url('http://img.quakewars.co.kr/img2/img_common/logged_info_exp.gif'); }
#logged ul.infos li.cash span	{ background-image: url('http://img.quakewars.co.kr/img2/img_common/logged_info_cash.gif'); }
#logged ul.infos li.clan span	{ background-image: url('http://img.quakewars.co.kr/img2/img_common/logged_info_clan.gif'); background-position: 2px -1px; }
#logged ul.infos li.voice span	{ background-image: url('http://img.quakewars.co.kr/img2/img_common/logged_info_voice.gif'); }
#logged ul.infos li.hair span	{ background-image: url('http://img.quakewars.co.kr/img2/img_common/logged_info_hair.gif'); }
#logged ul.infos li.nick span	{ background-image: url('http://img.quakewars.co.kr/img2/img_common/logged_info_nick.gif'); }
#logged ul.infos li.fakenick span	{ background-image: url('http://img.quakewars.co.kr/img2/img_common/logged_info_fakenick.gif'); }
#logged ul.infos li.fakelv span		{ background-image: url('http://img.quakewars.co.kr/img2/img_common/logged_info_fakelv.gif'); }

#logged p.cash			{ margin: 8px 0 0; padding: 2px 0 2px 55px; background: url('http://img.quakewars.co.kr/img2/img_common/logged_cash_pocket.gif') no-repeat 58px 0px; zoom: 1; overflow: hidden; }
#logged p.cash a		{ float: left; padding: 0 0 0 19px; }
#logged p.change		{ position: absolute; top: 7px; right: 10px; }
#logged p.gage			{ width: 173px; height: 12px; margin: 5px 0 0 12px; padding: 1px; font-size: 0; line-height: 0; border: 1px solid #6d645b; background: #564a3d; overflow: hidden; }
#logged p.gage span		{ display: block; height: 12px; padding: 0; background: url('http://img.quakewars.co.kr/img2/img_common/gage.gif') repeat-x 0 0 !important; }

#logged p.infos			{ }
#logged p.util			{ margin: 0; }
#logged p.util span		{ margin: 0 -2px; }

/* character / item info tab */
#tabLoginInfo			{ width: 216px; height: 24px; margin: 0 -8px; overflow: hidden; }
#tabLoginInfo span		{ display: block; float: left; }
#tabLoginInfo a			{ display: block; width: 108px; height: 24px; font-size: 0; line-height: 0; text-indent: -3000em; background: url('http://img.quakewars.co.kr/img2/img_common/tab_login_info.gif') no-repeat 0 0; }
#tabLoginInfo a.t-char	{ background-position: 0 0; }
#tabLoginInfo .current a.t-char,
#tabLoginInfo a.t-char:hover	{ background-position: 0 -24px; }
#tabLoginInfo a.t-item	{ background-position: -108px 0; }
#tabLoginInfo .current a.t-item,
#tabLoginInfo a.t-item:hover	{ background-position: -108px -24px; }

/* character info area */
#charInfoArea			{ display: none; }

/* item info area */
#itemInfoArea			{ /*display: none;*/ }
#itemInfoArea li span	{ padding: 0 0 0 72px !important; }

#friendList				{ width: 100%; margin: 13px 0 0; padding: 0 0 5px; background: url('http://img.quakewars.co.kr/img2/img_common/logged_friedlist_bg.gif') no-repeat 0 100%; }
#friendList h3			{ position: relative; margin: 0 0 10px; padding: 0; }
#friendList h3 img		{ display: block; }
#friendList h3 a.more	{ position: absolute; top: 2px; right: 3px; }
#friendTab				{ height: 26px; background: url('http://img.quakewars.co.kr/img2/img_common/friendtab_bg.gif') repeat-x 0 0; }
#friendTab span			{ display: block; float: left; margin: 0 2px 0 0; }		
#friendTab a			{ display: block; width: 71px; height: 26px; font-size: 0; line-height: 0; text-indent: -3000em; background: url('http://img.quakewars.co.kr/img2/img_common/friendtab.gif') no-repeat 0 0; }
#friendTab a.t-friend	{ background-position: 0 0; }
#friendTab a.t-clan		{ background-position: -73px 0; }
#friendTab .current a.t-friend,
#friendTab a.t-friend:hover	{ background-position: 0 -26px; }
#friendTab .current a.t-clan,
#friendTab a.t-clan:hover	{ background-position: -73px -26px; }
div.friend-list-wrap	{ width: 100%; height: 67px; padding: 3px 0 0; background: #fff; overflow: auto; }
div.friend-list-wrap	{ scrollbar-3dlight-color: #ffffff; scrollbar-highlight-color: #ccbeaf; scrollbar-face-color: #ccbeaf; scrollbar-arrow-color: #ffffff; scrollbar-shadow-color: #ccbeaf; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; }
ul.friend-list			{ width: 174px; margin: 0 0 0 5px; }
ul.friend-list li		{ height: 19px; padding: 2px 0 0; font-family: dotum; font-size: 0; line-height: 1; color: #666; border-bottom: 1px solid #a28f7e; }
ul.friend-list li img	{ margin: -1px 0 0; vertical-align: middle; }
ul.friend-list li span	{ font-size: 11px; }
ul.friend-list li em	{ display: block; margin: -17px 0 0 0; text-align: right; }
ul.friend-list li em img{ margin: 0 !important; }
ul.friend-list li a		{ color: #666; }
p.friend-no-list		{ padding: 26px 0 0; text-align: center; }


#InfoBoxRankDetailView		{ cursor: pointer; }
#InfoBoxRankDetail			{ display: none; position: absolute; top: 137px; left: 0; width: 235px; margin: 0; padding: 7px 0; background: #312a26; }
.infobox-rankdetail			{ padding-top: 0 !important; }
.infobox-rankdetail h3		{ padding: 10px 0 6px; }
.infobox-rankdetail h3 img	{ display: block; }
.infobox-rankdetail ul		{ }
.infobox-rankdetail ul li	{ line-height: 120%; background-position: 4px 3px; }
.infobox-rankdetail strong	{ letter-spacing: 0 !important; }
.infobox-rankdetail span	{ padding: 0 3px 0 4px; }
.infobox-rankdetail span.up	{ padding-left: 12px; color: #ee1c24; background: url('http://img.quakewars.co.kr/img2/img_common/rank_up.gif') no-repeat 3px 4px; }
.infobox-rankdetail span.dn	{ padding-left: 12px; color: #00aef0; background: url('http://img.quakewars.co.kr/img2/img_common/rank_dn.gif') no-repeat 3px 4px; }

/*
#logged .msg img.cbtester-verify { margin: -8px 0 0; }
#logged .logout		{ position: absolute; top: 49px; right: 8px; }
*/

/* footer */
#footer				{ width: 100%; background: #000; }
#footer .footer		{ position: relative; width: 983px; height: 171px; margin: 0 auto; overflow: hidden; }
#footer .company	{ width: 983px; height: 48px; padding: 20px 0 0; border-bottom: 1px solid #635854; }
#footer .company li { display: inline; padding: 0 11px 0 0; vertical-align: middle; }
#footer .company img{ vertical-align: middle; }
#footer .links		{ position: absolute; top: 35px; right: -7px; }
#footer .links li	{ float: left; padding: 0 9px; background: url('http://img.quakewars.co.kr/img2/img_common/footer_border.gif') no-repeat 0 1px; }
#footer .links li img { display: block; }
#footer .links li:first-child { background: none; }
#footer p img		{ display: block; }
#footer .address	{ padding: 15px 0 0; }
#footer .copyright	{ padding: 11px 0 0; }
#footer .grade		{ position: absolute; top: 85px; right: 0; }

/* mgame channel */
.chnMgame .footer	{ height: 153px !important; }

/* nickname */
#nicknameWrap			{ width: 440px; padding: 0 0 25px; }
#nicknameWrap h1		{ display: block; height: 29px; padding: 12px 0 0 15px; background: url('http://img.quakewars.co.kr/img2/img_common/coupon_bg_title.gif') repeat-x 0 0; }
#nicknameWrap h2		{ padding: 15px 0 12px 25px; font-size: 12px; color: #bdbdbd; }
#nicknameWrap h2 strong	{ color: #ffcc00; }
#nicknameResult			{ width: 410px; margin: 15px auto 0; padding: 0 0 23px; border-bottom: 1px solid #303030; }
#nicknameResult .notice	{ border-top: 1px solid #171512; border-left: 1px solid #171512; border-right: 1px solid #32302f; border-bottom: 1px solid #32302f; background: #292824; }
#nicknameResult .notice { padding: 15px 20px 13px; font-size: 14px; font-weight: bold; color: #bdbdbd; zoom: 1; overflow: hidden; }
#nicknameResult p		{ float: left; width: 315px; }
#nicknameResult strong	{ color: #ffcc00; }
#nicknameBox			{ border-top: 1px solid #090806; border-left: 1px solid #090806; border-right: 1px solid #191817; border-bottom: 1px solid #191817; }
#nicknameBox			{ width: 368px; margin: 0 auto; padding: 20px 20px; font-size: 11px; color: #bdbdbd; background: #141311; }
#nicknameBox .input		{ margin: -2px 0 0; padding: 4px 5px 5px; }
#nicknameBox .nickname	{ padding: 10px 0; font-size: 20px; color: #ffcc00; text-align: center; border: 1px solid #532a0a; background: #000; }
#nicknameBox .caption	{ margin: 13px 0 0; }
#nicknameBox .caption em{ display: block; padding: 0 0 8px; color: #c75001; }
#nicknameSubmit			{ margin: 15px 0 0; text-align: center; }
#nicknameSubmit input,
#nicknameSubmit img		{ vertical-align: middle; }