@charset "utf-8";

.com_tab {
    margin-top:-40px;
    margin-bottom:80px;
}
.com_tab ul {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:30px;
}
.com_tab li a {
    display:block;
    width:fit-content;
    padding:15px 30px;
    border:1px solid #666;
    border-radius:999px;
    font-size:1.33rem;
    font-weight:400;
    line-height:100%;
    font-family: 'Paperlogy';
}


.com_tab .st0_tab li.active a {
    background-color:#45A7E5;
    border-color:#45A7E5;
    color:#fff;
    font-weight:500;
}
.com_tab .st1_tab li.active a {
    background-color:#63AF8C;
    border-color:#63AF8C;
    color:#fff;
    font-weight:500;
}
.com_tab .st2_tab li.active a {
    background-color:#7CB35B;
    border-color:#7CB35B ;
    color:#fff;
    font-weight:500;
}
.com_tab .st3_tab li.active a {
    background-color:#FFB145;
    border-color:#FFB145;
    color:#fff;
    font-weight:500;
}
.com_tab .st4_tab li.active a {
    background-color:#8576E2;
    border-color:#8576E2 ;
    color:#fff;
    font-weight:500;
}
.com_tab .st5_tab li.active a {
    background-color:#FF8B6E;
    border-color:#FF8B6E ;
    color:#fff;
    font-weight:500;
}



/* ********** 반응형 미디어쿼리 css ********** */
@media (max-width:1200px) {
    .com_tab {
        margin-top:0;
    }
}
@media (max-width:1024px) {
    .com_tab ul {
        gap:20px;
    }
}
@media (max-width:991px) {}
@media (max-width:768px) {
    .com_tab ul {
        gap:10px;
    }
    .com_tab li a {
        padding:15px;
        font-size:1.11rem;
    }
}
@media (max-width:640px) {}
@media (max-width:480px) {}
@media (max-width:320px) {}