.ico_graph{background-image:URL("/mobile/img/vs_icon.png?t=1");background-repeat:no-repeat; background-position:center;background-size:contain;z-index:999;cursor:pointer;width: 37px;height: 37px;margin-left:0px; bottom:initial !important;right:initial !important;left:initial !important;position:initial !important;}
.ico_odds{background-image:URL("/mobile/img/icon_odds_button.png?t=1");background-repeat:no-repeat; background-position:center;background-size:24px;z-index:999;cursor:pointer;width: 30px;height: 30px;margin-left:0px;}
.icon_cctv{background-image:URL("/mobile/img/cctv.png?t=1");background-repeat:no-repeat; background-position:center;background-size:contain; cursor:pointer;width:30px;height:30px;margin-left:3px;}
.ico_premium{background-image:URL("/mobile/img/premiumicon.png?t=1");background-repeat:no-repeat; background-position:center;background-size:contain;z-index:999;cursor:pointer;width: 30px;height: 30px;margin-left:0px;}
.ico_premiumfree{background-image:URL("/mobile/img/premiumfreeicon.png?t=1");background-repeat:no-repeat; background-position:center;background-size:contain;z-index:999;cursor:pointer;width: 30px;height: 30px;margin-left:0px;}
.ico_m_premium{background-image:URL("/mobile/img/premiumicon.png?t=1") !important;background-repeat:no-repeat !important; background-position:center !important;background-size:contain !important;z-index:999;cursor:pointer;}
.ico_m_premiumfree{background-image:URL("/mobile/img/premiumfreeicon.png?t=1") !important;background-repeat:no-repeat !important; background-position:center !important;background-size:contain !important;z-index:999 !important;cursor:pointer !important;}

.cctv{left:initial !important}

.score_tbl_individual .ico_graph{
	width:30px !important;
	height:30px !important;
}

.ico_button_left{
	flex:5%;
	/* height:30px; */
	/* position:absolute; */
	/* bottom:0; */
	/* left:0; */
	display:flex;
	justify-content:start;
	align-items:center;
}
.ico_button_right{
	/* width:inherit; */
	flex:5%;
	/* height:30px; */
	/* position:absolute; */
	/* bottom:0; */
	/* right:0; */
	display:flex;
	justify-content:end;
	align-items:center;
}
.ico_button_left{
	margin-left:4px;
}
.ico_button_left>div,
.ico_button_right>div{
	margin:0 4px;
}

.graphSection{
	display: none;
	/* justify-content: center; */
	/* align-items: center; */
	/* width: 100%; */
	/* height: 100%; */
	position: absolute;
	/* left:50px; */
	/* top: 0; */
	font-family:'Malgun Gothic',dotum;
}
.graphBackground{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	background: black;
	z-index: 999999;
	opacity: 0.4;
}
.graphWrap{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	display: flex;
	justify-content: center;
	align-items: center;
}
.graph{
	max-width: 450px;
	height: 450px;
	background: white;
	border: 1px solid white;
	position: fixed;
	width: 90%;
	z-index: 9999999;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
	border:2px solid black;
}
.graph header{
	height:50px;
	line-height:50px;
	color:white;
	border-bottom:1px solid white;
	position:relative;
	font-size:15px;
	background:black;
	z-index:99;
}
.graph header .title{
	display:flex;
	justify-content:space-around;
	align-items:center;
	font-weight:bold;
}
.graph header .title>div{
/*
	text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
	width:-webkit-fill-available;
	width:-moz-available;
	text-align:center;
*/
}

.graph header .close{
	position:absolute;
	top:0;
	right:30px;
	font-size:30px;
	font-weight:bold;
	cursor:pointer;
}
.graph section{
	height:400px;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction: column;
	position: relative;
	top: 0;
	left:0;
	width: 100%;
}

