JAY DESIGN

<input type="checkbox" id="checkbox_ex1">
<label for="checkbox_ex1">Checkbox</label>

<div class="check-all">
    <input type="checkbox" id="checkbox_ex8">
    <label for="checkbox_ex8"><span>Checkbox</span></label>
</div>

//체크박스 그룹 - 세로
<ul class="checkboxes--vertical">
    <li>
        <input type="checkbox" id="checkbox_ex2">
        <label for="checkbox_ex2">Checkbox</label>
    </li>
    <li>
        <input type="checkbox" id="checkbox_ex3">
        <label for="checkbox_ex3">Checkbox</label>
    </li>
    <li>
        <input type="checkbox" id="checkbox_ex4">
        <label for="checkbox_ex4">Checkbox</label>
    </li>
</ul>    

//체크박스 그룹 - 가로
<ul class="checkboxes--horizontal">
    <li>
        <input type="checkbox" id="checkbox_ex5">
        <label for="checkbox_ex5">Checkbox</label>
    </li>
    <li>
        <input type="checkbox" id="checkbox_ex6">
        <label for="checkbox_ex6">Checkbox</label>
    </li>
    <li>
        <input type="checkbox" id="checkbox_ex7">
        <label for="checkbox_ex7">Checkbox</label>
    </li>
</ul>

<input type="checkbox" class="switch" id="checkbox_ex9">
<label for="checkbox_ex9"><span>Switch</span></label>

<input type="checkbox" class="switch switch--label" id="checkbox_ex10">
<label for="checkbox_ex10"><span>Switch</span></label>