/* Header */
.main-header {
    .logo {
        font-family: "Noto Sans KR", sans-serif;
        font-size: 1.5rem;
        font-weight: 900;
        text-shadow: 2px 2px 8px rgba($color: #000000, $alpha: .2);
    }

    .off-menu-btn {
        font-size: 2rem;
        color: $white;
    }

    .default-menu {
        font-size: .75rem;
    }

    /* PC 메뉴 */
    .main-nav-menu {
        z-index: 100;

        .nav-link.depth1 {
            font-family: "Noto Sans KR", sans-serif;
            font-weight: 900;
            text-shadow: 2px 2px 2px rgba($color: #000000, $alpha: .25);
            color: $white;

            &:hover {
                text-shadow: 2px 2px 5px rgba($color: #000000, $alpha: .75);
                color: #8eff61;
            }
        }

        .nav-link.depth2 {
            font-family: "Noto Sans KR", sans-serif;
            font-weight: 400;
            text-shadow: 2px 2px 2px rgba($color: #000000, $alpha: .15);
            color: $white;

            &:hover {
                text-shadow: 2px 2px 3px rgba($color: #000000, $alpha: .5);
                color: #8eff61;
            }
        }

        .sub-menu {
            .sub-menu-wrap {
                display: none;
                overflow: hidden;
                background-color: $primary;
                margin-top: -.1rem;
                min-width: 200px;
                width: 100%;
            }

            &:hover {
                .sub-menu-wrap {
                    display: flex;
                }
            }

        }
    }

    .default-menu-right {
        a {
            display: inline-block;

            &:not(:last-of-type) {
                margin-right: .5rem;
            }
        }
    }
}

/* 팝업레이어 */
#hd_pop {
    z-index: 1000;
    position: relative;
    margin: 0 auto;
    height: 0;

    h2 {
        position: absolute;
        font-size: 0;
        line-height: 0;
        overflow: hidden;
    }

    .hd_pops {
        position: absolute;
        border: 1px solid $gray-300;
        background: $white;

        img {
            max-width: 100%;
        }

        @include media-breakpoint-down(sm) {
            top: auto !important;
            left: auto !important;
            width: 100% !important;

            .hd_pops_con {
                width: 100% !important;
            }
        }
    }

    .hd_pops_footer {
        padding: 0;
        background: #000;
        color: #fff;
        text-align: left;
        position: relative;
        font-size: .75rem;
    }


    .hd_pops_footer:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: ""
    }

    .hd_pops_footer button {
        padding: 10px;
        border: 0;
        color: #fff;
    }

    .hd_pops_footer .hd_pops_reject {
        background: #000;
        text-align: left;
    }

    .hd_pops_footer .hd_pops_close {
        background: #393939;
        position: absolute;
        top: 0;
        right: 0;
    }
}

/* 인기검색어 */
.pop-text-wrap {
    .badge {
        a {
            display: inline-block;
            color: $gray-700;
            font-family: "Nanum Gothic", sans-serif;
            font-weight: 400;
            padding-bottom: .15rem;
        }
    }
}

.mobile-left-offcanvas {
    width: 300px !important;

    .mobile-nav-menu {
        .sub-nav .nav-link {
            font-size: .875rem;
        }
    }
}

.mobile-right-offcanvas {
    width: 300px !important;

}