
.search_box {
	width: 100%; height: 100px;
	padding: 30px 90px;
	box-sizing: border-box;
	background-color: #fafafa;
}

.search_box select {
	width:130px; height: 100%;
	border: 1px solid #d0d0d0;
	padding: 0px 0px 0px 15px;
	font-size: 16px; color: #666666;
	font-family: 'NotoSansKR', sans-serif;
	box-sizing: border-box;
}

.search_box input {
	width: calc(100% - 180px); height: 100%;
	border: 1px solid #d0d0d0; border-left: 0px; border-right: 0px;
	padding: 0px 15px 0px 15px;
	font-size: 16px; color: #666666;
	font-family: 'NotoSansKR', sans-serif;
	box-sizing: border-box;
}

.search_box button {
	width: 40px; height: 100%;
	border: 0px; padding: 0px; margin: 0px;
	cursor: pointer;
	background-image: url(../images/search_icon.png);
	background-color: #2a2a2a;
	background-position: center center;
    background-repeat: no-repeat;
    background-size: auto auto;	
	box-sizing: border-box;
}


.tbl_box { width: 100%; height: auto; margin-top: 45px; }
.tbl_box table {
    border-collapse: collapse;
    table-layout: auto;
    word-break: break-all;
    width: 100%; height: auto;
}


.tbl_box table thead tr td { 
	height: 40px;
	font-size: 16px; color: #2a2a2a; text-align: center;
	border-top: 1px solid #e0e0e0;
	background-color: #fafafa;
}

.tbl_box table thead tr td.col_01 { width: 160px; }
.tbl_box table thead tr td.col_02 { width: auto; }
.tbl_box table thead tr td.col_03 { width: 110px; }
.tbl_box table thead tr td.col_04 { width: 175px; }

.tbl_box table tbody tr td { 
	padding: 15px 15px;
	text-align: center; font-size: 16px; color: #6a6a6a;
	border-bottom: 1px solid #e0e0e0;
	cursor: pointer;
}

.tbl_box table tbody tr:hover td { background-color: #fafafa; }

.tbl_box table tbody tr td.col_02 { text-align: left; }
.tbl_box table tbody tr td.col_03 { padding: 15px 0px; }
.tbl_box table tbody tr td .down_btn {
	width: 100%; height: 30px; line-height: 28px;
	font-size: 12px; color: #2a2a2a; text-align: center;
	border: 1px solid #d0d0d0;
	background-color: #fafafa;
	border-radius: 5px;
	box-sizing: border-box;
}

.tbl_box table tbody tr td .down_btn img {
	width: auto; height: 14px;
    vertical-align: text-bottom;
	margin-right: 7px;
}


@media (max-width: 479px){ 
	.search_box { height: 95px; padding: 30px 15px; }
	.search_box select { width: 70px; font-size: 12px; padding-left: 5px; }
	.search_box input { width: calc(100% - 105px); font-size: 12px; padding: 0px 5px; }

	.search_box button { width: 35px; background-size: 15px auto; }
	.tbl_box table thead tr td.col_01 { width: 70px; }
	.tbl_box table thead tr td.col_04 { display: none; }
	.tbl_box table tbody tr td.col_04 { display: none; }

	.tbl_box table thead tr td.col_03 { display: none; }
	.tbl_box table tbody tr td.col_03 { display: none; }

	.tbl_box table thead tr td { font-size: 12px; }
	.tbl_box table tbody tr td { font-size: 12px; }
}

@media (max-width: 749px) and (min-width: 480px) { 
	.search_box { padding: 30px 15px; }
	.search_box select { width: 100px; font-size: 14px; padding-left: 5px; }
	.search_box input { width: calc(100% - 140px); font-size: 14px; padding: 0px 5px; }
	.tbl_box table thead tr td.col_01 { width: 70px; }
	.tbl_box table thead tr td.col_04 { display: none; }
	.tbl_box table tbody tr td.col_04 { display: none; }
	.tbl_box table tbody tr td.col_03 { padding: 15px 10px; }
	.tbl_box table tbody tr td .down_btn { font-size: 10px; }
	.tbl_box table thead tr td { font-size: 12px; }
	.tbl_box table tbody tr td { font-size: 12px; }
}

@media (max-width: 1023px) and (min-width: 750px) { 
	.search_box { padding: 30px 60px; }
	.search_box select { font-size: 14px; }
	.search_box input { font-size: 14px; }
	.tbl_box table thead tr td.col_01 { width: 100px; }
	.tbl_box table thead tr td.col_04 { display: none; }
	.tbl_box table tbody tr td.col_04 { display: none; }
	.tbl_box table tbody tr td.col_03 { padding: 15px 10px; }
	.tbl_box table tbody tr td .down_btn { font-size: 10px; }
	.tbl_box table thead tr td { font-size: 14px; }
	.tbl_box table tbody tr td { font-size: 14px; }
}


@media (max-width: 1279px) and (min-width: 1024px) { 
	.tbl_box table thead tr td.col_01 { width: 120px; }
	.tbl_box table thead tr td.col_04 { width: 140px; }
}


/*
@media (max-width: 479px){ 

}

@media (max-width: 749px) and (min-width: 480px) { 

}

@media (max-width: 1023px) and (min-width: 750px) { 

}


@media (max-width: 1279px) and (min-width: 1024px) { 
	
}
*/