
div.table_list ul li.status {
	text-align: center;
}
span.status {display: inline-block;font-size: 0;width: 150px;height: 26px;vertical-align: middle;margin-right: 20px;}
span.status.status-A {background: url('/images/korean/sub/status-A.png') no-repeat;}
span.status.status-B {background: url('/images/korean/sub/status-B.png') no-repeat;}
span.status.status-C {background: url('/images/korean/sub/status-C.png') no-repeat;}
span.status.status-D {background: url('/images/korean/sub/status-D.png') no-repeat;}
span.status.status-E {background: url('/images/korean/sub/status-E.png') no-repeat;}
span.status.status-W,
span.status.status-X,
span.status.status-Y,
span.status.status-Z {background: url('/images/korean/sub/status-F.png') no-repeat;}

span.status-number {font-size: 1.25em;vertical-align: middle;}
span.status-number .status-A {color: #bbbdca;}
span.status-number .status-B {color: #9497a8;}
span.status-number .status-C {color: #71758b;}
span.status-number .status-D {color: #50546b;}
span.status-number .status-W,
span.status-number .status-X,
span.status-number .status-Y {color: #35394e;}
span.status-number .status-Z {color: #1e2233;}

@media (max-width:1890px){

}

@media (max-width:1671px){

}


@media (max-width:1411px){

}

@media (max-width:1280px){

}

@media (max-width:1170px){

}

@media (max-width:1093px){

}

@media (max-width:992px){
	div.table_list ul  .num { width:35px!important; }
	div.table_list ul  .data { width:100px!important; }
	div.table_list ul  .c_name { width:10% !important; }
	div.table_list ul  .title { width:auto !important; }
	div.table_list ul  .name { width:90px !important; }
	div.table_list ul  .status { width:170px!important; }
	div.table_list ul  .status_txt {  }

}

@media (max-width:871px){

}

@media (max-width: 768px) {
	/* div.table_list > div.dbody > ul, .hope_result tr {
		padding: 7px 10px !important;
	}
	div.table_list > div.dbody > ul > li.title, .hope_result tr td.title {
		width: 100% !important;
	}
	div.table_list > div.dbody > ul > li.name {
		display: block !important;
		text-align: left;
		padding: 5px 0 !important;
	}
	div.table_list > div.dbody > ul > li.status {
		display: block !important;
		margin-right: 0px !important;
	} */

	div.table_list > div.dhead { display:none; }

	#listView ul { padding: 15px 20px; box-sizing:border-box; display:block; width:100%; }
	#listView ul:nth-child(2n+2) { background:#fafafa; }

	div.table_list ul .num,
	div.table_list ul .data,
	div.table_list ul .c_name,
	div.table_list ul .title,
	div.table_list ul .name,
	div.table_list ul .status,
	div.table_list ul .status_txt { padding: 0 !important; }

	div.table_list ul .num,
	div.table_list ul .data,
	div.table_list ul .c_name { display:inline-block !important;text-align:left; }
	div.table_list ul .title { display:inline-block; width:100%; border-top: 1px solid #eaeaea !important; border-bottom: 1px solid #eaeaea; }
	div.table_list ul .name,
	div.table_list ul .status,
	div.table_list ul .status_txt { display:inline-block !important; }

	div.table_list ul .num { width:50px !important; text-align: center; }
	div.table_list ul .data { width:100px !important; }
	div.table_list ul .c_name { width:calc(100% - 158px) !important; }
	div.table_list ul .title { width:100% !important; margin:7px 0 !important; }
	div.table_list ul .title a { padding: 7px 0 !important; padding-left: 15px !important; box-sizing:border-box; }
	div.table_list ul .name { width:100px !important; text-align:left; padding-left: 15px !important; }
	div.table_list ul .status { width:170px !important; }
	div.table_list ul .status_txt {  }

}

@media (max-width:599px){

}


@media (max-width:479px){
	#listView ul { padding: 15px 10px; }
	div.table_list ul .c_name { padding-right: 10px !important; text-align: right; }
	div.table_list ul .title { width:calc(100% - 104px) !important; display:inline-block !important; }
	div.table_list ul .title a { padding-left: 10px !important; }
	div.table_list ul .name { width:100px !important; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; height:36px; line-height: 34px; text-align: right; padding-right: 10px !important;}
	div.table_list ul .status {  }
	div.table_list ul .status_txt { width:calc(100% - 174px) !important; text-align: right; padding-right: 10px !important; }
}

@media (max-width:389px){

}

@media (max-width:325px){

}


