/**
    공통부분
 */


#section_prediction .left_section {
    background: #fff;
    width: 300px;
    height: 99%;
    /*height: calc(100vh - 70px);*/
    overflow-y: auto;
    display: inline-block;
    vertical-align: top;
    padding: 20px;
    float: left;

}
.section_prediction_basic{
    display: flex;
    position: relative;
    overflow: hidden;
}
.main_section {
    display: inline-block;
    width: calc(100% - 300px);
    /*height: calc(100vh - 40px);*/
}

/* 사이드가 없는경우 */
#section_prediction .main_section_noside {
    width: 100%;
}

#section_prediction .main_section_noside .index_contents{
    justify-content: center;
}


#section_prediction .main_section .target_top{
    padding: 10px 0;
    display: block;
}
#section_prediction .main_section .target_top .title_wrap {
    display: inline-block;
}
#section_prediction .main_section .target_top .title_wrap .title{
    font-weight: 700;
    font-size: 18px;
    color: #111;
    letter-spacing: -0.4px;
}
#section_prediction .main_section .target_top .title_wrap img{
    width:32px;
    height:32px;
    vertical-align: middle;
    border-radius: 50%;
    object-fit: cover;
}
#section_prediction .main_section .target_top .title_wrap span{
    margin-left:4px;
    display: inline-block;
    vertical-align: middle;
}
#section_prediction .main_section .target_top .price_info_wrap {
    display: inline-block;
    height:100%;
    vertical-align: bottom;
    margin-top:8px;
    margin-left:6px;
}

#section_prediction .main_section .index_contents{
    display: flex;
    /*display: inline-block;*/
    background: #FAFAFC;
}


#section_prediction .main_section .index_contents > .content{
    display: inline-block;
}









/**
    공통부분 끝
 */


/**
    좌측 암호화폐 목록
 */

#section_prediction .token_list_item_wrap_item{
    padding: 20px 20px;
    border: 2px solid #F1F1F5;
    border-radius: 20px;
    background: #fff;
    margin-top: 20px;
}

#section_prediction .token_list_item_wrap_item.active{
    border: 2px solid #A197FC;
    background: #FBFBFF;
}

#section_prediction .token_list_item_wrap_item .title_wrap{
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-bottom: 8px;
}
#section_prediction .token_list_item_wrap_item .title_wrap .title_area{
    display: flex;
    font-weight: 700;
    font-size: 16px;
    vertical-align: middle;
}
#section_prediction .token_list_item_wrap_item .title_wrap .title_area > img{
    width:24px;
    height:24px;
    vertical-align: middle;
    margin-right:6px;
    border-radius: 50%;
}
#section_prediction .token_list_item_wrap_item .title_wrap .sponsored{
    font-size:12px;
    color:orange;
    position: absolute;
    top:-18px;
    right:-10px;
}
#section_prediction .token_list_item_wrap_item .title_wrap .latest_prediction{
    display: flex;
    align-items: center;
    font-size:14px;
}

#section_prediction .token_list_item_wrap_item .latest_result{
    display: flex;
    justify-content: space-between;
    font-size:13px;
    font-weight: 600;
}

#section_prediction .token_list_item_wrap_item .latest_result > div{
    display: flex;
    justify-content: space-between;
    width:45%;
}


.left_section .close_button_wrap {
    display: none;
}
.left_section .title_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


/* 컨탠츠 영역 */
#section_prediction{
}

#section_prediction_home{

}
#section_prediction_home .main_section .index_contents > .content{
    /*width:calc(100% - 480px);*/
    width:100%;
    padding: 40px;
}

@media screen and (min-width: 1460px) {
    #section_prediction_home .main_section .index_contents > .content{
        width:70%;
    }
}

@media screen and (max-width: 1459px) {

    #section_prediction_home .board_wrap{
        justify-content: center !important;
    }
}

.btn_crypto_list{
    display: none;
}


/* 반응형 1399px ~ 1060px */
@media (max-width: 1799px) {
    /*.section_prediction_basic {
        overflow-y: hidden;
    }
    .section_prediction_basic .main_section {
        width:100%;
    }
    .section_prediction_basic  .main_section .index_contents .content{
        padding:20px !important;
    }*/
    /*.section_prediction_basic .left_section {
        position: absolute;
        left: 0;
        transform: translateX(-300px);
        transition: transform ease .3s;
        z-index: 20;
    }*/


    .section_prediction_basic .left_section.is_active {
        /*width:340px;*/
        height: 100%;
        /** calc header, footer  */
        /*height: calc(100% - 70px - 332px);*/
        top:0;
        position: fixed;
        /*overflow-y: unset;*/
        transform: translate(0);
        transition: transform ease .3s;
    }

    .section_prediction_basic .left_section.is_active .close_button_wrap {
        display: block;
        background-color: #fff;
        cursor: pointer;
        position: absolute;
        width:40px;
        height:40px;
        top: 0;
        right : 0;
        padding:8px;
    }


    #section_prediction .left_section.is_active .title_item{
        /*width: 280px;*/
    }
    #section_prediction .left_section.is_active .token_list_item_wrap{
        /*width: 280px;*/
    }
    .btn_crypto_list {
        display: block;
        cursor: pointer;
        position: fixed;
        bottom: 24px;
        left: 24px;
        border-radius: 40px;
        height: 60px;
        padding: 16px 28px;
        background: #6B6BFF;
        text-align: center;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        letter-spacing: -0.45px;
    }
}










/**
    예측 공통영역
 */


.round_item{
    margin-bottom: 20px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    border-radius: 20px;
}

.round_item .title_item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*padding: 0 4px;*/
    margin-bottom: 12px;
}


.round_item.round_item_more{
    text-align: center;
    line-height:40px;
}

.round_item .round_top{
    padding: 32px;
}

.round_item.round_item_upcoming .round_top{
    padding-bottom: 16px;
}


.round_item.round_item_login{
    text-align: center;
    padding: 10px;
}
.round_item.round_item_login span{
    margin-right: 10px;
}
.round_item .info{
    margin-bottom: 24px;
}

.round_item .info > p{
    display: inline-block;
}
.round_item .info .count{
    float: right;
}
.round_item .icon_people{
    width:20px;
    vertical-align: middle;
}

.round_item .title_item .title{
    font-weight: 700;
    font-size: 18px;
    color: #111;
    letter-spacing: -0.4px;
    display: flex;
    align-items: center;
}

.round_item .title_item .title .title_icon{
    width: 24px;
    height: 24px;
    object-fit: cover;
    margin-right: 2px;
    border-radius: 50%;
}

.round_item .title_item .title span{
    margin-left:4px;
    vertical-align: middle;
}


.round_item .result_detail{
    height:26px;
    line-height:26px;
    padding: 0 10px;
    margin-bottom: 20px;
    border-radius:10px;
}

.round_item .result_detail .close_price{
    margin-right:20px;
}

