.tbl_box {
	
	width: 100%;
}
.tbl_box > table {
    border-collapse: collapse;
    table-layout: auto;
    word-break: break-all;
    width: 100%;
	border-top: 1px solid #000;
}

.tbl_box > table > thead > tr > th { 
	padding: 10px 10px;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
	background-color:#f7f7f7;
	text-align:center;
	font-size: 12px;
	color: #555
}

.tbl_box > table > thead > tr > td { 
	padding: 10px 10px;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
	font-size: 12px;
	background-color:#fff;
}

.tbl_box > table > tbody > tr > td { 
	height: 40px;
	padding: 5px 10px;
	box-sizing: border-box;
	font-size: 12px; color: #373737;
	border-bottom: 1px solid #d2d2d2;
}

.tbl_box > table > tbody > tr > td.left_th { 
	padding:5px 10px;
	font-weight:bold;
	background:#efefef
}

.tbl_box > table > tbody > tr > th { 
	padding: 5px 10px;
	font-size: 12px; color: #373737;
	border-bottom:1px solid #d2d2d2;
	font-weight:bold;
	background:#efefef
}

.tbl_box > table > tbody > tr > td.text_c {text-align: center}
.tbl_box > table > tbody > tr > td.text_r {text-align: right}
.tbl_box > table > tbody > tr > td.text_l {text-align: left}

.tbl_box > table > tfoot > tr > td { 
	border-top:2px solid #000; 
	border-bottom:1px solid #000;
	padding:20px 0; 
	font-size:14px; 
}

.tbl_box > table > thead > tr > td.col_th_01 { width: 120px; }
.tbl_box > table > thead > tr > td.col_th_02 {  }
.tbl_box > table > thead > tr > td.col_th_03 { width: 120px; }
.tbl_box > table > thead > tr > td.col_th_04 { width: 150px; }

.tbl_box > table > tbody > tr > td.col_td_01 {  }
.tbl_box > table > tbody > tr > td.col_td_02 { text-align: left; }
.tbl_box > table > tbody > tr > td.col_td_03 {  }
.tbl_box > table > tbody > tr > td.col_td_04 {  }

