@charset "utf-8";
/* CSS Document */
html
,table
,input
,select
,button
,textarea
{font-size:12px;font-family:dotum, Tahoma, Arial}

form{padding:0; margin:0;}
img{ border-width:0px;}

/* 출력용 제한 */
@media print{ 
#divNavi{position:static !important;}
#divNaviBG{ position:static !important;}
#ulNavi{ position:static !important; }
#divNavi .bg{display:none !important;}
#divNaviBG{display:none !important;}
}
/**
* 강조
*/
.bg-red{ background-color:red !important;}
.bg-blue{ background-color:blue !important;}
.bg-yellow{ background-color:yellow !important;}

/* mins가 자주쓰는 <a>스타일 */

/* 기본형 */
a { font-style: normal; text-decoration:none; color:#03c; }
/*a:link { font-style: normal; text-decoration:none; color:#000;} */
a:visited { font-style: normal;  text-decoration:none; color:#039;}
a:hover 
, nav a:focus{ font-style: normal; text-decoration:underline; color: #039;}
a:active { font-style: normal; text-decoration:none; color: #039;}


/* 회색기본형 */
a.gray:visited { font-style: normal;  text-decoration:none; color:#444444;}
a.gray:hover { font-style: normal; text-decoration:underline; color: #666666;}
a.gray:active { font-style: normal; text-decoration:none; color: #eeeeee;}
/* 회색 bold */
a.gray_bold:hover { font-style: normal; text-decoration:none; color: #666666; font-weight:bold}
a.gray_bold:active { font-style: normal; text-decoration:none; color: #eeeeee;}
/* 빨강 강조형 */
a.red:hover { font-style: normal; text-decoration:underline; color:#CC3333;}
a.red:active { font-style: normal; text-decoration:none; color:#CC6666;}
/* 파랑 강조형 */
a.blue:hover { font-style: normal; text-decoration:underline; color:#0066CC;}
a.blue:active { font-style: normal; text-decoration:none; color:#0099FF;}
/* 초록 강조형 */
a.green:hover { font-style: normal; text-decoration:underline; color:#009966;}
a.green:active { font-style: normal; text-decoration:none; color:#00CC99;}
/* 빨강 배경 강조형  */
a.red_bg:hover { font-style: normal; text-decoration:none; color:#EEEEEE; background-color:#CC3333;}
a.red_bg:active { font-style: normal; text-decoration:none; color:#333333; background-color:#CC6666;}
/* 빨강 배경 강조형  */
a.blue_bg:hover { font-style: normal; text-decoration:none; color:#EEEEEE; background-color:#0066CC;}
a.blue_bg:active { font-style: normal; text-decoration:none; color:#333333; background-color:#0099FF;}
/* 빨강 배경 강조형  */
a.green_bg:hover { font-style: normal; text-decoration:none; color:#EEEEEE; background-color:#009966;}
a.green_bg:active { font-style: normal; text-decoration:none; color:#333333; background-color:#00CC99;}
/* 대소문자 변경형  */
a.tansform:hover { font-style: normal; text-decoration:none; color:#333333;text-transform:uppercase}
a.tansform:active { font-style: normal; text-decoration:none; color:#333333;text-transform:lowercase}


/**
* mstyle
* 개인적으로 좋아하는 형식으로 고정시킨 스타일
* 공대여자 , www.mins01.com
* IE6 무시, IE시리즈는 transition가 안됨.
*/


/* 필드셋 설정 */
.mstyle fieldset{padding:5px; margin:2px 0px; border:2px solid #069; font-size:12px;}
.mstyle legend{ font-size:larger; font-weight:bold}

/* 테이블 설정*/
.mstyle table{ border-collapse:collapse; border:2px solid #069; margin:2px 0px;}
.mstyle caption{text-align:left;}
.mstyle th,.mstyle td{ border:2px solid #069; padding:1px; }
.mstyle th ,.mstyle .th  { background-color:#abc; color:#369; text-align:center;  font-weight:bold }

/* 간격 설정*/
.mstyle .padding{ padding:5px;}
.mstyle .nopadding{ padding:0px;}
.mstyle .margin{ margin:5px;}
.mstyle .nomargin{ margin:0px;}

/* INPUT 설정*/
/* hover와 focus의 순서 틀리면 안됨 */
.mstyle input[type=text]
, .mstyle textarea
, .mstyle select
, .mstyle input[type=button]
, .mstyle input[type=submit]
, .mstyle input[type=password]
, .mstyle input[type=reset]
, .mstyle button
{border:2px inset #069; padding:1px; margin:0;  }
.mstyle input[type=text]:hover
, .mstyle textarea:hover
, .mstyle select:hover
, .mstyle input[type=button]:hover
, .mstyle input[type=submit]:hover
, .mstyle input[type=password]:hover
, .mstyle input[type=reset]:hover
, .mstyle button:hover
{ background-color:#ddf;}
.mstyle input[type=text]:focus
, .mstyle textarea:focus
, .mstyle select:focus
, .mstyle input[type=button]:focus
, .mstyle input[type=submit]:focus
, .mstyle input[type=password]:focus
,.mstyle input[type=reset]:focus
, .mstyle button:focus
{ background-color:#abc;}
.mstyle input[type=button]
,.mstyle input[type=submit]
,.mstyle input[type=reset]
, .mstyle button
{ border-style:outset; background-color:#69c;}


/* 미리보기 이미지2 */
/** previewBox 는 필수는 아님. 사용하면 다른곳에 영형 안 미치면서 커짐*/
.mstyle .previewBox{ position:relative; width:104px; height:104px;z-index:1;display:block;}
.mstyle .previewBox:hover{z-index:999}
.mstyle .previewBox img.previewImage{position:absolute; *position:static; display:block;left:0; top:0; z-index:1;}
.mstyle .previewBox img.previewImage:hover{position:absolute; left:-52px; top:-52px;z-index:9999;}

.mstyle img.previewImage{ width:100px; height:100px; border:2px solid #69c;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
}
.mstyle img.previewImage:hover{width:200px;height:200px;border:4px solid #369;}

/* 흐름제어*/
.mstyle .floatL{ float:left; }
.mstyle .floatR{ float:right;}
.mstyle .clearB{clear:both;}

/* 박스모양 */
.mstyle .box4px{border:4px solid #369;}




/**
* 페이지용
*/

.mixList li{font-size:18px;}
.mixList ul{padding:2px 0px; margin:0 0 5px 0 }
.mixList li{ margin:2px 0; padding:0px;  list-style-position:outside; list-style-type:none }
.mixList li ul{ border-left:2px solid gray;margin-left:60px; padding-left:0px}
/*
.unitNC{width:380px; border:2px solid gray; margin-left:10px; height:70px; font-size:12px;
box-shadow:2px 2px 5px #ccc;
}
.unitNC .relative{ position:relative;z-index:-1; }
.unitNC .branch{width:10px; height:10px; position:absolute; left:-12px; top:30px; border-top:2px solid gray}
.unitNC .nameBG{ position:absolute; width:100%; background-color:#0C9; z-index:-1; top:25px; height:30px;}
.unitNC .unitIMG{ margin:5px; width:60px; height:60px; float:left;}
.unitNC .starIMG{height:20px;}
.unitNC .divRank{line-height:30px; font-size:25px;word-break:nowrap; white-space:nowrap;}
.unitNC .divRank	.rankWord{color:#333; font-weight:bold;}
.unitNC .divRank	.spanEtcStr{ font-size:16px;}
.unitNC .divModel{height:40px; text-align:center; font-size:18px; }
.unitNC .spanModel{line-height:120%; font-weight:bold;}
.unitNC .divModel	.spanEtcStr{}	
*/
div.unitNC{width:380px; border:2px solid gray; height:70px; font-size:12px;box-shadow:2px 2px 5px #ccc;margin-left:10px; }
.unitNC table{padding:0;margin:0;  width:380px; height:70px;font-family: dotum, Tahoma, Arial; table-layout:fixed;border-width:0;}
.unitNC td{padding:0; margin:0px; border-width:0;}
.unitNC .tdIMG{width:70px; height:70px;}
.unitNC img{ border-width:0;}

.unitNC .relative{position:relative; height:0; width:0; overflow:visible; z-index:0;}
.unitNC .branch{ width: 10px;height: 10px;position: absolute;left: -12px;top: 30px;border-top: 2px solid gray;}
.unitNC .unitIMG{width:60px; height:60px; margin:5px;  z-index:1; position:relative;}
.unitNC .tdRank{ font-size:16px;line-height:28px; height:32px; overflow:hidden; white-space:nowrap;}
.unitNC .starIMG{height:20px;}
.unitNC .rankWord{font-weight:bold; }
.unitNC .spanEtcStr{ font-size:16px;}
.unitNC .spanEtcStr em{ color:red; font-weight:bold;}
.unitNC .tdModel{text-align:center; font-size:17px;}
.unitNC .tdModel a{ font-weight:bold;}
.unitNC .nameBG{ height:25px; padding-top:5px; background-color:#ccc;}
.unitNC .nameBG{ padding-left:70px; margin-left:-70px; position:relative; z-index:0;}
/*
.unitNC .nameBG a{ font-style: normal; text-decoration:none;}
.unitNC .nameBG a:visited { font-style: normal;  text-decoration:none; color:#444444;}
.unitNC .nameBG a:hover { font-style: normal; text-decoration:underline; color: #666666;}
.unitNC .nameBG a:active { font-style: normal; text-decoration:none; color: #eeeeee;}
*/
.unitNC .unit1st{ font-size:14px; width:80px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.bigUnitNC table.unitNC{margin:2px; border:4px solid black;margin-left:20px; width:760px; height:140px;font-family: dotum, Tahoma, Arial; table-layout:fixed;box-shadow:4px 4px 10px #ccc;}

.bigUnitNC div.unitNC{width:760px; border:4px solid gray; height:140px; font-size:24px;box-shadow:4px 4px 10px #ccc;margin-left:20px; }
.bigUnitNC .unitNC table{width:760px; height:140px;}

.bigUnitNC .unitNC .tdIMG{width:140px; height:140px;}
.bigUnitNC .unitNC .unitIMG{width:120px; height:120px; margin:10px;}
.bigUnitNC .unitNC .tdIMG .nameBG{ top:64px; width:140px;padding-top:10px; }
.bigUnitNC .unitNC .tdRank{ font-size:32px;line-height:56px; height:64px;}
.bigUnitNC .unitNC .starIMG{height:40px;}
.bigUnitNC .unitNC .relative{}
.bigUnitNC .unitNC .branch{ width: 20px;height: 20px;position: absolute;left: -24px;top: 60px;border-top: 4px solid gray;}
.bigUnitNC .unitNC .rankWord{}
.bigUnitNC .unitNC .spanEtcStr{ font-size:32px;}
.bigUnitNC .unitNC .tdModel{ font-size:34px;}
.bigUnitNC .unitNC .tdModel a{}
.bigUnitNC .unitNC .nameBG{ height:50px; padding-top:10px; }
.bigUnitNC .unitNC .nameBG{ padding-left:140px; margin-left:-140px;}



.mixList li ul
,.mixList li ul .branch
,.mixList li ul .unitNC{border-color:#0CC}
.mixList li ul ul
,.mixList li ul ul .branch
,.mixList li ul ul .unitNC{border-color:#CC0}
.mixList li ul ul ul
,.mixList li ul ul ul .branch
,.mixList li ul ul ul .unitNC{border-color:#C0C}
.mixList li ul ul ul ul
,.mixList li ul ul ul ul .branch
,.mixList li ul ul ul ul .unitNC{border-color:#00C}
.mixList li ul ul ul ul ul
,.mixList li ul ul ul ul ul .branch
,.mixList li ul ul ul ul ul .unitNC{border-color:#C00}

/* 속성별 처리 */
.WarType{ font-weight:bold}
.WarType_muk{color:#C00;}
.WarType_chi{color:#00C;}
.WarType_ba{color:#090;}

.PROP_muk .nameBG{background-color:#fcc;}
.PROP_chi .nameBG{background-color:#ccf;}
.PROP_ba .nameBG{background-color:#cfc;}

.RANK1_A{}
.RANK1_B{}
.RANK1_C{}
.RANK1_S{}
.RANK2_{}
.RANK2_S .rankWord{border-bottom:2px solid #c33;}
.RANK2_R .rankWord{border-bottom:2px solid #23e;}
.RANK2_S .rankWord{color:#c33 !important}
.RANK2_R .rankWord{color:#36e !important}
/* 보유유닛 강조 */
.UNIT_MINE .unitIMG{ border:5px solid #369; margin:0;}
.bigUnitNC  .UNIT_MINE .unitIMG{border:10px solid #369; margin:0;}

/* 가지선 안보이기 */
.singleList .branch{visibility:hidden  !important}
.singleList .unitNC{margin-left:0px  !important}
/* unitNC 중앙에 위치시키기*/
.cneterUnitNC .unitNC{margin:0 auto !important}
/* UnitNC 흐르게하기*/
.floatLeftUnitNC .unitNC{ float:left !important;}
/* UnitNC 에 여백주기*/
.marginUnitNC .unitNC{ margin:2px  !important;}



ul.list {margin:2px 0px; padding:0; font-size:12px;}
ul.list li{margin:2px 0; padding:0; font-size:12px;  list-style-position:outside; list-style-type:none }

.cmList li{font-size:14px; width:400px;}
.cmList .branch_word{ display:none;}
.cmList .UNITNM{ display:block;}

.font12px{font-size:12px  !important;}
.font14px{font-size:14px  !important;}
.font18px{font-size:18px  !important;}
.font20px{font-size:20px  !important;}

/* 네비용 */
#divNaviBG{height:37px; position:fixed; top:0; left:0;  width:100%;min-width:800px;background-color:#fff;
border-bottom:1px solid #ccc;filter:Alpha(opacity=80);opacity:0.8; z-index:10;}
#divNaviGap{ height:37px;}
#ulNavi{ height:37px; position:fixed; top:0; left:0; padding:0; margin:0;min-width:800px;  width:100%; z-index:11;}
#ulNavi a { font-style: normal;  text-decoration:none; color:#444444;}
#ulNavi a:visited { font-style: normal;  text-decoration:none; color:#444444;}
#ulNavi a:hover { font-style: normal; text-decoration:underline; color: #666666;}
#ulNavi a:active { font-style: normal; text-decoration:none; color: #eeeeee;}
#ulNavi li{float:left;
padding:3px; margin:2px;list-style-position:outside; list-style-type:none ;
border:2px solid #abc;
background-color: #eee;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;


-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
transition-duration: 0.5s;
}
#ulNavi li:hover
,#ulNavi li.hover{
border-color:#cdf;
background-color: #def;
}
#ulNavi li a
,#ulNavi li span{
	display:block;
	line-height:18px;
	font-size:18px;
	font-weight:bold;
}

#divNavi{position:fixed; top:37px; left:0; width:100%; z-index:11;}
#divNavi div{white-space:nowrap;}
#divNavi .bg{position:absolute; top:37px; left:0; z-index:1; width:100%; height:100%;
background-color:#fff;
border-bottom:1px solid #ccc;filter:Alpha(opacity=80);opacity:0.8; }
#divNavi .navi{position:relative; z-index:2; padding:0 5px;min-width:800px}
.divNaviGap{ height:100px}


/**
필터링용
*/
.RANK_NOMINE_OFF .unitNC{ display:none;}
.RANK_NOMINE_OFF .UNIT_MINE{ display:block;}
.RANK_MINE_OFF .UNIT_MINE{ display:none;}
.UNIT_OFF{ display:none !important; }
.RANKC_OFF .RankC
,.RANKC_OFF .RankCU
,.RANKC_OFF .RankCS
,.RANKC_OFF .RankCR
{ display:none; }
.RANKB_OFF .RankB
,.RANKB_OFF .RankBU
,.RANKB_OFF .RankBS
,.RANKB_OFF .RankBR
{ display:none; }
.RANKA_OFF .RankA
,.RANKA_OFF .RankAU
,.RANKA_OFF .RankAS
,.RANKA_OFF .RankAR
{ display:none; }
.RANKS_OFF .RankS
,.RANKS_OFF .RankSU
,.RANKS_OFF .RankSS
,.RANKS_OFF .RankSR
{ display:none; }
.RANK___OFF .RankC
,.RANK___OFF .RankB
,.RANK___OFF .RankA
,.RANK___OFF .RankS
{ display:none; }
.RANK_U_OFF .RankCU
,.RANK_U_OFF .RankBU
,.RANK_U_OFF .RankAU
,.RANK_U_OFF .RankSU
{ display:none; }
.RANK_S_OFF .RankCS
,.RANK_S_OFF .RankBS
,.RANK_S_OFF .RankAS
,.RANK_S_OFF .RankSS
{ display:none; }
.RANK_R_OFF .RankCR
,.RANK_R_OFF .RankBR
,.RANK_R_OFF .RankAR
,.RANK_R_OFF .RankSR
{ display:none; }
.RANK_muk_OFF .PROP_muk 
,.RANK_chi_OFF .PROP_chi 
,.RANK_ba_OFF .PROP_ba  { display:none; }


.userInfo dl{padding:0; margin:0;}
.userInfo dt{ font-weight:bold;}
.userInfo dd{}

/* 그래프 관련*/
td.specBar{}
td.specBar div.specBar{ top:0px; left:0px; height:14px; overflow:visible; white-space:nowrap }
td.specBar div.bar1{ margin-top:-14px;}
td.specBar div.bar2{ background-color:#999;   margin-top:-14px;}
td.specBar div.bar3{ background-color:#666;  margin-top:0px;}


/* 광고 관련 */
.div_ad{ background-color:#eef;}
.ad_234_60{width:234px; height:60px; margin:0 auto; margin-top:5px;}
.ad_468_60{width:468px; height:60px; margin:0 auto; padding:5px;}

h1,h2,h3{margin:5px 0}

/* 레벨제한 */
.LEVEL_filter .LEVEL_1
,.LEVEL_filter .LEVEL_2
,.LEVEL_filter .LEVEL_3
,.LEVEL_filter .LEVEL_4
,.LEVEL_filter .LEVEL_5
,.LEVEL_filter .LEVEL_6
,.LEVEL_filter .LEVEL_7
,.LEVEL_filter .LEVEL_8
,.LEVEL_filter .LEVEL_9
,.LEVEL_filter .LEVEL_10
,.LEVEL_filter .LEVEL_11
,.LEVEL_filter .LEVEL_12
,.LEVEL_filter .LEVEL_13
{ display:none;}

.LEVEL_1 .LEVEL_1
,.LEVEL_2 .LEVEL_2
,.LEVEL_3 .LEVEL_3
,.LEVEL_4 .LEVEL_4
,.LEVEL_5 .LEVEL_5
,.LEVEL_6 .LEVEL_6
,.LEVEL_7 .LEVEL_7
,.LEVEL_8 .LEVEL_8
,.LEVEL_9 .LEVEL_9
,.LEVEL_10 .LEVEL_10
,.LEVEL_11 .LEVEL_11
,.LEVEL_12 .LEVEL_12
,.LEVEL_13 .LEVEL_13
{ display:block;}

/* 입수 방법 */
.GETMETHOD_filter .GETMETHOD_Quest
,.GETMETHOD_filter .GETMETHOD_Mission
,.GETMETHOD_filter .GETMETHOD_Lab
,.GETMETHOD_filter .GETMETHOD_Etc
,.GETMETHOD_filter .GETMETHOD_
{ display:none;}
.GETMETHOD_Quest .GETMETHOD_Quest
,.GETMETHOD_Mission .GETMETHOD_Mission
,.GETMETHOD_Lab .GETMETHOD_Lab
,.GETMETHOD_Etc .GETMETHOD_Etc{ display:block;}


/* userCard */
.userCard{}
.userCard table{ border-width:1px; background-color:#EFF6FF}
.userCard td
,.userCard th{ border-width:0;}
.userCard th{background-color:transparent;}

/* fontSize */
.fontsize18px,.fontsize18px *{font-size:18px}
.fontsize20px,.fontsize20px *{font-size:20px}
.fontsize24px,.fontsize24px *{font-size:24px}

/* 강조 색 */
strong{font-weight:bold;}
.red{ color:#C30;}
.blue{ color:#039;}
.green{ color:#096;}
.purple{ color:#939;}
.yellow{ color:#FC3;}
.gray{ color:gray;}

.hover{}
.hover:hover{ background-color:#FC3;}

.input18px{width:18px  !important; height:18px  !important; font-size:12px  !important; 
padding:0  !important; margin:0  !important; border-width:1px !important;}
.noborder
,.noborder>tbody>tr>td
,.noborder>tbody>tr>th{ border-width:0 !important;}
.textCenter{text-align:center !important;}

.hostory_nick{float:left; margin:2px 5px;}
.hostory_nick a{padding:2px;font-size:18px !important; font-weight:bold;}

table.layout{ border:0 solid black !important; padding:0 !important; margin:0 !important;}
table.layout>tbody>tr>td
,table.layout>tbody>tr>th{ border:0 solid black !important; padding:0 !important; margin:0 !important;}
table.layout>tbody>tr>th{background-color:transparent !important; color:inherit !important;}


.starScore{ cursor:default; font-weight:bold}
.starScore_5{color:#939;}
.starScore_4{color:#C30;}
.starScore_3{ color:#039;}
.starScore_2{color:#096;}
.starScore_1{color:#963;}
.starScore_0{color:gray;}
.starScore_-9{color:red;}

.Buff_0{ color:#C00;}
.Buff_1{ color:#039;}


/* 한마디 관련 */
.blockquote_comment{margin:2px auto 4px 1em; word-break: break-all;}

.index-comment{}
.index-comment .box{ background-color:#acb;}