.graph footer{
	bottom:0px;
	color:white;
	height:40px;
	text-align:right;
	padding-right:20px;
}
.graph section{
	display:flex;
	align-items:center;
	justify-content:start;
	flex-direction:column;
}
.graph section>div{
	display: flex;
	justify-content: start;
	flex-direction: column;
	position: relative;
	width: 100%;
	height:inherit;
}
.graph section .headerMenu{
	background:#f0f0f0;
	color:black;
	height: 40px;
	line-height: 40px;
	border-bottom:1px solid #d5d5d5;
}
.graph section .headerMenu,
.graph section .data{
	display: flex;
	justify-content: space-around;
	align-items: center;
	position:relative;
	text-align:center;
}
.graph section .headerMenu>div{
	width: -webkit-fill-available;
	width:-moz-available;;
}

.graph section .data.graphData>div:not(:nth-last-child(1)),
.graph section .headerMenu>div:not(:nth-last-child(1)){
	border-right:1px solid #d5d5d5;
}

.graph section>div:nth-last-child(1) .data{
	flex-direction: column;
	height: -webkit-fill-available;
	height:-moz-available;
	align-items: start;
}
.graph section .data.graphData>div{
	width:-webkit-fill-available;
	width:-moz-available;
	height:inherit;
}
.graph section .data.recent>div{
	height: inherit;
	display:flex;
	align-items:center;
	width:100%;
	background:white;
	justify-content: space-between;
}
.graph section .data.recent .winner{
	font-weight:bold;
}
.graph section .data.recent .winner{
}


/*****************************************************/
.mobile.layerSection{
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	left:initial !important ;
}
.layerSection{
	display: flex;
	position: absolute;
	left:50px;
	/* top: 0; */
	font-family:'Malgun Gothic',dotum;
}

.layerSection.none{
	display: none;
}
.layerBackground{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	background: black;
	z-index: 999999;
	opacity: 0.4;
}
.layerWrap{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	display: flex;
	justify-content: center;
	align-items: center;
}

.layer.loading{

}
.layer{
	max-width: 450px;
	height: 450px;
	background: white;
	border: 1px solid white;
	position: fixed;
	width: 90%;
	z-index: 99999999999;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
	border:2px solid black;
}
.layer header{
	height:50px;
	line-height:50px;
	color:white;
	border-bottom:1px solid white;
	position:relative;
	font-size:15px;
	background:black;
	z-index:99;
}
.layer header .title{
	display:flex;
	justify-content:space-around;
	align-items:center;
	font-weight:bold;
	font-size:15px !important;
	height:-webkit-fill-available;
	height:-moz-available;
	white-space: nowrap;
	overflow: hidden;
}
.graph header .title>div,
.layer header .title>div{
	text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
	width:-webkit-fill-available;
	width:-moz-available;
	text-align:center;
	min-width:50%;
	font-size:18px;
	white-space:nowrap;
}

.layer header .close{
	position:absolute;
	top:0;
	right:10px;
	font-size:30px;
	font-weight:bold;
	cursor:pointer;
}
.layer section{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction: column;
	position: relative;
	top: 0;
	left:0;
	width: 100%;
}

.layer footer{
	bottom:0px;
	color:white;
	height:40px;
	text-align:right;
	padding-right:20px;
}
#layerODDS .contents{
	display:flex;
	justify-contents:space-around;
}
#layerODDS .layer section{
}
#layerODDS .layer section .headerTitle{
	display:flex;
	justify-content:space-around;
	font-weight:bold;
	text-align:center;
	height:30px;
	line-height:30px;
	flex-direction:row;
}
#layerODDS .layer section .headerTitle>div{
	width:inherit;
}
#layerODDS .layer section:not(:nth-last-child(1)){
border-right:4px solid #ccc;
}
.layer section{
	display:flex;
	align-items:center;
	justify-content:start;
	flex-direction:column;
}
.layer section>div{
	width: 100%;
}
.layer .headerMenu{
	background:#f0f0f0;
	color:black;
	height: 40px;
	line-height: 40px;
	border-bottom:1px solid #d5d5d5;
}
.layer .headerMenu>div{
	width: -webkit-fill-available;
}
.layer .headerMenu,
.layer section .data{
	font-size:13px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	position:relative;
	text-align:center;
}
.layer section .headerMenu>div{
	width: -webkit-fill-available;
	width:-moz-available;;
}
.layer section .data>div:not(:nth-last-child(1)){
	/* border-right:1px solid #d5d5d5; */
}
.layer section>div>div{
	width:inherit;
}
.layer section>div>div:not(:nth-last-child(1)){
	/* border-right:1px solid #d5d5d5; */
}

