@font-face {
    font-family: 'SUIT-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

* { font-size:15px; font-family: 'SUIT-Regular'; }
a { cursor:pointer; text-decoration:none; }
body { margin:0; padding:0; }
li { list-style:none; }
#livestream_wrap { width:calc(100% - 20px); height:auto; overflow:hidden; margin:0; background:#202221; padding:10px; }

/* 싱글 플레이어 */
#player1_stream {
	position:relative; /* absolute는 부모가 relative일 때 부모를 따라간다. */
	width:100%;
	padding-bottom:56.25%; /* 16:9 비율 */
}

#player1_stream iframe {
	position:absolute;
	width:100%; /* 부모에 맞게 꽉 채운다. */
	height:100%;
}

/* 멀티 플레이어 */
.multi_area { width:100%; height:auto; overflow:hidden; }
.multi_area2 { width:100%; height:auto; overflow:hidden; }
.title_area { width:100%; height:auto; overflow:hidden; margin:2px 0 6px 0; }

/* 플레이어 배경 */
.player_bg { position:absolute; width:100%; height:100%; overflow:hidden; margin:0; padding:0; /*border-radius:5px;*/ overflow:hidden; }
.player_bg img { width:100%; /*border-radius:5px;*/ overflow:hidden; }

/* 플레이어 타이틀 */
.player_title1 { width:100%; float:left; height:40px; line-height:40px; color:#fff; font-size:16px; text-align:center; }

/* 스포츠 카테고리 */
#sport_category_wrap { width:100%; height:auto; overflow:hidden; margin-bottom:20px; }

#sport_category_wrap table.table-p1 { width:100%; border-spacing:0; border-collapse:collapse; }
#sport_category_wrap table.table-p1 td { padding:8px 5px; border:1px solid #1a1a1a; text-align:center; background:#303231; }
#sport_category_wrap table.table-p1 td img { width:100%; max-width:50px; -webkit-filter: brightness(100%); }

#sport_category_wrap table.table-m1 { width:100%; border-spacing:0; border-collapse:collapse; }
#sport_category_wrap table.table-m1 td { padding:10px 5px; border:1px solid #1a1a1a; text-align:center; background:#303231; }
#sport_category_wrap table.table-m1 td img { width:100%; max-width:40px; -webkit-filter: brightness(100%); }

/* 스포츠 카테고리 반응형 */
@media all and (min-width:621px) {
	#sport_category_wrap table.table-m1 { display:none; }
}
@media all and (max-width:620px) {
	#sport_category_wrap table.table-p1 { display:none; }
}

/* 스포츠 리스트 */
#sports_list_area .sports_on_list { width:100%; height:auto; overflow:hidden; color:#fff; }
#sports_list_area .sports_on_list a { color:#fff; text-decoration:none; }

#sports_list_area .list_title_area { width:100%; height:auto; overflow:hidden; margin-bottom:10px; }

#sports_list_area .on_list_title { width:250px; float:left; height:40px; line-height:40px; }
#sports_list_area .multi_select { width:calc(100% - 250px); float:left; height:40px; line-height:40px; text-align:right; }

#sports_list_area .on_list_title svg { font-size:18px; margin-left:10px; }
#sports_list_area .on_list_title span { font-size:20px; color:#fff; margin-left:5px; }


/* 새로고침, 멀티뷰, 티비 버튼 */
#sports_list_area .multi_select span.reload { width:100%; height:auto; overflow:hidden; padding:8px; background:#303231; border:1px solid #1a1a1a; }

#sports_list_area .multi_select span.multibtn { width:100%; height:auto; overflow:hidden; padding:8px 10px; background:#303231; border:1px solid #1a1a1a; }
#sports_list_area .multi_select span.livetvbtn { width:100%; height:auto; overflow:hidden; padding:8px 10px; background:#303231; border:1px solid #1a1a1a; }

#sports_list_area .sports_off_list { width:100%; height:auto; overflow:hidden; color:#fff; }
#sports_list_area .off_list_title { margin:30px 0 10px 0; }

#sports_list_area .off_list_title svg { font-size:18px; margin-left:10px; }
#sports_list_area .off_list_title span { font-size:20px; color:#fff; margin-left:5px; }

/* 방송중 리스트 테이블 */
#sports_list_area .sports_on_list table.table-p1 { border-spacing:0; border-collapse:collapse; width:100%; background:#202221; }
#sports_list_area .sports_on_list table.table-p1 thead th { padding:15px 5px; font-weight:bold; border:1px solid #1a1a1a; text-align:center; background:#303231; color:#fff; }
#sports_list_area .sports_on_list table.table-p1 tbody td { padding:15px 5px; border:1px solid #1a1a1a; text-align:center; }

/* 대기중 리스트 테이블 */
#sports_list_area .sports_off_list table.table-p1 { border-spacing:0; border-collapse:collapse; width:100%; background:#202221; }
#sports_list_area .sports_off_list table.table-p1 thead th { padding:15px 5px; font-weight:bold; border:1px solid #1a1a1a; text-align:center; background:#303231; color:#fff; }
#sports_list_area .sports_off_list table.table-p1 tbody td { padding:15px 5px; border:1px solid #1a1a1a; text-align:center; }

#sports_list_area .cat { width:5%; min-width:50px; }
#sports_list_area .league { width:8%; min-width:80px; }
#sports_list_area .bold span { color:#faca08 !important; }
#sports_list_area .datetime { width:9%; min-width:90px; }
#sports_list_area .stat { width:10%; min-width:100px; }
#sports_list_area .multi { width:10%; min-width:100px; }

#sports_list_area .cat img { width:100%; max-width:40px; }

/* 경기명 */
#sports_list_area .team1 { width:calc(50% - 25px); float:left; text-align:right; }
#sports_list_area .vs { width:50px; float:left; text-align:center; }
#sports_list_area .team2 { width:calc(50% - 25px); float:left; text-align:left; }
#sports_list_area .noteam { width:100%; text-align:center; }

/* 중계 버튼 */
#sports_list_area .stat span.on { width:100%; background:#d9840f; color:#fff; border-radius:4px; padding:5px 8px; cursor:pointer; }
#sports_list_area .stat span.off { width:100%; background:#303231; color:#8c8c8c; border-radius:4px; padding:5px 8px; }

/* 멀티채널 버튼 */
#sports_list_area .multi span.mtbtn2 { width:100%; background:#303231; color:#fff; border-radius:4px; margin:0 1px; padding:5px 9px; }
#sports_list_area .multi span.mtbtn3 { width:100%; background:#303231; color:#fff; border-radius:4px; margin:0 1px; padding:5px 9px; }
#sports_list_area .multi span.mtbtn4 { width:100%; background:#303231; color:#fff; border-radius:4px; margin:0 1px; padding:5px 9px; }

#sports_list_area .multi span.mtbtn2_on { width:100%; background:#d9840f; color:#fff; border-radius:4px; margin:0 1px; padding:5px 9px; }
#sports_list_area .multi span.mtbtn3_on { width:100%; background:#d9840f; color:#fff; border-radius:4px; margin:0 1px; padding:5px 9px; }
#sports_list_area .multi span.mtbtn4_on { width:100%; background:#d9840f; color:#fff; border-radius:4px; margin:0 1px; padding:5px 9px; }

/* 스포츠 리스트 반응형 */
@media all and (max-width:900px) {
	#sports_list_area .league { display:none; }
}

@media all and (max-width:620px) {
	* { font-size:12px; }

	#livestream_wrap { width:100%; height:auto; overflow:hidden; margin:0; background:#202221; padding:0; }

	.player_title1 { width:100%; float:left; height:40px; line-height:40px; color:#fff; font-size:14px; text-align:center; }

	#sports_list_area .on_list_title { width:200px; float:left; height:30px; line-height:30px; font-size:16px; color:#fff; }
	#sports_list_area .multi_select { width:calc(100% - 200px); float:left; height:30px; line-height:30px; text-align:right; }
	#sports_list_area .multi_select span.multibtn { display:none; }
	#sports_list_area .multi_select span.livetvbtn { width:100%; height:auto; overflow:hidden; padding:8px 6px; background:#303231; border:1px solid #1a1a1a; }

	#sports_list_area .on_list_title svg { font-size:16px; }
	#sports_list_area .on_list_title span { font-size:16px; }

	#sports_list_area .off_list_title svg { font-size:16px; }
	#sports_list_area .off_list_title span { font-size:16px; }

	#sports_list_area .cat { width:3%; min-width:30px; }
	#sports_list_area .league { display:none; }
	#sports_list_area .subject { }
	#sports_list_area .datetime { width:5%; min-width:50px; }
	#sports_list_area .stat { width:7%; min-width:70px; }
	#sports_list_area .multi { display:none; }

	#sports_list_area .cat img { width:100%; max-width:26px; }

	#sports_list_area .team1 { width:calc(50% - 15px); float:left; text-align:right; }
	#sports_list_area .vs { width:30px; float:left; text-align:center; }
	#sports_list_area .team2 { width:calc(50% - 15px); float:left; text-align:left; }

	#sports_list_area .stat span.on { width:100%; background:#d9840f; color:#fff; border-radius:4px; padding:6px 4px; cursor:pointer; }
	#sports_list_area .stat span.off { width:100%; background:#303231; color:#8c8c8c; border-radius:4px; padding:6px 4px; }
}

/* 라이브티비 리스트 */
#livetv_list_area .livetv_on_list { width:100%; height:auto; overflow:hidden; color:#fff; }
#livetv_list_area .livetv_on_list a { color:#fff; text-decoration:none; }

#livetv_list_area .list_title_area { width:100%; height:auto; overflow:hidden; margin-bottom:10px; }

#livetv_list_area .on_list_title { width:calc(100% - 220px); float:left; height:40px; line-height:40px; font-size:20px; color:#fff; }
#livetv_list_area .multi_select { width:220px; float:left; height:40px; line-height:40px; text-align:right; }

#livetv_list_area .on_list_title span { font-size:20px; color:#fff; margin-left:5px; }
#livetv_list_area .on_list_title svg { font-size:18px; margin-left:10px; }

/* 중계바로가기 버튼 */
#livetv_list_area .multi_select span.livetvbtn { width:100%; height:auto; overflow:hidden; padding:8px 10px; background:#303231; border:1px solid #1a1a1a; }

/* 방송중 리스트 테이블 */
#livetv_list_area .livetv_on_list table.table-p1 { border-spacing:0; border-collapse:collapse; width:100%; background:#202221; }
#livetv_list_area .livetv_on_list table.table-p1 thead th { padding:15px 5px; font-weight:bold; border:1px solid #1a1a1a; text-align:center; background:#303231; color:#fff; }
#livetv_list_area .livetv_on_list table.table-p1 tbody td { padding:15px 5px; border:1px solid #1a1a1a; text-align:center; }

#livetv_list_area .cat { width:6%; min-width:60px; }
#livetv_list_area .stat { width:12%; min-width:120px; }
#livetv_list_area .cat img { width:100%; max-width:40px; }

/* 채널명 */
#livetv_list_area .ch_title { width:100%; text-align:center; }

/* 중계 버튼 */
#livetv_list_area .stat span.on { width:100%; background:#d9840f; color:#fff; border-radius:4px; padding:5px 8px; cursor:pointer; }
#livetv_list_area .stat span.off { width:100%; background:#303231; color:#8c8c8c; border-radius:4px; padding:5px 8px; }

/* 라이브티비 리스트 반응형 */
@media all and (max-width:900px) {
	#livetv_list_area .league { display:none; }
}

@media all and (max-width:620px) {
	* { font-size:12px; }

	.player_title1 { width:100%; float:left; height:40px; line-height:40px; color:#fff; font-size:14px; text-align:center; }

	#livetv_list_area .on_list_title { width:calc(100% - 100px); float:left; height:30px; line-height:30px; font-size:16px; color:#fff; }
	#livetv_list_area .multi_select { width:100px; float:left; height:30px; line-height:30px; text-align:right; }
	#livetv_list_area .multi_select span.livetvbtn { width:100%; height:auto; overflow:hidden; padding:8px 6px; background:#303231; border:1px solid #1a1a1a; }

	#livetv_list_area .on_list_title span { font-size:16px; }
	#livetv_list_area .on_list_title svg { font-size:16px; }

	#livetv_list_area .cat { width:5%; min-width:50px; }
	#livetv_list_area .stat { width:10%; min-width:100px; }

	#livetv_list_area .cat img { width:100%; max-width:26px; }

	#livetv_list_area .stat span.on { width:100%; background:#d9840f; color:#fff; border-radius:4px; padding:6px 4px; cursor:pointer; }
	#livetv_list_area .stat span.off { width:100%; background:#303231; color:#8c8c8c; border-radius:4px; padding:6px 4px; }
}