/*-------------------------------------------------------------------------------------------------*/
/* common css style */
/*-------------------------------------------------------------------------------------------------*/
html, body { margin: 0; padding: 0; color: #8e8e8e; font-family: verdana; font-size: 11px;}
form, input, select, textarea { margin: 0; padding: 0; font-family: verdana; font-size: 11px;}
div, p, blockquote, dl, dt, dd, h1, h2, h3, h4, h5, h6, fieldset { margin: 0; padding: 0; font-family: verdana;  font-size:11px;}
dl, dt, dd, ul, ol, li {font-family: verdana;  font-size:11px;}
hr { display: none; clear: both;}
img { border: 0 none;}
.univ{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000}
.unvi_textbox {width:110px; height:21px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#010a46; margin-top:0px; margin-left:0px; border-width:1px; background-color:transparent }
.unvi_textbox2 {width:110px; height:21px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#CCCCCC; margin-top:0px; margin-left:0px; border-width:1px; background-color:transparent }
.style22 {font-size: 26px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; text-align:center;}
A.univ_link { border:0px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; }
A.univ_link:link	{ font-size:11px; color:#000000; text-decoration:none; }
A.univ_link:visited	{ font-size:11px; color:#000000; text-decoration:none; }
A.univ_link:active	{ font-size:11px; color:#000000; text-decoration:none; }
A.univ_link:hover	{ font-size:11px; color:#888888; text-decoration:none; }

a.gnb,a.gnb img{border:none;margin:0px;padding:0px;}
a.gnb		 {display:block; float:left;}
a:link, a:visited, a:active { color: #8e8e8e; text-decoration: none;}
a:hover { color: #FFF; text-decoration: none;}

/* tableÀÇ cellpadding="0" cellspacing="0"  */
table{ border-collapse: collapse; }
td{ padding: 0px; }
.style0 {
height:20px;
background-color:#333333;
}

.style1 {
height:20px;
background-color:#444444;
}

/* a {selector-dummy: expression(this.hideFocus=true);}  */

body {background:#000 url('/images/main/bg.jpg') no-repeat top center;}

#gnb {background:#000 url('/images/gnb/bg.gif') repeat-x; height:35px;}

/* layout */
.wrap_content {width:986px; margin:0 auto;}
.content {padding-bottom:16px;}
.content .wrap_left {float:left; width:189px; background:url('/images/bg_left_mid.gif') repeat-y 10px 0; }
.content .wrap_left .bg_left_bot {padding:0 0 29px 10px; background:url('/images/bg_left_bot.gif') no-repeat 10px bottom; }
.content .wrap_middle {float:left; width:680px; background:url('/images/bg_issue_m.gif') repeat-y; }
.content .wrap_middle_left {float:left; width:439px; }
.content .wrap_middle_right {float:left; width:210px; padding:0 0 4px; border:1px solid #4F4F4F; background:#161616;}
.content .wrap_right {float:left; width:117px; }
.content .wrap_right .quicklink {padding:29px 0 11px 0px; }
.content .wrap_right .banner {padding:0 0 11px 6px; }

.cntbody {float:left; background:url('/images/bg_issue_t.gif') no-repeat;}
.cntbody_rd {float:left; padding:19px 14px 40px 14px; background:url('/images/bg_issue_b.gif') no-repeat left bottom;}

#footer {clear:both; margin-top:10px;  }

/* left */
.wrap_userguide {padding:5px 0 0 8px;}
/* .wrap_characters {width:156px; padding:8px 0 11px 8px;} */
.wrap_characters {width:156px; margin:16px 0 11px 8px; background:#0E0E0E url('/images/bg_characters.gif') no-repeat 0 29px;}
.wrap_characters #warrior {background:url('/images/char_warrior.gif') no-repeat ;}
.wrap_characters #blader {background:url('/images/char_blader.gif') no-repeat ;}
.wrap_characters #wizard {background:url('/images/char_wizard.gif') no-repeat ;}
.wrap_characters #force_archer {background:url('/images/char_force_archer.gif') no-repeat ;}
.wrap_characters #force_shielder {background:url('/images/char_force_shielder.gif') no-repeat ;}
.wrap_characters #force_blader {background:url('/images/char_force_blader.gif') no-repeat ;}
.wrap_characters .subject {display:none;}
.wrap_characters .article {padding:100px 10px 0;}
/* .wrap_characters .article {padding:5px 10px 0;} */
.wrap_characters .more {padding-right:7px; text-align:right; font-size:9px;}
.wrap_characters .more a:link, .wrap_characters .more a:visited, .wrap_characters .more a:active {color:#656565; text-decoration:underline;}
.wrap_characters .more a:hover {color:#a3a3a3; text-decoration:underline;}
.wrap_rankings {width:156px; padding:0 0 11px 8px; background:url('/images/bg_rankings.gif') no-repeat 8px 22px; }
.wrap_rankings .tab {background:url('/images/ranking_tab_line.gif') no-repeat left bottom; padding:5px 0 0 13px;}
.wrap_rankings ol {margin:7px 0 0 0; padding:0; list-style-type:none;}
.wrap_rankings ol li {overflow:auto; clear:both; padding:0 0 5px 27px; font-size:10px;}
.wrap_rankings ol li {padding:0 0 3px 27px;}
.wrap_rankings ol li.num1 {background:url('/images/ranking_num1.gif') no-repeat 9px 2px;}
.wrap_rankings ol li.num2 {background:url('/images/ranking_num2.gif') no-repeat 9px 2px;}
.wrap_rankings ol li.num3 {background:url('/images/ranking_num3.gif') no-repeat 9px 2px;}
.wrap_rankings ol li.num4 {background:url('/images/ranking_num4.gif') no-repeat 9px 2px;}
.wrap_rankings ol li.num5 {background:url('/images/ranking_num5.gif') no-repeat 9px 2px;}
.wrap_rankings ol li.num6 {background:url('/images/ranking_num6.gif') no-repeat 9px 2px;}
.wrap_rankings ol li.num7 {background:url('/images/ranking_num7.gif') no-repeat 9px 2px;}
.wrap_rankings ol li.num8 {background:url('/images/ranking_num8.gif') no-repeat 9px 2px;}
.wrap_rankings ol li.num9 {background:url('/images/ranking_num9.gif') no-repeat 9px 2px;}
.wrap_rankings ol li .subject {float:left; color:#a3a3a3}
.wrap_rankings ol li .level {float:right; padding-right:5px; color:#727272; letter-spacing:-1px; }
.wrap_rankings .more {padding-right:7px; text-align:right; font-size:9px;}
.wrap_rankings .more a:link, .wrap_rankings .more a:visited, .wrap_rankings .more a:active {color:#656565; text-decoration:underline;}
.wrap_rankings .more a:hover {color:#a3a3a3; text-decoration:underline;}
.wrap_quickmenu {padding:10px 0 0 10px;}

/* middle - left */
.wrap_news {width:431px; padding:0 0 6px 0; }
.wrap_news .more {float:right; margin-top:-8px;padding-right:13px;}
.wrap_news .list_header{background:url('/images/bg_notice_top.gif') no-repeat bottom left; width:431px; height:6px;}
.wrap_news .list_footer{background:url('/images/bg_notice_bottom.gif') no-repeat top left; width:431px; height:9px;}
.wrap_news .list {width:420px; padding:1px 0 0 11px; background:url('/images/bg_notice_main.gif') repeat-y;}
.wrap_news .list ul {margin:0; padding:0; list-style-type:none; }
.wrap_news .list ul li {overflow:auto;margin:0; padding:0 0 3px 0; clear:both;}
.wrap_news .list ul li {padding:0 0 0px 0; clear:both;}
.wrap_news .list ul li .kind {float:left; display:block; width:68px; padding-top:5px}
.wrap_news .list ul li .subject {float:left;width:267px;}
.wrap_news .list ul li .date {float:left;width:70px;}
.wrap_hotitem { position:relative; visibility:visible; width:431px; padding:0 0 4px 0; overflow:hidden;}
.wrap_hotitem .navi {position:absolute; left:288pt; top:12pt; float:right;}
.wrap_hotitem .list {width:431px; height:121px; background:url('/images/bg_hotitem.gif') no-repeat; } 

.wrap_hotitem .list ul {margin:13px 0 0 4px; padding:0; list-style-type:none;}
.wrap_hotitem .list ul li {float:left; width:189px; padding:0 10px; }
.wrap_bestcontents {width:424px; margin-bottom:11px; padding:2px; border:1px solid #3c3c3c; background:#1a1a1a;}
.wrap_bestcontents .box {background:#0f0f0f; padding:3px 4px 10px 4px;}
.wrap_bestcontents h2 {padding-bottom:7px;}
.wrap_bestcontents .first {position:relative;}
.wrap_bestcontents .first .thumb {width:129px;margin:0 0 0 2px; padding:2px; border:1px solid #343434; height:auto;}
.wrap_bestcontents .first .thumb img {vertical-align:top;}
.wrap_bestcontents .first .aritlce {position:absolute; top:3px; left:145px; width:270px; height:auto;}
.wrap_bestcontents .first .aritlce .subject {color:#FFF; padding-bottom:6px;}
.wrap_bestcontents .first .aritlce p {padding:0 10px 6px 0; line-height:16px; height:auto;}
.wrap_bestcontents ul {margin:10px 0 0 16px; padding:0; list-style-type:none;}
.wrap_bestcontents ul li {padding:0 0 3px 8px; background:url('/images/bul1.gif') no-repeat 0 5px;}
.wrap_bestscreenshot {position:relative; width:424px; margin-bottom:11px; padding:2px; border:1px solid #3c3c3c; background:#1a1a1a;}
.wrap_bestscreenshot .box {overflow:auto; background:#0f0f0f; padding:4px 4px 21px 4px;}
.wrap_bestscreenshot .box {height:135px;}
.wrap_bestscreenshot h2 {padding-bottom:8px;}
.wrap_bestscreenshot .more {position:absolute; top:17px; right:10px;}
.wrap_bestscreenshot ul {overflow:auto; margin:0; padding:0; list-style-type:none;}
.wrap_bestscreenshot ul li {float:left; width:133px; margin-right:7px; text-align:center;}
.wrap_bestscreenshot ul li.last {margin-right:0;}
.wrap_bestscreenshot ul li p.thumb {border:1px solid #343434; padding:1px;}
.wrap_bestscreenshot ul li p.name {padding:5px 0 0 0; color:#757575; font-weight:bold;}

/* middle - right */
.wrap_multimedia {position:relative; padding:12px 0 0 3px;}
.wrap_multimedia h2 {padding-bottom:4px;}
.wrap_multimedia .more {position:absolute; top:16px; right:8px;}
.wrap_multimedia .player {width:198px; padding:2px; border:1px solid #3a3a3a; }
.wrap_ost {padding:9px 0 13px 0; text-align:center;}
.wrap_newitem {position:relative; width:203px; margin-left:3px; background:#000 url('/images/bg_newitem_top.gif') no-repeat;}
.wrap_newitem h2 {padding:8px 0 0px 0px;}
.wrap_newitem .more {position:absolute; top:14px; right:4px;}
.wrap_newitem .list {background:url('/images/bg_newitem_top.gif') no-repeat left bottom; padding:0 0 11px 7px;}
.wrap_newitem .list ul {margin:0; padding:0; list-style-type:none;}
.wrap_newitem .list ul li {padding:0 0 16px 0; background:url('/images/newitem_line.gif') no-repeat left bottom;}
.wrap_newitem .list ul li.last {padding:13px 0 0 0;}
img {
    border: none;
} 

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
/* Autocompletion */
.update{
	position:absolute;
	width:250px;
	background-color:white;
	border:1px solid #888;
	margin:0px;
	padding:0px;
}

ul.contacts  {
	list-style-type: none;
	margin:0px;
	padding:0px;
	text-align: left;
}
ul.contacts li.selected { background-color: #ffb; cursor: pointer; }
li.contact {
	list-style-type: none;
	display:block;
	margin:0;
	padding:2px;
	height:32px;
}
li.contact div.image {
	float:left;
	width:32px;
	height:32px;
	margin-right:8px;
}
li.contact div.nom {
	font-weight:bold;
	font-size:12px;
	line-height:1.2em;
}
.nation_war .pageinfo h1.subtitle{display:block; width:181px; height:29px; background:url('/images/nation/subtitle_nationwar.png') no-repeat 1px top; text-indent:-1000em;}
.nation_war .subcontent .top_menu{width:544px; height:140px; background:url('/images/nation/subcontent_top_menu_bg.png') no-repeat top left;
	margin:-12px 0 0 55px;
	padding:0px;}
.nation_war .subcontent .top_menu ul{list-style:none; padding:18pt 0pt 0pt 59px; margin:0px; }
.nation_war .subcontent .top_menu ul li{list-style:none; padding:0px; margin:0 0 0 8px; float:left;}
	html>body .nation_war .subcontent .top_menu ul li{list-style:none; padding:0px; margin:0 0 0 10px; float:left;} /*Setting for Firefox */
.nation_war .subcontent .top_menu ul li a{display:block; text-indent:-1000em;width:92px; height:95px; }
.nation_war .subcontent .top_menu ul li a.war{background:url('/images/nation/top_menu_war.png') no-repeat top left;}
.nation_war .subcontent .top_menu ul li a.war:hover {background:url('/images/nation/top_menu_war_over.png') no-repeat top left;}
.nation_war .subcontent .top_menu ul li a.war_current {background:url('/images/nation/top_menu_war_over.png') no-repeat top left;}

.nation_war .subcontent .top_menu ul li a.bonuses{background:url('/images/nation/top_menu_bonuses.png') no-repeat top left;}
.nation_war .subcontent .top_menu ul li a.bonuses:hover {background:url('/images/nation/top_menu_bonuses_over.png') no-repeat top left;}
.nation_war .subcontent .top_menu ul li a.bonuses_current {background:url('/images/nation/top_menu_bonuses_over.png') no-repeat top left;}

.nation_war .subcontent .top_menu ul li a.battle{background:url('/images/nation/top_menu_field.png') no-repeat top left;}
.nation_war .subcontent .top_menu ul li a.battle:hover {background:url('/images/nation/top_menu_field_over.png') no-repeat top left;}
.nation_war .subcontent .top_menu ul li a.battle_current {background:url('/images/nation/top_menu_field_over.png') no-repeat top left;}

.nation_war .subcontent .top_menu ul li a.losing{background:url('/images/nation/top_menu_losing.png') no-repeat top left;}
.nation_war .subcontent .top_menu ul li a.losing:hover {background:url('/images/nation/top_menu_losing_over.png') no-repeat top left;}
.nation_war .subcontent .top_menu ul li a.losing_current {background:url('/images/nation/top_menu_losing_over.png') no-repeat top left;}
/* List Styles*/
.nation_war .subcontent ul.yellow {list-style:none; margin-left:8px;}
.nation_war .subcontent ul.yellow li {
	margin-bottom:1em;
	background: transparent url('/images/nation/bullet_yellow.png') no-repeat left 8px;
	 line-height:1.6em;
	padding:0 0 0 11px;}
html>body .nation_war .subcontent ul.yellow li {	margin-left:-3.5em;}
*:first-child+html .nation_war .subcontent ul.yellow li.yellow{margin-left:0em;}
*:first-child+html .nation_war .subcontent ul.yellow li.yellow ul{margin-left:5em;}



.nation_war .subcontent ul.yellow li ol li {background:none; padding:0; margin-left:1%; }
.nation_war .subcontent ul.yellow li ol {background:none; padding:0; margin-left:4%; margin-top:1em;}
.nation_war .subcontent ul.yellow li ul {margin-top:1em;}

.nation_war .subcontent ul.yellow ul.grey {list-style:none; margin-left:8px;}
.nation_war .subcontent ul.yellow ul.grey li {
	margin-bottom:1em;
	background: transparent url('/images/nation/bullet_grey_2x2.png') no-repeat left 8px;
	padding:0 0 0 11px;}
html>body .nation_war .subcontent ul.yellow ul.grey li {	margin-left:-3.5em; }
.nation_war .subcontent ul.yellow ul.grey li li {background:none;}

.nation_war .subcontent ul.yellow li.yellow{color:#d09d00;}
.nation_war .subcontent ul.yellow li.yellow li {color:white;}
/* Text Box Styles */
.nation_war .subcontent .text_box{border:1px #585858 solid; padding:13px 15px 10px 20px; background:black; margin-top:15px; color:#acacac;}

.nation_war .subcontent p{padding-top:15px;  font-weight:bold; margin-bottom:1em;padding-left:15px;}
html>body .nation_war .subcontent p:first-letter {margin-left:-15px;}

.nation_war .subcontent p.sub{margin-left:15px; padding-top:0px; margin-bottom:1em; font-weight:normal; padding-left:0px;}
.nation_war .subcontent p.sub:first-letter {margin-left:0px;}

	.nation_war .subcontent p.text{padding-top:15px;  font-weight:normal; margin-bottom:1em;padding-left:0px;}
	.nation_war .subcontent p.text:first-letter{margin-left:0px;}
/* Text Box Header Title Images */
.nation_war .subcontent .text_box h1{text-indent:-1000em; margin-top:15px;}
.nation_war .subcontent .text_box h1.losing{display:block; background:url('/images/nation/losing_title_losing.png') no-repeat top left; width:121px; height:12px;}
.nation_war .subcontent .text_box h1.rewards{display:block; background:url('/images/nation/losing_title_rewards.png') no-repeat top left; width:56px; height:12px;}

.nation_war .subcontent .text_box h1.bonuses{display:block; background:url('/images/nation/bonuses_title_bonuses.png') no-repeat top left; width:124px; height:12px;}
.nation_war .subcontent .text_box h1.towers{display:block; background:url('/images/nation/bonuses_title_towers.png') no-repeat top left; width:87px; height:12px;}

.nation_war .subcontent .text_box h1.battle{display:block; background:url('/images/nation/field_title_battlefield.png') no-repeat top left; width:117px; height:12px;}
.nation_war .subcontent .text_box h1.before{display:block; background:url('/images/nation/field_title_battle.png') no-repeat top left; width:89px; height:12px;}

.nation_war .subcontent .text_box h1.whatis{display:block; background:url('/images/nation/war_title_war.png') no-repeat top left; width:129px; height:12px;}

.nation_war .subcontent .text_box .img_frame{margin:15px auto 15px 15px; 
	background:url('/images/nation/img_frame.png') no-repeat top left;
	width:565px; height:427px;}
.nation_war .subcontent .text_box .img_frame img{margin-left:5px; margin-top:6px;}	

.nation_war .subcontent .text_box .img_frame2{margin:15px auto 15px 15px; 
	background:url('/images/nation/img_frame2.png') no-repeat top left;
	width:565px; height:274px;}
.nation_war .subcontent .text_box .img_frame2 img{margin-left:5px; margin-top:6px;}	

.nation_war .subcontent .top {height:10px; margin-top:15px;}

.nation_war .wrap_middle .subcontent {
	background:transparent url('/images/nation/bg_content_bot.gif') no-repeat scroll left bottom;
}
.nation_war .subcontent ul.yellow li.yellow{color:#d09d00; margin:25px}
/* NATION WAR END */