// & : 자신이 포함되어 있는 범위의 선택자를 참조한다.
// 또는 & 자리에 선택자가 치환되서 들어가더라 라고 이해하면 된다.
.btn {
    position: absolute;
    &.acticve {
        color:red;
    }
}

.list {
    li {
        &:last-child {
            margin-right:0;
        }
    }
}

.fs {
    &-small{
        font-size:12px;
    }
    &-medium{
        font-size:14px;
    }
    &-large{
        font-size:16px;
    }
}

.btn {
  position: absolute;
}
.btn.acticve {
  color: red;
}

.list li:last-child {
  margin-right: 0;
}

.fs-small {
  font-size: 12px;
}
.fs-medium {
  font-size: 14px;
}
.fs-large {
  font-size: 16px;
}