@charset "utf-8";

.offical_tab {
    margin-bottom:80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.offical_tab ul {
    display:flex;
    align-items:stretch;
    justify-content:center;
    gap:10px;
    border:1px solid #E0E0E0;
    background-color:#F8F9FA;
    border-radius:999px;
    padding:10px;
}
.offical_tab ul li {
    min-width:150px;
    border:1px solid transparent;
    padding:12px 40px;
    border-radius:999px;
}
.offical_tab ul li a {
    display:block;
    font-size:1.11rem;
    font-weight:500;
    color:#757575;
    text-align:center;
}
.offical_tab ul li.active {
    border-color:#173C7B;
    background-color:#EDF6FB;
}
.offical_tab ul li.active a {
    font-weight:700;
    color:#173C7B;
}

.splide__pagination {
    position: static !important;
}

/****************************************/
/* 반응형 미디어 쿼리 css                 */
/***************************************/
@media (max-width:1440px) {}
@media (max-width:1200px) {}
@media (max-width:1024px) {}
@media (max-width:991px) {}
@media (max-width:768px) {
    .offical_tab ul li {
        padding:10px 20px;
    }
}
@media (max-width:640px) {
    .offical_tab ul {
        gap:5px;
        flex-wrap: wrap;
        border-radius:30px;
    }
    .offical_tab ul li {
        width:fit-content;
        min-width:100px;
    }
}
@media (max-width:480px) {
    .offical_tab ul {
        padding: 15px;
    }
    .offical_tab {
        margin-bottom: 40px;
    }
}