.layer section>div:nth-last-child(1) .data{
	flex-direction: column;
	height: -webkit-fill-available;
	height:-moz-available;
	align-items: start;
}
.layer section .data.layerData>div{
	width:-webkit-fill-available;
	width:-moz-available;
	height:inherit;
	overflow-y:auto;
	overflow-x:hidden;
	display:flex;justify-content:center;
}
.layer section .data.recent>div{
	height: inherit;
	display:flex;
	align-items:center;
	width:100%;
	background:white;
	justify-content: space-between;
}
.layer section .data.recent .winner{
	font-weight:bold;
}
.layer section .data.recent .winner{
}

.layer section .data.recent>div>div{
	width:100%;
}


/*****************************************************/

#layerODDS .layer{
	height: initial !important;
}
#layerODDS .headerMenu.select>div.selected,
#layerODDS .headerMenu.select>div:hover{
	cursor:pointer;
	background:white;
	color:black;
	font-weight:bold;
}

#layerODDS .layerData{
	flex-direction: row;
	justify-content:initial;
	/* border-bottom: 1px solid #d5d5d5; */
	/* border-top: 1px solid #d5d5d5; */
}
#layerODDS .layerData table{
	width:100%;
	/* margin:5px 2px; */
}
#layerODDS .layerData table tr{
	display:flex;
	justify-content:space-around;
	align-items:center;
	height:40px;
	line-height:40px;
	font-size:14px;
}
#layerODDS .layerData table th{
	position:sticky;
	top:0;
	background:#eeeeee;
	color:black;
	width: -webkit-fill-available;
	font-size:12px;
	height:40px;
	line-height:40px;
}
#layerODDS .layerData table th:not(:nth-last-child(1)){
}
#layerODDS .layerData table td{
	width: -webkit-fill-available;
	white-space: nowrap;

}
#layerODDS .layerData table td:not(:nth-child(1)){
	font-weight:bold;
}

section .headerTitle{
	background:black;
	color:white;
	border-bottom: 1px solid #d5d5d5;
}
section .headerTitle>div:not(:nth-last-child(1)){
	border-right:1px solid white;
}
section .contentTitle{
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
}
section .contentTitle>div:not(:nth-last-child(1)){
	border-right:1px solid #d5d5d5;
}
section .contentTitle{
	display:flex;
	justify-content:space-around;
	align-items:center;
	height:30px;
	/* background:#e6f0ff; */

}
section .contentTitle>div{
	width:inherit;
	height:100%;
	text-align:center;
    display: flex;
    justify-content: center;
    align-items: center;
	
}



/*
.oup{color:green;background:url('/sports/images/odds_up.gif');background-repeat: no-repeat;background-position: 80%;}
.odown{color:red;background:url('/sports/images/odds_down.gif');background-repeat: no-repeat;background-position: 80%;}
.soccer_score{font-weight:bold;color:red;background:yellow}

._odds{display:flex;justify-content:center;align-items:center;cursor:pointer;color:black;font-weight:bold;height:24px;background: 5px / 20px no-repeat url("/mobile/img/icon_odds_button.png")}

.odds_wrap:hover{}
._odds>div{width:-webkit-fill-available}

._odds:hover>div:not(:nth-last-child(1)){border-right:1px solid black;}
._odds>div:not(:nth-last-child(1)){border-right:1px solid #dcdddf;}

.scoreInfo3{
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
}
._odds.frame,
.scoreInfo3 ._odds{
	width:200px;
	background:white;
	border:1px solid #dcdddf;
	height:20px !important;
}
._odds.frame>div:not(:nth-last-child(1)),
.scoreInfo3 ._odds>div:not(:nth-last-child(1)){border-right:1px solid #dcdddf;height:20px;line-height:20px;}

.newsText{
	display:flex;
	justify-content:center;
}
*/

