.clearfix::after{display:block;content:'';clear:both}

.board .list tbody td {
    line-height: 160%;
}
#mhrDb{padding:0 0px 0 5px; }
#mhrDb * { font-family:맑은고딕, "Malgun Gothic", sans-serif; }
#mhrDb .hidden{display:none}
#mhrDb dl dt { float:left; }
#mhrDb dl dd { float:left; }
.mhr{display:block;float:none}
button.btn{padding:0;background:transparent;border:0;font-family:gulim, 굴림, Helvetica;font-size:12px;outline:0;cursor:pointer}
.table,
.table th,
.table td{border-spacing:0;border-collapse:collapse}

#mhrDb .wrap-margin-top { margin-top: 20px; }
#mhrDb .buttons { float:right; }
.board table.list th div { display: inline; }
.sub_title{text-indent: 0;
    font-family: 맑은고딕, "Malgun Gothic", sans-serif;
    font-size: 20px;
    font-weight: bold;
    background: #fff;
    letter-spacing: -2px; margin-bottom: 10px;}

#mhfBody .search_form{padding:11px 0 10px;background:url('https://static.inven.co.kr/image_2011/durango/dataninfo/bg_search.jpg') no-repeat 0 0}
#mhfBody .search_form form{height:25px;line-height:25px;font-size:0;text-align:center}
#mhfBody .search_form form > *{display:inline-block;vertical-align:top}
#mhfBody .search_form .input{width:370px;height:25px;margin:0 9px;padding-left:10px;background:#fff;border:1px solid #c8c8c8;box-sizing:border-box;line-height:23px}
#mhfBody .search_form .submit{outline:0}

