a[data-v-2811d60b] {
    color: #363636
}

.close-btn[data-v-478051ae] {
    border-bottom: 1px solid #bdbdbd
}

.left-menu-title[data-v-478051ae] {
    border-bottom: 3px solid #363636;
    display: inline-block;
    margin: 32px 0 8px 16px;
    padding: 0 0 3px;
    color: #363636;
    font-weight: 700
}

.label-icon[data-v-478051ae] {
    font-size: 8px
}

.device[data-v-150a66c5] {
    text-shadow: 1px 1px 4px rgba(0, 0, 0, .7)
}

.scroll-area[data-v-150a66c5] {
    height: 56px;
    max-width: 1280px
}

.channel-box-wrap[data-v-150a66c5] {
    padding: 0 16px
}

.channel-box-wrap .channel-box[data-v-150a66c5] {
    width: 130px;
    padding: 8px 0;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, .3)
}

.channel-box-wrap .channel-box .channel-name[data-v-150a66c5] {
    font-size: 22px;
    color: #ff0
}

.channel-box-wrap .channel-box .channel-cash[data-v-150a66c5] {
    font-size: 13px
}

.channel-box-wrap .channel-box .channel-rank[data-v-150a66c5],
.channel-box-wrap .channel-box .channel-name[data-v-150a66c5],
.channel-box-wrap .channel-box .channel-cash[data-v-150a66c5] {
    font-family: koreanBR;
    text-shadow: 0 0 18px black
}

