.battle{display:block;float:none}
.battle button{display:inline-block;padding:0;background:transparent;border:0;cursor:pointer}
.battle table,
.battle th,
.battle td{border-spacing:0;border-collapse:collapse}
.battle_clearfix::after{display:block;content:'';clear:both}

.battle_title{margin-bottom:10px;background:#252525;border:1px solid #252525}
.battle_title .line{height:36px;padding:0 6px;background:url('https://static.inven.co.kr/image_2011/battlegrounds/dataninfo/item/bg_title01.jpg') no-repeat right top;color:#fff;border:1px solid #6e6e6e;font-size:13px;font-weight:bold;line-height:36px}
.battle_title .line img{margin-right:5px;vertical-align:top}

.battle_box{position:relative;padding:5px;border:1px solid #000}
.battle_box::before{display:block;content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#6f768a;border:1px solid #9fa4b1;z-index:10}
.battle_box::after{display:block;content:'';position:absolute;top:4px;left:4px;right:4px;bottom:4px;background:#9fa4b1;border-radius:2px;z-index:20}
.battle_box .line01{position:relative;background:#2d2f35;border:1px solid #000;border-radius:2px;z-index:30}

.battle_search{margin:20px 0;padding:12px;background:#f2f2f2}
.battle_search .name{float:left;width:100px;height:34px;margin:0;color:#525457;font-size:12px;font-weight:bold;text-align:center;line-height:34px}
.battle_search .input{float:left;width:460px;height:34px;padding:0 10px;border:1px solid #cacaca;line-height:32px;box-sizing:border-box}
.battle_search .submit{float:right;width:117px;height:34px;background:#485067;color:#fff;font-size:15px;font-weight:bold;text-align:center;line-height:34px}


.detail_item{width:230px;border:1px solid #000}
.detail_item .line{padding:0 9px;background:#1d1e20;border:1px solid #40403e}
.detail_item .title{padding:10px 0;background:url('https://static.inven.co.kr/image_2011/battlegrounds/dataninfo/item/line_line01.png') repeat-x 0 bottom;color:#ffcc00;font-size:16px;font-weight:bold;text-align:center}
.detail_item .type{height:35px;line-height:35px}
.detail_item .type p{margin:0;color:#fff;font-size:12px}
.detail_item .type .left{float:left}
.detail_item .type .right{float:right}
.detail_item .imgarea{background:#101010;    text-align: center;}
.detail_item .img{width:210px;height:210px}
.detail_item .layer_img{width:230px;height:210px}
.detail_item .status{padding:5px 3px 15px;background:url('https://static.inven.co.kr/image_2011/battlegrounds/dataninfo/item/line_line01.png') repeat-x 0 bottom}
.detail_item .status .item{margin-bottom:15px}
.detail_item .status .item:last-child{margin-bottom:0}
.detail_item .status .item .name{height:20px;margin:0;color:#fff;font-size:12px;font-weight:bold;line-height:20px}
.detail_item .status .item .name span{color:#f19f01;font-weight:normal}
.detail_item .status .item .progress{position:relative;height:10px;background:#646568}
.detail_item .status .item .progress span{display:block;position:absolute;top:0;left:0;bottom:0;background:#f19f01}
.detail_item .text{padding:15px 0 10px;color:#fff}
.detail_item .text p{margin:0}
.detail_item .volume{margin:0;padding:10px 0;color:#81899f;font-size:12px;text-align:right}
.detail_item .text ~ .volume{padding:0 0 10px}

.db_board{width:710px;margin:20px auto 0}
.db_board .board_filter{position:relative;float:left;height:28px;padding:0 27px 0 6px;background:url('https://static.inven.co.kr/image_2011/battlegrounds/dataninfo/item/line_filter02.jpg') repeat-x 0 0}
.db_board .board_filter::before{display:block;content:'';position:absolute;top:0;left:0;width:6px;height:28px;background:url('https://static.inven.co.kr/image_2011/battlegrounds/dataninfo/item/line_filter01.jpg') no-repeat 0 0}
.db_board .board_filter::after{display:block;content:'';position:absolute;top:0;right:0;width:27px;height:28px;background:url('https://static.inven.co.kr/image_2011/battlegrounds/dataninfo/item/line_filter03.jpg') no-repeat 0 0}
.db_board .board_filter label{display:inline-block;padding:0 5px;color:#293c79;font-weight:bold;line-height:28px;cursor:pointer}
.db_board .board_filter label input{margin:0;vertical-align:middle}

.db_board .board_list{width:100%;border-top:2px solid #29396e;border-bottom:1px solid #bec3d3;border-spacing:0;border-collapse:collapse;text-align:center}
.db_board .board_list thead{background:url('https://static.inven.co.kr/image_2011/battlegrounds/dataninfo/item/bg_title02.jpg') repeat-x 0 0}
.db_board .board_list tbody tr{background:url('https://static.inven.co.kr/image_2011/battlegrounds/dataninfo/item/line_line02.png') repeat-x 0 bottom}
.db_board .board_list tbody tr:nth-child(2n){background-color:#f9f9f9}
.db_board .board_list tbody tr:last-child{background-image:none}
.db_board .board_list tbody tr.del{background-color:#777}
.db_board .board_list thead button{padding-right:6px;color:#000;font-size:12px;font-weight:bold}
.db_board .board_list th{height:30px;background:url('https://static.inven.co.kr/image_2011/battlegrounds/dataninfo/item/line_bull01.jpg') no-repeat right center;border-bottom:1px solid #cbcbcb;font-weight:bold}
.db_board .board_list th:last-child{background:none}
.db_board .board_list tbody td{padding:5px 0}
.db_board .board_list tbody img{vertical-align:middle}
.db_board .board_list tbody .img img{width:60px;cursor: pointer;}
.db_board .board_list tbody .vehicles_img img{width:60px; height: 60px}
.db_board .board_list tbody .title a{color:#333;font-weight:bold}
.db_board .board_list tbody .text_left{text-align:left}
.db_board .board_list tbody .comment{color:#6380d1;font-weight:normal}

.battle_toltip{width:250px}
.battle_toltip .toltip_title{position:relative;width:220px;height:28px;padding:0 27px 0 22px;background:url('https://static.inven.co.kr/image_2011/battlegrounds/dataninfo/item/line_filter02.jpg') repeat-x 0 0;color:#485067;font-size:12px;font-weight:bold;line-height:28px;box-sizing:border-box}
.battle_toltip .toltip_title::before{display:block;content:'';position:absolute;top:0;left:0;width:6px;height:28px;background:url('https://static.inven.co.kr/image_2011/battlegrounds/dataninfo/item/line_filter01.jpg') no-repeat 0 0}
.battle_toltip .toltip_title::after{display:block;content:'';position:absolute;top:0;right:0;width:27px;height:28px;background:url('https://static.inven.co.kr/image_2011/battlegrounds/dataninfo/item/line_filter03.jpg') no-repeat 0 0}
.battle_toltip .detail_item{width:100%;border:0}
.battle_toltip .detail_item .line{background:#34363b;border:1px solid #25356a;border-top:2px solid #f1a002}

.db_board thead tr .sort{ 
    cursor: pointer; 
}
.db_board thead tr th em {
    padding-right: 11px;
    background: url(https://static.inven.co.kr/image_2011/game/dataninfo/b_arrows1.png) no-repeat right 1px;
}
.db_board thead tr .sort-asc em{
    background: url(https://static.inven.co.kr/image_2011/game/dataninfo/b_arrow_up1.png) no-repeat right 1px;
}
.db_board thead tr .sort-desc em{
    background: url(https://static.inven.co.kr/image_2011/game/dataninfo/b_arrow_down1.png) no-repeat right 1px;
}