.board .borad_title{height:31px;padding-left:25px;color:#fff;font-size:12px;font-weight:bold;line-height:31px;box-sizing:border-box; margin-top: 6px;}
.board .borad_title p { line-height: 31px; }
.board .borad_title.title01{width:160px;background:url('https://static.inven.co.kr/image_2011/durango/dataninfo/bg_boardTitle01.jpg') no-repeat center}
.board .borad_title.title02{    width: 250px;
    background: #163a68;
    border-left: 4px solid #b69843;}
.board .borad_title.title02 p {margin: 7px 0;
    padding: 0 10px;
    color: #FFF;
    font-weight: bold;}
.board .list{width:100%;border-width:2px 0;border-style:solid;border-color:#375f92;table-layout:fixed}
.board .list thead{background:#f5f5f5}
.board .list thead th{padding:12px 0;background:url('https://static.inven.co.kr/image_2011/durango/dataninfo/bull_boardTitle.jpg') no-repeat right center;color:black;font-weight:bold}
.board .list thead th:last-child{background:none}
.board .list tbody td{padding:10px;text-align:center}
.board .list p{margin:0}
.board .list b{letter-spacing:normal}
/*.board .list .icon{vertical-align:-2px}*/
.board .list .text_left{text-align:left}
.board .list .link{color:#194531;font-weight:bold}
.board .list a:hover{text-decoration:none}
.board .list .tag{margin-bottom:-5px}
.board .list .tag li{float:left;margin:0 10px 5px 0}
.board .list .tag_item{display:inline-block;padding:1px 2px;background:#9d8d68;color:#fff}
.board .list .tag_item.other{background:#756d62;color:#fff}
.board .list .cmt { font-weight:normal; color:#6a9dec;font-size:11px}
.board .list .marerial_icon_bg{display:inline-block;width:21px;height:21px;background:#10182d;border:1px solid #000;box-sizing:border-box;vertical-align:middle}
.board .list .marerial_icon{width:19px;height:19px;margin:0}
.board .list td.vertical-top { vertical-align: top; }

.board.board01 .list tbody tr:nth-child(2n) {background-color:#f3f4f5}
.board.board02 .list tbody tr td { border-bottom: 1px solid #f3f4f5; }
.board.board02 .list tbody tr.part-last td { border-bottom: 1px solid #d4dedb; }
.board.board02 .list tbody tr td.tier[data-tier="1"] { background-color: #dbe2ec; }
.board.board02 .list tbody tr td.tier[data-tier="2"] { background-color: #cdd6e5; }
.board.board02 .list tbody tr td.tier[data-tier="3"] { background-color: #b3c3dc; }
.board.board02 .list tbody tr td.part { background-color: #f3f4f5; }
.board.board02 .list tbody tr td.tier, .board.board02 .list tbody tr td.part { border-bottom: 1px solid #bdcdc4; font-weight: bold; }

.tooltip{width:345px;padding:15px;background:#0b2f1f;color:#fff;box-sizing:border-box}
.tooltip .info_title{padding-bottom:10px;background:url('https://static.inven.co.kr/image_2011/durango/dataninfo/bg_line02.png') repeat-x left bottom}
.tooltip .info_title .imgarea{width:50px;height:50px;background:#3e2f27;border:1px solid #04140d;overflow:hidden}
.tooltip .info_title .imgarea img{width:100%;min-height:100%}
.tooltip .info_title .textarea{padding:7px 0 7px 10px}
.tooltip .info_title .textarea h1{color:#ffd161;font-size:14px;font-weight:bold}
.tooltip .info_title .textarea p{margin:0;padding-top:5px}
.tooltip .option{height:30px}
.tooltip .option p{float:left;width:102px;margin:0;line-height:30px}
.tooltip .option .icon{margin:-2px 5px 0 0;vertical-align:middle}
.tooltip .info{position:relative;border-top:1px solid #136c44}
.tooltip .info::before{display:block;content:'';position:absolute;bottom:1px;left:0;right:0;height:1px;background:#136c44}
.tooltip .info li{position:relative;height:25px;margin:1px 0 3px;text-align:center;line-height:25px}
.tooltip .info li::before{display:block;content:'';position:absolute;bottom:-2px;left:0;right:0;height:1px;background:#136c44}
.tooltip .info li.name{width:100px;background:#136c44}
.tooltip .info li.value{width:57px}
.tooltip .level { margin-top:10px}
.tooltip .tag{padding:10px 10px 5px;margin-top:10px;background:#071c13;border:1px solid #0e4b30}
.tooltip .tag li{margin:0 10px 5px 0}
.tooltip .tag .tag_item{display:inline-block;padding:1px 2px;background:#9d8d68;color:#fff}
.tooltip .tag .tag_item.other{background:#756d62;color:#fff}

.mhr span.rare1 { color: #7c7c7c;}
.mhr span.rare2 { color: #bfa80d;}
.mhr span.rare3 { color: #e46799;}
.mhr span.rare4 { color: #008c35;}
.mhr span.rare5 { color: #009cff;}
.mhr span.rare6 { color: #4153ff;}
.mhr span.rare7 { color: #E02248;}
.mhr span.rare8 { color: #2CD0DA;}
.mhr span.rare9 { color: #6C3AF1;}
.mhr span.rare10 { color: #E17E1A;}
.mhr span.rare11 { color: #e5b33b;}
.mhr span.rare12 { color: #88c7d9;}

.mhr span.cmtnum {
    font-size: 11px;
    font-weight: normal;
    color: #6666ff;
}
#mobileWrap .wrap-margin-top { margin-top: 10px; }



.listTable {
	width: 100%;
	overflow: hidden;
	clear: both;
}
.boardList {
	width: 100%;
	border-top: 2px solid #0f136b;
}
.boardList thead tr th {
	height: 31px;
 	background: #eaecf8;
 	border-bottom: 1px solid #0f136b;
    color: #000000;
    text-align: center;
}
.boardList tbody tr {
	background: #ffffff;
	border-bottom: 1px solid #cdcccc
}
.boardList tbody tr:last-child {
	border-bottom: 0;
}
.boardList tbody tr:nth-of-type(2n) {
	background: #f8f8f8;
}
.boardList tbody tr td {
	height: 27px;
    padding: 4px 4px;
    color: #222222;
    text-align: center;
}
.boardList tbody tr .subject {
	text-align: left;
}
.boardList tbody tr .subject .subtitle {
	color: #435b75;
}
.boardList tbody tr .subject .level {
	color: #d35656;
}
.boardList tbody tr .classComment {
	color: #d35656;
	font-weight: bold;
}
.boardList tbody tr.deleted {
	background: #888888;
}

/* paging */
.paging {
	width:100%;
	padding: 7px 0px;
	background: #eaecf8;
	border-top: 1px solid #0f136b;
	border-bottom: 2px solid #0f136b;
	text-align:center;
}
.paging .pg {
	display: inline-block;
	/*width: 19px;*/
	height: 19px;
	padding: 0 4px;
	/*background: #ffffff;*/
	/*border: 1px solid #dbdbdb;*/
	color: #5b5b5b;
	font-weight: bold;
	line-height: 19px;
	text-align: center;
}
.paging .pg.current {
	border: 1px solid #6d8eb9;
    color: #6d8eb9;
	font-weight: bold;
}
.paging .prev,.paging .next {
	position: relative;
	color: #5b5b5b;
	font-weight: bold;
}
.paging .prev {
	margin-right: 8px;
}
.paging .prev:before {
	position: absolute;
    top: 1px;
    left: -11px;
    width: 6px;
    height: 9px;
    background: url(https://static.inven.co.kr/image_2011/lineagem/simulator/ico_paging_arrow.png) 0px 0px no-repeat;
    content: '';
}
.paging .next {
	margin-left: 8px;
}
.paging .next:before {
	position: absolute;
	top: 1px;
	right: -11px;
	width: 6px;
    height: 9px;
    background: url(https://static.inven.co.kr/image_2011/lineagem/simulator/ico_paging_arrow.png) -6px 0px no-repeat;
    content: '';
}
.sextype {
	display: inline-block;
    width: 38px;
    height: 15px;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    color: white;
    border-radius: 3px;
    vertical-align: 1px;
}
.sextype1 {
    background-color: #434ef3;
}
.sextype2 {
    background-color: #f14361;
}