@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

  .rule-notice {
    background: #e26c04;
    color: #ffffff;
    text-align: center;
    padding: 8px;
  }
/************경기 메뉴*************/ 
.page-content { margin-bottom: 10px; }
    #new_sc {
        width: 100%;
        position: relative;
    }
    #new_sc_area {
        width: 100%;
    }
    #new_sc_con {
        width: 100%;
    }
    #new_sc_con .live_sc_size {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
        background-color: #db3232;
        border: 1px solid #ddd;
        padding: 10px;
    }
    #new_sc_con .live_sc_size .live_list {
        width: 100%;
        height: auto;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        list-style: none;
        padding-left: 0;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        margin-bottom: 0px;
    }
    #new_sc_con .live_sc_size .live_list > li {
        width: -webkit-calc(100% / 7);
        width: -moz-calc(100% / 7);
        width: calc(100% / 7);
        height: auto;
        position: relative;
        border-left: 1px solid #eee;
    }
    #new_sc_con .live_sc_size .live_list > li > a {
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
        padding: 10px 0;
    }
    #new_sc_con .live_sc_size .live_list > li > a > span {
        display: block;
        width: 60px;
        height: 40px;
        margin: 0 auto;
        background-position: center;
        background-repeat: no-repeat;
        -webkit-background-size: auto auto;
        background-size: auto;
        margin-bottom: 8px;
    }
    #new_sc_con .live_sc_size .live_list > li#major:hover > a > span, #new_sc_con .live_sc_size .live_list > li#major.active > a > span {
        background-image: url(/img/dark/live_major_on.png);
    }
    #new_sc_con .live_sc_size .live_list > li#major > a > span {
        background-image: url(/img/dark/live_major.png);
    }
    #new_sc_con .live_sc_size .live_list > li#score_soccer:hover > a > span, #new_sc_con .live_sc_size .live_list > li#score_soccer.active > a > span {
        background-image: url(/img/dark/live_soccer_on.png);
    }
    #new_sc_con .live_sc_size .live_list > li#score_soccer > a > span {
        background-image: url(/img/dark/live_soccer.png);
    }
    #new_sc_con .live_sc_size .live_list > li#baseball:hover > a > span, #new_sc_con .live_sc_size .live_list > li#baseball.active > a > span {
        background-image: url(/img/dark/live_baseball_on.png);
    }
    #new_sc_con .live_sc_size .live_list > li#baseball > a > span {
        background-image: url(/img/dark/live_baseball.png);
    }
    #new_sc_con .live_sc_size .live_list > li#basketball:hover > a > span, #new_sc_con .live_sc_size .live_list > li#basketball.active > a > span {
        background-image: url(/img/dark/live_basketball_on.png);
    }
    #new_sc_con .live_sc_size .live_list > li#basketball > a > span {
        background-image: url(/img/dark/live_basketball.png);
    }
    #new_sc_con .live_sc_size .live_list > li#volleyball:hover > a > span, #new_sc_con .live_sc_size .live_list > li#volleyball.active > a > span {
        background-image: url(/img/dark/live_volleyball_on.png);
    }
    #new_sc_con .live_sc_size .live_list > li#volleyball > a > span {
        background-image: url(/img/dark/live_volleyball.png);
    }
    #new_sc_con .live_sc_size .live_list > li#hockey:hover > a > span, #new_sc_con .live_sc_size .live_list > li#hockey.active > a > span {
        background-image: url(/img/dark/live_hockey_on.png);
    }
    #new_sc_con .live_sc_size .live_list > li#hockey > a > span {
        background-image: url(/img/dark/live_hockey.png);
    }
    #new_sc_con .live_sc_size .live_list > li#football:hover > a > span, #new_sc_con .live_sc_size .live_list > li#football.active > a > span {
        background-image: url(/img/dark/live_football_on.png);
    }
    #new_sc_con .live_sc_size .live_list > li#football > a > span {
        background-image: url(/img/dark/live_football.png);
    }
    #new_sc_con .live_sc_size .live_list > li#star:hover > a > span, #new_sc_con .live_sc_size .live_list > li#star.active > a > span {
        background-image: url(/img/dark/live_star_on.png);
    }
    #new_sc_con .live_sc_size .live_list > li#star > a > span {
        background-image: url(/img/dark/live_star.png);
    }
    #new_sc_con .live_sc_size .live_list > li#lol:hover > a > span, #new_sc_con .live_sc_size .live_list > li#lol.active > a > span {
        background-image: url(/img/dark/live_leagofl_on.png);
    }
    #new_sc_con .live_sc_size .live_list > li#lol > a > span {
        background-image: url(/img/dark/live_leagofl.png);
    }
    #new_sc_con .live_sc_size .live_list > li:hover > a > p, #new_sc_con .live_sc_size .live_list > li.active > a > p {
        color: #ead24b;
    }
    #new_sc_con .live_sc_size .live_list > li > a > p {
        font-size: 1.2em;
        font-weight: 600;
        color: #fff;
        letter-spacing: -0.5px;
        margin-bottom: 0px;
    }
    #new_sc_con .live_sc_size .live_list > li:last-of-type {
        border-right: 1px solid #eee;
    }
    .live_socre_frame {
        width: 100%;
        max-width: 900px;
        margin: 0 auto;
    }
    #player_popup {
        width: 100%;
        height: 32000px;
        border: none;
    }   