.round_item .result_detail_red{
    color: #fff;
    background: var(--red-red-gradient, linear-gradient(93deg, #FF795B 0%, #FF617D 100%));
}

.round_item .result_detail_blue{
    color: #fff;
    background: var(--blue-blue-gradient, linear-gradient(93deg, #69A5FF 0%, #7BC8FF 100%));
}

.round_item .all_up_down_wrap{
    width: 100%;
    height:74px;
    display: flex;
    /*border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
    border-radius:10px;
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
    align-items: center;
    justify-content: space-between;
}

.round_item .all_up_down_wrap .left_side,
.round_item .all_up_down_wrap .right_side{
    width: 40.7%;
    overflow: hidden;
    background: #F1F1F5;
    color: #999;
}

.round_item .all_up_down_wrap .left_side{
    text-align: left;
}

.round_item .all_up_down_wrap .right_side{
    text-align: right;
}




.round_item .all_up_down_wrap .rate_info{
}





.round_item .all_up_down_wrap .left_side .rate_bar{
    background-color: #9fa8b0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width:90%;
    height:10px;
    float:right;
    margin-bottom: 10px;
}
.round_item .all_up_down_wrap .left_side .red_wrap{
    float:right;
    height:10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    color: #fff;
    background: linear-gradient(93deg, #FF795B 0%, #ff6875 100%);
}
.round_item .all_up_down_wrap .left_side .red_text{
    color: var(--prediction-text-win-1);
    /*color: #7BC8FF;*/
}


.round_item .all_up_down_wrap .center_side{
    width:18%;
    height:74px;
    text-align: center;
}
.round_item .all_up_down_wrap .center_side.red_wrap{
    color: #fff;
    background: linear-gradient(93deg, #ff6875 0%, #FF617D 100%);
    /*background: var(--red-red-gradient, linear-gradient(93deg, var(--prediction-win-1) 0%, var(--prediction-win-2) 100%));*/
    /*background: var(--red-red-gradient, linear-gradient(93deg, #FF795B 0%, #FF617D 100%)); origin */
}
.round_item .all_up_down_wrap .center_side.rate_bar{
    color: #888;
    background-color: #9fa8b0;
}
.round_item .all_up_down_wrap .center_side.blue_wrap{
    color: #fff;
    background: linear-gradient(93deg, #69A5FF 0%, #6eafff 100%);
    /*background: var(--blue-blue-gradient, linear-gradient(93deg, #69A5FF 0%, #7BC8FF 100%)); origin */
}
.round_item .all_up_down_wrap .center_side .result_changed{
    width:100%;
    height:100%;
    padding: 25px 0;
}

.round_item .all_up_down_wrap .center_side .result_changed.small_font{
    font-size:14px;
}

.round_item .all_up_down_wrap .right_side .rate_bar{
    background-color: #9fa8b0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    width:90%;
    height:10px;
    float:left;
    margin-bottom: 10px;
}
.round_item .all_up_down_wrap .right_side .blue_wrap{
    float:left;
    height:10px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #fff;
    background: linear-gradient(93deg, #6eafff 0%, #7BC8FF 100%);
}
.round_item .all_up_down_wrap .right_side .blue_text{
    color: var(--prediction-text-lose-1);
    /*color: #7BC8FF;*/
}
.round_item .all_up_down_wrap .dark_gray_wrap{
    background: #818181;
    color: #ccc;
}

.round_item .all_up_down_wrap .left_side .rate_info,
.round_item .all_up_down_wrap .right_side .rate_info{
    padding: 10px 10px;
    width:100%;
    height:100%;
}




.round_item .all_up_down_wrap .rate_info > p{
    margin: 0 8px;
}



.round_item .all_up_down_wrap .rate_info > span{
    font-size: 20px;
    font-weight: 700;
    margin: 0 8px;
}

.round_item .all_up_down_wrap .left_side .rate_info > img{
    vertical-align: baseline;
    float: right;
    margin:4px 10px;
}
.round_item .all_up_down_wrap .right_side .rate_info > img{
    vertical-align: baseline;
    float: left;
    margin:4px 10px;
}


/*.round_item .all_up_down_wrap .red_wrap{
    color: #fff;
    background: var(--red-red-gradient, linear-gradient(93deg, #FF795B 0%, #FF617D 100%));
}

.round_item .all_up_down_wrap .blue_wrap{
    color: #fff;
    background: var(--blue-blue-gradient, linear-gradient(93deg, #69A5FF 0%, #7BC8FF 100%));
}*/

/*.round_item .all_up_down_wrap .gray_wrap{
    background: #F1F1F5;
    color: #999;
}*/

.round_item .all_up_down_wrap .user_pick{
    box-sizing: border-box;
    line-height: normal;

    border: 4px solid transparent;
    /*background-image: linear-gradient(#fff, #fff),
    linear-gradient(to right, #6B6BFF 0%, #af33d7 100%);*/
    /*linear-gradient(to right, red 0%,  orange 100%);*/
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.round_item .all_up_down_wrap > div:nth-child(1).user_pick{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-image: linear-gradient(#fff, #fff),
    linear-gradient(93deg, #de25d7 0%, #9b48e2 100%);
}
.round_item .all_up_down_wrap > div:nth-child(2).user_pick{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-image: linear-gradient(#fff, #fff),
    linear-gradient(93deg, #de25d7 0%, #9b48e2 100%);
}








.round_item .progress_bar_wrap {
    /*margin-top:8px;*/
    width: 100%;
    display: flex;
    /*border-radius:10px;*/
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
    align-items: center;
    justify-content: space-between;
}
.round_item .progress_bar_wrap .left_side,
.round_item .progress_bar_wrap .right_side{
    width: 50%;
    overflow: hidden;
    background: #F1F1F5;
    color: #999;
}

.round_item .progress_bar_wrap .left_side{
    text-align: left;
}
.round_item .progress_bar_wrap .right_side{
    text-align: right;
}


.round_item .progress_bar_wrap .left_side .rate_bar{
    background-color: #9fa8b0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width:95%;
    height:10px;
    float:right;
    margin-top: 10px;
    margin-bottom: 10px;
}
.round_item .progress_bar_wrap .left_side .rate_bar .red_bar{
    float:right;
    height:10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background: linear-gradient(93deg, #FF795B 0%, #FF617D 100%);
}


.round_item .progress_bar_wrap .right_side .rate_bar{
    background-color: #9fa8b0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    width:95%;
    height:10px;
    float:left;
    margin-top: 10px;
    margin-bottom: 10px;
}
.round_item .progress_bar_wrap .right_side .rate_bar .blue_bar{
    float:left;
    height:10px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: linear-gradient(93deg, #69A5FF 0%, #7BC8FF 100%);
}



.round_item .progress_bar_wrap .red_wrap{
    color: #fff;
    background: linear-gradient(93deg, #FF795B 0%, #FF617D 100%);
}

.round_item .progress_bar_wrap .blue_wrap{
    color: #fff;
    background: linear-gradient(93deg, #69A5FF 0%, #7BC8FF 100%);
}

.round_item .progress_bar_wrap .gray_wrap{
    background: #F1F1F5;
    color: #999;
}.round_item .progress_bar_wrap .dark_gray_wrap{
     background: #c1c1c1;
     color: #999;
 }








.round_item.user_pick_win{
    box-sizing: border-box;
    line-height: normal;
    border: 4px solid transparent;
    background-image: linear-gradient(#fff, #fff),
    linear-gradient(93deg, #de25d7 0%, #9b48e2 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.round_item.user_pick_lose{
    box-sizing: border-box;
    line-height: normal;
    border: 4px solid transparent;
    background-image: linear-gradient(#fff, #fff),
    linear-gradient(93deg, #757575 0%, #626262 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}


.round_item .up_down_wrap > div.user_pick_win{
    box-sizing: border-box;
    line-height: normal;
    border: 4px solid transparent;
    background-image: linear-gradient(#fff, #fff),
    linear-gradient(93deg, #2bf769 0%, #37e865 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.round_item .up_down_wrap > div:nth-child(1).user_pick_win,
.round_item .up_down_wrap > div:nth-child(1).user_pick_lose{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.round_item .up_down_wrap > div:nth-child(2).user_pick_win,
.round_item .up_down_wrap > div:nth-child(2).user_pick_lose{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.round_item .up_down_wrap > div.user_pick_lose{
    box-sizing: border-box;
    line-height: normal;
    border: 4px solid transparent;
    background-image: linear-gradient(#fff, #fff),
    linear-gradient(93deg, #757575 0%, #626262 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}


.round_item  .round_bottom{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding-bottom:20px;
    /*padding: 20px 32px;
    border-top: 1px solid #F1F1F5;*/
}

.round_item  .round_bottom .btn_tier_info_more,
.round_item  .round_bottom .btn_tier_info_close{
    display: inline-flex;
    color: #767676;
    cursor: pointer;
}
.round_item  .round_bottom .btn_tier_info_more img,
.round_item  .round_bottom .btn_tier_info_close img{
    margin-left: 8px;
    transform: rotate(-90deg);
}

.round_item .round_bottom .btn_area img {
    transform: rotate(-90deg);
}

.round_item .round_bottom .btn_area {
    width: 100%;
    padding-right:30px;
    display: flex;
    justify-content: flex-end;
}

.round_item .round_bottom .information {
    width: 80%;
    margin-bottom:10px;
    background-color: #f1f1f1;
    border-radius: 15px;
    color:#bbb;
    display: flex;
    justify-content: center;
}
.round_item .round_bottom .information p.txt_center{
    line-height: 36px;
}
.round_item .round_bottom .txt_center{
    color: #bbb;
}

.round_item  .round_bottom .tier_detail_title{
    font-weight: 600;
    font-size: 18px;
    color: #111;
    letter-spacing: -0.4px;
    display: flex;
    justify-content: center;
    /*align-items: center;*/
}

.round_item  .round_bottom .tier_detail_list {
    padding: 0 32px;
}
.round_item  .round_bottom .tier_detail_list .tier_detail_item .up_down_wrap{
    width: 100%;
    /*height:74px;*/
    display: flex;
    /*border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
    border-radius:4px;
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
    align-items: center;
    justify-content: space-between;
    margin: 8px 0;
}
.round_item  .round_bottom .tier_detail_list .tier_detail_item .up_down_wrap > div{
    padding: 0;
    height: 8px;
    /*border-radius: 4px;*/
    /*width:100%;*/
}


.round_item  .round_bottom .tier_detail_list .tier_detail_item .up_down_wrap .red_wrap{
    color: #fff;
    background: linear-gradient(93deg, #FF795B 0%, #FF617D 100%);
    /*background: var(--red-red-gradient, linear-gradient(93deg, #FF795B 0%, #FF617D 100%));*/
}

.round_item  .round_bottom .tier_detail_list .tier_detail_item .up_down_wrap .blue_wrap{
    color: #fff;
    background: linear-gradient(93deg, #69A5FF 0%, #7BC8FF 100%);
}
.round_item  .round_bottom .tier_detail_list .tier_detail_item .up_down_wrap .gray_wrap{
    background: #F1F1F5;
    color: #999;
}


.round_item .round_title{
    font-weight: 500;
    display: flex;
    align-items: center;
}

.round_item .round_title img{
    width: 28px;
    margin-right: 4px;
}


.round_item  .btn_quick_participate{
    cursor: pointer;
}

/**
    다음라운드
 */
.round_item  .up_down_wrap_pre{
    width: 100%;
    /*height:74px;*/
    display: flex;
    /*border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
    border-radius:4px;
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
    align-items: center;
    justify-content: space-between;
    margin: 8px 0;
}
.round_item  .up_down_wrap_pre > div{
    padding: 16px 24px;
    width: 49.7%;

    /*border-radius: 4px;*/
    /*width:100%;*/
    overflow: hidden;
    background: #F1F1F5;
    color: #999;
}
.round_item  .up_down_wrap_pre > div > img{
    display: none;
}


.round_item  .up_down_wrap_pre .left_side{
    text-align: left;
}

.round_item  .up_down_wrap_pre .right_side{
    text-align: right;
}

.round_item  .up_down_wrap_pre .left_side > img{
    vertical-align: baseline;
    float:right;
    margin-top:4px;
}
.round_item  .up_down_wrap_pre .right_side > img{
    vertical-align: baseline;
    float:left;
}



.round_item  .up_down_wrap_pre .red_wrap{
    color: #fff;
    background: linear-gradient(93deg, #FF795B 0%, #FF617D 100%);
    /*background: var(--red-red-gradient, linear-gradient(93deg, #FF795B 0%, #FF617D 100%));*/
}

.round_item  .up_down_wrap_pre .blue_wrap{
    color: #fff;
    background: linear-gradient(93deg, #69A5FF 0%, #7BC8FF 100%);
    /*background: var(--blue-blue-gradient, linear-gradient(93deg, #69A5FF 0%, #7BC8FF 100%));*/
}

.round_item  .up_down_wrap_pre .red_wrap > img,
.round_item  .up_down_wrap_pre .blue_wrap > img{
    display: block;
}



@media (max-width: 649px) {
    .round_item .all_up_down_wrap .center_side{
        min-width: 100px;
    }
}

@media (max-width: 510px) {
    .round_item .all_up_down_wrap {
        height:90px;
    }
    .round_item .all_up_down_wrap > div {
        height:100% !important;
    }
    .round_item .all_up_down_wrap .left_side .rate_info {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .round_item .all_up_down_wrap .right_side .rate_info {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .round_item .all_up_down_wrap .center_side .result_changed {
        padding: 34px 0;
    }

    .round_item .all_up_down_wrap .left_side .rate_info > img,
    .round_item .all_up_down_wrap .right_side .rate_info > img {
        max-width: 16px;
    }
}


@media (max-width: 439px) {
    .round_item .round_top {
        padding: 12px;
    }
    .round_item .all_up_down_wrap .center_side{
        min-width: 100px;
    }

    .round_item .title_item{
        display: flex;
        align-items: flex-start;
        flex-direction: column-reverse;
        margin-bottom: 8px;
    }
    .round_item .title{
        margin-top: 8px;
    }
    .round_item .round_top .info > p{
        display: block;
        float: inherit;
    }
}


/* 반응형  559px ~ 320px */
@media (max-width: 399px) {
}

@media (max-width: 375px) {
    .round_item .all_up_down_wrap .rate_info > span{
        font-size: 15px;
    }
    .round_item .all_up_down_wrap .center_side{
        /*min-width: 80px;*/
        /*height:68px;*/
        font-size: 14px;
    }
    /*.round_item .all_up_down_wrap .center_side .result_changed{
        padding: 23px 0;
    }*/
}


/**
    일반버전 끝
 */


/**
    wide 버전
 */



.round_item_wide{
    margin-bottom: 20px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    border-radius: 20px;
    display: flex;
}

.round_item_wide .title_item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*padding: 0 4px;*/
    margin-bottom: 12px;
}

.round_item_wide .title_item .detail_info{
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    /*padding: 0 4px;*/
    margin-bottom: 12px;
}
.round_item_wide .title_item .detail_info .participant_count_wrap{
    display: inline-flex;
    margin-right:10px;
}
.round_item_wide .title_item .detail_info .participant_count_wrap .icon_people{
    margin-right:4px;
}
.round_item_wide .title_item .detail_info .period_info{
    margin-right:10px;
}


.round_item_wide.round_item_more{
    text-align: center;
    line-height:40px;
}

.round_item_wide .round_left{
    padding: 16px;
    width:80px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.round_item_wide .round_right{
    padding: 32px;
    width:calc(100%);

    /*padding: 16px 16px 16px 0;
    width:calc(100% - 80px);*/
    display: inline-block;
}

.round_item_wide .round_top{
}

.round_item_wide.round_item_upcoming .round_top{
    padding-bottom: 16px;
}


.round_item_wide.round_item_login{
    text-align: center;
    padding: 10px;
}
.round_item_wide.round_item_login span{
    margin-right: 10px;
}
.round_item_wide .info{
    margin-bottom: 24px;
}

.round_item_wide .info > p{
    display: inline-block;
}
.round_item_wide .info .count{
    float: right;
}
.round_item_wide .icon_people{
    width:20px;
    vertical-align: middle;
}

.round_item_wide .title{
    font-weight: 700;
    font-size: 18px;
    color: #111;
    letter-spacing: -0.4px;
    display: flex;
    align-items: center;
}

.round_item_wide .title_item .title .title_icon{
    width: 24px;
    height: 24px;
    object-fit: cover;
    margin-right: 2px;
    border-radius: 50%;
}

.round_item_wide .title_item .title span{
    margin-left:4px;
    vertical-align: middle;
}


.round_item_wide .result_detail{
    height:26px;
    line-height:26px;
    padding: 0 10px;
    margin-bottom: 20px;
    border-radius:10px;
}

.round_item_wide .result_detail .close_price{
    margin-right:20px;
}

.round_item_wide .result_detail_red{
    color: #fff;
    background: var(--red-red-gradient, linear-gradient(93deg, #FF795B 0%, #FF617D 100%));
}

.round_item_wide .result_detail_blue{
    color: #fff;
    background: var(--blue-blue-gradient, linear-gradient(93deg, #69A5FF 0%, #7BC8FF 100%));
}

.round_item_wide .all_up_down_wrap{
    width: 100%;
    height:74px;
    display: flex;
    /*border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
    border-radius:10px;
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
    align-items: center;
    justify-content: space-between;
}

.round_item_wide .all_up_down_wrap .left_side,
.round_item_wide .all_up_down_wrap .right_side{
    width: 40.7%;
    overflow: hidden;
    background: #F1F1F5;
    color: #999;
}

.round_item_wide .all_up_down_wrap .left_side{
    text-align: left;
}

.round_item_wide .all_up_down_wrap .right_side{
    text-align: right;
}




.round_item_wide .all_up_down_wrap .rate_info{
}





.round_item_wide .all_up_down_wrap .left_side .rate_bar{
    background-color: #9fa8b0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width:90%;
    height:10px;
    float:right;
    margin-bottom: 10px;
}
.round_item_wide .all_up_down_wrap .left_side .red_wrap{
    float:right;
    height:10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    color: #fff;
    background: linear-gradient(93deg, #FF795B 0%, #ff6875 100%);
}
.round_item_wide .all_up_down_wrap .left_side .red_text{
    color: var(--prediction-text-win-1);
    /*color: #7BC8FF;*/
}


.round_item_wide .all_up_down_wrap .center_side{
    width:18%;
    height:74px;
    text-align: center;
}
.round_item_wide .all_up_down_wrap .center_side.red_wrap{
    color: #fff;
    background: linear-gradient(93deg, #ff6875 0%, #FF617D 100%);
    /*background: var(--red-red-gradient, linear-gradient(93deg, var(--prediction-win-1) 0%, var(--prediction-win-2) 100%));*/
    /*background: var(--red-red-gradient, linear-gradient(93deg, #FF795B 0%, #FF617D 100%)); origin */
}
.round_item_wide .all_up_down_wrap .center_side.rate_bar{
    color: #888;
    background-color: #9fa8b0;
}
.round_item_wide .all_up_down_wrap .center_side.blue_wrap{
    color: #fff;
    background: linear-gradient(93deg, #69A5FF 0%, #6eafff 100%);
    /*background: var(--blue-blue-gradient, linear-gradient(93deg, #69A5FF 0%, #7BC8FF 100%)); origin */
}
.round_item_wide .all_up_down_wrap .center_side .result_changed{
    width:100%;
    height:100%;
    padding: 25px 0;
}

.round_item_wide .all_up_down_wrap .center_side .result_changed.small_font{
    font-size:14px;
}

.round_item_wide .all_up_down_wrap .right_side .rate_bar{
    background-color: #9fa8b0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    width:90%;
    height:10px;
    float:left;
    margin-bottom: 10px;
}
.round_item_wide .all_up_down_wrap .right_side .blue_wrap{
    float:left;
    height:10px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #fff;
    background: linear-gradient(93deg, #6eafff 0%, #7BC8FF 100%);
}
.round_item_wide .all_up_down_wrap .right_side .blue_text{
    color: var(--prediction-text-lose-1);
    /*color: #7BC8FF;*/
}
.round_item_wide .all_up_down_wrap .dark_gray_wrap{
    background: #818181;
    color: #ccc;
}

.round_item_wide .all_up_down_wrap .left_side .rate_info,
.round_item_wide .all_up_down_wrap .right_side .rate_info{
    padding: 10px 10px;
    width:100%;
    height:100%;
}




.round_item_wide .all_up_down_wrap .rate_info > p{
    margin: 0 8px;
}



.round_item_wide .all_up_down_wrap .rate_info > span{
    font-size: 20px;
    font-weight: 700;
    margin: 0 8px;
}

.round_item_wide .all_up_down_wrap .left_side .rate_info > img{
    vertical-align: baseline;
    float: right;
    margin:4px 10px;
}
.round_item_wide .all_up_down_wrap .right_side .rate_info > img{
    vertical-align: baseline;
    float: left;
    margin:4px 10px;
}


/*.round_item_wide .all_up_down_wrap .red_wrap{
    color: #fff;
    background: var(--red-red-gradient, linear-gradient(93deg, #FF795B 0%, #FF617D 100%));
}

.round_item_wide .all_up_down_wrap .blue_wrap{
    color: #fff;
    background: var(--blue-blue-gradient, linear-gradient(93deg, #69A5FF 0%, #7BC8FF 100%));
}*/

/*.round_item_wide .all_up_down_wrap .gray_wrap{
    background: #F1F1F5;
    color: #999;
}*/

.round_item_wide .all_up_down_wrap .user_pick{
    box-sizing: border-box;
    line-height: normal;

    border: 4px solid transparent;
    /*background-image: linear-gradient(#fff, #fff),
    linear-gradient(to right, #6B6BFF 0%, #af33d7 100%);*/
    /*linear-gradient(to right, red 0%,  orange 100%);*/
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.round_item_wide .all_up_down_wrap > div:nth-child(1).user_pick{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-image: linear-gradient(#fff, #fff),
    linear-gradient(93deg, #de25d7 0%, #9b48e2 100%);
}
.round_item_wide .all_up_down_wrap > div:nth-child(2).user_pick{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-image: linear-gradient(#fff, #fff),
    linear-gradient(93deg, #de25d7 0%, #9b48e2 100%);
}








.round_item_wide .progress_bar_wrap {
    /*margin-top:8px;*/
    width: 100%;
    display: flex;
    /*border-radius:10px;*/
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
    align-items: center;
    justify-content: space-between;
}
.round_item_wide .progress_bar_wrap .left_side,
.round_item_wide .progress_bar_wrap .right_side{
    width: 50%;
    overflow: hidden;
    background: #F1F1F5;
    color: #999;
}

.round_item_wide .progress_bar_wrap .left_side{
    text-align: left;
}
.round_item_wide .progress_bar_wrap .right_side{
    text-align: right;
}


.round_item_wide .progress_bar_wrap .left_side .rate_bar{
    background-color: #9fa8b0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width:95%;
    height:10px;
    float:right;
    margin-top: 10px;
    margin-bottom: 10px;
}
.round_item_wide .progress_bar_wrap .left_side .rate_bar .red_bar{
    float:right;
    height:10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background: linear-gradient(93deg, #FF795B 0%, #FF617D 100%);
}


.round_item_wide .progress_bar_wrap .right_side .rate_bar{
    background-color: #9fa8b0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    width:95%;
    height:10px;
    float:left;
    margin-top: 10px;
    margin-bottom: 10px;
}
.round_item_wide .progress_bar_wrap .right_side .rate_bar .blue_bar{
    float:left;
    height:10px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: linear-gradient(93deg, #69A5FF 0%, #7BC8FF 100%);
}



.round_item_wide .progress_bar_wrap .red_wrap{
    color: #fff;
    background: linear-gradient(93deg, #FF795B 0%, #FF617D 100%);
}

.round_item_wide .progress_bar_wrap .blue_wrap{
    color: #fff;
    background: linear-gradient(93deg, #69A5FF 0%, #7BC8FF 100%);
}

.round_item_wide .progress_bar_wrap .gray_wrap{
    background: #F1F1F5;
    color: #999;
}
.round_item_wide .progress_bar_wrap .dark_gray_wrap{
     background: #c1c1c1;
     color: #999;
 }








.round_item_wide .user_pick_win{
    box-sizing: border-box;
    line-height: normal;
    border: 4px solid transparent;
    background-image: linear-gradient(#fff, #fff),
    linear-gradient(93deg, #de25d7 0%, #9b48e2 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.round_item_wide .user_pick_lose{
    box-sizing: border-box;
    line-height: normal;
    border: 4px solid transparent;
    background-image: linear-gradient(#fff, #fff),
    linear-gradient(93deg, #757575 0%, #626262 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}


.round_item_wide .up_down_wrap > div.user_pick_win{
    box-sizing: border-box;
    line-height: normal;
    border: 4px solid transparent;
    background-image: linear-gradient(#fff, #fff),
    linear-gradient(93deg, #2bf769 0%, #37e865 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.round_item_wide .up_down_wrap > div:nth-child(1).user_pick_win,
.round_item_wide .up_down_wrap > div:nth-child(1).user_pick_lose{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.round_item_wide .up_down_wrap > div:nth-child(2).user_pick_win,
.round_item_wide .up_down_wrap > div:nth-child(2).user_pick_lose{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.round_item_wide .up_down_wrap > div.user_pick_lose{
    box-sizing: border-box;
    line-height: normal;
    border: 4px solid transparent;
    background-image: linear-gradient(#fff, #fff),
    linear-gradient(93deg, #757575 0%, #626262 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}


.round_item_wide  .round_bottom{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin: 20px 0;
    /*padding: 20px 32px;
    border-top: 1px solid #F1F1F5;*/
}

.round_item_wide  .round_bottom .btn_tier_info_more,
.round_item_wide  .round_bottom .btn_tier_info_close{
    display: inline-flex;
    color: #767676;
    cursor: pointer;
}
.round_item_wide  .round_bottom .btn_tier_info_more img,
.round_item_wide  .round_bottom .btn_tier_info_close img{
    margin-left: 8px;
    transform: rotate(-90deg);
}

.round_item_wide .round_bottom .btn_area img {
    transform: rotate(-90deg);
}

.round_item_wide .round_bottom .btn_area {
    width: 100%;
    /*padding-right:30px;*/
    display: flex;
    justify-content: flex-end;
}

.round_item_wide .round_bottom .information {
    width: 80%;
    margin-bottom:10px;
    background-color: #f1f1f1;
    border-radius: 15px;
    color:#bbb;
    display: flex;
    justify-content: center;
}
.round_item_wide .round_bottom .information p.txt_center{
    line-height: 36px;
}
.round_item_wide .round_bottom .txt_center{
    color: #bbb;
}

.round_item_wide  .round_bottom .tier_detail_title{
    font-weight: 600;
    font-size: 18px;
    color: #111;
    letter-spacing: -0.4px;
    display: flex;
    justify-content: center;
    /*align-items: center;*/
}

.round_item_wide  .round_bottom .tier_detail_list {
    padding: 0 32px;
}
.round_item_wide  .round_bottom .tier_detail_list .tier_detail_item .up_down_wrap{
    width: 100%;
    /*height:74px;*/
    display: flex;
    /*border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
    border-radius:4px;
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
    align-items: center;
    justify-content: space-between;
    margin: 8px 0;
}
.round_item_wide  .round_bottom .tier_detail_list .tier_detail_item .up_down_wrap > div{
    padding: 0;
    height: 8px;
    /*border-radius: 4px;*/
    /*width:100%;*/
}


.round_item_wide  .round_bottom .tier_detail_list .tier_detail_item .up_down_wrap .red_wrap{
    color: #fff;
    background: linear-gradient(93deg, #FF795B 0%, #FF617D 100%);
    /*background: var(--red-red-gradient, linear-gradient(93deg, #FF795B 0%, #FF617D 100%));*/
}

.round_item_wide  .round_bottom .tier_detail_list .tier_detail_item .up_down_wrap .blue_wrap{
    color: #fff;
    background: linear-gradient(93deg, #69A5FF 0%, #7BC8FF 100%);
}
.round_item_wide  .round_bottom .tier_detail_list .tier_detail_item .up_down_wrap .gray_wrap{
    background: #F1F1F5;
    color: #999;
}


.round_item_wide .round_title{
    font-weight: 500;
    display: flex;
    align-items: center;
}

.round_item_wide .round_title img{
    width: 28px;
    margin-right: 4px;
}


.round_item_wide  .btn_quick_participate{
    cursor: pointer;
}

/**
    다음라운드
 */
.round_item_wide  .up_down_wrap_pre{
    width: 100%;
    /*height:74px;*/
    display: flex;
    /*border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
    border-radius:4px;
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
    align-items: center;
    justify-content: space-between;
    margin: 8px 0;
}
.round_item_wide  .up_down_wrap_pre > div{
    padding: 16px 24px;
    width: 49.7%;

    /*border-radius: 4px;*/
    /*width:100%;*/
    overflow: hidden;
    background: #F1F1F5;
    color: #999;
}
.round_item_wide  .up_down_wrap_pre > div > img{
    display: none;
}


.round_item_wide  .up_down_wrap_pre .left_side{
    text-align: left;
}

.round_item_wide  .up_down_wrap_pre .right_side{
    text-align: right;
}

.round_item_wide  .up_down_wrap_pre .left_side > img{
    vertical-align: baseline;
    float:right;
    margin-top:4px;
}
.round_item_wide  .up_down_wrap_pre .right_side > img{
    vertical-align: baseline;
    float:left;
}



.round_item_wide  .up_down_wrap_pre .red_wrap{
    color: #fff;
    background: linear-gradient(93deg, #FF795B 0%, #FF617D 100%);
    /*background: var(--red-red-gradient, linear-gradient(93deg, #FF795B 0%, #FF617D 100%));*/
}

.round_item_wide  .up_down_wrap_pre .blue_wrap{
    color: #fff;
    background: linear-gradient(93deg, #69A5FF 0%, #7BC8FF 100%);
    /*background: var(--blue-blue-gradient, linear-gradient(93deg, #69A5FF 0%, #7BC8FF 100%));*/
}

.round_item_wide  .up_down_wrap_pre .red_wrap > img,
.round_item_wide  .up_down_wrap_pre .blue_wrap > img{
    display: block;
}



@media (max-width: 649px) {
    .round_item_wide .all_up_down_wrap .center_side{
        min-width: 100px;
    }
}

@media (max-width: 510px) {
    .round_item_wide .all_up_down_wrap {
        height:90px;
    }
    .round_item_wide .all_up_down_wrap > div {
        height:100% !important;
    }
    .round_item_wide .all_up_down_wrap .left_side .rate_info {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .round_item_wide .all_up_down_wrap .right_side .rate_info {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .round_item_wide .all_up_down_wrap .center_side .result_changed {
        padding: 34px 0;
    }

    .round_item_wide .all_up_down_wrap .left_side .rate_info > img,
    .round_item_wide .all_up_down_wrap .right_side .rate_info > img {
        max-width: 16px;
    }
}


@media (max-width: 439px) {
    .round_item_wide .round_top {
        padding: 12px;
    }
    .round_item_wide .all_up_down_wrap .center_side{
        min-width: 100px;
    }

    .round_item_wide .title_item{
        display: flex;
        align-items: flex-start;
        flex-direction: column-reverse;
        margin-bottom: 8px;
    }
    .round_item_wide .title{
        margin-top: 8px;
    }
    .round_item_wide .round_top .info > p{
        display: block;
        float: inherit;
    }
}


/* 반응형  559px ~ 320px */
@media (max-width: 399px) {
}

@media (max-width: 375px) {
    .round_item_wide .all_up_down_wrap .rate_info > span{
        font-size: 15px;
    }
    .round_item_wide .all_up_down_wrap .center_side{
        /*min-width: 80px;*/
        /*height:68px;*/
        font-size: 14px;
    }
    /*.round_item_wide .all_up_down_wrap .center_side .result_changed{
        padding: 23px 0;
    }*/
}





/**
    wide 버전 끝
 */





/**
    wide center 버전
 */



.round_item_wide_center{
    margin-bottom: 20px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    border-radius: 20px;
    display: flex;
}

.round_item_wide_center .title_item{
    display: flex;
    align-items: center;
    justify-content: center;
    /*padding: 0 4px;*/
    margin-bottom: 12px;
    position: relative;
}

.round_item_wide_center .title_item .detail_info_left{
    position:absolute;
    left:0;
    display: flex;
}
.round_item_wide_center .title_item .detail_info_left > div{
    margin-right: 8px;
}
.round_item_wide_center .title_item .detail_info_right{
    position:absolute;
    right:0;
    display: flex;
}
.round_item_wide_center .title_item .detail_info_right > div{
    margin-left: 8px;
}
.round_item_wide_center .title_item .on_live{
    color: #ffffff;
    background-color: #f50001;
    border-radius: 4px;
    height:31px;
    line-height:31px;
    text-align: center;
    width:50px;
}

.round_item_wide_center .title_item .detail_info{
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    /*padding: 0 4px;*/
    margin-bottom: 12px;
}
.round_item_wide_center .title_item .detail_info .participant_count_wrap{
    display: inline-flex;
    margin-right:10px;
}
.round_item_wide_center .title_item .detail_info .participant_count_wrap .icon_people{
    margin-right:4px;
}
.round_item_wide_center .title_item .detail_info .period_info{
    margin-right:10px;
}


.round_item_wide_center.round_item_more{
    text-align: center;
    line-height:40px;
}

.round_item_wide_center .round_left{
    padding: 16px;
    width:80px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.round_item_wide_center .round_right{
    padding: 24px;
    width:calc(100%);

    /*padding: 16px 16px 16px 0;
    width:calc(100% - 80px);*/
    display: inline-block;
}

.round_item_wide_center .round_top{
}

.round_item_wide_center.round_item_upcoming .round_top{
    padding-bottom: 16px;
}


.round_item_wide_center.round_item_login{
    text-align: center;
    padding: 10px;
}
.round_item_wide_center.round_item_login span{
    margin-right: 10px;
}
.round_item_wide_center .info{
    margin-bottom: 24px;
}

.round_item_wide_center .info > p{
    display: inline-block;
}
.round_item_wide_center .info .count{
    float: right;
}
.round_item_wide_center .icon_people{
    width:20px;
    vertical-align: middle;
}

.round_item_wide_center .title{
    font-weight: 700;
    font-size: 18px;
    color: #111;
    letter-spacing: -0.4px;
    display: flex;
    align-items: center;
}

.round_item_wide_center .title_item .title .title_icon{
    width: 24px;
    height: 24px;
    object-fit: cover;
    margin-right: 2px;
    border-radius: 50%;
}

.round_item_wide_center .title_item .title span{
    margin-left:4px;
    vertical-align: middle;
}


.round_item_wide_center .result_detail{
    height:26px;
    line-height:26px;
    padding: 0 10px;
    margin-bottom: 20px;
    border-radius:10px;
}

.round_item_wide_center .result_detail .close_price{
    margin-right:20px;
}

.round_item_wide_center .result_detail_red{
    color: #fff;
    background: var(--red-red-gradient, linear-gradient(93deg, #FF795B 0%, #FF617D 100%));
}

.round_item_wide_center .result_detail_blue{
    color: #fff;
    background: var(--blue-blue-gradient, linear-gradient(93deg, #69A5FF 0%, #7BC8FF 100%));
}

.round_item_wide_center .all_up_down_wrap{
    width: 100%;
    height:74px;
    display: flex;
    /*border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
    border-radius:10px;
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
    align-items: center;
    justify-content: space-between;
}

.round_item_wide_center .all_up_down_wrap .left_side,
.round_item_wide_center .all_up_down_wrap .right_side{
    width: 40.7%;
    overflow: hidden;
    background: #F1F1F5;
    color: #999;
}

.round_item_wide_center .all_up_down_wrap .left_side{
    text-align: left;
}

.round_item_wide_center .all_up_down_wrap .right_side{
    text-align: right;
}




.round_item_wide_center .all_up_down_wrap .rate_info{
}





.round_item_wide_center .all_up_down_wrap .left_side .rate_bar{
    background-color: #9fa8b0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width:90%;
    height:10px;
    float:right;
    margin-bottom: 10px;
}
.round_item_wide_center .all_up_down_wrap .left_side .red_wrap{
    float:right;
    height:10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    color: #fff;
    background: linear-gradient(93deg, #FF795B 0%, #ff6875 100%);
}
.round_item_wide_center .all_up_down_wrap .left_side .red_text{
    color: var(--prediction-text-win-1);
    /*color: #7BC8FF;*/
}


.round_item_wide_center .all_up_down_wrap .center_side{
    width:18%;
    height:74px;
    text-align: center;
}
.round_item_wide_center .all_up_down_wrap .center_side.red_wrap{
    color: #fff;
    background: linear-gradient(93deg, #ff6875 0%, #FF617D 100%);
    /*background: var(--red-red-gradient, linear-gradient(93deg, var(--prediction-win-1) 0%, var(--prediction-win-2) 100%));*/
    /*background: var(--red-red-gradient, linear-gradient(93deg, #FF795B 0%, #FF617D 100%)); origin */
}
.round_item_wide_center .all_up_down_wrap .center_side.rate_bar{
    color: #888;
    background-color: #9fa8b0;
}
.round_item_wide_center .all_up_down_wrap .center_side.blue_wrap{
    color: #fff;
    background: linear-gradient(93deg, #69A5FF 0%, #6eafff 100%);
    /*background: var(--blue-blue-gradient, linear-gradient(93deg, #69A5FF 0%, #7BC8FF 100%)); origin */
}
.round_item_wide_center .all_up_down_wrap .center_side .result_changed{
    width:100%;
    height:100%;
    padding: 25px 0;
}

.round_item_wide_center .all_up_down_wrap .center_side .result_changed.small_font{
    font-size:14px;
}

.round_item_wide_center .all_up_down_wrap .right_side .rate_bar{
    background-color: #9fa8b0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    width:90%;
    height:10px;
    float:left;
    margin-bottom: 10px;
}
.round_item_wide_center .all_up_down_wrap .right_side .blue_wrap{
    float:left;
    height:10px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #fff;
    background: linear-gradient(93deg, #6eafff 0%, #7BC8FF 100%);
}
.round_item_wide_center .all_up_down_wrap .right_side .blue_text{
    color: var(--prediction-text-lose-1);
    /*color: #7BC8FF;*/
}
.round_item_wide_center .all_up_down_wrap .dark_gray_wrap{
    background: #818181;
    color: #ccc;
}

.round_item_wide_center .all_up_down_wrap .left_side .rate_info,
.round_item_wide_center .all_up_down_wrap .right_side .rate_info{
    padding: 10px 10px;
    width:100%;
    height:100%;
}




.round_item_wide_center .all_up_down_wrap .rate_info > p{
    margin: 0 8px;
}



.round_item_wide_center .all_up_down_wrap .rate_info > span{
    font-size: 20px;
    font-weight: 700;
    margin: 0 8px;
}

.round_item_wide_center .all_up_down_wrap .left_side .rate_info > img{
    vertical-align: baseline;
    float: right;
    margin:4px 10px;
}
.round_item_wide_center .all_up_down_wrap .right_side .rate_info > img{
    vertical-align: baseline;
    float: left;
    margin:4px 10px;
}


/*.round_item_wide_center .all_up_down_wrap .red_wrap{
    color: #fff;
    background: var(--red-red-gradient, linear-gradient(93deg, #FF795B 0%, #FF617D 100%));
}

.round_item_wide_center .all_up_down_wrap .blue_wrap{
    color: #fff;
    background: var(--blue-blue-gradient, linear-gradient(93deg, #69A5FF 0%, #7BC8FF 100%));
}*/

/*.round_item_wide_center .all_up_down_wrap .gray_wrap{
    background: #F1F1F5;
    color: #999;
}*/

.round_item_wide_center .all_up_down_wrap .user_pick{
    box-sizing: border-box;
    line-height: normal;

    border: 4px solid transparent;
    /*background-image: linear-gradient(#fff, #fff),
    linear-gradient(to right, #6B6BFF 0%, #af33d7 100%);*/
    /*linear-gradient(to right, red 0%,  orange 100%);*/
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.round_item_wide_center .all_up_down_wrap > div:nth-child(1).user_pick{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-image: linear-gradient(#fff, #fff),
    linear-gradient(93deg, #de25d7 0%, #9b48e2 100%);
}
.round_item_wide_center .all_up_down_wrap > div:nth-child(2).user_pick{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-image: linear-gradient(#fff, #fff),
    linear-gradient(93deg, #de25d7 0%, #9b48e2 100%);
}








.round_item_wide_center .progress_bar_wrap {
    /*margin-top:8px;*/
    width: 100%;
    display: flex;
    /*border-radius:10px;*/
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
    align-items: center;
    justify-content: space-between;
}
.round_item_wide_center .progress_bar_wrap .left_side,
.round_item_wide_center .progress_bar_wrap .right_side{
    width: 50%;
    overflow: hidden;
    background: #F1F1F5;
    color: #999;
}

.round_item_wide_center .progress_bar_wrap .left_side{
    text-align: left;
}
.round_item_wide_center .progress_bar_wrap .right_side{
    text-align: right;
}


.round_item_wide_center .progress_bar_wrap .left_side .rate_bar{
    background-color: #9fa8b0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width:95%;
    height:10px;
    float:right;
    margin-top: 10px;
    margin-bottom: 10px;
}
.round_item_wide_center .progress_bar_wrap .left_side .rate_bar .red_bar{
    float:right;
    height:10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background: linear-gradient(93deg, #FF795B 0%, #FF617D 100%);
}


.round_item_wide_center .progress_bar_wrap .right_side .rate_bar{
    background-color: #9fa8b0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    width:95%;
    height:10px;
    float:left;
    margin-top: 10px;
    margin-bottom: 10px;
}
.round_item_wide_center .progress_bar_wrap .right_side .rate_bar .blue_bar{
    float:left;
    height:10px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: linear-gradient(93deg, #69A5FF 0%, #7BC8FF 100%);
}



.round_item_wide_center .progress_bar_wrap .red_wrap{
    color: #fff;
    background: linear-gradient(93deg, #FF795B 0%, #FF617D 100%);
}

.round_item_wide_center .progress_bar_wrap .blue_wrap{
    color: #fff;
    background: linear-gradient(93deg, #69A5FF 0%, #7BC8FF 100%);
}

.round_item_wide_center .progress_bar_wrap .gray_wrap{
    background: #F1F1F5;
    color: #999;
}
.round_item_wide_center .progress_bar_wrap .dark_gray_wrap{
    background: #c1c1c1;
    color: #999;
}








.round_item_wide_center .user_pick_win{
    box-sizing: border-box;
    line-height: normal;
    border: 4px solid transparent;
    background-image: linear-gradient(#fff, #fff),
    linear-gradient(93deg, #de25d7 0%, #9b48e2 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.round_item_wide_center .user_pick_lose{
    box-sizing: border-box;
    line-height: normal;
    border: 4px solid transparent;
    background-image: linear-gradient(#fff, #fff),
    linear-gradient(93deg, #757575 0%, #626262 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}


.round_item_wide_center .up_down_wrap > div.user_pick_win{
    box-sizing: border-box;
    line-height: normal;
    border: 4px solid transparent;
    background-image: linear-gradient(#fff, #fff),
    linear-gradient(93deg, #2bf769 0%, #37e865 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.round_item_wide_center .up_down_wrap > div:nth-child(1).user_pick_win,
.round_item_wide_center .up_down_wrap > div:nth-child(1).user_pick_lose{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.round_item_wide_center .up_down_wrap > div:nth-child(2).user_pick_win,
.round_item_wide_center .up_down_wrap > div:nth-child(2).user_pick_lose{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.round_item_wide_center .up_down_wrap > div.user_pick_lose{
    box-sizing: border-box;
    line-height: normal;
    border: 4px solid transparent;
    background-image: linear-gradient(#fff, #fff),
    linear-gradient(93deg, #757575 0%, #626262 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}


.round_item_wide_center  .round_bottom{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin: 20px 0;
    /*padding: 20px 32px;
    border-top: 1px solid #F1F1F5;*/
}

.round_item_wide_center  .round_bottom .btn_tier_info_more,
.round_item_wide_center  .round_bottom .btn_tier_info_close{
    display: inline-flex;
    color: #767676;
    cursor: pointer;
}
.round_item_wide_center  .round_bottom .btn_tier_info_more img,
.round_item_wide_center  .round_bottom .btn_tier_info_close img{
    margin-left: 8px;
    transform: rotate(-90deg);
}

.round_item_wide_center .round_bottom .btn_area img {
    transform: rotate(-90deg);
}

.round_item_wide_center .round_bottom .btn_area {
    width: 100%;
    /*padding-right:30px;*/
    display: flex;
    justify-content: flex-end;
}

.round_item_wide_center .round_bottom .information {
    width: 80%;
    margin-bottom:10px;
    background-color: #f1f1f1;
    border-radius: 15px;
    color:#bbb;
    display: flex;
    justify-content: center;
}
.round_item_wide_center .round_bottom .information p.txt_center{
    line-height: 36px;
}
.round_item_wide_center .round_bottom .txt_center{
    color: #bbb;
}

.round_item_wide_center  .round_bottom .tier_detail_title{
    font-weight: 600;
    font-size: 18px;
    color: #111;
    letter-spacing: -0.4px;
    display: flex;
    justify-content: center;
    /*align-items: center;*/
}

.round_item_wide_center  .round_bottom .tier_detail_list {
    padding: 0 32px;
}
.round_item_wide_center  .round_bottom .tier_detail_list .tier_detail_item .up_down_wrap{
    width: 100%;
    /*height:74px;*/
    display: flex;
    /*border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
    border-radius:4px;
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
    align-items: center;
    justify-content: space-between;
    margin: 8px 0;
}
.round_item_wide_center  .round_bottom .tier_detail_list .tier_detail_item .up_down_wrap > div{
    padding: 0;
    height: 8px;
    /*border-radius: 4px;*/
    /*width:100%;*/
}


.round_item_wide_center  .round_bottom .tier_detail_list .tier_detail_item .up_down_wrap .red_wrap{
    color: #fff;
    background: linear-gradient(93deg, #FF795B 0%, #FF617D 100%);
    /*background: var(--red-red-gradient, linear-gradient(93deg, #FF795B 0%, #FF617D 100%));*/
}

.round_item_wide_center  .round_bottom .tier_detail_list .tier_detail_item .up_down_wrap .blue_wrap{
    color: #fff;
    background: linear-gradient(93deg, #69A5FF 0%, #7BC8FF 100%);
}
.round_item_wide_center  .round_bottom .tier_detail_list .tier_detail_item .up_down_wrap .gray_wrap{
    background: #F1F1F5;
    color: #999;
}


.round_item_wide_center .round_title{
    font-weight: 500;
    display: flex;
    align-items: center;
}

.round_item_wide_center .round_title img{
    width: 28px;
    margin-right: 4px;
}


.round_item_wide_center  .btn_quick_participate{
    cursor: pointer;
}

/**
    다음라운드
 */
.round_item_wide_center  .up_down_wrap_pre{
    width: 100%;
    /*height:74px;*/
    display: flex;
    /*border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
    border-radius:4px;
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
    align-items: center;
    justify-content: space-between;
    margin: 8px 0;
}
.round_item_wide_center  .up_down_wrap_pre > div{
    padding: 16px 24px;
    width: 49.7%;

    /*border-radius: 4px;*/
    /*width:100%;*/
    overflow: hidden;
    background: #F1F1F5;
    color: #999;
}
.round_item_wide_center  .up_down_wrap_pre > div > img{
    display: none;
}


.round_item_wide_center  .up_down_wrap_pre .left_side{
    text-align: left;
}

.round_item_wide_center  .up_down_wrap_pre .right_side{
    text-align: right;
}

.round_item_wide_center  .up_down_wrap_pre .left_side > img{
    vertical-align: baseline;
    float:right;
    margin-top:4px;
}
.round_item_wide_center  .up_down_wrap_pre .right_side > img{
    vertical-align: baseline;
    float:left;
}



.round_item_wide_center  .up_down_wrap_pre .red_wrap{
    color: #fff;
    background: linear-gradient(93deg, #FF795B 0%, #FF617D 100%);
    /*background: var(--red-red-gradient, linear-gradient(93deg, #FF795B 0%, #FF617D 100%));*/
}

.round_item_wide_center  .up_down_wrap_pre .blue_wrap{
    color: #fff;
    background: linear-gradient(93deg, #69A5FF 0%, #7BC8FF 100%);
    /*background: var(--blue-blue-gradient, linear-gradient(93deg, #69A5FF 0%, #7BC8FF 100%));*/
}

.round_item_wide_center  .up_down_wrap_pre .red_wrap > img,
.round_item_wide_center  .up_down_wrap_pre .blue_wrap > img{
    display: block;
}



@media (max-width: 649px) {
    .round_item_wide_center .all_up_down_wrap .center_side{
        min-width: 100px;
    }
}

@media (max-width: 510px) {
    .round_item_wide_center .all_up_down_wrap {
        height:90px;
    }
    .round_item_wide_center .all_up_down_wrap > div {
        height:100% !important;
    }
    .round_item_wide_center .all_up_down_wrap .left_side .rate_info {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .round_item_wide_center .all_up_down_wrap .right_side .rate_info {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .round_item_wide_center .all_up_down_wrap .center_side .result_changed {
        padding: 34px 0;
    }

    .round_item_wide_center .all_up_down_wrap .left_side .rate_info > img,
    .round_item_wide_center .all_up_down_wrap .right_side .rate_info > img {
        max-width: 16px;
    }
}


@media (max-width: 439px) {
    .round_item_wide_center .round_top {
        padding: 12px;
    }
    .round_item_wide_center .all_up_down_wrap .center_side{
        min-width: 100px;
    }

    .round_item_wide_center .title_item{
        display: flex;
        align-items: flex-start;
        flex-direction: column-reverse;
        margin-bottom: 8px;
    }
    .round_item_wide_center .title{
        margin-top: 8px;
    }
    .round_item_wide_center .round_top .info > p{
        display: block;
        float: inherit;
    }
}


/* 반응형  559px ~ 320px */
@media (max-width: 399px) {
}

@media (max-width: 375px) {
    .round_item_wide_center .all_up_down_wrap .rate_info > span{
        font-size: 15px;
    }
    .round_item_wide_center .all_up_down_wrap .center_side{
        /*min-width: 80px;*/
        /*height:68px;*/
        font-size: 14px;
    }
    /*.round_item_wide_center .all_up_down_wrap .center_side .result_changed{
        padding: 23px 0;
    }*/
}





/**
    wide center 버전 끝
 */








/**
    티어별 통계
 */
.round_bottom .tier_detail_list{
    display: none;
}

.round_bottom .tier_detail_list > div{
    margin-bottom: 20px;
}





.round_bottom .round_txx{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.round_bottom .round_txx p{
    color: #999;
}

.round_bottom .round_txx span{
    font-weight: bold;
    margin-right: 5px;
}

.red_wrap_txt{
    background: var(--red-red-gradient, linear-gradient(93deg, #FF795B 0%, #FF617D 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blue_wrap_txt{
    background: var(--blue-blue-gradient, linear-gradient(93deg, #69A5FF 0%, #7BC8FF 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}



/**
    예측 통계부분
 */


.ranking_wrap .title_inner_tab {
}

.ranking_wrap .title_inner_tab span {
    font-weight: 500;
    font-size: 16px;
    color: #767676;
    margin-right: 12px;
    cursor: pointer;
}



@media (min-width: 620px) {
    .ranking_wrap table .mobile_version{
        display: none;
    }
}
@media (max-width: 619px) {
    .ranking_wrap .table_wrap{
        padding: 20px;
        /*padding: 20px 10px;*/
    }
    .ranking_wrap table thead{
        display: none;
    }
    .ranking_wrap table td{
        display: none;
    }
    .ranking_wrap table .mobile_version{
        display: table-cell;
        width: 100%;
    }
    .ranking_wrap table .mobile_version div{
        width: 100%;
    }
    .ranking_wrap table .mobile_version .content_header {
        display: flex;
        justify-content: space-between;
        background-color: #FAFAFC;
        border-radius: 10px;
    }
    .ranking_wrap table .mobile_version .content_header .rank{
        width:40px;
    }
    .ranking_wrap table .mobile_version .content_header .user{
        width:calc(100% - 40px);
    }
    .ranking_wrap table .mobile_version .content_body ul{
        width:90%;
        margin: auto;
    }
    .ranking_wrap table .mobile_version .content_body li{
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #F7F7FA;
    }
}

#section_prediction_home .ranking_wrap  .title_inner_tab span.active {
    color: #6B6BFF;
    font-weight: bold;
}




/**
    Target home Right board
 */



/**
    Start of Home - Prediction - List
 */

#section_prediction_home_prediction .index_contents .content{
    padding: 40px;
}

#section_prediction_home_prediction .round_wrap{
    width: 100%;
}

#section_prediction_home_prediction .round_wrap > div {
    width: 100%;
    max-width:800px;
    margin:auto;
}

#section_prediction_home_prediction .round_wrap > div > .title_item{
    justify-content: normal;
}
#section_prediction_home_prediction .round_wrap > div > .title_item li {
    float: left;
    margin-right: 10px;
}
#section_prediction_home_prediction .round_wrap > div > .title_item .title {
    /*font-weight: 400;*/
    font-size: 18px;
    color: #111;
    letter-spacing: -0.4px;
    font-weight: bold;
}
#section_prediction_home_prediction .round_wrap .title_item .active  p{
    color: #6B6BFF;
}



#section_prediction_home_prediction .round_wrap .week_date_wrap{

}
/* 시즌 주차 선택. 주차가 많아 목록 대신 select 로 두고 오른쪽에 붙인다 */
#section_prediction_home_prediction .round_wrap .week_date_wrap .week_wrap{
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-bottom: 12px;
}
#section_prediction_home_prediction .round_wrap .week_date_wrap .week_wrap .week_select{
    height: 36px;
    min-width: 190px;
    max-width: 100%;
    padding: 0 10px;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    background-color: #ffffff;
    color: #444444;
    font-size: 13px;
    cursor: pointer;
}
#section_prediction_home_prediction .round_wrap .week_date_wrap .week_wrap .week_select:focus{
    outline: none;
    border-color: #A197FC;
}

#section_prediction_home_prediction .round_wrap .week_date_wrap .date_wrap{
    width: 100%;
    margin-bottom: 20px;
    overflow-x: auto;
}
/* 주식은 평일만 나와서 개수가 달라지므로 균등분배 대신 좌측 정렬 + 간격으로 맞춘다 */
#section_prediction_home_prediction .round_wrap .week_date_wrap .date_wrap .date_list{
    display: flex;
    justify-content: flex-start;
    gap: 8px;
}
#section_prediction_home_prediction .round_wrap .week_date_wrap .date_wrap .date_list .date_item{
    flex: 0 0 auto;
    width:100px;
    height:60px;
    line-height:60px;
    text-align: center;
    border: 2px solid #F1F1F5;
    border-radius: 10px;
    background-color: #ffffff;
}

#section_prediction_home_prediction .round_wrap .week_date_wrap .date_wrap .date_list .date_item.active{
    border: 2px solid #A197FC;
    background: #FBFBFF;
}

@media (max-width: 949px) {
    #section_prediction_home_prediction .main_section {
        width:100%;
    }
    #section_prediction_home_prediction .main_section .index_contents .content{
        padding:20px !important;
    }
    #section_prediction_home_prediction .left_section {
        position: absolute;
        left: 0;
        transform: translateX(-300px);
        transition: transform ease .3s;
        z-index: 20;
    }
}


/**
    End of Home - Prediction - List
 */





/**
    Start of Home - Round - List
 */

#section_prediction_home_round .index_contents .content{
    padding: 40px;
}

#section_prediction_home_round .round_wrap{
    width: 100%;
}

#section_prediction_home_round .round_wrap > div {
    width: 100%;
    max-width:800px;
    margin:auto;
}

#section_prediction_home_round .round_wrap > div > .title_item{
    justify-content: normal;
}
#section_prediction_home_round .round_wrap > div > .title_item li {
    float: left;
    margin-right: 10px;
}
#section_prediction_home_round .round_wrap > div > .title_item .title {
    /*font-weight: 400;*/
    font-size: 18px;
    color: #111;
    letter-spacing: -0.4px;
    font-weight: bold;
}
#section_prediction_home_round .round_wrap .title_item .active  p{
    color: #6B6BFF;
}


@media (max-width: 949px) {
    #section_prediction_home_round .main_section {
        width:100%;
    }
    #section_prediction_home_round .main_section .index_contents .content{
        padding:20px !important;
    }
    #section_prediction_home_round .left_section {
        position: absolute;
        left: 0;
        transform: translateX(-300px);
        transition: transform ease .3s;
        z-index: 20;
    }
}

@media screen and (min-width: 1700px) {


    /*#section_prediction_home_round .round_wrap > div {
        !*width: calc(33% - 10px);*!
        width: calc(100% - 10px);
    }*/

    /*#section_prediction_home_round .round_wrap .round_wrap_left .type_present,
    #section_prediction_home_round .round_wrap .round_wrap_left .type_past{
        display: none;
    }

    #section_prediction_home_round .round_wrap .round_wrap_center .type_upcoming,
    #section_prediction_home_round .round_wrap .round_wrap_center .type_past{
        display: none;
    }

    #section_prediction_home_round .round_wrap .round_wrap_right .type_upcoming,
    #section_prediction_home_round .round_wrap .round_wrap_right .type_present{
        display: none;
    }*/
}
@media (max-width: 1699px) {

    /*#section_prediction_home_round .round_wrap > div {
        width: calc(50% - 10px);
    }


    #section_prediction_home_round .round_wrap .round_wrap_left .type_present,
    #section_prediction_home_round .round_wrap .round_wrap_left .type_past{
        display: none;
    }

    #section_prediction_home_round .round_wrap .round_wrap_center .type_upcoming{
        display: none;
    }
    #section_prediction_home_round .round_wrap .round_wrap_right {
        display: none;
    }
    #section_prediction_home_round .round_wrap .round_wrap_right .type_upcoming{
        display: none;
    }

    #section_prediction_home_round .round_wrap .round_wrap_center .title_item li p,
    #section_prediction_home_round .round_wrap .round_wrap_right .title_item li p {
        cursor: pointer;
    }
    #section_prediction_home_round .round_wrap .round_wrap_center .title_item .active > p{
        color: #6B6BFF;
    }*/
}
@media (max-width: 899px) {

    /*#section_prediction_home_round .round_wrap > div {
        width: calc(100% - 10px);
    }*/

    /*#section_prediction_home_round .round_wrap .round_wrap_left li{
        display: block !important;
    }

    #section_prediction_home_round .round_wrap .round_wrap_center,
    #section_prediction_home_round .round_wrap .round_wrap_right {
        display: none;
    }

    #section_prediction_home_round .round_wrap .round_wrap_center .title_item li p,
    #section_prediction_home_round .round_wrap .round_wrap_right .title_item li p {
        cursor: pointer;
    }
    #section_prediction_home_round .round_wrap .round_wrap_center .title_item .active > p{
        color: #6B6BFF;
    }*/
}


/**
    End of Home - Round - List
 */




/**
    Start of Home - Statistic
 */


#section_prediction_home_statistic .index_contents .content{
    width: 100%;
    display: block;
}

#section_prediction_home_statistic .index_contents .content{
    padding: 40px;
}


#section_prediction_home_statistic .index_contents .content .statistic_main_wrap canvas{
    width:100%;
    height:100%;
}

#section_prediction_home_statistic .index_contents .content .content_wrap{
    width: 100%;
    display: block;
}
#section_prediction_home_statistic .index_contents .content .statistic_main_wrap{
    width: 100%;
    display: block;
}
#section_prediction_home_statistic .index_contents .content .statistic_main_wrap .statistic_main_left_wrap{
    width:49%;
    height:auto;;
    overflow: hidden;
    display: inline-block;
    padding:10px;
}

#section_prediction_home_statistic .index_contents .content .statistic_main_wrap .statistic_main_left_wrap > div{
    width:100%;
    height:350px;
    margin-bottom: 20px;
}
#section_prediction_home_statistic .index_contents .content .statistic_main_wrap .statistic_main_right_wrap{
    width:49%;
    height:auto;;
    overflow: hidden;
    display: inline-block;
    padding:10px;
}

#section_prediction_home_statistic .index_contents .content .statistic_main_wrap .statistic_main_right_wrap > div{
    width:100%;
    height:350px;
    margin-bottom: 20px;

}



#section_prediction_home_statistic .index_contents .content .statistic_main_wrap .statistic_main_bottom_wrap{
    width:100%;
    display: block;
    position: relative;
}

#section_prediction_home_statistic .index_contents .content .statistic_main_wrap .statistic_main_bottom_left_wrap{
    width:49%;
    height:auto;;
    overflow: hidden;
    display: inline-block;
    padding:10px;
}

#section_prediction_home_statistic .index_contents .content .statistic_main_wrap .statistic_main_bottom_left_wrap > div{
    width:100%;
    height:350px;
    margin-bottom: 20px;
}
#section_prediction_home_statistic .index_contents .content .statistic_main_wrap .statistic_main_bottom_right_wrap{
    width:49%;
    height:auto;;
    overflow: hidden;
    display: inline-block;
    padding:10px;
}

#section_prediction_home_statistic .index_contents .content .statistic_main_wrap .statistic_main_bottom_right_wrap > div{
    width:100%;
    height:350px;
    margin-bottom: 20px;

}


@media (max-width: 899px) {
    #section_prediction_home_statistic .index_contents .content .statistic_main_wrap{
        display: flex;
        flex-direction: column;
    }
    #section_prediction_home_statistic .index_contents .content .statistic_main_wrap > div{
        width:100% !important;
        padding:0;
    }
    #section_prediction_home_statistic .index_contents .content .statistic_main_wrap .statistic_main_bottom_wrap{
        display: flex;
        flex-direction: column;
    }
    #section_prediction_home_statistic .index_contents .content .statistic_main_wrap .statistic_main_bottom_wrap > div{
        width:100% !important;
        padding:0;
    }
}


/**
    End of Home - Statistic
 */






/**
    Start of Target Item view
 */

#section_prediction_target_item_view{

}
#section_prediction_target_item_view .main_section .index_contents .content {
    /* width: calc(100% - 480px); */
    width: 100%;
    padding: 40px;
}

#section_prediction_target_item_view .page_content_wrap {
    display: flex;
    justify-content: center
}
#section_prediction_target_item_view .page_content_wrap .content_left .content_left_remote_control{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

#section_prediction_target_item_view .page_content_wrap .content_left .content_left_remote_control .content_left_remote_control_wrap {
    display: flex;
    border-radius: 20px;
    background: #FFFFFF;
    border: 1px solid #EDEDED;
}
#section_prediction_target_item_view .page_content_wrap .content_left .content_left_remote_control .content_left_remote_control_wrap div{
    height:60px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    flex-direction: column;
    font-size: 13px;1
    font-weight: 400;
    cursor: pointer;
}

#section_prediction_target_item_view .page_content_wrap .content_left .content_left_remote_control .content_left_remote_control_wrap div img{
    width:24px;
}
#section_prediction_target_item_view .page_content_wrap .content_left .content_left_remote_control .content_left_remote_control_wrap input{
    height:0;
}


#section_prediction_target_item_view .page_content_wrap .content_center{
    width:630px;
    margin: 0 15px;
    display: inline-block;

    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04);
}
#section_prediction_target_item_view .round_item{
    box-shadow: none;
}

#section_prediction_target_item_view .page_content_wrap .content_center .tier_detail_list{
    display: flex;
    flex-direction: column;
    width:100%;
}
#section_prediction_target_item_view .page_content_wrap .content_right{
    display: inline-block;
}

#section_prediction_target_item_view .page_content_wrap .content_right .round_item_list_wrap{
    width:482px;
}
#section_prediction_target_item_view .page_content_wrap .content_right .title_item{

    font-weight: 700;
    font-size: 18px;
    color: #111;
    letter-spacing: -0.4px;
    display: flex;
    align-items: center;
}
#section_prediction_target_item_view .page_content_wrap .content_right2{
    display: inline-block;
    margin-left:15px;
}


#section_prediction_target_item_view .page_content_wrap .common_user_talk{

}




/*@media (max-width: 1079px) {
    #section_prediction .main_section .index_contents > .content {
        padding: 40px 10px;
    }
}*/
@media (min-width: 740px) {
    #section_prediction_target_item_view .page_content_wrap{
    }
    #section_prediction_target_item_view .page_content_wrap .content_left{
        display: inline-flex;
        width:60px;
        margin-left:15px;
        height:inherit;
    }

    #section_prediction_target_item_view .page_content_wrap .content_left .content_left_remote_control_wrap{
        width:60px;
        flex-direction: column;
        padding:20px 0 0;
    }
}
@media (max-width: 739px) {
    #section_prediction_target_item_view .page_content_wrap{
        width:100%;
        flex-direction: column;
        /*padding: 15px;*/
    }
    #section_prediction_target_item_view .page_content_wrap .content_left{
        display: flex;
        flex-direction: row-reverse;
        width:100%;
        height:inherit;
    }
    #section_prediction_target_item_view .page_content_wrap .content_left .content_left_remote_control{
        display: flex;
        position: relative;
        margin-bottom: 20px;
    }
    #section_prediction_target_item_view .page_content_wrap .content_left .content_left_remote_control .content_left_remote_control_wrap{
        width:100%;
        padding:6px;
        display: flex;
        flex-direction: row;
    }
    #section_prediction_target_item_view .page_content_wrap .content_left .content_left_remote_control .content_left_remote_control_wrap > div{
        width:60px;
        justify-content: center
    }

    #section_prediction_target_item_view .page_content_wrap .content_center {
        width:100%;
        margin: auto;
    }

}


/**
    End of Target Item view
 */


/**
    Start of Target Ranking
 */
#section_prediction_home_ranking .index_contents {
    width: 100%;
}
#section_prediction_home_ranking .index_contents .content {
    width: 100%;
    padding: 40px;
}

#section_prediction_home_ranking .content_wrap .option_wrap{
    text-align: right;
    margin-bottom: 4px;
}
#section_prediction_home_ranking .content_wrap .ranking_main_wrap{
    display: flex;
    justify-content: space-between;
}
#section_prediction_home_ranking .content_wrap .ranking_main_wrap .ranking_wrap{
    width: 49%;
}

#section_prediction_home_ranking .content_wrap .ranking_main_wrap .ranking_wrap > .title_item{
    margin-bottom: 20px;
}


@media (max-width: 1599px) {
    /*#section_prediction_home_ranking .main_section {
        width:100%;
    }
    #section_prediction_home_ranking .section_prediction_basic {
        overflow-y: hidden;
    }
    #section_prediction_home_ranking .main_section .index_contents .content{
        padding:20px !important;
    }
    #section_prediction_home_ranking .left_section {
        position: absolute;
        left: 0;
        transform: translateX(-300px);
        transition: transform ease .3s;
        z-index: 20;
    }


    .left_section.is_active {
        !*width:340px;*!
        height: 100%;
        !** calc header, footer  *!
        !*height: calc(100% - 70px - 332px);*!
        top:0;
        position: fixed;
        !*overflow-y: unset;*!
        transform: translate(0);
        transition: transform ease .3s;
    }

    .left_section.is_active .close_button_wrap {
        display: block;
        background-color: #fff;
        cursor: pointer;
        position: absolute;
        width:40px;
        height:40px;
        top: 0;
        right : 0;
        padding:8px;
    }


    #section_prediction_home_ranking .left_section.is_active .title_item{
        !*width: 280px;*!
    }
    #section_prediction_home_ranking .left_section.is_active .token_list_item_wrap{
        !*width: 280px;*!
    }
    #section_prediction_home_ranking .btn_crypto_list {
        display: block;
        cursor: pointer;
        position: fixed;
        bottom: 24px;
        left: 24px;
        border-radius: 40px;
        height: 60px;
        padding: 16px 28px;
        background: #6B6BFF;
        text-align: center;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        letter-spacing: -0.45px;
    }*/
}


@media (min-width: 1280px) {
    #section_prediction #section_prediction_home_ranking .content_wrap .ranking_main_wrap .ranking_wrap:nth-child(1) .ranker_period_select span:nth-child(2) {
        display: none;
    }
    #section_prediction #section_prediction_home_ranking .content_wrap .ranking_main_wrap .ranking_wrap:nth-child(2) .ranker_period_select span:nth-child(1) {
        display: none;
    }

    #section_prediction #section_prediction_home_ranking .content_wrap .ranking_main_wrap .ranking_wrap .title_item .title_inner_tab span {
        cursor: auto;
    }
}
@media (max-width: 1279px) {
    #section_prediction #section_prediction_home_ranking .content_wrap .ranking_main_wrap .ranking_wrap {
        display: none;
        width:100%;
    }
    #section_prediction #section_prediction_home_ranking .content_wrap .ranking_main_wrap .ranking_wrap.active {
        display: block;
    }

    #section_prediction #section_prediction_home_ranking .ranking_wrap  .title_inner_tab span.active {
        color: #6B6BFF;
        font-weight: bold;
    }
}
/**
    End of Target Ranking
 */



/**
    Start of Target Board list
 */

.section_prediction_target_board{

}

@media (min-width: 1200px) {
    .section_prediction_target_board .main_section .index_contents .content {
        width: 100%;
        padding: 40px;
    }
    .section_prediction_target_board {
        overflow-y: hidden;
    }
    /*.section_prediction_target_board .left_section {
        background: #fff;
        width: 300px;
        height: 100%;
        !*height: calc(100vh - 70px);*!
        overflow-y: auto;
        display: inline-block;
        vertical-align: top;
        padding: 20px;
        float: left;
    }*/

}
@media (max-width: 1199px) {
    /*.section_prediction_target_board {
        overflow-y: hidden;
    }

    #section_prediction .section_prediction_target_board .main_section {
        width: 100%;
    }

    .section_prediction_target_board .main_section .index_contents .content {
        width: 100%;
        padding: 20px !important;
    }

    .section_prediction_target_board .left_section {
        position: absolute;
        left: 0;
        transform: translateX(-300px);
        transition: transform ease .3s;
        z-index: 20;
    }*/
}

/**
    End of Target Board list
 */
/**
    Start of Target Board View
 */

@media (max-width: 499px) {
    .section_prediction_target_board .board_view  .forum_bottom_item{
        display: flex;
        flex-direction: column;
        height: auto;
        margin-bottom: 20px;
    }
    .section_prediction_target_board .board_view  .forum_bottom_item .forum_more_btn{

        margin-top:20px;
        width: 100%;
        text-align: right;
    }
}
/**
    End of Target Board View
 */
/**
    Start of Target Board Add
 */

@media (max-width: 499px) {
    .section_prediction_target_board_add .index_contents .content{
        overflow-x: hidden;
    }
    /*.section_prediction_target_board_add .board_add_bottom a {
        cursor: pointer;
        display: inline-block;
        vertical-align: middle;
        margin: 10px 10px 10px 0;
    }*/
    .section_prediction_target_board_add .board_add_bottom  .btn{
        min-width: 64px;
        text-align: center;
        padding: 4px 15px;
        border-radius: 5px;
        display: inline-block;
    }
}
/**
    End of Target Board Add
 */




/*유저톡 */

#section_prediction_home .main_section .index_contents .right_wrap {
    display: inline-block;
    background: #F7F7FA;
    border-left: 1px solid #EDEDED;
    width: calc(43% - 220px);

    max-width:480px;
    /*height: calc(100% - 100px);*/
    overflow-y: auto;
    /*padding: 60px;*/

}


#section_prediction_home .main_section .index_contents .right_wrap  .board_wrap {
    margin: 6%;
}
#section_prediction_home .main_section .index_contents .right_wrap  .board_wrap .common_board{
    margin-bottom:20px;
}
#section_prediction_home .main_section .index_contents .right_wrap  .board_wrap  .title_item {
    margin-bottom: 20px;
}

#section_prediction_home .main_section .index_contents .right_wrap  .board_wrap .user_talk_item {
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04);
    border-radius: 20px;
    margin: 20px 0;
}

.user_talk_content {
    color: #767676;
    border-radius: 10px;
    border: 1px solid #F1F1F5;
    background: #FAFAFC;
    padding: 16px 20px;
    letter-spacing: -0.375px;
}

.user_talk_top {
    padding: 32px;
}

.user_talk_top .grade_icon {
    width: 40px;
    margin-right: 8px;
}

.user_talk_top .title_item {
    margin-bottom: 12px;
}

.user_talk_bottom {
    padding: 32px;
    border-top: 1px solid #F1F1F5;
}

.user_talk_bottom .title_item {
    margin-bottom: 12px;
}


.common_board_list_wrap {
}







/**
    Target home - board
 */


#section_prediction_target_board {
}
#section_prediction_target_board .board_wrap{
    max-width: 800px;
    margin: auto;
    justify-content: center;
}





/* ─────────────────────────────────────────────
   라운드 상태 배지 · 카운트다운
   진행중이면 LIVE, 아니면 다음 라운드 시작까지 센다
   ───────────────────────────────────────────── */
#section_prediction .main_section .target_top .round_badge{
    display: inline-block;
    margin-left: 6px;
    padding: 2px 7px 2px 6px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.4px;
    vertical-align: middle;
}

#section_prediction .main_section .target_top .round_badge_live{
    background: #FEE2E2;
    color: #B91C1C;
}

/* 점만 깜빡인다. 배지 전체가 깜빡이면 글자를 읽기 어렵다 */
#section_prediction .main_section .target_top .round_badge_live .dot{
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 4px;
    border-radius: 50%;
    background: #DC2626;
    vertical-align: middle;
    animation: minsim_live_pulse 1.4s ease-in-out infinite;
}

@keyframes minsim_live_pulse{
    0%   { opacity: 1;   box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.55); }
    70%  { opacity: 0.55; box-shadow: 0 0 0 5px rgba(220, 38, 38, 0); }
    100% { opacity: 1;   box-shadow: 0 0 0 0 rgba(220, 38, 38, 0); }
}

/* 접근성 : 움직임을 줄이도록 설정한 사용자에게는 깜빡이지 않는다 */
@media (prefers-reduced-motion: reduce){
    #section_prediction .main_section .target_top .round_badge_live .dot{
        animation: none;
    }
}

/* ─────────────────────────────────────────────
   카운트다운 : 헤더와 라운드 목록에서 함께 쓴다
   기간 배지(1일·1시간) 왼쪽에 두고, 배지는 항상 오른쪽 같은 자리에 오게 한다
   ───────────────────────────────────────────── */
.round_countdown{
    display: inline-block;
    margin-right: 6px;
    padding: 2px 7px;
    border: 1px solid #D1D5DB;
    border-radius: 4px;
    background: #F9FAFB;
    font-size: 12px;
    font-weight: 700;
    color: #4B5563;
    line-height: 17px;
    vertical-align: middle;
    white-space: nowrap;
    /* 숫자가 바뀔 때마다 폭이 흔들리지 않게 고정폭 숫자를 쓴다 */
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum";
    letter-spacing: 0.3px;
}

/* 진행중인 라운드는 붉게. 디지털 타이머처럼 눈에 들어오게 한다 */
.round_countdown.round_countdown_live{
    border-color: #FCA5A5;
    background: #FEF2F2;
    color: #DC2626;
}

/*
   마감 1분 이하. 회색 <-> 빨강을 오간다.
   주기를 1초로 두어 초가 바뀌는 리듬과 맞춘다.

   애니메이션이 꺼진 환경에서도 급한 상태로 읽혀야 하므로
   기본값은 빨강으로 두고 애니메이션이 그 위를 덮는다.
*/
.round_countdown.urgent{
    border-color: #DC2626;
    background: #FEE2E2;
    color: #B91C1C;
    animation: minsim_countdown_urgent 1s ease-in-out infinite;
}

@keyframes minsim_countdown_urgent{
    0%, 100% {
        border-color: #D1D5DB;
        background: #F9FAFB;
        color: #4B5563;
    }
    50% {
        border-color: #DC2626;
        background: #FEE2E2;
        color: #B91C1C;
    }
}

/* 움직임을 줄이도록 설정한 사용자에게는 깜빡이지 않고 빨강으로 고정한다 */
@media (prefers-reduced-motion: reduce){
    .round_countdown.urgent{
        animation: none;
    }
}

/* 기간 배지 폭을 맞춰 1일·1시간·3시간이 세로로 나란히 서게 한다 */
.round_item .title_item .category_1,
.round_item_wide .title_item .detail_info .period_info .category_1{
    display: inline-block;
    min-width: 46px;
    text-align: center;
}