/* 검색옵션 */

div.main .portfolio input.all:checked ~ div ul li {
    display: block;
    animation: all 1s ease;
}

div.main .portfolio input.web:checked ~ div ul li.web {
    display: block;
    animation: some 1s ease;
}

div.main .portfolio input.app:checked ~ div ul li.app {
    display: block;
    animation: some 1s ease;
}

@keyframes all {
    0% {
        transform: translateY(20%);
    }

    100% {
        transform: translateY(0%);
    }
}

@keyframes some {
    0% {
        transform: translateY(20%);
    }

    100% {
        transform: translateY(0%);
    }
}