@charset "utf-8";

.speedkeno_fd1_text_1 {
    color: #44A0F4 !important
}

    .speedkeno_fd1_text_1:after {
        content: '홀'
    }

.speedkeno_fd1_text_2 {
    color: #ED407F !important
}

    .speedkeno_fd1_text_2:after {
        content: '짝'
    }

.speedkeno_fd2_text_1 {
    color: #44A0F4 !important
}

    .speedkeno_fd2_text_1:after {
        content: '언'
    }

.speedkeno_fd2_text_2 {
    color: #ED407F !important
}

    .speedkeno_fd2_text_2:after {
        content: '오'
    }

.speedkeno_fd1_color_1 {
    color: #44A0F4 !important
}

.speedkeno_fd1_color_2 {
    color: #ED407F !important
}

.speedkeno_fd2_color_1 {
    color: #44A0F4 !important
}

.speedkeno_fd2_color_2 {
    color: #ED407F !important
}

.speedkeno_fd1_round_1 {
    color: #fff !important;
    background: #44A0F4 !important
}

.speedkeno_fd1_round_2 {
    color: #fff !important;
    background: #ED407F !important
}

.speedkeno_fd2_round_1 {
    color: #fff !important;
    background: #44A0F4 !important
}

.speedkeno_fd2_round_2 {
    color: #fff !important;
    background: #ED407F !important
}

.speedkeno_fd1_1 {
    color: #fff;
    background: #44A0F4 !important
}

    .speedkeno_fd1_1:after {
        content: "홀"
    }

.speedkeno_fd1_2 {
    color: #fff;
    background: #ED407F !important
}

    .speedkeno_fd1_2:after {
        content: "짝"
    }

.speedkeno_fd2_1 {
    color: #fff;
    background: #44A0F4 !important
}

    .speedkeno_fd2_1:after {
        content: "언"
    }

.speedkeno_fd2_2 {
    color: #fff;
    background: #ED407F !important
}

    .speedkeno_fd2_2:after {
        content: "오"
    }

.speedkeno_fd3_text_1:after {
    content: '홀'
}

.speedkeno_fd3_text_2 {
    color: #ED407F !important
}

    .speedkeno_fd3_text_2:after {
        content: '짝'
    }

.speedkeno_fd4_text_1 {
    color: #44A0F4 !important
}

    .speedkeno_fd4_text_1:after {
        content: '언'
    }

.speedkeno_fd4_text_2 {
    color: #ED407F !important
}

    .speedkeno_fd4_text_2:after {
        content: '오'
    }

.speedkeno_fd3_color_1 {
    color: #44A0F4 !important
}

.speedkeno_fd3_color_2 {
    color: #ED407F !important
}

.speedkeno_fd4_color_1 {
    color: #44A0F4 !important
}

.speedkeno_fd4_color_2 {
    color: #ED407F !important
}

.speedkeno_fd3_round_1 {
    color: #fff !important;
    background: #44A0F4 !important
}

.speedkeno_fd3_round_2 {
    color: #fff !important;
    background: #ED407F !important
}

.speedkeno_fd4_round_1 {
    color: #fff !important;
    background: #44A0F4 !important
}

.speedkeno_fd4_round_2 {
    color: #fff !important;
    background: #ED407F !important
}

.speedkeno_fd3_1 {
    color: #fff;
    background: #44A0F4 !important
}

    .speedkeno_fd3_1:after {
        content: "홀"
    }

.speedkeno_fd3_2 {
    color: #fff;
    background: #ED407F !important
}

    .speedkeno_fd3_2:after {
        content: "짝"
    }

.speedkeno_fd4_1 {
    color: #fff;
    background: #44A0F4 !important
}

    .speedkeno_fd4_1:after {
        content: "언"
    }

.speedkeno_fd4_2 {
    color: #fff;
    background: #ED407F !important
}

    .speedkeno_fd4_2:after {
        content: "오"
    }


.speedkeno_fd5_1 {
    border: 1px solid #000;
    color: #000
}

    .speedkeno_fd5_1:after {
        content: "1"
    }

.speedkeno_fd5_2 {
    border: 1px solid #8c8c8c;
    color: #8c8c8c
}

    .speedkeno_fd5_2:after {
        content: "2"
    }

.speedkeno_fd5_3 {
    border: 1px solid #745ec5;
    color: #745ec5
}

    .speedkeno_fd5_3:after {
        content: "3"
    }

.speedkeno_fd5_4 {
    border: 1px solid #00c;
    color: #00c
}

    .speedkeno_fd5_4:after {
        content: "4"
    }

