@media (min-width: 80rem) {
    .is-sidebar-open nav.header {
        width: calc(100% - var(--main-sidebar-width))
    }

    .is-sidebar-open .main-content {
        margin-left: calc(var(--main-sidebar-width))
    }

    .dashboard_youtube_wrap {
        height: 100%;
    }
}

.ubuntu-bold {
    font-family: Ubuntu, sans-serif;
    font-weight: 700;
    font-style: normal;
}

sup {
    font-size: 60%;
    letter-spacing: -.2px;
}

.w16rem {
    width: 16rem;
}

.detail {
    list-style: none;
    padding-left: 1.2em;
}

.detail li {
    position: relative;
}

.detail li::before {
    content: "·";
    position: absolute;
    left: -1.2em;
    font-size: 1.2em;
    color: inherit;
    line-height: 1;
}

#disclaimer {
    list-style: none;
    padding-left: 1em;
}

#disclaimer li::before {
    content: "· ";
    position: absolute;
    margin-left: -1em;
}

@keyframes fadeLoop {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}

.fade-loop {
    animation: fadeLoop 6s ease-in-out infinite;
}

.fade-delay {
    animation-delay: 3s;
}

.hover\:text-kakaotalk:hover {
    color: #FEE500
}

.hover\:border-kakaotalk:hover {
    border-color: #FEE500
}

.lg\:top-0 {
    top: 0;
}

.lg\:self-start {
    align-self: flex-start;
}

.dashboard_kospi .kosdaq,
.dashboard_kosdaq .kospi {
    display: none;
}


.mobile-searchbar.bg {
    background-image: url(/images/illustrations/18.svg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: 50% 40%;
}

.mobile-searchbar.dark\:.bg {
    background-image: url(/images/illustrations/18-dark.svg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: 50% 40%;
}

.notification {
    position: fixed;
    inset: 0 0 auto auto;
    margin: 0;
    transform: translate3d(0, 58px, 0px);
}

@media (min-width: 40rem) {
    .notification {
        transform: translate3d(-18px, 62px, 0px);
    }
}

@media (min-width: 80rem) {
    .notification {
        transform: translate3d(-58px, 62px, 0px);
    }
}

.pointer {
    cursor: pointer !important;
}

@media (min-width: 48rem) {
    .md\:hidden {
        display: none;
    }
}