@charset "utf-8";

#bo_list {padding:0;background:none;border-radius:0px;box-shadow:none;}

/* category */
#bo_cate {margin:0 0 10px 0;padding:10px 20px;border-bottom:none;background:#fff;border-radius:10px;box-shadow:2px 2px 6px rgba(0,0,0,0.1);}

#bo_btn_top .chk_box {float:left;margin:0 8px 0 0;line-height:34px;}
#bo_btn_top .btn.btn_normal {height:30px;line-height:28px;background:#2e3438;}
#bo_btn_top .btn.btn_normal:hover {background:#444;}

#league_type {}
#league_type ul {}
#league_type ul:after {display:block;visibility:hidden;clear:both;content:""}
#league_type ul li {display:block;position:relative;width:100%;margin:0 2% 20px 0;}
#league_type ul li .cell_chk.chk_box {display:block;position:absolute;left:5px;top:5px;;background:#fff;}
#league_type ul li .cell_chk.chk_box input[type="checkbox"] + label {padding:0;}
#league_type ul li .cell_chk.chk_box input[type="checkbox"] + label span {margin:-15px 0 0 0;}
#league_type ul li .cell_chk.chk_box a {display:inline-block;margin:0 0 0 24px;}
#league_type ul li .bo_box {display:block;padding:0px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:2px 2px 6px rgba(0,0,0,0.1);}
#league_type ul li .lgu_title {display:block;position:relative;padding:0 10px;line-height:40px;background:#f6f6f6;cursor:pointer;}
#league_type ul li .lgu_title .bo_cate_link {font-size:16px;font-weight:500;}
#league_type ul li .lgu_title .lgu_date {display:block;position:absolute;right:10px;top:0;font-size:12px;line-height:40px;}
#league_type ul li .lgu_title .lgu_date .btn.btn_act {display:inline-block;padding:0 6px;line-height:22px;vertical-align:middle;}
#league_type ul li .lgu_title .lgu_date .bett_stat_label {display:inline-block;padding:0 6px;color:#999;font-size:13px;line-height:20px;background:#fff;border:solid 1px #ddd;border-radius:3px;}
#league_type ul li .lgu_title .lgu_date .bett_stat_label.succ {color:#fff;background:#f00001;border:solid 1px #f00001;}
#league_type ul li .lgu_title .lgu_date .bett_stat_label.parti {color:#444;background:#fff;border:solid 1px #999;}

#league_type ul li .lgu_title label {display:inline-block;padding:0 8px;font-size:13px;line-height:20px;border-radius:3px;}
#league_type ul li .lgu_title label.lgu_ing {color:#f00001;background:#fff;border:solid 1px #f00001}
#league_type ul li .lgu_title label.lgu_ready {color:#fff;background:#2c2c2c;border:solid 1px #999}
#league_type ul li .lgu_title label.lgu_end {color:#999;background:#f6f6f6;border:solid 1px #ddd}

#league_type ul li .team {display:block;position:relative;margin:0;padding:12px 10px;border-bottom:solid 1px #ddd;}
#league_type ul li .team:last-child {border-bottom:none;}
#league_type ul li .team img {width:36px;height:auto;}
#league_type ul li .team strong {font-size:15px;font-weight:500;}

#league_type ul li .team_bett {display:block;position:absolute;right:10px;top:50%;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}
#league_type ul li .team_bett span {display:inline-block;width:40px;color:#666;font-size:13px;line-height:15px;text-align:center;}
#league_type ul li .team_bett span .counter {display:inline-block;font-weight:400;}
#league_type ul li .team_bett span strong {color:#222;font-size:24px;font-weight:900 !important;line-height:30px;}

#league_type ul li .team_betting {font-size:13px;text-align:center;}
#league_type ul li .team_betting .remind {color:#f00001;}
#league_type ul li .team_betting select {display:inline-block;height:26px;line-height:24px;border:solid 1px #999;border-radius:3px;}
#league_type ul li .team_betting .btn {line-height:26px;}

#league_type ul li.ing .lgu_title{background:#fff}
#league_type ul li.ready .lgu_title{background:#555}

.datepick {margin:0 0 15px 0;background:#2e3438;border-radius:10px;}
.datepick ul {}
.datepick ul:after {display:block;visibility:hidden;clear:both;content:""}
.datepick ul li {display:block;float:left;width:20%;border-right:solid 1px #383f45;}
.datepick ul li:nth-child(9) {border-right: none;}
.datepick ul li a {display:block;padding:10px 0;font-size: 12px;color: #aaa;text-align:center;}
.datepick ul li a:hover {color: #e6565f;background: #000;}
.datepick ul li a.active {background:#e6565f;color: #fff;}
.datepick ul li a .yoil {font-size:13px;color: #fff;font-weight:500;}

#bo_v header {padding:0;}

h2#bo_v_title .bo_v_tit {margin:0;text-align:center;}
#bo_v_info .profile_info_ct {font-size:18px;font-weight:500;text-align:center;}

.lgu_view {margin:0 0 40px 0;}
.lgu_view ul {display:block;}
.lgu_view ul li {display:block;position:relative;margin:0 0 10px 0;padding:20px 20px 20px 70px;position:relative;border:solid 1px #999;border-radius:10px;overflow:hidden;}
.lgu_view ul li:last-child {margin:0;}
.lgu_view ul li label {display:block;position:absolute;left:0;top:0;width:50px;bottom:0;background:#999;}
.lgu_view ul li label span {display:block;position:absolute;left:0;right:0;top:50%;color:#fff;text-align:center;line-height:20px;margin:-10px 0 0 0;}
.lgu_view ul li label span strong.counter {display:inline-block;font-weight:500;}
.lgu_view ul li img {width:48px;height:auto;}
.lgu_view ul li .title {font-size:16px;font-weight:500;}
.lgu_view ul li p strong {color:#f00001;font-weight:600;}
.lgu_view ul li .per {display:block;position:absolute;left:50px;right:0;bottom:0;height:4px;background:#eee;}
.lgu_view ul li .per .var {display:block;position:absolute;left:0px;top:0;height:4px;background:#999;transition: 2s linear;}

.lgu_view ul li.win {border:solid 1px #f00001}
.lgu_view ul li.win label {background:#f00001;}
.lgu_view ul li.win .per .var {background:#f00001;}



#bo_list .pg_wrap {margin:20px 0 0 0;padding:10px 20px;border-bottom:none;background:#fff;border-radius:10px;box-shadow:2px 2px 6px rgba(0,0,0,0.1);}


#tab_pplboard {background:#fff;border-radius:10px;box-shadow:2px 2px 6px rgba(0,0,0,0.1);}




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




@media screen and (max-width:980px) {
#bo_cate {border-radius:0;}

#league_type {margin:0 10px;}

#bo_list .pg_wrap {padding:10px;border-radius:0;}

#tab_pplboard {border-radius:0;}

.datepick {border-radius:0;}
.datepick ul li a {font-size:12px;}
.datepick ul li a .yoil {font-size:14px;}
}




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