@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll}
body {margin:0; padding:0; color:#fff; font-size:0.75em; font-family: 'Pretendard', 'Malgun Gothic', sans-serif; background:#000;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select {vertical-align:middle;font-size:1em;padding:0 10px;}
img {vertical-align:middle;font-size:1em;padding:0;}
input, button {margin:0; color:#fff; font-family:'Malgun Gothic', dotum, sans-serif; font-size:1em; background: #000; border: 1px solid #333;}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#eee;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

.placeholdersjs {color:#aaa !important}

/* 중계창 */
.relay_top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
}

.relay_top > h2 {
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: -0.5px;
}

.relay_top > h2 > span {
    color: #0dd614;
}

.relay_top > a {
    padding: 5px 15px;
    background: #151515;
    
    font-size: 0.75rem;
    color: #fff;
    letter-spacing: -0.5px;
    display: -webkit-flex;
    align-items: center;
    gap: 10px;
	cursor: pointer;
}

.relay_top > a > span {
    width: 7px;
    height: 4px;
    background-image: url(../img/pop_arrows.png);
}

.video-js {width: 100%; background: #151515;  }

#mplayerFrm1 { width: 100%; }

.relay_video {
	width:100%;
	height:auto;
	position:relative;
	margin-bottom:15px
}
.relay_gamename {
    position: relative;
	width: 100%;
    height: 60px;
    margin: 5px 0;
    display: flex;
    background: #151515;
	border-radius: 15px;
    overflow: hidden;
}
.relay_gamename .relay_name {
	width: calc(100% - 234px);
    height: 100%;
    position: relative;
    display: -webkit-flex;
    align-items: center;
    gap: 20px;
    padding-left: 30px;
}
.relay_gamename .relay_name>h2 {
	display:block;
	font-size:1.125rem;
	font-weight:600;
	letter-spacing:-.5px;
	color:#0dd614;
	position:relative
}
.relay_gamename .relay_name>h2::after {
	content:'';
	width:6px;
	height:19px;
	position:absolute;
	top:50%;
	right:-17px;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	background-image:url();
	background-position:center;
	background-repeat:no-repeat;
	-webkit-background-size:contain;
	background-size:contain
}
.relay_gamename .relay_name>p {
	font-size:16px;
	font-style:normal;
	font-weight:500;
	letter-spacing:-.5px;
	color:rgba(255,255,255,.4)
}
.relay_gamename .relay_time {
	width: 234px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: right;
    gap: 20px;
    padding-right: 30px;
}
.relay_gamename .relay_time>h2 {
	display:block;
	font-size:1.125rem;
	font-weight:600;
	letter-spacing:-.5px;
	color:#0dd614;
	position:relative
}
.relay_gamename .relay_time>p {
	font-size:16px;
	font-style:normal;
	font-weight:500;
	letter-spacing:-.5px;
	color:#ccc;
}
.textbanner {
    float: left;
    width: 100%;
	margin-bottom: 20px;
    padding: 10px 0;
    color: #ccc;
    font-size: 12px;
    text-align: center;
	background: #151515;
	
}






.sports_list .list_box .list_item#ALL {background: url(../images/sports_all.png) 50% 20% no-repeat; background-size: 70px;}
.sports_list .list_box .list_item#SOCCER {background: url(../images/soccer.png) 50% 20% no-repeat; background-size: 70px;}
.sports_list .list_box .list_item#BASEBALL {background: url(../images/baseball.png) 50% 20% no-repeat; background-size: 70px;}
.sports_list .list_box .list_item#BASKETBALL {background: url(../images/basketball.png) 50% 20% no-repeat; background-size: 70px;}
.sports_list .list_box .list_item#HOCKEY {background: url(../images/hockey.png) 50% 20% no-repeat; background-size: 70px;}
.sports_list .list_box .list_item#FOOTBALL {background: url(../images/football.png) 50% 20% no-repeat; background-size: 70px;}
.sports_list .list_box .list_item#VOLLEYBALL {background: url(../images/volleyball.png) 50% 20% no-repeat; background-size: 70px;}
.sports_list .list_box .list_item#TENNIS {background: url(../images/tennis.png) 50% 20% no-repeat; background-size: 70px;}
.sports_list .list_box .list_item#EGAME {background: url(../images/egame.png) 50% 20% no-repeat; background-size: 70px;}
.sports_list .list_box .list_item#LOL {background: url(../images/lol.png) 50% 20% no-repeat; background-size: 70px;}
.sports_list .list_box .list_item#UFC {background: url(../images/ufc.png) 50% 20% no-repeat; background-size: 70px;}
.sports_list .list_box .list_item#HD {background: url(../images/tv.png) 50% 20% no-repeat; background-size: 70px;}

.sports_list .list_box .list_item#ALL.active, .sports_list .list_box .list_item#ALL:hover { background: url(../images/sports_all_on.png) 50% 20% no-repeat; background-size: 70px; }
.sports_list .list_box .list_item#SOCCER.active, .sports_list .list_box .list_item#SOCCER:hover {background: url(../images/soccer_on.png) 50% 20% no-repeat; background-size: 70px;}
.sports_list .list_box .list_item#BASEBALL.active, .sports_list .list_box .list_item#BASEBALL:hover {background: url(../images/baseball_on.png) 50% 20% no-repeat; background-size: 70px;}
.sports_list .list_box .list_item#BASKETBALL.active, .sports_list .list_box .list_item#BASKETBALL:hover {background: url(../images/basketball_on.png) 50% 20% no-repeat; background-size: 70px;}
.sports_list .list_box .list_item#HOCKEY.active, .sports_list .list_box .list_item#HOCKEY:hover {background: url(../images/hockey_on.png) 50% 20% no-repeat; background-size: 70px;}
.sports_list .list_box .list_item#FOOTBALL.active, .sports_list .list_box .list_item#FOOTBALL:hover {background: url(../images/football_on.png) 50% 20% no-repeat; background-size: 70px;}
.sports_list .list_box .list_item#VOLLEYBALL.active, .sports_list .list_box .list_item#VOLLEYBALL:hover {background: url(../images/volleyball_on.png) 50% 20% no-repeat; background-size: 70px;}
.sports_list .list_box .list_item#TENNIS.active, .sports_list .list_box .list_item#TENNIS:hover {background: url(../images/tennis_on.png) 50% 20% no-repeat; background-size: 70px;}
.sports_list .list_box .list_item#EGAME.active, .sports_list .list_box .list_item#EGAME:hover {background: url(../images/egame_on.png) 50% 20% no-repeat; background-size: 70px;}
.sports_list .list_box .list_item#LOL.active, .sports_list .list_box .list_item#LOL:hover {background: url(../images/lol_on.png) 50% 20% no-repeat; background-size: 70px;}
.sports_list .list_box .list_item#UFC.active, .sports_list .list_box .list_item#UFC:hover {background: url(../images/ufc_on.png) 50% 20% no-repeat; background-size: 70px;}
.sports_list .list_box .list_item#HD.active, .sports_list .list_box .list_item#HD:hover {background: url(../images/tv_on.png) 50% 20% no-repeat; background-size: 70px;}

.sports_list .list_box p { margin: 75px auto 0; padding: 1px 10px;}
.sports_list .list_box .list_item.active>p, .sports_list .list_box .list_item:hover>p { color: #0dc813; border: 1px solid #0dc813; border-radius: 20px; }


.sports_list {
    float: left;
    width:100%;
	height:auto;
	margin:10px 0;
}
.sports_list .list_box {
    float: left;
    width: 100%;
    height: auto;
}
.sports_list .list_box .list_item {
    position: relative;
	float: left;
    width: calc((100% - 72px) / 12);
    margin: 3px;
    padding: 5px 0;
    background: #151515;
    align-items: end;
    display: grid;
    text-align: center;
    cursor: pointer;
}
.sports_list .list_box .list_item>a {
	display:block;
	text-align:center
}
.sports_list .list_box .list_item>a .list_icon {
	width: 100%;
    height: 68px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
}
.sports_list .list_box .list_item>a .list_icon>span {
	width:100%;
	height:100%;
	background-position:center;
	background-repeat:no-repeat;
}
.sports_list .list_box .list_item>a>p {
    width: 100%;
	font-size: .875rem;
    font-weight: 600;
    letter-spacing: -.5px;
    color: #fff;
}
.sports_list .list_box .list_item.active>a>p,.sports_list .list_box .list_item>a:hover>p {
    color: #fff;
}
.category_count {
    position: absolute;
    background-color: #0a220a;
    border: 1px solid #0dd614;
    border-radius: 15px;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
}

.relay_board {
    float: left;
	width:100%;
	height:auto;
	margin-bottom:30px
}
.relay_board:last-of-type {
	margin-bottom:0
}
.relay_boardtop {
	width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.relay_boardtop>h2 {
	font-size:1.25rem;
	font-weight:600;
	letter-spacing:-.5px
}
.relay_boardtop>h2>span {
	color:#0dd614;
}
.relay_boardtop .relay_channelbox {
	width: auto;
    height: auto;
    display: -webkit-flex;
    align-items: center;
    gap: 10px;
}
.relay_boardtop .relay_channelbox>li {
	width:auto;
	height:auto;
	position:relative;
	color: #fff;
    padding: 8px 30px 8px 13px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    align-items: center;
    gap: 10px;
    font-size: .8125rem;
    font-weight: 500;
    border: 1px solid #0dd614;
	cursor: pointer;
	border-radius: 20px;
}

.relay_boardtop .relay_channelbox>li.chanel_01 {
	background:url(../img/1.png) #0a220a  90% no-repeat;
}
.relay_boardtop .relay_channelbox>li.chanel_02 {
	background:url(../img/2.png) #0a220a  90% no-repeat;
}
.relay_boardtop .relay_channelbox>li.chanel_04 {
	background:url(../img/4.png) #0a220a  90% no-repeat;
}
.relay_boardtop .relay_channelbox>li.chanel_01:hover {
	background:url(../img/1.png) #0dd614 90% no-repeat;
}
.relay_boardtop .relay_channelbox>li.chanel_02:hover {
	background:url(../img/2.png) #0dd614 90% no-repeat;
}
.relay_boardtop .relay_channelbox>li.chanel_04:hover {
	background:url(../img/4.png) #0dd614 90% no-repeat;
}
.relay_boardbox {
	width:100%;
	height:auto;
	position:relative
}
.relay_boardbox .td_icon{ width:50px;}
.relay_boardbox .td_time{ width:100px; }
.relay_boardbox .td_leage{ width:90px; }
.relay_boardbox .td_thum{ width:80px; }
.relay_boardbox .td_stats{ width:100px; }
.relay_boardbox .td_mult{ width:110px; }

.relay_boardbox>table {
	width:100%;
	height:auto;
	position:relative;
	font-size: 14px;
}
.relay_boardbox>table th {
	border-top:1px solid #0dd614;
	border-bottom:1px solid #333;
	background:#000;
	font-size:.9375rem;
	font-weight:700;
	letter-spacing:-.5px;
	padding:15px 5px
}
.relay_boardbox>table th:last-of-type {
	border-right:0
}
.relay_boardbox>table td {
    font-weight: 400;
    border-bottom: 1px solid #333;
    text-align: center;
    letter-spacing: -.5px;
}
.relay_boardbox>table td:last-of-type {
	border-right:0
}
.relay_boardbox .sport_icon img {
	width:100%
}
.relay_boardbox>table td .sport_img {
	display:block;
	width:80px;
	height:45px;
	position:relative;
	font-size:0
}
.relay_boardbox>table td .sport_img>img {
	width:100%;
	height:100%
}
.relay_boardbox>table td .board_btn {
	display:inline-block;
	font-size:.8125rem;
	padding:6px 12px;
}
.relay_boardbox>table td .board_btn.view_btn {
	border: 1px solid #0dd614;
    color: #fff;
	background:#0a220a;
	border-radius: 20px;
}
.relay_boardbox>table td .board_btn.view_btn:hover {
	border: 1px solid #0dd614;
	background:#0dd614;
}
.relay_boardbox>table td .board_btn.stat_btn {
    color: #fff;
	cursor: pointer;
	background:#0a220a;
	border: 1px solid #0dd614;
	border-radius: 20px;
}
.relay_boardbox>table td .board_btn.before_btn {
    color: #ffffff;
    text-align: center;
    padding: 6px 15px;
    background: #151515;
	border: 1px solid #333;
}
.relay_boardbox>table td .view_chn {
	width: auto;
    height: auto;
    display: -webkit-flex;
    align-items: center;
    -webkit-justify-content: center;
    gap: 4px;
}
.relay_boardbox>table td .view_chn>li {
	width:28px;
	height:28px;
	position:relative
}
.relay_boardbox>table td .view_chn>li>button {
	width: 100%;
    height: 100%;
    font-size: .8125rem;
    font-weight: 500;
    color: #ccc;
	background:#0a220a;
    border: 1px solid #0dd614;
	border-radius: 20px;
}
.relay_boardbox>table td .view_chn>li>button:hover {
    color: #ccc;
	background:#0dd614;
}
.relay_boardbox .pocol01 { color: #0dd614; }

.mh {display:;}

@media (max-width:840px) {
	#mplayerFrm1 { width: 100%; }
	.sports_list .list_box .list_item { width: calc((100% - 36px) / 6); height: 60px; }
	.sports_list .list_box .list_item p { display:none !important; }
	.mh { display:none !important; }
	.sports_list .list_box .list_item>a .list_icon { height: 36px; }
	.sports_list .list_box .list_item>a .list_icon img { width: 60%; max-width: 40px; }
	.sports_list .list_box .list_item>a>p { display:none; }
	.relay_boardbox .td_icon { width: 40px; }
	.relay_boardbox .td_time{ width:45px; }
	.relay_boardbox .td_leage { width: 60px; }
	.relay_boardbox .td_stats { width: 80px; }
}