/*
* =================================================================================
* INFORMATION
* -----------------------------------------------------------------------
* @Author : choi, sung, hoon (sinji1567@naver.com)
* @File Name : setup.css
* @Description : Style Sheet
* @Version : 1.0
* @Create Date : 2010.04.12
* @Update Date : N/A
* @History : N/A
* =================================================================================
/*=================================================================================
* Right snb- Css
=================================================================================*/
body {
	margin: 0;
}

ul,ol,dd,dt {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sever {
	margin-bottom: 14px;
}

#sever .sever_list {
	margin: 7px 0 0 0;
}

#sever .sever_list .sever_list_detail {
	width: 100%;
	overflow: hidden;
	background: url("http: //mixmaster.krweb.nefficient.com/mixmaster/mixmaweb/images/home/main_login_line_bg.gif") repeat-x left bottom;
	padding-bottom: 4px;
}

#sever .sever_list li {
	width: 203px;
	margin: 0 0 4px 0;
}

#sever .sever_list li .sever_name {
	float: left;
	margin: 0 6px 0 0;
}

#sever .sever_list li .sever_bar {
	float: left;
	margin: 0 6px 0 0;
}

#sever .sever_list li .sever_icon {
	float: left;
}

#character_rank {
	width: 242px;
	height: 510px;
	background: url("main_rank_ch.gif") no-repeat left top;
	margin-bottom: 10px;
}

#hench_rank {
	width: 242px;
	height: 250px;
	background: url("main_rank_hench.gif") no-repeat left top;
	margin-bottom: 10px;
}

#character_rank .btn_rankchrtop {
	height: 35px;
}

#character_rank .btn_rankchrtop  ul {
	overflow: hidden;
	list-style: none;
	margin: 0px;
	padding: 5px 0 0px 0px;
	margin: 0px 0px 0 10px;
	height: 40px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
}

#character_rank .btn_rankchrtop ul li {
	float: left;
	width: 70px;
	border: 2px solid #7daffe;
	background-color: #f6f6f6;
	font-weight: bold;
	color: #0073ea;
    /* cursor: pointer; */
}

#character_rank .btn_rankchrtop ul li:hover {
	background-color: #b0cfff;
	color: red;
	text-decoration: none;
}

#character_rank .btn_rankchrtop ul li a {
	color: yellow;
	text-decoration: none;
}

#character_rank .btn_ranklevel {
	width: 220px;
	height: 45px;
    /* margin-bottom: 5px; */
	margin: 0px 0px 0px 11px;
    /* display: none; */
	position: absolute;
}

#character_rank .btn_rankhead {
	height: 80px;
}

#character_rank .btn_ranklevel  ul {
    /* overflow: hidden; */
    /* margin: 0px; */
    /* padding: 5px; */
    /* padding-left: 18px; */
    /* height: 39px; */
	font-size: 15px;
	overflow: hidden;
	list-style: none;
    /* margin: 0px; */
    /* padding: 7px 0 0px 0px; */
    /* margin: -7px 0px 0px 11px; */
	height: 40px;
    /* font-size: 20px; */
	text-align: center;
	cursor: pointer;
}

#character_rank .btn_ranklevel ul .first {
}

#character_rank .btn_ranklevel ul li {
    /* float: left; */
	list-style: none;
	float: left;
	width: 53px;
	border: 1px solid #7daffe;
	background-color: #f6f6f6;
	font-weight: bold;
	color: #0073ea;
    /* margin: 0px 0px 0px -1px; */
}

#character_rank .btn_ranklevel ul li:hover {
	color: red;
	text-decoration: none;
}

#character_rank .btn_ranklevel ul li a {
	color: yellow;
	text-decoration: none;
}

#character_rank .character_rank_list_detail {
}

#character_rank .character_rank_list_detail .first {
	padding: 0 0 0 11px;
	line-height: 16px;
	margin-top: 2px;
}

#character_rank .character_rank_list_detail li {
	padding-top: 5px;
	list-style: none;
	height: 18px;
}

