<div class="chk-option">
<input type="checkbox"><lable for=""></label>
</div>
.chk-option{position:absolute;right:-0.55em;top:50%;display:block;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;width:50px;height:28px;margin-top:-1em;background-color:#fff;overflow:hidden;cursor: pointer;line-height: normal;z-index:130;}
.chk-option input{visibility:hidden;}
.chk-option label{position: absolute;left: 0;top:0;overflow:hidden;display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:50px;height:28px;border-radius:4px;background:transparent url(../images/ico3_onoff.png) no-repeat center 0;background-size:50px auto;text-indent:-9999em;cursor:pointer;}
.chk-option input:checked + label{background:transparent url(../images/ico3_onoff.png) no-repeat center -50px;background-size:50px auto;}
모바일 웹접근성엔 부적합