/**
*  main
**/

body { font-family: dotum; font-size: 11px; }

h2.main-title	{ position: relative; width: 100%; margin: 11px 0 14px; padding: 0 0 6px; border-bottom: 1px solid #d2d2d2; }
h2.main-title img{ display: block; }
h2.main-title a { position: absolute; top: 3px; right: 3px; }

/* layout */
#wrapper		{ background: #fff url('http://img.quakewars.co.kr/img2/img_main/bg.jpg') no-repeat 50% 0; }
#mainNavi		{ position: relative; width: 100%; height: 666px; margin: 0 auto; }
#container		{ position: relative; margin-top: 10px; z-index: 999; }
#subSection		{ margin: 0; }
#content		{ width: 492px !important; padding: 0 25px 100px; }
#quickSection	{ float: right; width: 220px; overflow: hidden; }
#skybanner		{ top: 715px !important; }

/* recently article */
#recentUpdate		{ clear: both; width: 100%; padding: 0 0 5px; }
#recentUpdate h2	{ margin: 0 0 9px; }
.recent-update		{ }
.recent-update li	{ width: 100%; padding: 0 0 4px; }
.recent-update em	{ padding: 0 0 0 8px; font-family: verdana; font-size: 11px; color: #a08e7b; background: url('http://img.quakewars.co.kr/img2/img_main/recent_notice_border.gif') no-repeat 3px 1px; }
.recent-update img	{ margin: -2px 0 0; padding: 0 2px 0 7px; vertical-align: middle; }
.recent-update a	{ color: #6d645b; }
.recent-update a:hover	{ color: #840105; }

/* main ranking */
#MainRanking					{ margin: 0px 0 0 !important; }
#MainRanking h2					{ margin: 8px 0 2px; border: 0; }
#MainPRanking					{ height: 396px; padding: 1px 10px; /*background: #e3d5c5;*/ background: url('http://img.quakewars.co.kr/img2/img_main/bg_mainranking_box.gif') no-repeat 0 0; }
#MainPRanking h4				{ padding: 13px 0 6px; }
#MainPRanking h4 img			{ display: block; }
#MainPRanking p.more			{ padding: 9px 0 10px; text-align: center; }
#MainPRanking p.more img		{ vertical-align: middle; }
.main-ranking					{ padding: 5px 0 7px 10px; border: 1px solid #baaea2; background: #fff; overflow: hidden; }
.main-ranking table				{ width: 180px; }
.main-ranking table td			{ padding: 4px 0 2px; }
.main-ranking table td.rank		{ width: 23px; }
.main-ranking table td.rank img	{ margin: -3px 0 0; vertical-align: middle; }
.main-ranking table td.name		{ width: 157px; }
.main-ranking table td.name img	{ margin: -3px 0 0; vertical-align: middle; }

/* gm radio channel */
#gmRadio			{ float: left; width: 223px; height: 206px; margin: 0 0 20px; padding: 0 9px 0 10px; background: url('http://img.quakewars.co.kr/img2/img_main/gmitem_box.gif') no-repeat 0 0; overflow: hidden; }
#gmRadio h2			{ margin-bottom: 0; border: 0; background: url('http://img.quakewars.co.kr/img2/img_main/gmitem_title_border.gif') repeat-x 0 100%; }
#gmRadio h2 a		{ right: 1px; }
#gmRadio dl			{ width: 100%; margin: 7px 0 0;  }
#gmRadio dl dt		{ padding: 2px 0; }
#gmRadio dl dt img	{ display: block; width: 135px; height: 77px; margin: 0 auto; }
#gmRadio dl dd		{ color: #6d645b; line-height: 140%; } 
#gmRadio a			{ color: #6d645b; }
/*#gmRadio a:hover	{ color: #999; }*/
#gmRadio strong		{ display: block; margin: 8px 0 3px; font-family: gulim; font-size: 12px; }

/* quakewaras story */
#qwStroy			{ float: right; position: relative; width: 223px; height: 206px; margin: 0 0 20px; padding: 0 9px 0 10px; background: url('http://img.quakewars.co.kr/img2/img_main/gmitem_box.gif') no-repeat 0 0; overflow: hidden; }
#qwStroy h2			{ margin-bottom: 0; border: 0; background: url('http://img.quakewars.co.kr/img2/img_main/gmitem_title_border.gif') repeat-x 0 100%; }
#qwStroy h2 a		{ right: 1px; }
#qwStroy dl			{ width: 100%; margin: 7px 0 0; overflow: hidden; }
#qwStroy dl dt		{ padding: 2px 0; }
#qwStroy dl dt img	{ display: block; width: 135px; height: 77px; margin: 0 auto; }
#qwStroy dl dd		{ color: #6d645b; line-height: 140%; } 
#qwStroy dl dd em	{ padding: 0 0 0 2px; font-family: verdana; }
#qwStroy dl dd span	{ position: absolute; display: block; bottom: 8px; right: 10px; padding: 0 0 0 7px; font-family: dotum; font-size: 11px; color: #416481; background: url('http://img.quakewars.co.kr/img2/img_main/qwstory_bul.gif') no-repeat 0 5px; }
#qwStroy a			{ color: #6d645b; }
#qwStroy strong		{ display: block; margin: 8px 0 3px; font-family: gulim; font-size: 12px; }

/* poll */
#poll				{ width: 470px; margin: -15px 0 0; padding: 0 10px; border: 1px solid #d2d2d2; overflow: hidden; }
dl#pollResult				{ height: 108px; font-family: dotum; background: url('http://img.quakewars.co.kr/img2/img_main/poll_bg.gif') no-repeat 50% 100%; overflow: hidden; }
dl#pollResult dt			{ height: 30px; padding: 6px 0 0; font-size: 12px; color: #868686; font-weight: bold; text-align: center; }
dl#pollResult dd			{ position: relative; width: 196px; height: 65px; }
dl#pollResult dd p.per		{ position: absolute; width: 67px; font-size: 12px; font-weight: bold; text-align: center; }
dl#pollResult dd p.per em	{ display: block; font-size: 11px; font-weight: normal; }
dl#pollResult dd p.gage		{ position: absolute; width: 143px; height: 5px; padding: 1px; border: 1px solid #bfbfbf; font-size: 0; line-height: 0; background: #d2d2d2; overflow: hidden; }
dl#pollResult dd p.gage span{ display: block; height: 5px; }
dl#pollResult dd p.comment	{ display: block; font-size: 11px; }
dl#pollResult dd.good		{ float: left; color: #5f692e; background: url('http://img.quakewars.co.kr/img2/img_main/poll_good.gif') no-repeat 100% 0; }
dl#pollResult dd.fool		{ float: right; color: #106c88; background: url('http://img.quakewars.co.kr/img2/img_main/poll_fool.gif') no-repeat 0 0; }
dl#pollResult dd.good p.per	{ top: 40px; right: -14px; }
dl#pollResult dd.fool p.per	{ top: 40px; left: -14px; }
dl#pollResult dd.good p.gage	{ top: 43px; left: 0px; }
dl#pollResult dd.fool p.gage	{ top: 43px; right: 0px; }
dl#pollResult dd.good p.gage span	{ float: right; background: url('http://img.quakewars.co.kr/img2/img_community/poll_gage_good.gif') repeat-x 0 0; }
dl#pollResult dd.fool p.gage span	{ background: url('http://img.quakewars.co.kr/img2/img_community/poll_gage_fool.gif') repeat-x 0 0; }
dl#pollResult dd.good p.comment		{ padding: 4px 48px 0 0; text-align: right; }
dl#pollResult dd.fool p.comment		{ padding: 4px 0 0 48px; text-align: left; }

/* media list */
#mediaContainer		{ width: 491px; margin: -4px 0 20px; overflow: hidden; }
#mediaControl		{ position: relative; }
#mediaControl a		{ position: absolute; top: 33px; }
#mediaControl a.prev{ left: 8px; }
#mediaControl a.next{ right: 8px; }
#mediaWrap			{ width: 460px; margin: 0 auto; overflow: hidden; }
#mediaList			{ width: 3000em; }
#mediaList li		{ float: left; padding: 0 5px; }
#mediaList img		{ display: block; width: 99px; height: 67px; border: 3px solid #d2d2d2; }

/* item shop */
#shop			{ width: 220px; margin: -2px 0 0 0; overflow: hidden; }
#shop h2		{ }
#shop h2 a		{ right: 9px !important; }
#shop .items	{ width: 226px; margin: -4px -6px 0 0; overflow: hidden; }
#shop dl		{ float: left; width: 107px; margin: 0 6px 0 0; }
#shop dl dt		{ }
#shop dl dd		{ padding: 6px 0 12px; color: #6d645b; text-align: center; }
#shop dl dt a	{ display: block; width: 107px; height: 108px; background: url('http://img.quakewars.co.kr/img2/img_main/shop_item_box.gif') no-repeat 0 0; }
#shop dl img	{ display: block; width: 73px; height: 73px; padding: 15px 0 0 17px; }

/* quick section */
#mainBanner		{ }
#quickSection #hotMovie,
#quickSection #hotBanner,
#quickSection #hotBanner p { margin: 0 0 15px; }


/* main layer popup */
.popupWrapper { position: absolute; top: 70px; left: 50%; z-index: 1099; }
.popupWrapper { padding: 0 2px; border: 1px solid #000; background: #424242; }
.popupWrapper h2 { margin: 8px 0 0; padding: 0; text-align: center; }
.popupWrapper .popupContent { padding: 5px; }
.popupWrapper .popupClose { position: relative; padding: 0 0 5px 5px; font-size: .95em; letter-spacing: -1px; }
.popupWrapper .popupClose a { position: absolute; top: 3px; right: 5px; }
.popupWrapper .popupClose input { height: 18px; }