/* 모바일 ODDS */

td.oup,td.odown{
	padding-right:8px;
}
div.oup,td.oup{color:green;background:url('/sports/images/odds_up.gif');background-repeat: no-repeat;background-position: right;}
div.odown,td.odown{color:red;background:url('/sports/images/odds_down.gif');background-repeat: no-repeat;background-position: right;}
.scoreInfo3{
	display:flex;
	justify-content:space-between;
	align-items:center;
	max-height:30px;
	/* margin-bottom:5px; */
}
._odds.frame,
.scoreInfo3 ._odds{
	background:white;
	border:1px solid #dcdddf;
	height:20px !important;
	display: flex;
	justify-content: space-around;
	align-items: center;
	color:#666;
	font-weight:bold;
	height:24px;
	width: 90%;
	max-width: 165px;
}
}
_odds.frame>div:not(:nth-last-child(1)),
.scoreInfo3 ._odds>div:not(:nth-last-child(1)){border-right:1px solid #dcdddf;/*height:20px;line-height:20px;*/display: flex;justify-content: center;align-items: center;}
._odds.frame>div,.scoreInfo3 ._odds>div{min-width:42px;width:55px;}
/* 모바일 ODDS */


.newsText{
	display:flex;
	justify-content:center;
}

._odds b{
	font-size:12px !important;
	color:#666;
}

._odds.bup b{
	color:green;
	background:url('/sports/images/odds_up.gif');
	background-repeat: no-repeat;
	background-position: 100%;
	padding-right: 15px;
}
._odds.bdown b{
	color:red;
	background:url('/sports/images/odds_down.gif');
	background-repeat: no-repeat;
	background-position: 100%;
	padding-right: 15px;
}

.line.bup b{
	color:green;
	background:url('/sports/images/odds_up.gif');
	background-repeat: no-repeat;
	background-position: 100%;
	padding-right: 12px;
}
.line.bdown b{
	color:red;
	background:url('/sports/images/odds_down.gif');
	background-repeat: no-repeat;
	background-position: 100%;
	padding-right: 12px;
}

.gtooltip{
	display: flex;justify-content: center;align-items: center;position: absolute;width: 50% !important;
	color:black;
}
.gtooltip .content{
	border:1px solid #cccccc;background:white;padding:5px 8px;display: flex;justify-content: center;align-items: start;flex-direction: column;
	font-size:12px;
	box-shadow:1px 1px 7px 1px rgb(0 0 0 / 5%);
}
.gtooltip .content .line{
	display:flex;
	flex-direction:row;
	align-items:center;
}
.gtooltip .content .line .point{
	width:5px;height:5px;
	margin-right:3px;
}


.premiumSection{
	display:none;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left:100%;
	/* transition: left 0.3s linear; */
}

.premiumSection.on{
	display:flex;
	left:0%;
	animation:frame_on 0.3s linear 1;
}
.premiumSection.off{
	display:flex;
	animation:frame_off 0.3s linear 1;
}


.premiumBackground{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: black;
	z-index: 999999;
	opacity: 0.4;
}

.premiumSection .premium{
	width: 100%;
	height: 100%;
	background: white;
	position: fixed;

	z-index: 9999999;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.premiumSection .premium iframe{
	width: 100%;
	height: 100%;
	border: 0;
}
.premium_close_button{
	height: 50px;display:flex;justify-content:center;align-items:center;background: #636363;color: white;font-weight: bold;font-size: 20px;
}


@keyframes frame_on {
	0% {
		left: 100%;
	}
	30% {
		left: 70%;
	}
	50% {
		left: 50%;
	}
	70% {
		left: 30%;
	}
	100% {
		left: 0%;
	}
	to{
		left:0%;
	}
}

@keyframes frame_off {
	0% {
		left: 0%;
	}
	30% {
		left: 30%;
	}
	50% {
		left: 50%;
	}
	70% {
		left: 70%;
	}
	100% {
		left: 100%;
		display:none;
	}
}