.about-page .f-history .scroll-box .warpper ul li .history-item {
    &.history-item-1 {
        top: 32%;
        left: 6%;
    }
    &.history-item-2 {
        top: 59%;
        left: 10%;
        padding-bottom:0.4rem;
    }

    &.history-item-3 {
        top: 22%;
        left: 21%
    }

    &.history-item-4 {
        top: 52%;
        left: 22%;
        padding-bottom:0.9rem;
    }

    &.history-item-5 {
        top: 21%;
        left: 35%
    }

    &.history-item-6 {
        top: 49%;
        left: 37%;
        padding-bottom:0.9rem;
    }

    &.history-item-7 {
        top: 23%;
        left: 62%
    }

    &.history-item-8 {
        top: 59%;
        left: 68%;
        padding-bottom:0.8rem;
    }

    &.history-item-9 {
        top: 20%;
        left: 73%
    }

    &.history-item-10 {
        top: 50%;
        left: 81%;
        padding-bottom:0.8rem;

    }

    &.history-item-11 {
        top: 16%;
        left: 85%
    }
}


@media screen and (min-width: 800px) {
    .index-product .wal .list .item {
        width: calc((100% - .16rem * 2) / 3);
    }
}