.cnt.v5 {

    .bg-bx {
        padding: 1.78rem 2.22rem;

        div.gp_sp-sml {
            gap: .44rem;
        }
            .btn.v2 {
            color: var(--primary);
            font-family: var(--fnt-t);
        }

        .btn-bx {
            margin-top: auto;
        }

        
        
    }

    ul li svg {
        width: 2em;
        height: 2em;
    }
    
    .cnt-stl.ui-scroll {
        max-height: 30rem;

        /* Firefox: thumb + track */
        scrollbar-color: #37672d rgba(0, 0, 0, 0.224);

        /* WebKit (Chrome, Safari, Edge) */
        &::-webkit-scrollbar {
            width: .2rem;
        }

        &::-webkit-scrollbar-track {
            background-color: rgba(0, 0, 0, 0.224);
            border-radius: 1rem;
        }

        &::-webkit-scrollbar-thumb {
            background-color: #37672d;
            border-radius: 1rem;
        }
    }
    

    .srv-grd {

        .bg-bx {
            padding: 1.78rem 2.22rem;
        }

        .btn-cnt {
            border-top: none;
            padding-top: 0;
            margin-top: calc(var(--sp-vm-clc) * var(--sp-t-mpt-20));
        }
        
        .bg-bx::after,
        .bg-bx::before {
            background: linear-gradient(264deg, #008BCA 2.16%, #076F9E 62.52%);
        }
    }

    @media screen and (max-width: 700px) {
        ul.grd li a {
            text-align: center;
        }
    }

}