#character_rank .character_rank_text {
	width: 96%;
	overflow: hidden;
	height: 18px;
	padding-bottom: 1px;
}

#character_rank .character_rank_text_last {
	width: 96%;
	overflow: hidden;
	background: none;
	height: 18px;
}

#character_rank .rank {
	padding-right: 13px;
	float: left;
	padding-top: 2px;
	width: 20px;
}

#character_rank .name {
	padding-right: 25px;
	width: 100px;
	float: left;
	padding-top: 2px;
}

#character_rank .name span {
	color: #ccffff;
}

#character_rank .character {
	float: left;
	margin-right: 28px;
	padding-top: 2px;
}

#character_rank .character span {
	color: #ccffff;
}

#character_rank .level {
	float: left;
	padding-top: 2px;
}

#character_rank .level span {
	color: #ccffff;
}

#hench_rank .btn_rankchentop {
	height: 28px;
}

#hench_rank .btn_rankchen {
	width: 165px;
	height: 30px;
	margin-bottom: 5px;
	font-size: 15px;
}

#hench_rank .btn_rankchen  ul {
	overflow: hidden;
	margin: 0px;
	padding: 7px;
	padding-left: 14px;
	height: 30px;
}

#hench_rank .btn_rankchen ul .first {
}

#hench_rank .btn_rankchen ul li {
	float: left;
	list-style: none;
}

#hench_rank .btn_rankchen ul li a:hover {
	color: red;
	text-decoration: none;
}

#hench_rank .btn_rankchen ul li a {
	color: yellow;
	text-decoration: none;
}

#hench_rank .hench_rank_list {
	/*padding: 4px 0 8px 7px;*/
	height: 200px;
	font-size: 13px;
}

#hench_rank .hench_rank_list ul {
	margin: 0px;
	padding: 0px;
	padding-left: 14px;
}

#hench_rank .hench_rank_list_detail {
}

#hench_rank .hench_rank_list_detail .first {
	padding: 0 0 0 14px;
}

#hench_rank .hench_rank_list_detail li {
	padding-top: 5px;
	list-style: none;
	height: 18px;
}

#hench_rank .hench_rank_text {
	width: 96%;
	overflow: hidden;
	height: 18px;
	padding-bottom: 1px;
}

#hench_rank .hench_rank_text_last {
	width: 96%;
	overflow: hidden;
	background: none;
	height: 18px;
}

#hench_rank .rank {
	padding-right: 13px;
	float: left;
	padding-top: 2px;
	width: 20px;
}

#hench_rank .name {
	padding-right: 25px;
	width: 100px;
	float: left;
	padding-top: 2px;
}

#hench_rank .name span {
	color: #ccffff;
}

#hench_rank .character {
	float: left;
	margin-right: 28px;
	padding-top: 2px;
}

#hench_rank .character span {
	color: #ccffff;
}

#hench_rank .level {
	float: left;
	padding-top: 2px;
}

#hench_rank .level span {
	color: #ccffff;
}

#mixma_research {
	width: 242;
	height: 169px;
	margin-top: 8px;
	background: url("http: //mixmaster.krweb.nefficient.com/mixmaster/mixmaweb/images/home/main_research_bg.gif") no-repeat left top;
}

#mixma_research .mixma_research_detail {
	padding: 42px 0 0 13px;
}

#mixma_research .tit_detail {
	vertical-align: middle;
	margin-bottom: 2px;
	width: 220px;
}

#mixma_research .tit_detail img {
	margin-right: 3px;
}

#mixma_research .tit_detail span {
	color: #fff;
	padding-left: 5px;
}

#select_box {
	width: 229px;
	padding-bottom: 10px;
}

#select_box .select_box_detail {
	width: 100%;
	overflow: hidden;
	height: 88px;
}

#select_box .radio {
	float: left;
	padding-top: 5px;
}

#select_box .radio li {
	margin-bottom: 3px;
}

#select_box .radio li span {
	color: #ccffff;
	vertical-align: middle;
}