.tbl_box > table > tbody > tr > td > input {padding:0 10px; border:1px solid #dcdcdc; height:30px;}
.tbl_box > table > tbody > tr > td > input.radio {padding:0; border:none; width:10%;height:17px;float: left;}
.tbl_box > table > tbody > tr > td > input.checkbox {height: 14px}

.tbl_box > table > tbody > tr > td > input.btnT { height:30px;border:1px solid #666; padding:0 30px; display:inline-block; color:#fff;  background-color:#666;}
.tbl_box > table > tbody > tr > td > input.btnT:hover  {color:#fff;background:#dc2900; border:1px solid #dc2900;}


.tbl_box > table > tbody > tr > td > textarea {padding:0 10px; border:1px solid #dcdcdc;}
.tbl_box > table > tbody > tr > td > select {padding:0 10px; border:1px solid #dcdcdc; height:30px}
.tbl_box > table > tbody > tr > td > p > label {font-weight: 100}

._font-icon { width:20px; height:20px; line-height:21px; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; background-color:#e5e5e5; display:inline-block; text-align:center; font-size:15px; color:#fff; font-weight:bold; margin:0 20px; }
.font-icon-minus { background-color:#d5d5d5; }
.font-icon-plus { background-color:#d5d5d5; }
.font-icon-total { background-color:#dc2900; }

.btn_box {
	display: inline-block;
	width: 100%;
	text-align: right;
	margin-top: 34px;
}


.btn_box > a {
	display: inline-block;
	width: 161px; height: 38px; line-height: 38px;
	color: #fff; font-size: 14px;
	text-align: center; text-decoration: none;
	background-color: #2f7e2b;
}

.paging_box {
	display: inline-block;
	width: 100%;
	margin-top: 10px;
}

.paging_box > ul {
	display: inline-block;
}

.paging_box > ul > li {
	display: inline-block;
	height: 29px; line-height: 29px;
	list-style: none;
	float: left;
	border: 1px solid #d3d3d3;
	margin: 0px 2px;
}

.paging_box > ul > li.active_page {
	border: 1px solid #2f7e2b;
	background-color: #2f7e2b;
}

.paging_box > ul > li > a{
	display: inline-block;
	height: 29px; line-height: 29px;
	padding: 0px 12px;
	box-sizing: border-box;
	text-decoration: none;
	font-size: 12px; color: #2f7e2b;
}

.paging_box > ul > li.active_page > a {
	color: #fff;
}


.search_box {
	width: 100%; 
	padding: 15px 15px;
	text-align: left;
	border: 3px solid #e4e4e4;
}

.category_box {
	width: 100%; 
	padding: 15px 15px;
	text-align: left;
	border: 1px solid #d8d8d8;
    background: #f5f5f5;
	margin-bottom: 20px;
}

.search_box > div {
	display: inline-block;
}


.search_box > div > select {
	
	width: 80px; 
	padding-left:10px;
	font-size: 13px; color: #000;
	border: 1px solid #d2d2d2; 
	box-sizing: border-box;
	background-color: #fff;
	margin-right:3px;
}


.search_box > div > input {
	padding:0px 10px; 
	
	border: 1px solid #d2d2d2; 
	box-sizing: border-box;
	background-color: #fff;
	margin-right:3px;
}


.search_box > div > img {
	float: left;
	margin: 0px 3px;
	cursor: pointer;
}


/* Æ÷ÀÎÆ® ¹Ú½º ¼Ó¼º*/
.point_box {width: 100%; 	padding: 20px 20px;border: 3px solid #e4e4e4;}
.point_box > div {	display: inline-block; font-size:16px; }
.point_box > div .p-icon { border:4px solid #ef8e00;  padding:3px;  border-radius:100%;  text-align:center;display: inline-block;margin-right: 5px;}
.point_box > div .p-icon .p{ border-radius:100%;  background-color:#ef8e00; font-size:22px; color:#fff; width:33px; display:block;padding-top:3px;font-weight: bold;}
.point_box > div .p-icon-g {margin-right: 5px; border:4px solid #cacaca;  padding:3px;  border-radius:100%;  text-align:center;display: inline-block}
.point_box > div .p-icon-g .p-g{ border-radius:100%;  background-color:#cacaca; font-size:22px; color:#fff; width:33px; display:block;padding-top:3px;font-weight: bold;}
.point_box > div .p-text {font-size:26px; color:#ef6500; font-weight: 700;}
.point_box > div .p-text-g {font-size:26px; color:#a0a0a0; font-weight: 700;}

/*Å×ÀÌºí ¹öÆ° ¼Ó¼º */
.search_box > div > input._btn1 { 
height:30px;border:1px solid #666; padding:0 30px; display:inline-block; color:#fff;  background-color:#666; 
}
.search_box > div > input._btn1:hover  {
color:#fff;background:#dc2900; border:1px solid #dc2900;
}



@media (max-width: 420px){ 
	.container {
		max-width: 90%;
	}

	.tbl_box > table > tbody > tr > td {
		font-size: 12px;
	}

	.tbl_box > table > thead > tr > td.col_th_01 { width: 80px; }
	.tbl_box > table > thead > tr > td.col_th_02 {  }
	.tbl_box > table > thead > tr > td.col_th_03 { width: 120px; display: none; }
	.tbl_box > table > thead > tr > td.col_th_04 { width: 100px; }

	.tbl_box > table > tbody > tr > td.col_td_01 {  }
	.tbl_box > table > tbody > tr > td.col_td_02 { text-align: left; }
	.tbl_box > table > tbody > tr > td.col_td_03 { display: none; }
	.tbl_box > table > tbody > tr > td.col_td_04 {  }

	.search_box > div > select {
	    width: 75px;
	    padding: 0px 5px;
	}

	.search_box > div > input {
        width: 130px;
		padding: 0px 5px;
	}
}

@media (max-width: 819px) and (min-width: 421px) { 
	.container {
		max-width: 90%;
	}

	.tbl_box > table > tbody > tr > td {
		font-size: 12px;
	}

	.tbl_box > table > thead > tr > td.col_th_01 { width: 90px; }
	.tbl_box > table > thead > tr > td.col_th_02 {  }
	.tbl_box > table > thead > tr > td.col_th_03 { width: 120px; display: none; }
	.tbl_box > table > thead > tr > td.col_th_04 { width: 120px; }

	.tbl_box > table > tbody > tr > td.col_td_01 {  }
	.tbl_box > table > tbody > tr > td.col_td_02 { text-align: left; }
	.tbl_box > table > tbody > tr > td.col_td_03 { display: none; }
	.tbl_box > table > tbody > tr > td.col_td_04 {  }


	.search_box > div > select {
	    width: 100px;
	}

	.search_box > div > input {
	    width: 165px;
		padding: 0px 10px;
	}
}

@media (max-width: 1043px) and (min-width: 820px) { 
	.container {
		max-width: 800px;
	}

}

@media (max-width: 1099px) and (min-width: 1044px) { 
	.container {
		max-width: 1024px;
	}
}

@media (min-width: 1100px){

}



/*
	@media (max-width: 420px){ 

	}

	@media (max-width: 819px) and (min-width: 421px) { 

	}

	@media (max-width: 1043px) and (min-width: 820px) { 

	}

	@media (max-width: 1099px) and (min-width: 1044px) { 

	}

	@media (min-width: 1100px){

	}
*/

.btnS { height:25px;border:1px solid #666; padding:5 10px; display:inline-block; color:#fff;  background-color:#666;}
.btnS:hover  {color:#fff;background:#dc2900; border:1px solid #dc2900;}
