@charset "utf-8";

#logo img{
    filter: brightness(20);
}

#navi .main_navi > li:hover > a{
    color: #fff;
}

#navi .sub_navi ul li a:hover{
    color: #fff;
}
#navi .main_navi li a span::after{
    border-bottom: 1px solid #fff;
}
.menu-button .bar{
    background: #fff;
}




@media screen and (min-width:971px) {
    
    #gnb::before{
        height: 97px;
        background: rgba(0, 0, 0, 0.9);
        backdrop-filter: blur(10px);
    }
    #gnb a{
        color: #fff;
    }
    #gnb:hover::before{
        background: rgba(45, 45, 45, 0.9);
        content: "";
        height: 248px;
        backdrop-filter: blur(10px);
    }
    #gnb:hover #navi .main_navi::after{
        transform: scale(0);
    }
    
    #navi .main_navi::after{
        content: '';
        width: 100%;
        position: absolute;
        border-bottom: 1px solid #fff;
        bottom: 0;
        transform: scale(1);
        transition: .3s;
    }
    #navi .main_navi > li:hover > a > span {
        color: #fff;
    }

    #gnb:hover #logo img{
        filter: brightness(0) !important;
    }
    #gnb:hover #navi .main_navi > li > a{
        color: #333 !important;
    }
    #gnb:hover #logo img{
        filter: brightness(20) !important;
    }
    #gnb:hover #navi .main_navi > li > a{
        color: #fff !important;
    }
    
}/* PC */

@media screen and (max-width:970px) {
    #gnb{
        background: rgba(0, 0, 0, 0.9);
    }
    #mb_navi{
        background: #000;
    }
    .main_navi li a span, #mb_menu .close{
        color: #fff;
    }

    
}