@charset "utf-8";

/* 목록 스타일 */

[class *="live_"] {display:inline-block;min-width:20px;max-width:100px;font-size:12px;text-align:center;padding:5px 5px;border-radius:3px;margin-right:5px;vertical-align:middle;}
.live_end		{color:#fff;background-color:#666666;}
.live_ing		{color:#fff;background-color:#1748a4;}
.live_open		{color:#fff;background-color:#009933;}
.live_reg		{color:#fff;background-color:#fb4804;}
.live_regend	{color:#fff;background-color:#ff9900;}
.live_regbefore {color:#fff;background-color:#800080;}

.to_list td a {color:#1748a4;}
.to_list td a:hover {text-decoration:underline;color:#0000ff;}

.radio_btn_wrap {margin-bottom:15px;}
.radio_btn_wrap::before,
.radio_btn_wrap::after{content:'';display:table;clear:both;}
.radio_btn_wrap .radio_group {font-size:15px;display:inline-block;margin:0 0 5px 0;line-height:30px;float:left;width:calc(100% / 7);}
.radio_btn_wrap .radio_group [type="radio"]{display:none;}
.radio_btn_wrap .radio_group [type="radio"] + label {display:block;border:1px solid #fff;padding:0 20px;width:100%;text-align:center;}
.radio_btn_wrap .radio_group [type="radio"] + label::before {content:'\f372';font-family:'Ionicons',sans-serif;margin-right:5px;}
.radio_btn_wrap .radio_group [type="radio"]:checked + label {border-color:#fff;}

.radio_btn_wrap .radio_group [type="radio"]:checked + label::before{content:'\f373';font-family:'Ionicons',sans-serif;}

.radio_btn_wrap .radio_group [type="radio"] + label.radio-cal-all		{color:#fff;background-color:#666666;}
.radio_btn_wrap .radio_group [type="radio"] + label.radio-cal-regbefore {color:#fff;background-color:#800080;}
.radio_btn_wrap .radio_group [type="radio"] + label.radio-cal-reg		{color:#fff;background-color:#fb4804;}
.radio_btn_wrap .radio_group [type="radio"] + label.radio-cal-regend	{color:#fff;background-color:#ff9900;}
.radio_btn_wrap .radio_group [type="radio"] + label.radio-cal-open		{color:#fff;background-color:#009933;}
.radio_btn_wrap .radio_group [type="radio"] + label.radio-cal-ing		{color:#fff;background-color:#1748a4;}
.radio_btn_wrap .radio_group [type="radio"] + label.radio-cal-end		{color:#fff;background-color:#666666;}
.radio_btn_wrap .radio_group [type="radio"]:checked + label.radio-cal-all		{box-shadow:inset 0px 0px 10px #00000060;}
.radio_btn_wrap .radio_group [type="radio"]:checked + label.radio-cal-regbefore {box-shadow:inset 0px 0px 10px #00000060;}
.radio_btn_wrap .radio_group [type="radio"]:checked + label.radio-cal-reg		{box-shadow:inset 0px 0px 10px #00000060;}
.radio_btn_wrap .radio_group [type="radio"]:checked + label.radio-cal-regend	{box-shadow:inset 0px 0px 10px #00000060;}
.radio_btn_wrap .radio_group [type="radio"]:checked + label.radio-cal-open		{box-shadow:inset 0px 0px 10px #00000060;}
.radio_btn_wrap .radio_group [type="radio"]:checked + label.radio-cal-ing		{box-shadow:inset 0px 0px 10px #00000060;}
.radio_btn_wrap .radio_group [type="radio"]:checked + label.radio-cal-end		{box-shadow:inset 0px 0px 10px #00000060;}

/* 보기 스타일 */
#to_view_wrap {position:relative;}
#to_view_wrap .to_header {background-color:#f8f8f8;border:1px solid #ddd;border-top:2px solid #1748a4;}
#to_view_wrap .to_header .to_title{padding:20px;}
#to_view_wrap .to_header .to_title h3 {font-family:"Noto Sans KR";font-weight:400;}
#to_view_wrap .to_header .to_info {padding:10px 20px;}
#to_view_wrap .to_header .to_info .flex > div {margin-right:1em;}
#to_view_wrap .to_header .to_info .to_gamedate	{position:relative;padding-left:1.3em;}
#to_view_wrap .to_header .to_info .to_place		{position:relative;padding-left:1.3em;}
#to_view_wrap .to_header .to_info .to_gamedate::before	{color:#1748a4;position:absolute;content:'\f3f3';font-family:"Ionicons",sans-serif;font-size:1.3em;left:0;}
#to_view_wrap .to_header .to_info .to_place::before		{color:#1748a4;position:absolute;content:'\f3a3';font-family:"Ionicons",sans-serif;font-size:1.3em;left:0;}


#to_view_wrap .to_header .to_writer {padding:10px 20px; border-top:1px solid #ddd;}
#to_view_wrap .to_header .to_writer ul{margin:0;padding:0;}
#to_view_wrap .to_header .to_writer ul > li {display:inline-block;margin-left:10px;}
#to_view_wrap .to_header  .playerinfo {color:#fff;background-color:#666666;}
#to_view_wrap .to_header  .playerinfo  h3 {color:#ff9900;}
#to_view_wrap .to_file_list {padding:10px 0px;}
#to_view_wrap .to_file_list .file_btn {display:inline-block;padding:5px 15px;border:1px solid #ddd; border-radius:3px;background-color:#f9f9f9;}
#to_view_wrap .to_file_list .file_btn:hover,
#to_view_wrap .to_file_list .file_btn:focus {
	background-color:#ffffff;
	border-color:#1748a4;
	color:#1748a4;
}

.to_cont_tabs{}
.to_cont_tabs > ul{position:relative;width:100%;border-top:1px solid #405988;border-bottom:1px solid #405988;}
.to_cont_tabs > ul::before,
.to_cont_tabs > ul::after{
	content:'';
	display:table;
	clear:both;
}
.to_cont_tabs > ul > li {float:left;width:calc(100% / 5)}
.to_cont_tabs > ul > li > a {display:block;text-align:center;padding:8px;}
.to_cont_tabs > ul > li > a:hover,
.to_cont_tabs > ul > li > a:focus,
.to_cont_tabs > ul > li > a.on {
	background-color:#1748a4;
	color:#fff;
	transition:all 0.3s;
}
.match_view_box {display:none;}
.match_view_box.on {display:block;}

#to_content_wrap {margin:20px 0;}

.tab_wrap{}
.tab_core::before,
.tab_core::after{
	content:'';
	display:table;
	clear:both;
}
.tab_li {float:left;padding:2px;}
.tab_li > a.tab_btn{display:block;padding:5px 10px;background-color:#ffffff;border:1px solid #1748a4; transition:all 0.3s;}
.tab_li > a{border-bottom-width:2px !important;}
.tab_li > a.tab_btn:hover,
.tab_li > a.tab_btn.on{
	background-color:#1748a4;
	border-color:#1748a4;
	color:#fff;
	transition:all 0.3s;
}
.tab_li > a.tab_excel{
	display:block;padding:5px 10px;
	background-color:#ff3300;
	border:1px solid #ff3300;
	color:#fff;
	transition:all 0.3s;
}
.tab_li > a.tab_excel:hover{
	background-color:#ffffff;
	border:1px solid #ff3300;
	color:#ff3300;
	transition:all 0.3s;
}

.tab_li > a.btn_orange{display:block;padding:5px 10px;}

.plan_tab_inwrap ul{
	clear:both;
	margin:10px 0 16px 0;
}
.plan_tab_core{display:none;}
.plan_tab_core.on{display:block;}
.plan_tab_core::before,
.plan_tab_core::after{
	content:'';
	clear:both;
	display:table;
}
.plan_tab_core .plan_tab_li{
	float:left;
	padding:2px;
}
.plan_tab_core .plan_tab_li a {
	display:block;
	padding:3px 10px;
	border:1px solid #009966;
}
.plan_tab_core .plan_tab_li a:hover,
.plan_tab_core .plan_tab_li a.on {
	border-color:#009966;
	background-color:#009966;
	color:#fff;
}

.group_type {display:none;}
.group_type.on{display:block;}
.group_type table {width:100%;border-collapse:collapse;border:1px solid #ddd;font-size:0.95em;border-top:2px solid #666;}
.group_type table  > thead {background-color:#f9f9f9;}
.group_type tr th,
.group_type tr td {
	border:1px solid #ddd;
	padding:10px;
}
.group_type table tbody tr td .player {
	color:#4478db;
}
.group_type table tbody tr td .team {
	color:#000000;
}
.group_type table tbody tr th{
	background-color:#f7fcfe;
}
.group_type .league_tbl tbody tr:nth-child(odd) {background-color:#f9f9f9;}

.grade_ul {width:100%;}
.grade_ul::before,
.grade_ul::after {
	content:'';
	display:table;
	clear:both;
}
.grade_ul > li{
	float:left;
	width:25%;
	border-right:1px solid #ddd;
}
.grade_ul_wrap tbody td{
	padding:0 !important;
}
.grade_ul > li > div{
		padding:10px;
}
.grade_ul li:nth-child(4) {
    border-right: 0;
}
.grade_ul > li > div .team {display:block;text-align:center;}
.grade_ul > li > div .playerTeamName.team {color:#4478db;}

.group_type  table.grade_ul_wrap {border-top:2px solid #666;}
.group_type .group_tit {margin:10px 0;position:relative;}
.group_type .group_tit::before {content:'♣ '; color:#a4b7d7;}

.group_process_ul{
	position:relative;
	width:100%;
	margin:10px 0 16px 0;
}
.group_process_ul > li{
	display:inline-block;
	width:50%;
	max-width:150px;
}
.group_process_ul > li > .group_league{
	display:block;
	text-align:center;
	padding:6px 10px;
	cursor:pointer;
	border:1px solid #666;
	border-radius:4px;
}
.group_process_ul > li > .group_league.on{
	background-color:#242424;
	color:#fff;
}

.playerTeamName	{ color:#005e9e; display:block !important; margin:0 0 3px 0 !important; font-weight:700;s}
.playerName		{ display: block; float: left; margin:8px; }
.playerLabel	{ line-height:16px; margin-left:0 !important; }
.playerLabel	{ line-height:100% !important; }
.playerRank		{ display:inline-block; background:#333; color:#fff; border-radius:3px; margin:2px 0 0 5px !important; padding:2px 4px;font-size:12px; font-weight:700;}
.playerRank1	{ background:#004f92; }
.league_tbl .playerLabel BR {display:none;}
.hide {display:none !important;}

.group_type.on .process_data.on{}
.group_type .process_data  {display:none;}

.match_view_wrap									{ display:block; overflow:hidden; }
.match_info_wrap									{ display:block; overflow:hidden; border-top:1px solid #333; margin:0 0 20px 0; }
	.match_info_core								{ display:block; overflow:hidden; border-bottom:1px solid #ddd; }
		.match_info2								{ display:block; overflow:hidden; width:50%; float:left; }
		.match_info1								{ display:block; overflow:hidden; }
			.match_info_dl							{ display:block; overflow:hidden; position:relative; }
				.match_info_dt						{ display:block; overflow:hidden; width:30%; position:absolute; top:0; height:100%; border-right:1px solid #ddd; border-left:1px solid #ddd; box-sizing:border-box; left:0; background:#f7fcfe; }
				.match_info_dt1						{ width:20%; }
				.match_info_dt2						{ width:40%; }
				.match_info_tit						{ display:block; overflow:hidden; position:absolute; left:0; width:100%; text-align:center; font-weight:700; top:50%; word-break:keep-all; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }

				.match_info_dd						{ display:block; overflow:hidden; float:right; border-right:1px solid #ddd; box-sizing:border-box; }
				.match_info_dd1						{ width:80%; }
				.match_info_dd2						{ width:60%; }
					.match_info_body				{ display:block; overflow:hidden; margin:12px 7px; }
		.match_info2:first-child .match_info_dd		{ border:0; }

					.comp_loc_ul					{ display:block; overflow:hidden; }
					.comp_loc_ul li					{ display:block; overflow:hidden; margin:0 0 5px 0; }
					.comp_loc_ul li:last-child		{ border:0; margin:0; padding:0; }
						.loc_name					{ display:inline-block; font-weight:700; }
					.comp_loc_ul li a				{ display:inline-block; vertical-align:middle; }
					.comp_loc_ul li a img			{ display:inline-block; margin:-4px 0 0 2px;  vertical-align:middle; }
					.comp_loc_ul li a span			{ display:none; }

					.g_que_wrap						{ display:block; overflow:hidden; }
					.g_que_wrap li					{ display:block; overflow:hidden; border-bottom:1px dashed #ddd; margin:0 0 5px 0; padding:0 0 5px 0; }
					.g_que_wrap li:last-child		{ border:0; margin:0; padding:0; }

.match_info_text_wrap								{ display:block; overflow:hidden; line-height:initial;  margin:20px 0; padding:20px; font-weight:300;}
.match_info_text_wrap	p {line-height:2em;}

._vc_bank_notice{color:#cc0000;display:block;}

.resp_tbl_wrap {}
.resp_tbl_wrap .match_pay{width:100%;border-collapse:collapse;border:1px solid #ddd;border-top: 2px solid #666;font-size:0.95em;}
.resp_tbl_wrap .match_pay thead{background-color:#f9f9f9;}
.resp_tbl_wrap .match_pay thead th {padding:10px; border:1px solid #ddd;border-bottom:0px;}
.resp_tbl_wrap .match_pay tbody th,
.resp_tbl_wrap .match_pay tbody td{padding:10px;border:1px solid #ddd;text-align:center;}
.resp_tbl_wrap .match_pay tbody th {background-color:#f7fcfe;}



/* 댓글 수정 및 작성 (from 경탁)  */
	.repl_wrap														{ display:block; border:0; width:100%; overflow:hidden; }
		.repl_ol													{ display:block; width:100%; margin:10px 0 0 0; padding:0;}
			.repl_li												{ display:block; width:100%; padding:15px 0 ; margin:0; border-top:1px dashed #ddd; overflow:hidden; }
			/* REPL. BODY */
				.repl_body_wrap										{ display:block; overflow:hidden; }
				._vc_reply_notice									{ background:#f8f8f8; }
				._vc_reply_notice .repl_core						{ padding:5px; font-weight:700; border:1px solid #ddd; box-sizing:border-box; }
					.repl_body_name									{ display:block; width:16%; float:left; }
						.repl_name_core								{ display:block; font-weight:700; padding:5px 0 0 0;  margin:0 10px 10px 10px; }
						._vc_reply_notice .repl_name_core			{ color:#0072bc !important; }
						.repl_name_date								{ display:block; color:#777; margin:5px 0 0 0; margin:0 10px; word-break:keep-all; font-size:0.85em;}
						._vc_reply_notice .repl_name_date			{ }
					.repl_body_cont									{ display:block; width:80%; float:left; border-left:1px solid #ddd; padding:0 0 0 3%; min-height:45px; }
						.repl_core									{ display:block; width:70%; float:left; padding:5px 0; text-align: left; background-color:#fff; border:1px solid #fff; color:#333; }
						.repl_del									{ display:block; width:10%; float:right; padding:5px 0; margin:5px 0 0 10px; text-align:center; background-color:#fafafa; border:1px solid #aaa; color:#333; font-size:12px; }
						.repl_edi									{ display:block; width:10%; float:right; padding:5px 0; margin:5px 0 0 0; text-align:center; background-color:#fafafa; border:1px solid #aaa; color:#333; font-size:12px; }
						.repl_del:hover,
						.repl_edi:hover								{ background-color:#333; color:#fff; }

			/* REPL. SECRET */
				.repl_secr_wrap										{ display:none; }

			/* REPL. EDIT */
				.repl_edit_wrap										{ display:none; }
					.repl_auth_box									{ }
					.repl_edit_box									{ display:block; width:100%; margin:10px 0 0 0; overflow:hidden; }
						.repl_writer								{ display:block; width:100%; padding:0 0 10px 0; }
						.repl_edit_txtarea							{ display:block; width:90%; float:left; height:60px; border:1px solid #ddd; resize:none; }
						.repl_edit_exe								{ display:block; width:9%; float:right; height:62px; border:1px solid #ddd; background-color:#fafafa; cursor:pointer; }



@media (max-width:1380px){
	.top_search_area #bo_sch{
		text-align:center;
		width:100%;
	}
	.top_search_area #bo_sch .frm_flex{
		display:inline-block;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1484px) {
	.radio_btn_wrap .radio_group{
		width: calc(100% / 4);
	}
}
@media only screen and (max-width: 768px){
	.radio_btn_wrap .radio_group{
		width: calc(100% / 4);
	}
}
@media only screen and (max-width: 700px){
	.radio_btn_wrap .radio_group{
		width: calc(100% / 3);
	}
}
@media (max-width: 600px){
	.to_title > h3 > span{display:block;}
	#to_view_wrap .to_header .to_writer ul > li {
		display: block;
		text-align:left;
	}
	.to_info > .flex {flex-direction:column;}
	.to_list td a {text-decoration:underline;color:#1748a4;}
}
@media only screen and (max-width: 530px){
	.radio_btn_wrap .radio_group{
		width: calc(100% / 2);
	}
}
@media only screen and (max-width: 350px){
	.radio_btn_wrap .radio_group{
		width: calc(100% / 1);
	}
}
@media only screen and (min-width: 0px) and (max-width: 767px){
	.to_cont_tabs > ul {border-bottom:0;}
	.to_cont_tabs > ul > li {
		float: left;
		width: calc(100% / 3);
		border-bottom:1px solid #405988;
	}
	.to_cont_tabs > ul > li:nth-child(4), .to_cont_tabs > ul > li:nth-child(5) {
		width: calc(100% / 2);
	}
	.match_info2 {
		display: block;
		overflow: hidden;
		width: 100%;
		float: none;
	}
	.match_info_dt1 {
		width: 30%;
	}
	.match_info_dd1 {
		width: 70%;
	}
	.match_info_dt2 {
		width: 30%;
	}
	.match_info_dd2 {
		width: 70%;
	}

}