@charset "utf-8";

 
.official_tab {
    margin-bottom:80px;
}
.official_tab ul {
    display:flex;
    align-items:stretch;
    gap:50px;
}
.official_tab ul li {
    position: relative;
}
.official_tab ul li a {
    font-size:1.66rem;
    font-weight:400;
    letter-spacing:-0.9px;
    color:#8E8E8E;
    padding:10px 0;
    display:block;
}
.official_tab ul li.active::after {
    content:'';
    width:1px;
    height:80px;
    background-color:#8E8E8E;
    position:absolute;
    left:50%;
    bottom:-80px;
    transform:translateX(-50%);
}
.official_tab ul li.active a {
    color:#222;
    border-bottom:1px solid #8E8E8E;
}

@media (max-width:768px) {
    .official_tab {
        margin-bottom:50px;
    }
    .official_tab ul li.active::after {
        height:50px;
        bottom:-50px;
    }
    .official_tab ul {
        gap:30px;
    }
    .official_tab ul li a {
        font-size:1.33rem;
    }
}