.in_mobile{
    display: none;
}
.logout-link{
    color:#ff5555 !important;
    text-decoration: none;
}
@media screen and (max-width: 750px) {
    body {

    }
    .nav .logo{
        font-size: 14px;
    }
    /*login*/
    .login-box{
        max-width: 420px;
        width: 96%;
    }
    .reg-box{
        max-width: 520px;
        width: 96%;
    }
    /*login end*/
    .in_pc{
        display: none;
    }
    .in_mobile{
        display: block;
    }
    .nav_mobile{
        width: 100%;
        display: flex;
        background: #111;
        justify-content: space-between;
        align-items: center;
        height: 50px;
        border-bottom: 1px solid #ffc80033;
    }
    .nav_mobile a{
        flex: 1;
        width: 50%;
        text-decoration: none;
        color:#fff;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }
    .index_table{

    }
    .index_table th{
        font-size: 12px;
        padding: 5px 0;
    }
    .index_table td{
        padding: 5px;
        font-size: 12px;
    }
    .buy{
        padding: 3px 4px;
        font-size: 11px;
        font-weight: normal;
    }
    .sell{
        padding: 3px 4px;
        font-size: 11px;
        font-weight: normal;
    }

    .modal-box{
        max-width: 520px;
        width: 96%;
    }
    .form_wrap{
        display: flex;
        justify-content: start;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
    }
    .search-box input{
        margin:0;
    }
    .notice-list{
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 10px;
    }
    .detail-box{
        max-width: 720px;
        width: 96%;
    }
    #banner_box{
        width: 96%;
    }
    .nav{
        padding:0 10px;
    }
    .nav-right .user-text{
        margin-right:0;
        font-size: 12px;
    }
    .chat-popup{
        max-width: 460px;
        width: 96%;
        right: 2%;
    }
    .member_order_table{

    }
    .member_order_table th{
        font-size: 12px;
        padding: 5px 0;
    }
    .member_order_table td{
        padding: 5px 2px;
        font-size: 12px;
    }
    .badge{
        padding: 5px 0;
        font-size: 12px;
        width: 55px;
        text-align: center;
    }
    .check_detail{
        padding: 5px 3px;
        font-size:11px;
    }
    .container{
        padding: 0 6px;
    }
}