/*!* 상단검색 *!*/
/*.top-search-wrap{*/
/*    margin-top : 40px;*/
/*}*/

/*.top-search-wrap .searchForm .input-search{*/
/*    font-size : 16px;*/
/*}*/

/*.top-search-wrap .searchForm .input-search-wrap{*/
/*    max-width : 672px;*/
/*    width : 95%;*/
/*    height : 40px;*/
/*    margin : 0 auto 20px;*/
/*}*/

.select-sort-wrap{
    display : grid;
    grid-template-columns: repeat(2,1fr);
    gap : 16px;
    max-width : 672px;
    width : 95%;
    margin : 0 auto 60px;
}

.select-sort-wrap button{
    height : 40px;
    border: 1px solid #b1b1b1;
    font-size : 14px;
    transition: 0.3s;
    border-radius: 8px;
}

.select-sort-wrap button.on{
    background-color : #3a4c40;
    color : #fff;
    border: none;
}
.select-sort-wrap button:hover{
    background-color : #516959;
    border: none;
    color: #ffffff;
}
.no-ticket-wrap{
    border-top : 1px solid #1c1c1c;
    border-bottom : 1px solid #1c1c1c;
    width : 95%;
    margin : auto;
}

.no-ticket{
    margin-top : 40px;
    max-width : 844px;
    height : 400px;
    display : flex;
    align-items: center;
    justify-content: center;
    margin : 0 auto;
}

.no-ticket .wraning{
    text-align: center;
    max-width : 500px;
    width: 100%;
    padding : 0 10px;
}

.no-ticket .icon.warning-red{
    width : 34px;
    height : 34px;
}

.no-ticket .icon-wrap{
    margin-bottom : 20px;
}

.no-ticket p{
    font-size : 24px;
    line-height : 30px;
    color : #b3261e;
    font-weight : 600;
    margin-bottom : 60px;
}

.no-ticket .btn-wrap{
    display : grid;
    grid-template-columns: repeat(2, 1fr);
    gap : 16px;
}

.no-ticket .btn-wrap > button{
    height :44px;
    display : flex;
    align-items: center;
    justify-content: center;
    font-size : 16px;
    font-weight : 500;
    border-radius: 8px;
}

.no-ticket .btn-white{
    border : 1px solid #767676;
    border-radius : 2px;
    color : #1c1c1c;
}

.no-ticket .btn-black{
    color : #fff;
    background-color : #1c1c1c;
    border-radius : 2px;
}

@media screen and (max-width : 1016px){
    .no-ticket .btn-wrap > button{
        font-size : 18px;
    }
}

@media screen and (max-width : 768px){

    .no-ticket .btn-wrap > button{
        font-size : 16px;
        height : 50px;
    }

    .select-sort-wrap{
        gap : 12px;
    }

    .no-ticket p{
        font-size : 20px;
        line-height : 24px;
    }
}


@media screen and (max-width : 480px){
    .top-search-wrap .searchForm .input-search{
        font-size : 14px;
    }

    .no-ticket .btn-wrap > button{
        font-size : 14px;
        height : 40px;
    }

    .select-sort-wrap{
        gap : 8px;
    }

    .no-ticket p{
        font-size : 16px;
        line-height : 20px;
    }
}