﻿#wrap .content div.search_bar { display: inline-block; width: 100%; height: 31px; line-height: 31px; margin-bottom: 15px; }
#wrap .content div.search_bar > div > span { font-size: 13px; color: #000; }
#wrap .content div.search_bar > div > select { display: inline-block; width: 109px; height: 31px; line-height: 31px; border: 1px solid #b7b8ba; padding: 0px 15px; box-sizing: border-box; margin-left: 0px; }
#wrap .content div.search_bar > div > input { display: inline-block; width: 191px; height: 31px; line-height: 31px; border: 1px solid #b7b8ba; padding: 0px 15px; box-sizing: border-box; margin-left: 3px; }
#wrap .content div.search_bar > div > button { display: inline-block; width: 82px; height: 31px; line-height: 31px; font-size: 14px; color: #fff; text-align: center; background-color: #000; border: 0px; margin-left: 3px; }
#wrap .content div.search_bar > div > button.color_type_01:hover { background-color: #b4b5b7; cursor: pointer; }

div.tbl { display: inline-block; width: 100%; }
div.tbl table{ 
    border-collapse: collapse;
    table-layout: auto;
    word-break: break-all;
    width: 100%;
	border-top: 1px solid #b4b5b7;
 }
div.tbl table thead , 
div.tbl table thead tr, 
div.tbl table tbody , 
div.tbl table tbody tr {

	width: 100%;
 }

div.tbl table thead tr td {
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	background-color: #f2f2f2;
	padding:10px 0px;
	text-align: center; 

	color: #000;
}

div.tbl table thead tr td.col_thead_01 { width: 94px; }
div.tbl table thead tr td.col_thead_02 { width: 674px; }
div.tbl table thead tr td.col_thead_03 { width: 120px; }
div.tbl table thead tr td.col_thead_04 { width: 184px; }

div.tbl table tbody tr td { 
	padding: 10px 10px;
	box-sizing: border-box; 
	color: #000;
	border-bottom: 1px solid #b4b5b7;
	text-align:center;
}

div.tbl table tbody tr.type_a { 
	display: none;
}

div.tbl table tbody tr.type_a td {
	background-color: #eee;
	color: #666666;
	line-height:20px;
}

div.tbl table tbody tr:hover  td{ background-color: #fcfcfc; cursor: pointer; }
div.tbl table tbody tr.type_a:hover td { background-color: #eee; }


div.tbl table tbody tr td.col_tbody_01 { width: 94px; font-size: 18px; color: #b4b5b7; }
div.tbl table tbody tr td.col_tbody_02 { width: 650px; text-align: left; font-size:13px; line-height:30px;}
div.tbl table tbody tr td.col_tbody_03 { width: 120px; }
div.tbl table tbody tr td.col_tbody_04 { width: 184px; }
div.tbl table tbody tr td.col_tbody_05 { width: 250px; text-align: left; font-size:13px; line-height:30px;}

div.paging { display: inline-block; width: 100%; height: 29px; box-sizing: border-box; text-align: left; margin-top: 35px; }
div.paging a { 
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;

	display: inline-block; 
	text-decoration: none; 
	width: 29px; height: 29px; line-height: 29px; 
	text-align: center; color: #000; font-size: 14px;
	box-sizing: border-box; border: 1px solid #fff; 
}
div.paging a.page { margin-left: 3px; }
div.paging a.page:first-child { margin-left: 0px; }
div.paging a.prev { margin-right: 4px; }
div.paging a.next { margin-left: 4px; }
div.paging a.btn { border: 1px solid #e3e4e4; color: #747272; }
div.paging a.active { background-color: #f5f5f5; border: 1px solid #f5f5f5; }
div.paging a:hover { background-color: #f5f5f5; border: 1px solid #f5f5f5; }
