@media screen and (max-width: 1280px) {
    #container.wrapper {
        width: 95%
    }

    #container .list > li {
        height: 540px
    }

    #container .list .con_box .title {
        font-size: 1.3rem
    }

    #container .list .con_box .term {
        font-size: 1rem
    }

    #container .list .con_box .box .circle {
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 1rem
    }

    #container .list .con_box .box .s_title {
        font-size: 1rem
    }

    #container .list .con_box .box .circle span {
        font-size: 1rem
    }

    #container .list .complete .value .value_text {
        font-size: 1.8rem
    }

    #container .list .con_box .value .bottom {
        font-size: 1rem
    }

    #container .list .con_box .value .bottom .right img {
        width: 16px
    }

    #container .more_btn {
        font-size: 1.6rem
    }
}

@media screen and (max-width: 1023px) {
    #container .list {
        width: 90%;
        margin: 0 auto;
        margin-top: 40px
    }

    #container .list > li {
        width: 46%;
        margin: 0 2% 4%
    }
}

@media screen and (max-width: 768px) {
    #container .search_form > ul {
        font-size: 0
    }

    #container .search_form > ul > li {
        width: 49%;
        margin: 0;
        margin-right: 2%;
        font-size: 1.4rem
    }

    #container .search_form > ul > li:last-child {
        margin: 0
    }

    #container .search_form .condition .title {
        margin-bottom: 15px;
    }

    #container .search_form .condition .title img {
        vertical-align: middle;
        margin: 0
    }

    #container .search_form .search_box .text {
        width: 100%
    }

    #container .search_form .search_box .search_btn {
        right: 10px
    }

    #container .list {
        width: 100%
    }

    #container .list > li {
        width: 49%;
        margin: 0;
        margin-right: 2%;
        margin-bottom: 15px
    }

    #container .list > li:nth-child(2n) {
        margin-right: 0
    }
}

@media screen and (max-width: 640px) {
    #container .search_form > ul > li {
        display: block;
        margin: 0;
        margin-bottom: 10px;
        width: 100%
    }

    #container .list > li {
        width: 100%;
        margin: 0;
        margin-bottom: 15px
    }
}