.speedkeno_fd5_5 {
    border: 1px solid #3498db;
    color: #3498db
}

    .speedkeno_fd5_5:after {
        content: "5"
    }

.speedkeno_fd5_6 {
    border: 1px solid #27ae60;
    color: #27ae60
}

    .speedkeno_fd5_6:after {
        content: "6"
    }

.speedkeno_fd5_7 {
    border: 1px solid #b5b51c;
    color: #b5b51c
}

    .speedkeno_fd5_7:after {
        content: "7"
    }

.speedkeno_fd5_8 {
    border: 1px solid #ffa800;
    color: #ffa800
}

    .speedkeno_fd5_8:after {
        content: "8"
    }

.speedkeno_fd5_9 {
    border: 1px solid #e74c3c;
    color: #e74c3c
}

    .speedkeno_fd5_9:after {
        content: "9"
    }

.opt_bg_0 {
    border: 1px solid #999 !important;
    color: #fff !important;
    background: #aaa !important
}

.opt_bg_1 {
    border: 1px solid #44A0F4 !important;
    color: #fff !important;
    background: #44A0F4 !important
}

.opt_bg_2 {
    border: 1px solid #ED407F !important;
    color: #fff !important;
    background: #ED407F !important
}

.hp_box .tab.type2 {
    width: 100%
}

.newCalendar .calendarCtrl {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pt_txt {
    text-align: center;
    font-size: 1.3rem;
    margin-bottom: 13px;
}

    .pt_txt .point-color:hover {
        text-decoration: underline;
        color: #5a27bf
    }

.box-wrap {
    margin-top: 13px;
}

.hp_box .chart-box {
    margin-top: 81px;
}

.el-rank-items .el-rank-item::after {
    display: none;
}

.el-rank-items .el-rank-item.col.full {
    background: #f5f5f5;
}

.dt_list .line_bottom th {
    border-bottom: 1px solid #e1e1e1 !important
}

.stats_item div.title_text {
    text-align: center;
    padding: 5px 0;
    font-size: 12px
}

.dt_list .power_the {
    padding-top: 7px;
}

.dt_list tbody td .nsum {
    font-size: 12px;
    font-weight: 700
}

.dt_list tbody td .nn {
    font-size: 12px;
}

.dt_list .tlist td {
    font-size: 12px;
}

.board-list th {
    font-size: 12px;
    padding: 15px 2px
}

.board-list .dd_title {
    font-size: 12px;
}

.board-list .dd_content {
    font-size: 12px;
}

.btn_gray {
    background: #fff !important;
    border: 1px solid #d1d1d1 !important;
    color: #999 !important
}

    .btn_gray:hover {
        border: 1px solid #888 !important;
        color: #333 !important
    }

.playBox {
    position: absolute;
    top: 65px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 900
}

    .playBox .pannel {
        display: grid;
        grid-template-columns: repeat(10,1fr);
        grid-template-rows: repeat(7,30px);
        grid-gap: 3px
    }

        .playBox .pannel span {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 22px;
            height: 28px;
            border: 2px solid #062d2a;
            border-radius: 4px;
            color: #0a8b82;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: 700;
            font-size: 12px;
            text-shadow: 0 0 2px #110803
        }

            .playBox .pannel span.on {
                background-color: #f5d106;
                color: #333;
                text-shadow: none
            }

            .playBox .pannel span.super {
                background-color: #f50606;
                color: #fff;
                text-shadow: none
            }

            .playBox .pannel span.start {
                background-color: #9515fd;
                color: #fff;
                text-shadow: none
            }

.list .circle {
    margin: 2px;
}

.list .bottom span {
    font-size: 12px;
}

.chart-box .status_ul .section1 {
    background: #000
}

.chart-box .status_ul .section2 {
    background: #8c8c8c
}

.chart-box .status_ul .section3 {
    background: #745ec5
}

.chart-box .status_ul .section4 {
    background: #0000cc
}

.chart-box .status_ul .section5 {
    background: #3498db
}

.chart-box .status_ul .section6 {
    background: #27ae60
}

.chart-box .status_ul .section7 {
    background: #b5b51c
}

.chart-box .status_ul .section8 {
    background: #ffa800
}

.chart-box .status_ul .section9 {
    background: #e74c3c
}

.board-list .tlist .pick_td {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .board-list .tlist .pick_td p {
        display: inline-block
    }

.tab .tab-menu li a.tit {
    border-radius: 8px;
}

.calendarCtrl select {
    height: 28px;
    cursor: pointer
}

.pt_button.prev,
.pt_button.next {
    border: 0
}
