<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

</head>

<style>

input[type="checkbox"] {

    display:none;

}

input[type="checkbox"] + label span {

    display:inline-block;

    width:22px;

    height:22px;

margin:0px;

    vertical-align:middle;

    background:url(image/check_off.png) left top no-repeat;

cursor:pointer;

}

input[type="checkbox"]:checked + label span {

    background:url(image/check_on.png) left top no-repeat;

}

.txt {font-family: Malgun Gothic,'맑은 고딕','돋움','dotum',sans-serif;

font-size:13px;

font-style:normal;}

</style>

<body>

<div class="txt">

<table width="0" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td style="padding-right:10px;">

        <input type="checkbox" checked="checked" id="c1" name="chek1" />

        <label for="c1"><span></span> 체크1</label> 

    </td>

    <td style="padding-right:10px;">

        <input type="checkbox" id="c2" name="chek2" />

        <label for="c2"><span></span> 체크2</label> 

    </td>

    <td style="padding-right:10px;">

        <input type="checkbox"   id="c3" name="chek3" />

        <label for="c3"><span></span >체크3</label> 

    </td>

    <td>

        <input type="checkbox"  id="c4" name="chek4" />

        <label for="c4"><span></span> 체크4</label> 

    </td>

  </tr>

</table>

</div>

</body>

</html>​