/* reset */
button {padding: 0; border: 0; background: transparent; font-family: gulim, 굴림, Helvetica; font-size: 12px; outline: 0; cursor: pointer;}
.table, .table th, .table td{border-spacing: 0; border-collapse:collapse;}

/* common */
#ff14DB.ff14 {padding: 10px;}
.clearfix::after {display: block; content: ''; clear: both;}
.ff14DbCommonComment {margin-top: 15px;}

/* grade */
.itemgrade0d {color: #888888!important;}
.itemgrade1d {color: #f3f3f3!important;}
.itemgrade2d {color: #c0ffc0!important;}
.itemgrade3d {color: #5990ff!important;}
.itemgrade4d {color: #b38cff!important;} 
.itemgrade5d {color: #ffa666!important;}
.itemgrade6d {color: #e5dd7e!important;}
.itemgrade7d {color: #d789b6!important;}

.itemgrade0f {color: #888888!important;}
.itemgrade1f {color: #323232!important;}
.itemgrade2f {color: #71CF71!important;}
.itemgrade3f {color: #5990ff!important;}
.itemgrade4f {color: #b38cff!important;} 
.itemgrade5f {color: #ffa666!important;}
.itemgrade6f {color: #e5dd7e!important;}
.itemgrade7f {color: #d789b6!important;}

.db_filter {margin-bottom: 10px; border-top: 1px solid #cdcdcf; border-bottom: 1px solid #cdcdcf;}
.db_filter .table {width: 100%; margin: 1px 0; border-top: 2px solid #cdcdcf; border-bottom: 2px solid #cdcdcf;}
.db_filter .table .size01 {width: 100px;}
.db_filter .table tr {border-bottom: 1px solid #b3b3b3;}
.db_filter .table tr:last-child {border-bottom: 0;}
.db_filter .table th {background-color: #f1f1f1; font-size: 12px; font-weight: bold; letter-spacing: -1.5px;}
.db_filter .table td {padding: 4px 4px; font-size: 0;}
.db_filter .link {display: inline-block; position: relative; padding: 0 6px; color: #000; font-size: 12px;}
.db_filter .link::before {display: block; content: ''; position: absolute; top: 5px; right: 0; width: 1px; height: 9px; background-color: #9ca3bc;}
.db_filter .link:last-child::before {display: none;}
.db_filter .link.act {color:#ff0101; font-weight:bold;}

.quest_filter, .duty_filter {margin-bottom: 10px; padding: 5px; background-color: #cccdcf;}
.quest_filter ul, .duty_filter ul{padding: 5px 5px; border: 1px solid #eaebeb; background-color: #f1f1f1;}
.quest_filter ul li, .duty_filter ul li {float: left; margin: 5px 5px;}
.quest_filter ul li .link, .duty_filter ul li .link {display: block; width: 60px; height: 21px; border-radius: 5px; background-color: #bcbcbc; color: #fff; font-size: 12px; font-weight: bold; text-align: center;}
.quest_filter ul li .link.act, .duty_filter ul li .link.act {background-color: #940807;}

.db_search {margin-bottom: 10px; padding: 8px 10px; background-color: #cbcbcb;}
.db_search::after {display: block; content: ''; clear: both;}
.db_search .text {float: left; width: 32px; height: 30px; font-size: 12px; font-weight: bold; line-height: 30px; text-align: left;}
.db_search .input {float: left; width: calc(100% - 147px); padding: 0 5px; height: 30px; line-height: 30px; box-sizing: border-box;}
.db_search .btn {float: left; margin-left: 5px; height: 30px; line-height: 30px; color: #fff; font-size: 12px; font-weight: bold; text-align: center;}
.db_search .btn.search {width: 50px; background-color: #940807;}
.db_search .btn.reset {width: 55px; background-color: #4f4f4f;}

.db_board .board_filter {margin-bottom: 10px; padding: 0 6px; background-color: #4f4f4f; font-size: 0;}
.db_board .board_filter label {display: inline-block; padding: 0 6px; color: #fff; font-size: 12px; font-weight: bold; line-height: 30px; cursor: pointer;}
.db_board .board_filter label input {margin: 0 5px 0 0; vertical-align: middle;}
.db_board .board_list {width: 100%; border-bottom: 2px solid #950705; border-spacing: 0; border-collapse: collapse; text-align: center; table-layout: fixed;}
.db_board .board_list thead {background-color: #dadada;}
.db_board .board_list thead th {height: 30px; font-size: 12px;}
.db_board .board_list tbody tr {background: url('//static.inven.co.kr/image_2011/ff14/dataninfo/line_line02.png') repeat-x 0 bottom;}
.db_board .board_list tbody tr:last-child {background: none;}
.db_board .board_list tbody td {padding: 9px 5px; font-size: 12px; line-height: 1.25;}
.db_board .board_list tbody .title a {font-weight: bold;}
.db_board .board_list tbody .itemicon img,
.db_board .board_list tbody .crafticon img, 
.db_board .board_list tbody .img img {width: 23px; height: 23px; border: 1px solid #333; border-radius: 3px; vertical-align: middle;}
.db_board .board_list tbody .icon {margin-top: -2px; vertical-align: middle;}
.db_board .board_list tbody .text_left {text-align: left;}
.db_board .board_list tbody .comment {color: #6380d1;}