.channel-box.silver[data-v-150a66c5] {
    background: linear-gradient(180deg, #186B49 24.81%, #114933 54.97%, #010805 100%);
    box-shadow: 0 1px 0 1px #174e16
}

.channel-box.gold[data-v-150a66c5] {
    background: linear-gradient(180deg, #B40935 24.81%, #860124 54.97%, #860124 100%);
    box-shadow: 0 1px 0 1px #c51162
}

@media (max-width: 599.98px) {
    .scroll-area[data-v-150a66c5] {
        height: 88px
    }

    .channel-box-wrap[data-v-150a66c5] {
        padding: 0 8px
    }

    .channel-box-wrap .channel-box[data-v-150a66c5] {
        width: 72px
    }

    .channel-box-wrap .channel-box .channel-name[data-v-150a66c5],
    .channel-box-wrap .channel-box .channel-rank[data-v-150a66c5] {
        font-size: 14px;
        margin-bottom: 12px
    }

    .channel-box-wrap .channel-box .channel-cash[data-v-150a66c5] {
        font-size: 12px;
        padding: 4px 0 6px
    }

    .channel-box-wrap .channel-box .channel-name[data-v-150a66c5],
    .channel-box-wrap .channel-box .channel-cash[data-v-150a66c5] {
        text-shadow: 0 0 18px black
    }
}

.device[data-v-7d526bc1] {
    text-shadow: 1px 1px 4px rgba(0, 0, 0, .7)
}

.scroll-area[data-v-7d526bc1] {
    height: 56px;
    max-width: 1280px
}

.channel-box-wrap[data-v-7d526bc1] {
    padding: 0 16px
}

.channel-box-wrap .channel-box[data-v-7d526bc1] {
    width: 130px;
    padding: 8px 0;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, .3)
}

.channel-box-wrap .channel-box .channel-name[data-v-7d526bc1] {
    font-size: 22px;
    color: #ff0
}

.channel-box-wrap .channel-box .channel-cash[data-v-7d526bc1] {
    font-size: 13px
}

.channel-box-wrap .channel-box .channel-rank[data-v-7d526bc1],
.channel-box-wrap .channel-box .channel-name[data-v-7d526bc1],
.channel-box-wrap .channel-box .channel-cash[data-v-7d526bc1] {
    font-family: koreanBR;
    text-shadow: 0 0 18px black
}

.channel-box.silver[data-v-7d526bc1] {
    background: linear-gradient(180deg, #186B49 24.81%, #114933 54.97%, #010805 100%);
    box-shadow: 0 1px 0 1px #174e16
}

.channel-box.gold[data-v-7d526bc1] {
    background: linear-gradient(180deg, #B40935 24.81%, #860124 54.97%, #860124 100%);
    box-shadow: 0 1px 0 1px #c51162
}

@media (max-width: 599.98px) {
    .scroll-area[data-v-7d526bc1] {
        height: 88px
    }

    .channel-box-wrap[data-v-7d526bc1] {
        padding: 0 8px
    }

    .channel-box-wrap .channel-box[data-v-7d526bc1] {
        width: 72px
    }

    .channel-box-wrap .channel-box .channel-name[data-v-7d526bc1],
    .channel-box-wrap .channel-box .channel-rank[data-v-7d526bc1] {
        font-size: 14px;
        margin-bottom: 12px
    }

    .channel-box-wrap .channel-box .channel-cash[data-v-7d526bc1] {
        font-size: 12px;
        padding: 4px 0 6px
    }

    .channel-box-wrap .channel-box .channel-name[data-v-7d526bc1],
    .channel-box-wrap .channel-box .channel-cash[data-v-7d526bc1] {
        text-shadow: 0 0 18px black
    }
}

.device[data-v-e147decc] {
    text-shadow: 1px 1px 4px rgba(0, 0, 0, .7)
}

.scroll-area[data-v-e147decc] {
    height: 56px;
    max-width: 1280px
}

.channel-box-wrap[data-v-e147decc] {
    padding: 0 16px
}

.channel-box-wrap .channel-box[data-v-e147decc] {
    width: 130px;
    padding: 8px 0;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, .3)
}

.channel-box-wrap .channel-box .channel-name[data-v-e147decc] {
    font-size: 22px;
    color: #ff0
}

.channel-box-wrap .channel-box .channel-cash[data-v-e147decc] {
    font-size: 13px
}

.channel-box-wrap .channel-box .channel-rank[data-v-e147decc],
.channel-box-wrap .channel-box .channel-name[data-v-e147decc],
.channel-box-wrap .channel-box .channel-cash[data-v-e147decc] {
    font-family: koreanBR;
    text-shadow: 0 0 18px black
}

.channel-box.silver[data-v-e147decc] {
    background: linear-gradient(180deg, #186B49 24.81%, #114933 54.97%, #010805 100%);
    box-shadow: 0 1px 0 1px #174e16
}

.channel-box.gold[data-v-e147decc] {
    background: linear-gradient(180deg, #B40935 24.81%, #860124 54.97%, #860124 100%);
    box-shadow: 0 1px 0 1px #c51162
}

@media (max-width: 599.98px) {
    .scroll-area[data-v-e147decc] {
        height: 88px
    }

    .channel-box-wrap[data-v-e147decc] {
        padding: 0 8px
    }

    .channel-box-wrap .channel-box[data-v-e147decc] {
        width: 72px
    }

    .channel-box-wrap .channel-box .channel-name[data-v-e147decc],
    .channel-box-wrap .channel-box .channel-rank[data-v-e147decc] {
        font-size: 14px;
        margin-bottom: 12px
    }

    .channel-box-wrap .channel-box .channel-cash[data-v-e147decc] {
        font-size: 12px;
        padding: 4px 0 6px
    }

    .channel-box-wrap .channel-box .channel-name[data-v-e147decc],
    .channel-box-wrap .channel-box .channel-cash[data-v-e147decc] {
        text-shadow: 0 0 18px black
    }
}

.device[data-v-6662ef7a] {
    text-shadow: 1px 1px 4px rgba(0, 0, 0, .7)
}

.scroll-area[data-v-6662ef7a] {
    height: 56px;
    max-width: 1280px
}

.channel-box-wrap[data-v-6662ef7a] {
    padding: 0 16px
}

.channel-box-wrap .channel-box[data-v-6662ef7a] {
    width: 130px;
    padding: 8px 0;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, .3)
}

.channel-box-wrap .channel-box .channel-name[data-v-6662ef7a] {
    font-size: 22px;
    color: #ff0
}

.channel-box-wrap .channel-box .channel-cash[data-v-6662ef7a] {
    font-size: 13px
}

.channel-box-wrap .channel-box .channel-rank[data-v-6662ef7a],
.channel-box-wrap .channel-box .channel-name[data-v-6662ef7a],
.channel-box-wrap .channel-box .channel-cash[data-v-6662ef7a] {
    font-family: koreanBR;
    text-shadow: 0 0 18px black
}

.channel-box.silver[data-v-6662ef7a] {
    background: linear-gradient(180deg, #186B49 24.81%, #114933 54.97%, #010805 100%);
    box-shadow: 0 1px 0 1px #174e16
}

.channel-box.gold[data-v-6662ef7a] {
    background: linear-gradient(180deg, #B40935 24.81%, #860124 54.97%, #860124 100%);
    box-shadow: 0 1px 0 1px #c51162
}

@media (max-width: 599.98px) {
    .scroll-area[data-v-6662ef7a] {
        height: 88px
    }

    .channel-box-wrap[data-v-6662ef7a] {
        padding: 0 8px
    }

    .channel-box-wrap .channel-box[data-v-6662ef7a] {
        width: 72px
    }

    .channel-box-wrap .channel-box .channel-name[data-v-6662ef7a],
    .channel-box-wrap .channel-box .channel-rank[data-v-6662ef7a] {
        font-size: 14px;
        margin-bottom: 12px
    }

    .channel-box-wrap .channel-box .channel-cash[data-v-6662ef7a] {
        font-size: 12px;
        padding: 4px 0 6px
    }

    .channel-box-wrap .channel-box .channel-name[data-v-6662ef7a],
    .channel-box-wrap .channel-box .channel-cash[data-v-6662ef7a] {
        text-shadow: 0 0 18px black
    }
}

.device[data-v-b2fb9ad6] {
    text-shadow: 1px 1px 4px rgba(0, 0, 0, .7)
}

.scroll-area[data-v-b2fb9ad6] {
    height: 56px;
    max-width: 1280px
}

.channel-box-wrap[data-v-b2fb9ad6] {
    padding: 0 16px
}

.channel-box-wrap .channel-box[data-v-b2fb9ad6] {
    width: 130px;
    padding: 8px 0;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, .3)
}

.channel-box-wrap .channel-box .channel-name[data-v-b2fb9ad6] {
    font-size: 22px;
    color: #ff0
}

.channel-box-wrap .channel-box .channel-cash[data-v-b2fb9ad6] {
    font-size: 13px
}

.channel-box-wrap .channel-box .channel-rank[data-v-b2fb9ad6],
.channel-box-wrap .channel-box .channel-name[data-v-b2fb9ad6],
.channel-box-wrap .channel-box .channel-cash[data-v-b2fb9ad6] {
    font-family: koreanBR;
    text-shadow: 0 0 18px black
}

.channel-box.silver[data-v-b2fb9ad6] {
    background: linear-gradient(180deg, #186B49 24.81%, #114933 54.97%, #010805 100%);
    box-shadow: 0 1px 0 1px #174e16
}

.channel-box.gold[data-v-b2fb9ad6] {
    background: linear-gradient(180deg, #B40935 24.81%, #860124 54.97%, #860124 100%);
    box-shadow: 0 1px 0 1px #c51162
}

@media (max-width: 599.98px) {
    .scroll-area[data-v-b2fb9ad6] {
        height: 88px
    }

    .channel-box-wrap[data-v-b2fb9ad6] {
        padding: 0 8px
    }

    .channel-box-wrap .channel-box[data-v-b2fb9ad6] {
        width: 72px
    }

    .channel-box-wrap .channel-box .channel-name[data-v-b2fb9ad6],
    .channel-box-wrap .channel-box .channel-rank[data-v-b2fb9ad6] {
        font-size: 14px;
        margin-bottom: 12px
    }

    .channel-box-wrap .channel-box .channel-cash[data-v-b2fb9ad6] {
        font-size: 12px;
        padding: 4px 0 6px
    }

    .channel-box-wrap .channel-box .channel-name[data-v-b2fb9ad6],
    .channel-box-wrap .channel-box .channel-cash[data-v-b2fb9ad6] {
        text-shadow: 0 0 18px black
    }
}

.device[data-v-767748c3] {
    text-shadow: 1px 1px 4px rgba(0, 0, 0, .7)
}

.scroll-area[data-v-767748c3] {
    height: 56px;
    max-width: 1280px
}

.channel-box-wrap[data-v-767748c3] {
    padding: 0 16px
}

.channel-box-wrap .channel-box[data-v-767748c3] {
    width: 130px;
    padding: 8px 0;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, .3)
}

.channel-box-wrap .channel-box .channel-name[data-v-767748c3] {
    font-size: 22px;
    color: #ff0
}

.channel-box-wrap .channel-box .channel-cash[data-v-767748c3] {
    font-size: 13px
}

.channel-box-wrap .channel-box .channel-rank[data-v-767748c3],
.channel-box-wrap .channel-box .channel-name[data-v-767748c3],
.channel-box-wrap .channel-box .channel-cash[data-v-767748c3] {
    font-family: koreanBR;
    text-shadow: 0 0 18px black
}

.channel-box.silver[data-v-767748c3] {
    background: linear-gradient(180deg, #186B49 24.81%, #114933 54.97%, #010805 100%);
    box-shadow: 0 1px 0 1px #174e16
}

.channel-box.gold[data-v-767748c3] {
    background: linear-gradient(180deg, #B40935 24.81%, #860124 54.97%, #860124 100%);
    box-shadow: 0 1px 0 1px #c51162
}

@media (max-width: 599.98px) {
    .scroll-area[data-v-767748c3] {
        height: 88px
    }

    .channel-box-wrap[data-v-767748c3] {
        padding: 0 8px
    }

    .channel-box-wrap .channel-box[data-v-767748c3] {
        width: 72px
    }

    .channel-box-wrap .channel-box .channel-name[data-v-767748c3],
    .channel-box-wrap .channel-box .channel-rank[data-v-767748c3] {
        font-size: 14px;
        margin-bottom: 12px
    }

    .channel-box-wrap .channel-box .channel-cash[data-v-767748c3] {
        font-size: 12px;
        padding: 4px 0 6px
    }

    .channel-box-wrap .channel-box .channel-name[data-v-767748c3],
    .channel-box-wrap .channel-box .channel-cash[data-v-767748c3] {
        text-shadow: 0 0 18px black
    }
}

.device[data-v-3ef78bba] {
    text-shadow: 1px 1px 4px rgba(0, 0, 0, .7)
}

.scroll-area[data-v-3ef78bba] {
    height: 56px;
    max-width: 1280px
}

.channel-box-wrap[data-v-3ef78bba] {
    padding: 0 16px
}

.channel-box-wrap .channel-box[data-v-3ef78bba] {
    width: 130px;
    padding: 8px 0;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, .3)
}

.channel-box-wrap .channel-box .channel-name[data-v-3ef78bba] {
    font-size: 22px;
    color: #ff0
}

.channel-box-wrap .channel-box .channel-cash[data-v-3ef78bba] {
    font-size: 13px
}

.channel-box-wrap .channel-box .channel-rank[data-v-3ef78bba],
.channel-box-wrap .channel-box .channel-name[data-v-3ef78bba],
.channel-box-wrap .channel-box .channel-cash[data-v-3ef78bba] {
    font-family: koreanBR;
    text-shadow: 0 0 18px black
}

.channel-box.silver[data-v-3ef78bba] {
    background: linear-gradient(180deg, #186B49 24.81%, #114933 54.97%, #010805 100%);
    box-shadow: 0 1px 0 1px #174e16
}

.channel-box.gold[data-v-3ef78bba] {
    background: linear-gradient(180deg, #B40935 24.81%, #860124 54.97%, #860124 100%);
    box-shadow: 0 1px 0 1px #c51162
}

@media (max-width: 599.98px) {
    .scroll-area[data-v-3ef78bba] {
        height: 88px
    }

    .channel-box-wrap[data-v-3ef78bba] {
        padding: 0 8px
    }

    .channel-box-wrap .channel-box[data-v-3ef78bba] {
        width: 72px
    }

    .channel-box-wrap .channel-box .channel-name[data-v-3ef78bba],
    .channel-box-wrap .channel-box .channel-rank[data-v-3ef78bba] {
        font-size: 14px;
        margin-bottom: 12px
    }

    .channel-box-wrap .channel-box .channel-cash[data-v-3ef78bba] {
        font-size: 12px;
        padding: 4px 0 6px
    }

    .channel-box-wrap .channel-box .channel-name[data-v-3ef78bba],
    .channel-box-wrap .channel-box .channel-cash[data-v-3ef78bba] {
        text-shadow: 0 0 18px black
    }
}

.scroll-area[data-v-4846ee3b] {
    height: 98px;
    max-width: 1280px
}

.q-tab-panel[data-v-4846ee3b] {
    padding: 0
}

@media (max-width: 599.98px) {
    .scroll-area[data-v-4846ee3b] {
        height: 102px
    }
}

@media (max-width: 1023.98px) {
    .justify-end[data-v-5327343b] {
        justify-content: start
    }
}

.header-gnb[data-v-2a36f7c6] {
    position: relative
}

.header-gnb[data-v-2a36f7c6]:before {
    content: "";
    position: absolute;
    opacity: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2b2b2b
}

.drawer-scroll-on[data-v-2a36f7c6] {
    height: calc(100% - 108px)
}

.drawer-scroll[data-v-2a36f7c6] {
    height: calc(100% + -0px)
}

.wrapper.q-py-sm[data-v-2a36f7c6] {
    padding: 8px 0 !important
}

.download-btn[data-v-2a36f7c6] {
    width: 178px;
    height: 43px;
    border: 1px solid #f6a772;
    position: absolute;
    right: 2px;
    bottom: 2px
}

.bottom-navi-wrap[data-v-2a36f7c6] {
    padding: 0 24px
}

.col-shrink[data-v-2a36f7c6],
.col-xs-shrink[data-v-2a36f7c6] {
    flex: 0 0 auto
}

.bottom-navi[data-v-2a36f7c6] {
    color: #9e9e9e;
    font-size: 10px;
    text-align: center
}

.bottom-navi.current[data-v-2a36f7c6],
.bottom-navi.current .bottom-navi-icon[data-v-2a36f7c6] {
    color: #f6672d
}

.bottom-navi .bottom-navi-icon[data-v-2a36f7c6] {
    font-size: 1.25rem
}

.bottom-navi-left .bottom-navi[data-v-2a36f7c6]:first-child {
    position: absolute;
    left: 10%
}

.bottom-navi-left .bottom-navi[data-v-2a36f7c6]:last-child {
    position: absolute;
    left: 30%;
    transform: translate(-30%)
}

.bottom-navi-right .bottom-navi[data-v-2a36f7c6]:first-child {
    position: absolute;
    right: 10%
}

.bottom-navi-right .bottom-navi[data-v-2a36f7c6]:last-child {
    position: absolute;
    right: 30%;
    transform: translate(30%)
}

.mobile-footer[data-v-2a36f7c6] {
    border-radius: 12px 12px 0 0;
    border: 1px solid rgba(0, 0, 0, .13);
    border-bottom: none
}

@media (max-width: 599.98px) {
    .xs-center[data-v-2a36f7c6] {
        position: absolute;
        left: 50%;
        transform: translate(-50%)
    }

    .bottom-navi-left .bottom-navi[data-v-2a36f7c6]:first-child {
        position: absolute;
        left: 0
    }

    .bottom-navi-left .bottom-navi[data-v-2a36f7c6]:last-child {
        position: absolute;
        left: 25%;
        transform: translate(-25%)
    }

    .bottom-navi-right .bottom-navi[data-v-2a36f7c6]:first-child {
        position: absolute;
        right: 0
    }

    .bottom-navi-right .bottom-navi[data-v-2a36f7c6]:last-child {
        position: absolute;
        right: 25%;
        transform: translate(25%)
    }
}