.contentsWrap {width:100%;margin-top:15px; display:inline-block;}
.contentsWrap {border-top:none;}
.contentsWrap > ul {}
.contentsWrap > ul.col3{}
.contentsWrap > ul.col3 > li {float:left;}

.contentsWrap > ul > li {
    box-sizing: border-box;
    background: #212021;
	color:#fff;
	border: 1px solid #444;
    margin: -1px 0 0 -1px;
}
.contentsWrap > ul > li .gameTit {
    font-size: 18px;
    font-weight: 500;
    padding: 15px 15px 10px;
    border-bottom: 2px solid;
    line-height: 30px;
    font-family: 'GmarketSansMedium','Noto Sans KR','Lato','Rajdhani',sans-serif;
    text-align: center;
}
.contentsWrap > ul > li:nth-child(1) .gameTit {border-color:#00aeef;}
.contentsWrap > ul > li:nth-child(2) .gameTit {border-color:#138962;}
.contentsWrap > ul > li:nth-child(3) .gameTit {border-color:#d12b26;}
.contentsWrap > ul > li:nth-child(4) .gameTit {border-color:#f1b120;}

.contentsWrap > ul > li .gameTit { }
.contentsWrap > ul > li:last-child{}

.contentsWrap .videoWrap { background:#000; height:250px; position:relative; }

.contentsWrap .videoWrap a.btnPlay { width:100%; height:100%; font-size:40px; display: flex; align-items: center; justify-content: center; }


.contentsWrap .col4 .videoWrap { height:200px; }
.contentsWrap .col3 .videoWrap { height:300px; }
.contentsWrap .col2 .videoWrap { height:400px; }
/*
.contentsWrap .oddEvenWrap .videoWrap { height:300px; }
.contentsWrap .soccerContent .videoWrap { height:200px;}
*/

/*
.contentsWrap .videoWrap:after{
	content: '';
    width: 53px;
    height: 54px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -26px;
    margin-left: -27px;
    z-index: 10;
}
*/
.contentsWrap .gameContents .boxStyle { color:#fff; overflow:hidden;}

.contentsWrap .gameContents .boxStyle .subtit {
    line-height: 30px;
    border-bottom: 1px solid #555;
    font-size: 15px;
    font-weight: 500;
    padding: 7px 15px;
}
.contentsWrap .gameContents .boxStyle .subtit.ing {background:#424343}
.contentsWrap .gameContents .boxStyle .subtit.ing .gameTime{color: #f1b120; padding: 0 5px; }
.contentsWrap .gameContents .boxStyle .subtit.ing .countDown{
    width: 34px;
    height: 26px;
    background: url(img/countbg.png)no-repeat;
    display: inline-block;
    text-align: center; line-height:26px; margin-top:3px;
	font-size:13px;
}

.contentsWrap > ul > li:nth-child(1) .subtit {border-top:1px solid #00aeef}
.contentsWrap > ul > li:nth-child(2) .subtit {border-top:1px solid #138962}
.contentsWrap > ul > li:nth-child(3) .subtit {border-top:1px solid #d12b26}
.contentsWrap > ul > li:nth-child(4) .subtit {border-top:1px solid #f1b120}

.contentsWrap .gameContents .boxStyle .gBtn.gameBox {padding:20px 10px; display:inline-block; width:100%;}
.contentsWrap .gameContents .boxStyle .gBtn ul{ display:inline-block; width:100%; border-radius:30px; overflow:hidden;}
.contentsWrap .gameContents .boxStyle .gBtn ul li {float:left; text-align:center; width:33.3333%; }
.contentsWrap .gameContents .boxStyle .gBtn ul li button{
    width: 100%;
    padding: 10px 20px;
    color: #fff;
	font-weight:600; line-height:1.2;white-space:nowrap;background:#333; position:relative;
	height:35px;
}
.contentsWrap .gameContents.soccerContent .boxStyle .gBtn ul li button {padding: 10px 15px;}
.contentsWrap .gameContents .boxStyle .gBtn ul li button .bar {
    display: inline-block;
    position: absolute;
    content: '';
    height: 35px;
    top: 0;

}

.contentsWrap .gameContents .boxStyle .gameBox {padding:15px; position:relative;}
.contentsWrap .gameContents .boxStyle .gBtn .gameBox {margin:-5px 0;}


.contentsWrap .gameContents .boxStyle .gBtn ul li button span{z-index:111; position:relative;}
.contentsWrap .gameContents .boxStyle .gBtn ul li button.pBtn {}
.contentsWrap .gameContents .boxStyle .gBtn ul li button.pBtn {background:url(img/bg_pattern4.png) #1272cf;}
.contentsWrap .gameContents .boxStyle .gBtn ul li button.tBtn {background:#138962; padding:10px 0;}
.contentsWrap .gameContents .boxStyle .gBtn ul li button.tBtn span {margin:0 3px;}
.contentsWrap .gameContents .boxStyle .gBtn ul li button.bBtn {background:url(img/bg_pattern4.png) #d12b26; }

.contentsWrap .gameContents .boxStyle .gBtn ul.gBtn2 {margin-top:10px; }
.contentsWrap .gameContents .boxStyle .gBtn ul.gBtn2 button { background:#333;}
.contentsWrap .gameContents .boxStyle .gBtn ul.gBtn2 li button.ptBtn .bar{background:url(img/bg_pattern4.png) #1272cf;right: 0;border-radius: 30px 0 0 30px;}
.contentsWrap .gameContents .boxStyle .gBtn ul.gBtn2 li button.btBtn .bar{background:url(img/bg_pattern4.png) #d12b26;left:0;border-radius: 0 30px 30px 0; }

.contentsWrap .gameContents .boxStyle .gBtn .descItem { width:100%; overflow:hidden; display:flex; align-items: center; justify-content: center; }
.contentsWrap .gameContents .boxStyle .gBtn .descItem div { flex: 1; text-align: center; background-color: #333; margin: 5px; border-radius: 10px; }

/*
.contentsWrap .gameContents .boxStyle .gBtn .descItem div { display:inline-block; text-align:center; box-sizing:border-box; border:0; margin:0; }
.contentsWrap .gameContents .boxStyle .gBtn .descItem.descItem50 div { width:50%; }
.contentsWrap .gameContents .boxStyle .gBtn .descItem.descItem33 div { width:33.3333%; }
*/

/*
<div class="descItem descItem33" data-pick-btn-wrap="hda0" style="display:none;">
	<div data-game-next-0="teamHomeBf">-</div>
	<div data-game-next-0="teamDrawBf">-</div>
	<div data-game-next-0="teamAwayBf">-</div>
</div>
<div class="gBar" data-pick-btn-wrap="hda0" style="display:none;">
	<div class="hBtn" data-pick-btn="hda0home"><button type="button"><span class="gTit flR">승</span><span class="gNum flR" data-pick-trend="hda0home">-</span></button></div>
	<div class="dBtn" data-pick-btn="hda0draw"><button type="button"><span class="gTit">무</span><span class="gNum" data-pick-trend="hda0draw">-</span></button></div>
	<div class="aBtn" data-pick-btn="hda0away"><button type="button"><span class="gTit flL">패</span><span class="gNum flL" data-pick-trend="hda0away">-</span></button></div>
</div>
<div class="gBar" data-pick-btn-wrap="ou0" style="display:none;">
	<div class="uBtn" data-pick-btn="ou0under"><button type="button"><span class="gTit flL">언더</span><span class="gNum flR" data-pick-trend="ou0under">-</span></button></div>
	<div class="oBtn" data-pick-btn="ou0over"><button type="button"><span class="gTit flR">오버</span><span class="gNum flL" data-pick-trend="ou0over">-</span></button></div>
</div>
<div class="descItem descItem50" data-pick-btn-wrap="ou0" style="display:none;">
*/



.contentsWrap .gameContents .boxStyle .gBar { display:table; width:100%; margin:10px 0; }
.contentsWrap .gameContents .boxStyle .gBar > div {display:table-cell;;}

.contentsWrap .gameContents .boxStyle .gBar > div button{width:100%; height:35px; line-height:35px; padding:0 10px; position:relative;overflow:hidden;}
.contentsWrap .gameContents .boxStyle .gBar > div button { background:url(img/bg_pattern4.png) #138962; }

.contentsWrap .gameContents .boxStyle .gBar > div:first-child button{ border-radius: 30px 0 0 30px;}
.contentsWrap .gameContents .boxStyle .gBar > div:last-child button{ border-radius: 0 30px 30px 0;}
.contentsWrap .gameContents .boxStyle .gBar > div button span { color:#fff; font-size:13px; font-weight:bold; margin:0 2px; }

.contentsWrap .gameContents .boxStyle .gBar > div.pBtn button
,.contentsWrap .gameContents .boxStyle .gBar > div.hBtn button
,.contentsWrap .gameContents .boxStyle .gBar > div.uBtn button
,.contentsWrap .gameContents .boxStyle .gBar > div.odBtn button { background:url(img/bg_pattern4.png) #1272cf; }

.contentsWrap .gameContents .boxStyle .gBar > div.dBtn button { background:url(img/bg_pattern4.png) #666; }

.contentsWrap .gameContents .boxStyle .gBar > div.bBtn button
,.contentsWrap .gameContents .boxStyle .gBar > div.aBtn button
,.contentsWrap .gameContents .boxStyle .gBar > div.oBtn button
,.contentsWrap .gameContents .boxStyle .gBar > div.evBtn button { background:url(img/bg_pattern4.png) #d12b26;}





/*
.contentsWrap .gameContents .boxStyle .gBar { display:table; width:100%; margin:10px 0; white-space:nowrap; }
.contentsWrap .gameContents .boxStyle .gBar > button { width:100%; height:35px; line-height:35px; padding:0 10px; position:relative; display:table-cell; overflow:hidden; }
.contentsWrap .gameContents .boxStyle .gBar > button { background:url(img/bg_pattern4.png) #138962; }
.contentsWrap .gameContents .boxStyle .gBar > button:first-child {background:url(img/bg_pattern4.png) #1272cf;border-radius: 30px 0 0 30px;}
.contentsWrap .gameContents .boxStyle .gBar > button:last-child {background:url(img/bg_pattern4.png) #d12b26; border-radius: 0 30px 30px 0;}
.contentsWrap .gameContents .boxStyle .gBar > button span {color:#fff; font-size:13px; font-weight:bold; margin:0 2px;}
*/



/*
.contentsWrap .gameContents .boxStyle .gBar > div button span.flR{position:absolute; right:10px; top:0;}
.contentsWrap .gameContents .boxStyle .gBar > div button span.flL{position:absolute; left:10px; top:0;}
*/

.contentsWrap .gameContents .boxStyle .gameBox.gamePatternWrap { padding:0 ; overflow-y: hidden;}
.contentsWrap .gamePattern { width:auto; white-space:nowrap; overflow:hidden; }
.contentsWrap .gamePattern dl { float:left; vertical-align:top; text-align:center; font-size:12px; }
.contentsWrap .gamePattern dt,
.contentsWrap .gamePattern dd { margin:-1px 0 0 -1px; padding:0; width:15px; height:15px; line-height:15px; border:1px solid #e8e8e8; }
.contentsWrap .gamePattern dd span{ padding:0; color:#fff; border-radius:80%; display:inline-block; }

.contentsWrap .gamePattern dd {  }
.contentsWrap .gamePattern dd span { }
.contentsWrap .gamePattern dd span.circle { width:30px; height:30px; line-height:30px; }


.contentsWrap .gamePatternTab { text-align:center; display:inline-block; width:100%;}
.contentsWrap .gamePatternTab button {
    padding: 6px 0px;
    line-height: 18px;
    background: #333;
    color: #666;
	width:50%;float:left; font-size:11px;white-space:nowrap;
}
.contentsWrap .gamePatternTab div {
	line-height: 30px;
	color: white;
	font-size:13px;white-space:nowrap; font-weight:bold;
}

.contentsWrap .gamePatternTab button.active {font-weight:bold; background:#fff; }


/* .contentsWrap .gamePatternTab button .padding { padding:0 2px; } */

.contentsWrap .gamePatternChartCont { width:100%; white-space:nowrap; overflow:hidden; overflow-x:auto; display:none; height:280px;}
.contentsWrap .gamePatternChartCont.active {display:block;}
.contentsWrap .gamePatternChart { }

.contentsWrap .gamePatternChart dl { float:left; vertical-align:top; text-align:center; font-size:10px; border-top:1px solid #e4e4e4}

.contentsWrap .gamePatternChart dt
,.contentsWrap .gamePatternChart dd { margin:-1px 0 0 -1px; padding:0; width:25px; height:15px; line-height:15px; border:1px solid #444;}

.contentsWrap .gamePatternChart.matrix6 dl dt
,.contentsWrap .gamePatternChart.matrix6 dl dd { height:30px;width:30px;border:1px solid #444; margin:-1px 0  0 -1px;text-align: center; line-height:30px; }
,.contentsWrap .gamePatternChart.matrix6 dl dd span { margin-top:5px; }


.contentsWrap .gameContents .boxStyle .gameBox.gameResult {padding:0;}
.contentsWrap .gameContents .boxStyle .gameBox.gameResult ul{ background:#333;}
.contentsWrap .gameContents .boxStyle .gameBox.gameResult ul li{ width:100%; height:45px; display:table; text-align:center; border-top:1px solid #555; font-size:12px;}
.contentsWrap .gameContents .boxStyle .gameBox.gameResult ul li > div {display:table-cell;}
.contentsWrap .gameContents .boxStyle .gameBox.gameResult ul li:first-child{border:none;}
.contentsWrap .gameContents .boxStyle .gameBox.gameResult ul *{vertical-align:middle;}
.contentsWrap .gameContents .boxStyle .gameBox.gameResult ul li p {
    font-size: 11px;
    font-weight:bold;
    letter-spacing:1px;
    text-transform: uppercase;
}
.contentsWrap .gameContents .boxStyle .gameBox.gameResult ul li p.player { color:#2daeef;}
.contentsWrap .gameContents .boxStyle .gameBox.gameResult ul li p.banker { color:#d12b26;}
.contentsWrap .gameContents .boxStyle .gameBox.gameResult ul li p.hidden { color:#c17221}
.contentsWrap .gameContents .boxStyle .gameBox.gameResult ul li span{padding:0 3px;}
.contentsWrap .gameContents .boxStyle .gameBox.gameResult ul li span.red{color:red;}
.contentsWrap .gameContents .boxStyle .gameBox.gameResult ul li span.blue{color:#2daeef;}

.contentsWrap .gameContents .boxStyle .gameBox.gameResult ul li i {
    width: 30px;
    height: 30px;
    display: inline-block;
    /* padding: 7px; */
    border-radius: 50%;
    line-height: 30px; font-weight:bold;
}
.contentsWrap .gameContents .boxStyle .gameBox.gameResult ul li i.pIcon { background:#1a72cf; }
.contentsWrap .gameContents .boxStyle .gameBox.gameResult ul li i.tIcon { background:#138962; }
.contentsWrap .gameContents .boxStyle .gameBox.gameResult ul li i.bIcon { background:#d12b26; }

.contentsWrap .gameContents .boxStyle .gameBox.gameResult ul li i.resIcon.player { background:#1a72cf; }
.contentsWrap .gameContents .boxStyle .gameBox.gameResult ul li i.resIcon.tie { background:#138962; }
.contentsWrap .gameContents .boxStyle .gameBox.gameResult ul li i.resIcon.banker { background:#d12b26; }

.contentsWrap .gameContents .boxStyle .gameBox.gameResult ul li i.resIcon.odd { background:#1a72cf; }
.contentsWrap .gameContents .boxStyle .gameBox.gameResult ul li i.resIcon.even { background:#d12b26; }

.contentsWrap .gameContents .boxStyle .gameBox.gameResult ul li i.resIcon.under { background:#1a72cf; }
.contentsWrap .gameContents .boxStyle .gameBox.gameResult ul li i.resIcon.over { background:#d12b26; }

.contentsWrap .gameContents .boxStyle .gameBox.gameResult ul li i.resIcon.under { background:#1a72cf; }
.contentsWrap .gameContents .boxStyle .gameBox.gameResult ul li i.resIcon.over { background:#d12b26; }

.contentsWrap .gameContents .boxStyle .gameBox.gameResult ul li i.resIcon.sel1 { background:#27ae60; }
.contentsWrap .gameContents .boxStyle .gameBox.gameResult ul li i.resIcon.sel2 { background:#1a72cf; }
.contentsWrap .gameContents .boxStyle .gameBox.gameResult ul li i.resIcon.sel3 { background:#d12b26; }

.contentsWrap .gameContents .boxStyle .gameBox.gameResult ul li i.resIcon.win { background:#1a72cf; }
.contentsWrap .gameContents .boxStyle .gameBox.gameResult ul li i.resIcon.draw { background:#5a5a5a; }
.contentsWrap .gameContents .boxStyle .gameBox.gameResult ul li i.resIcon.lose { background:#d12b26; }