#select_box .radio li input {
	margin-right: 5px;
	margin-bottom: 5px;
	border: 0px;
	height: 11px;
}

#select_box .vote {
	float: right;
	padding: 0 14px 20px 0;
}

#news {
	background: url("http: //mixmaster.krweb.nefficient.com/mixmaster/mixmaweb/images/home/main_news_bg.gif") no-repeat left top;
	width: 503px;
	height: 166px;
}

#news .news_detail {
	width: 100%;
	overflow: hidden;
	position: relative;
}

#left_btn {
	float: left;
	padding: 0 0 0 5px;
}

#tap_menu {
	float: left;
	width: 418px;
}

#tap_menu .menu_list {
	margin-left: 3px;
}

#tap_menu .menu_list ul {
	width: 100%;
	overflow: hidden;
}

#tap_menu .menu_list ul li {
	float: left;
}

#tap_menu .menu_list ul .more_btn {
	float: right;
	padding: 10px 16px 0 0;
}

#news_list {
	width: 404px;
}

#news_list .news_list_detail {
	padding: 11px 0 19px 13px;
}

#news_list .news_list_detail ul .news_box {
	width: 100%;
	overflow: hidden;
	background: url("http: //mixmaster.krweb.nefficient.com/mixmaster/mixmaweb/images/home/main_notice_dot.gif") repeat-x left bottom;
	height: 22px;
	padding: 1px 0 0 0;
}

#news_list .news_list_detail ul .news_box_last {
	width: 100%;
	overflow: hidden;
	background: none;
	height: 22px;
	padding: 1px 0 0 0;
}

#news_list .news_list_detail ul .news_box .news_icon img {
	vertical-align: middle;
}

#news_list .news_text {
	font-size: 12px;
	color: #6f6f6f;
	width: 240px;
}

#news_list .news_date {
	font-size: 12px;
	color: #6f6f6f;
}

#news_list ul .news_icon {
	float: left;
	margin-right: 8px;
}

#news_list ul .news_text {
	float: left;
	padding: 2px 0 0 0;
	color: #6f6f6f;
}

#news_list ul .news_date {
	float: right;
	padding: 2px 0 0 0;
}

#div_event_banner {
	width: 242;
	height: 169px;
	margin-top: 8px;
	padding-left: 7px;
}

#div_event_banner .div_event_banner_conts {
	padding: 10px;
}

ul,dl,dt,dd {
	-webkit-padding-start: 0px;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}

#div_character_rank {
	height: 100%;
}

#character_rank .character_rank_list ul {
	margin: 0px;
	padding: 0px;
	padding-left: 14px;
}

#character_rank .character_rank_list dl {
	float: left;
	margin: 0 0 0 15px;
	width: 220px;
	height: 21px;
	line-height: 21px;
}

#character_rank .character_rank_list dd,dt {
	float: left;
}

#character_rank .character_rank_list dd {
	color: white;
}

#character_rank .character_rank_list dt {
	color: white;
	width: 40px;
}

#character_rank .character_rank_list .roletype {
	width: 40px;
}

#character_rank .character_rank_list .rolename {
	width: 120px;
	color: #ccffff;
}

#character_rank .NaviSel {
	color: red;
}

#character_rank .character_rank_list {
	padding: 5px 0 0px 0px;
	height: 420px;
	width: 233px;
	font-size: 14px;
	overflow-x: hidden;
	overflow-y: auto;
}

#character_rank .blankhint {
    margin: 20px 0 0 15px;
    color: #fcff0f;
    width: 200px;
    font-size: 15px;
}

#character_rank .blankhint .firstline {
	width: 120px;
}

#character_rank .blankhint .restline {
	width: 140px;
	margin-left: 70px;
}

#character_rank .blankhint .dtstyle {
	width: 70px;
}

#character_rank .blankhint .dlstyle {
    /* width: 84px; */
	height: auto;
	margin-left: 10px;
}

#character_rank .rank_list_detail {
	height: auto;
}