/* --------------------------------------------------------------------------
	이미지 체크박스
-------------------------------------------------------------------------- */ 

input[type=checkbox]+label { 
	position: relative; 
	padding-left: 22px;
}

input[type=checkbox]+label:before {
	content: '';
	display: inline-block;
	background: url(/img/controls.png) top left no-repeat, url(/img/controls.png) top left no-repeat, url(/img/controls.png) top left no-repeat;
	background-position: left -38px;
	width: 19px;
	height: 19px;
	cursor: default;
	top: 0px;
	left: 0px;
	position: absolute;
	user-select: none; 
}
input[type=checkbox]+label:active:before { background-position: left -57px; }
input[type=checkbox]:checked+label:before { background-position: left -38px, left -114px, left -38px; }

/* Type 2 */
input[type=checkbox]+label.t2:before {
	display: inline-block;
	background: url(/img/controls.png) top left no-repeat, url(/img/controls.png) top left no-repeat;
	background-position: left -566px;
	height: 19px;
	cursor: default;
	padding-left: 25px;
}
input[type=checkbox]:checked+label.t2:before { background-position: left -587px, left -566px; }
input[type=checkbox].mixed+label.t2:before { background-position: left -344px; }
input[type=checkbox].mixed:checked+label.t2:before { background-position: left -587px, left -566px; }

/* Type 3 */
input[type=checkbox]+label.t3:before {
	display: inline-block;
	background: url(/img/controls.png) top left no-repeat, url(/img/controls.png) top left no-repeat;
	background-position: left -566px;
	height: 19px;
	cursor: default;
	padding-left: 25px;
}
input[type=checkbox]+label.t3:active:before { background-position: left -566px, left -632px; }
input[type=checkbox]:checked+label.t3:before { background-position: left -566px, left -632px; }

/* Type 4 */
input[type=checkbox]+label.t4:before {
	display: inline-block;
	background: url(/img/controls.png) top left no-repeat, url(/img/controls.png) top left no-repeat;
	background-position: left -610px;
	height: 20px;
	cursor: default;
	padding-left: 27px; 
}
input[type=checkbox]+label.t4:active:before { background-position: left -610px, left -634px; }
input[type=checkbox]:checked+label.t4:before { background-position: left -610px, left -634px; }

/* 동그라미 체크박스 (파랑) */
input[type=checkbox]+label.t5 { padding-left: 30px; }
input[type=checkbox]+label.t5:before { 
	content: '';
	display: inline-block; 
	background: url(/img/checkbox.png) top left no-repeat; 
	background-position: left -111px; 
	width: 20px;
	height: 22px; 
	cursor: pointer; 
}
input[type=checkbox]+label.t5:active:before { background-position: left -141px; } 
input[type=checkbox]:checked+label.t5:before { background-position: left -141px; } 

/* 동그라미 체크박스 (파랑) */
input[type=checkbox]+label.t6:before { 
	display: inline-block; 
	background: url(/img/controls.png) top left no-repeat, url(/img/controls.png) top left no-repeat; 
	background-position: left -658px; 
	height: 19px; 
	cursor: pointer; 
	padding-left: 26px; 
}
input[type=checkbox]+label.t6:active:before { background-position: left -634px, left -658px; } 
input[type=checkbox]:checked+label.t6:before { background-position: left -634px, left -658px; } 

/* 별표 체크박스 */

.tbl-bid-list input[type=checkbox]+label.star:before {	
	float: left;
	display: inline-block;
    background-image: url(/img/star-1-20.png);
	background-image: -webkit-image-set(url(/img/star-1-20.png) 1x,url(/img/star4_2x.png) 2x);
	background-position: 0px 0px;
	height: 20px;
	padding-top: 0px;
	padding-left: 30px;
	cursor: pointer;
	top: 0px;
	opacity: 0.7; 
	z-index: 1; 
}

.tbl-bid-list input[type=checkbox]+label.star:active:before { background-position: 0px -20px; opacity: 1; }
.tbl-bid-list input[type=checkbox]:checked+label.star:before { background-position: 0px -20px; opacity: 1; }