$(function () {
            $("#gnb > ul > li").hover(
                function () {
                    $("#gnb").addClass("active");
                },
                function () {
                    $("#gnb").removeClass("active");
                }
            );

            $("#gnb > ul > li:first-child > a").focusin(function () {
                $("#gnb").addClass("active");
            });

            $("#gnb li:last-child li:last-child a").focusout(function () {
                $("#gnb").removeClass("active");
            });

            $("#gnb > ul > li > a").focusin(function () {
                $(this).parent().addClass("active");
            });

            $("#gnb li li:last-child a").focusout(function () {
                $("#gnb > ul > li").removeClass("active");
            });
        });