@charset "utf-8";


@media (min-width:1440px) {  

    .basic_tab {
        display:flex;
        justify-content:center;
        margin-bottom:90px;
    }
    .basic_tab li {
        width:175px; 
        margin:0 10px;
        position:relative;
        text-align:center;
    }
    .basic_tab li::after {
        content:'';
        width:100%;
        height:10px;
        border-radius:5px;
        position:absolute;
        left:0;
        bottom:0;
    }
    .basic_tab li a {
        font-size:20px;
        color:#323232;
        display:block;
        padding-bottom:10px;
    }
    .basic_tab li.on a {
        font-weight:bold;
    }
    


    /**/
    .tabver01 li::after {
        background-color:#fff1dd;
    }
    .tabver01 li.on::after {
        background-color:#fab554;
    }

    .tabver02 li::after {
        background-color:#e3f6db;
    }
    .tabver02 li.on::after {
        background-color:#9ecd5a;
    }

}


@media  (max-width:1439px) and (min-width:1024px) {

    .basic_tab {
        display:flex;
        justify-content:center;
        margin-bottom:70px;
    }
    .basic_tab li {
        width:175px; 
        margin:0 10px;
        position:relative;
        text-align:center;
    }
    .basic_tab li::after {
        content:'';
        width:100%;
        height:10px;
        border-radius:5px;
        position:absolute;
        left:0;
        bottom:0;
    }
    .basic_tab li a {
        font-size:18px;
        color:#323232;
        display:block;
        padding-bottom:10px;
    }
    .basic_tab li.on a {
        font-weight:bold;
    }
    


    /**/
    .tabver01 li::after {
        background-color:#fff1dd;
    }
    .tabver01 li.on::after {
        background-color:#fab554;
    }

    .tabver02 li::after {
        background-color:#e3f6db;
    }
    .tabver02 li.on::after {
        background-color:#9ecd5a;
    }

}


@media  (max-width:1023px) {


    .basic_tab {
        display:flex;
        justify-content:center;
        margin-bottom:50px;
    }
    .basic_tab li {
        max-width:140px; 
        flex:1;
        margin:0 10px;
        position:relative;
        text-align:center;
    }
    .basic_tab li::after {
        content:'';
        width:100%;
        height:10px;
        border-radius:5px;
        position:absolute;
        left:0;
        bottom:0;
    }
    .basic_tab li a {
        font-size:16px;
        color:#323232;
        display:block;
        padding-bottom:10px;
    }
    .basic_tab li.on a {
        font-weight:bold;
    }
    


    /**/
    .tabver01 li::after {
        background-color:#fff1dd;
    }
    .tabver01 li.on::after {
        background-color:#fab554;
    }

    .tabver02 li::after {
        background-color:#e3f6db;
    }
    .tabver02 li.on::after {
        background-color:#9ecd5a;
    }

}