<ul>
	<li class="checkbox-list">
	  <label for="checkbox" class="checkbox-wrap">
	    <span class="check active"></span>
	      <input type="checkbox" id="checkbox" />
	        <p class="checkbox-text">전체 약관에 동의합니다</p>
     </label>
   </li>

.check {
  display: inline-block;
  width: 13px;
  height: 13px;
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
}
.check.active {
  background: url(../img/check.svg);
  background-size: contain;
  background-color: #f82f62;
  border: none;
}
#checkbox {
  visibility: hidden;
}