<div class="box">
   <div class="title">기본 색상</div>
  
  <div>
    <label for="default1">체크박스 (checkbox)</label>
   <input id="default1" type="checkbox">
    <input type="checkbox" checked>
  </div>
  
  <div>
    <label for="default2">라디오 (radio)</label>
    <input name="default2" id="default2" type="radio">
    <input name="default2" type="radio" checked>
  </div>
  
   <div>
    <label for="default3">레인지 (range)</label>
    <input id="default3" type="range">
  </div>
  
  <div>
    <label for="default2">프로그레스 (progress)</label>
    <progress></progress>
  </div>
</div>

<div class="box change">
  <div class="title">색상 변경</div>
  
  <div>
    <label for="default5">체크박스 (checkbox)</label>
   <input id="default5" type="checkbox">
   <input id="default5" type="checkbox" checked>
  </div>
  
  <div>
    <label for="default6">라디오 (radio)</label>
    <input name="default6" id="default6" type="radio">
    <input name="default6"  type="radio" checked>
  </div>
  
   <div>
    <label for="default7">레인지 (range)</label>
    <input id="default7" type="range">
  </div>
  
  <div>
    <label for="default2">프로그레스 (progress)</label>
    <progress></progress>
  </div>
</div>