/************타이틀 검색 페이징*************/ 
.match__tit{height: 40px;padding: 0 10px;/* width: 100%; */line-height: 45px;overflow: hidden;/* border-bottom: 1px solid rgb(19, 19, 19); *//* background: #2b2b2b; */}
.match__tit h2 {float: left;font-size: 16px;line-height: 40px;padding: 0;margin: 0;color: #999;}
.match__tit #stort_page_select {
    padding-top: 5px;
}
.match__tit #stort_page_select select {
    line-height: 30px;
    height: 30px;
    width: 60px;
    padding-left: 10px;
    font-size: 14px;
    background: #444;
    color: #999;
    border: none;
}

.match__tit .sp_sh_page {float: right;margin-right: 5px;margin-top: 2px;}
.page_info {list-style:none;margin: 0px;padding: 0px;width: auto;}
.page_info li{margin-left: 5px;float:left;width: 18px;height: 37px;text-align: center;border: solid 1px #ccc;/* background: #888; */border-radius: 3px;height: 25px;line-height: 25px;margin-top: 5px;cursor: pointer;}
.page_info li a{color: #5f5f5f;font-family: sans-serif;}
.page_info li a:hover{color:#c0392b;}
.page_info .pageno{border: solid 1px #858585;background: #888;border-radius: 3px;height: 25px;line-height: 25px;margin-top: 2px;}
.page_info .pageno a{color: white;}
.page_info .pageno a:hover{color: white;}
#info_page {margin-left:10px;color:#c0392b;}

/***배팅내역 하단 페이징*****/
.page_box {float: right;padding-right: 10px;}
.page_box .sp_sh_page {text-align: right;overflow: hidden;}
.page_box .page_info {list-style:none;margin: 0px;padding: 0px;color: #888;font-size: 12px;overflow: hidden;}
.page_box .page_info li{margin-left: 5px;float:left;width: 20px;text-align: center;border: solid 1px #222222;background: #151515;border-radius: 3px;height: 25px;line-height:25px;margin-top: 0px;cursor: pointer;}
.page_box .page_info li a{color: #5f5f5f;font-family: sans-serif;}
.page_box .page_info li a:hover{color:#c0392b;}
.page_box .page_info .pageno{border: solid 1px #333333;background: #252525;border-radius: 3px;height: 25px;line-height: 25px;}
.page_box .page_info .pageno a{color: white;}
.page_box .page_info .pageno a:hover{color: white;}



.search_pc {margin:0;padding:0;overflow:hidden;float: left;}
.search_m {display:none;margin:0;padding:0;overflow:hidden;float: left;}
.sp_sh_form {float: left;padding: 10px 5px;}
.sp_sh_form .sp_sh {
  outline: none;
  padding: 0px 10px;
  width: 100px;
  font-size: 12px;
  line-height: 30px;
  border: solid 1px #ddd;
  border-radius: 3px;
  /* box-shadow: inset 0 1px 0px rgb(0, 0, 0); */
  -webkit-transition: box-shadow .5s ease;
  -moz-transition: box-shadow .5s ease;
  -o-transition: box-shadow .5s ease;
  -ms-transition: box-shadow .5s ease;
  transition: box-shadow .5s ease;
}
.sp_sh_form .sp_sh_btn {border-radius: 3px;margin: 0;border: solid 1px #151515;color: #fff;display: inline;height: 32px;line-height: 30px;padding: 0 10px;background: rgb(39, 39, 39);}
.sp_sh_select {float:right;width: 50px;margin-top: 8px;/* padding: 6px; */}
.sp_sh_select select {float: right;background: #e7dddd;height: 25px;width: 50px;border-radius: 4px;line-height: 25px;border: solid 1px #dcdcdc;color: #555;}

.m_sh_btn {display:none}
.modalLink {font-size: 24px;width: 100%;padding: 10px 15px;}

#modalLayer{display:none;position: fixed;z-index: 999;top: 90px;width: 100%;margin-left: -10px;overflow: hidden;background: rgba(0, 0, 0, 0.88);padding: 10px;text-align: center;}
#modalLayer button{cursor:pointer;background: #fafafa;border: solid 1px #dcdcdc;line-height: 30px;border-radius: 3px;width: 100px;}

.match-tab {height: 50px;overflow: hidden;padding: 0 5px;background: #e26c05;}

.match-page {width: 39%;float: right;}
.match-page .bet-spo-type {margin-top: 7px;}
.match-page .bet-spo-type ul {margin: 0;padding: 0;overflow: hidden;}
.match-page .bet-spo-type ul li {float:left;padding: 5px;text-align: center;list-style:none;cursor: pointer;}
.match-page .bet-spo-type ul li p {margin: 0;padding: 0;}
.match-page .bet-spo-type ul li p span {color: #999;font-weight: 600;}
@media screen and (max-width: 760px) {
.result-tab-mobile {}
.mobile-cv {width:100%;overflow-x:scroll}
.result-tab {width:300%}
}

/**************배팅 폴더 ********************/
/* multi betting */
.bettingBody { position:relative;  }
.multi-list{position:relative;min-height: 470px;padding: 0px;overflow: hidden;/* background: #000000; *//* margin-bottom: 20px; */}
.multi-list .bet-head-table{overflow: hidden;padding: 0;margin-bottom:10px;border-bottom: 1px solid rgb(19, 19, 19);background: #db3232; color: #fff;}
.multi-list .bet-head-table ul {margin: 0;padding: 0;}
.multi-list .bet-head-table ul li {float:left;list-style:none;line-height: 35px;height: 35px;}
.multi-list .bet-head-table .bet-head-time {}
.multi-list .bet-head-table .bet-head-type {width: 16%;text-align: center;}
.multi-list .bet-head-table .bet-head-home {width: 30%;text-align: center;}
.multi-list .bet-head-table .bet-head-draw {width: 8%;text-align: center;}
.multi-list .bet-head-table .bet-head-away {width: 30%;text-align: center;}
.multi-list .bet-head-table .bet-head-up-time {width: 11%;text-align: center;}
.multi-list .bet-head-table .bet-head-status {width: 5%;text-align: center;}

.multi-list .bet_list{
    color: #999;
}
.multi-list .bet_list .g_info {/* padding-left: 5px; */}
.multi-list .bet_list .g_info .g_info_cov {/* width: 100%; */padding:10px;margin: 0;background: #1e1e1e;overflow: hidden;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.multi-list .bet_list .g_info .g_info_cov ul {margin:0;padding:0}
.multi-list .bet_list .g_info .g_info_cov ul li {list-style:none;float:left;margin-right: 10px;}
.multi-list .bet_list .g_info .g_info_cov ul li:last-child {float:right;margin-right:0;}
.multi-list .bet_list .g_info .g_info_cov ul li a {padding: 5px;background: #FF5722;color: #fff;border-radius: 3px;cursor: pointer;}
.multi-list .bet_list .g_info .g_info_cov ul li a:hover {background: #ff3d00;}
.multi-list .bet_list .g_info .g_info_cov .game_img {float: left;}
.multi-list .bet_list .g_info .g_info_cov .game_img img{margin-right:5px;margin-left:10px}
.multi-list .bet_list .g_info .g_info_cov .game_date_r {height: 40px;line-height: 40px;float: left;margin-left: 20px;font-weight: 600;}
.multi-list .bet_list .g_info .g_list {width: 100%;padding: 0;margin: 0;margin-bottom: 10px;background: #1e1e1e;overflow: hidden;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;box-shadow: 0px 1px 0px 0px #000000;} 
/********************************************************
■ 배팅게임 리스트 CSS
********************************************************/

  .match_info { font-weight: 700; color: #fff; text-align: center; width: 600px; margin: 0 auto;
    position: relative; top: -527px; font-size: 2em;}
  .match_info > div { margin-bottom:15px; }
  .prize_info { font-weight: 700; color: #fff; text-align: center; width: 600px; margin: 0 auto;
      position: relative; top: -396px; font-size:3em; }
  .team_list { border:1px solid #ddd; margin-bottom: 20px; }
  .team_list .match_title { display: inline-block; width: 100%; background: #eee; color: #1aa44c; border-top-right-radius: 5px; border-top-left-radius: 5px; padding: 10px 20px; font-weight: 700;}
  .team_select { background: #fff; padding: 10px;}
  .vote { display: inline-block; border: 1px solid #eee; margin-top: 20px; width: 160px; padding: 5px; color: #fff; text-align: center; border-radius: 5px;}
  .team_select table { width:100%; text-align: center;}
  .team_select table tr { height: 44px; } 
  .team_select td.date { width: 12%; }
  
  .team_select td.game_bun { width: 8%;}
  .team_select td.team_name { width: 30%; font-weight:700; padding: 0 20px; border: 1px solid #ddd;}
  .team_select td.team_name:hover { background:#eee; }
  .team_select td.team_name.on { background: #1ba54c; background-size: 100% 100%; color:#fff;}
  .team_select .home_rate {  float:right; }
  .team_select td.mu_rate { width: 20%; border: 1px solid #ddd; }
  .team_select td.mu_rate:hover { background:#eee; }
  .team_select .away_rate {  float:left; }

  .team_select td.date2 { width: 12%; }
  .team_select td.game_bun2 { width: 8%;}
  .team_select td.team_name2 { width: 30%; font-weight:700; padding: 0 20px; border: 1px solid #ddd;  }
  .team_select td.team_name2:hover { background:#eee; }
  .team_select td.team_name2.on { background: #1ba54c; background-size: 100% 100%; color:#fff; }
  .team_select .home_rate2 { float:right; }
  .team_select td.mu_rate2 { width: 20%;  border: 1px solid #ddd; }
  .team_select td.mu_rate2:hover { background:#eee; }
  .team_select .away_rate2 { float:left; }

  .team_select td.date3 { width: 12%; }
  .team_select td.game_bun3 { width: 8%;}
  .team_select td.team_name3 { width: 30%; font-weight:700; padding: 0 20px; border: 1px solid #ddd;  }
  .team_select td.team_name3:hover { background:#eee; }
  .team_select td.team_name3.on { background: #1ba54c; background-size: 100% 100%; color:#fff; }
  .team_select .home_rate3 { float:right; }
  .team_select td.mu_rate3 { width: 20%;  border: 1px solid #ddd; }
  .team_select td.mu_rate3:hover { background:#eee; }
  .team_select .away_rate3 { float:left; }
  .vote-on { background: #428bca; border: 1px solid #428bca;} 
  .bet_list { margin-top:40px; color:#fff; }
  .bet_list .bet_table { width:100%; }
  .bet_list .bet_table th { text-align:center; background:#1ba54c; height:44px; line-height:44px; }
  .bet_list .bet_table td { text-align:center; height:44px; line-height:44px; background:#f4f4f4; color:#111; } 