[SASS] for문 활용

li {
  float: left;
  width: calc((100% - 6.6rem) / 4);
  margin-right: 2.2rem;
  height: 27rem;
  @for $i from 1 through 4 {
    &:nth-of-type(#{$i}) {
      background: {
        image: url("../../assets/images/cp_label_#{$i}.png");
        position: calc(100% - 1rem) 11.5rem;
        repeat: no-repeat;
        size: auto;
      };
      .bg-area {
        border-top-left-radius: .6rem;
        border-top-right-radius: .6rem;
        background: {
          image: url("../../assets/images/cp_#{$i}.png");
          position: center bottom;
          repeat: no-repeat;
          size: cover;
        };
      }
    }
  }
}