@charset "utf-8";
/* ----------
css
---------- */
/* ************* A조 참가팀 소개 ************* */
@media all and (max-width:800px){
	/* 탭 */
	.team-tab-list {margin-bottom: 40px;}
	.team-tab-list > li {height: 35px;}
	.team-tab-list > li a {font-size: 14px; line-height: 35px;}
	/* 표 */
	.team-list-box{width:100%;}
	.team-list-con{position:static; width:100%; margin-left: 1px;}
	.team-list-con-inner{display:block;}
	.team-list-con-inner > h3, .team-list-con-inner > div{display:block; height:89px; padding:5px 0; border:1px solid #ddd; width: calc(25% - 1px); float: left; margin-left: -1px; margin-top: -1px;}
	.team-list-con-inner.first > h3, .team-list-con-inner.first > div{border-left: 1px solid #ddd;}
	.team-list-con-inner > h3{border-left:1px solid #ddd; font-size:14px; line-height: 89px;}
	.team-list-con-inner > div p{font-size:12px; line-height:16px; width:100%; height:32px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

	.team-list-con-inner:hover > h3{background-color:var(--main-color); color:#fff; border-color:var(--main-color);}
	.team-list-con-inner:hover > div{border-top-color:#ddd; border-bottom-color:#ddd;}
	.team-list-con-inner:hover > div:last-child{border-right-width:1px; border-right-color:#ddd;}
	.team-list-con:hover:before{display:none;}
	.team-list-con:hover:after{display:none;}
}

/* ****************** 경기결과 ********************** */
@media all and (max-width:800px){
	.match-select-box{display: flex; flex-wrap:wrap; float:none; margin: 0 -5px;}
	.match-select-box > select{width: calc(25% - 10px); margin: 5px; height:40px; font-size:12px; padding-left: 10px; -webkit-box-sizing: border-box; box-sizing: border-box;}
	
	.team-view-information-box,
	.team-view-box{margin-bottom: 40px;}
	
	/* -------- 전체 경기결과 -------- */
	.total-match-result-tbl{width:100%; border-collapse:separate;}
	.total-match-result-tbl thead th{font-size:13px; line-height:1.6; padding:10px 0;}
	.total-match-result-tbl tbody th, .total-match-result-tbl tbody td{font-size:13px ; line-height:1.42; padding:11px 0;}
	.total-match-result-tbl .record-detail-btn{width:60px; height:24px; line-height:24px; font-size:12px;}
	/* -------- 전체 경기결과 :: 경기결과 -------- */
	.result-box{width:100%; display:table;}
	.result-box > li{width:184px;}
	.result-box > li.team-left{text-align:right;}
	.result-box > li.team-right{text-align:left;}
	.result-box > li.score{width:80px; font-size:15px;}
	.result-box > li strong{margin:0 5px; max-width: none; width: calc(100% - 37px);}
	.result-box > li span{width:20px; height:20px;}
	.result-box > li span img{max-width:20px; max-height:20px;}
	.result-box > li em.win-mark{display: block;}
	/* -------- 팀/선수 경기결과 -------- */
	.team-match-result-tbl{width:100%; border-collapse:separate;}
	.team-match-result-tbl thead th{font-size:13px; line-height:1.6; padding:10px 0;}
	.team-match-result-tbl tbody td{font-size:12px ; line-height:1.42; padding:11px 0;}
	.team-match-result-tbl tbody td.team, .team-match-result-tbl tbody td.league{padding-left:15px; text-align:left;}
	.team-match-result-tbl .record-detail-btn{width:60px; height:24px; line-height:24px; font-size:12px;}

	.result-box.type2{display:block;}
	.result-box.type2 > p{display:block;}
	.result-box.type2 > p strong, .result-box.type2 > p span{float:left;}
	.result-box.type2 > p strong{font-weight:400; margin:0 7px; max-width:220px;}
	.result-box.type2 > p span{display:inline-block; vertical-align:middle; width:28px; height:28px; background-color:#eee; border:1px solid #dedede; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%; text-align:center;}
	.result-box.type2 > p span img{max-width:20px; max-height:20px;}
}
@media all and (max-width:480px){
	.match-select-box{margin: 0 -3px;}
	.match-select-box > select{width: calc(50% - 6px); margin: 3px;}
}


/* ****************** 팀/선수 상세보기 ********************** */
@media all and (max-width:800px){
	.team-view-information-box > .team-logo{float:none; width:100%; height:130px; line-height:130px;}
	.team-logo > img{max-width:100%;}
	.team-info-tbl-box{margin-top: 15px; float:none; width:100%;}
	.team-view-sub-tit{font-size:16px; line-height:1.4; margin-bottom:10px;}

	.team-comm-tbl.m-block,
	.team-comm-tbl.m-block tbody,
	.team-comm-tbl.m-block tr,
	.team-comm-tbl.m-block th,
	.team-comm-tbl.m-block td{display: block;}
	.team-comm-tbl.m-block{border-left: 1px solid #ddd;}
	.team-comm-tbl.m-block:not(.bort0){border-top: 2px solid #222;}
	.team-comm-tbl.m-block tr{display: flex; flex-wrap:wrap;}
	.team-comm-tbl.m-block th,
	.team-comm-tbl.m-block td{width: 25%; font-size:13px; line-height:1.7; padding:10px; border-left: none; border-top: none; -webkit-box-sizing: border-box; box-sizing: border-box;}
	.team-comm-tbl.m-block th.w-100,
	.team-comm-tbl.m-block td.w-100{width: 100%; text-align: center;}
	.team-comm-tbl.m-block td.player-name{width: 20%;}
	.team-comm-tbl.m-block tr:first-child th, 
	.team-comm-tbl.m-block tr:first-child td {border-top: none;}

	/* 팀/선수 상세보기 테이블 공통 */
	.team-comm-tbl{width:100%;}
	.team-comm-tbl th, .team-comm-tbl td{font-size:13px; line-height:1.7; padding:10px 0; text-align: center;}
	/* 스크롤 박스 :: 테이블 */
	.team-tbl-tit-box{width: 120px;}
	.team-tbl-scroll-box{width: calc(100% - 120px); overflow: hidden;}
	.team-tbl-scroll-inner {width: 100%; margin-bottom: 0;}
}

/* ************* 팀 공격순위 ************* */
@media (max-width: 800px){
	.ranking-view-box{display: none;}
	.ranking-view-box-m{display: block;}

	.compare-select-head{float: left;}
	.compare-select-head table{width: 100%; table-layout:fixed;}
	.compare-select-head table tr{}
	.compare-select-head table th{border-top: 2px solid #222; border-left: 1px solid #ddd; font-size: 13px; line-height: 1.6em; color: #333; font-weight: 400; letter-spacing: -0.5px; text-align: center; background-color: #eee; border: 1px solid #ddd; border-top: 2px solid #222; padding: 10px 0; border-right: none;}
	.compare-select-head table td{font-size: 12px; line-height: 20px; color: #333; font-weight: 400; letter-spacing: -0.5px; text-align: center; border: 1px solid #ddd; padding: 11px 0; vertical-align: middle; background-color: #fff; height: 45px; border-right: none;}
	.compare-list-con{padding-top: 1px;}
	.result-box.type2 > p strong {display: block; width: 60%; height:20px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
	.result-box.type2 em{display: block; font-size: 11px; margin-top: 5px;}
	.compare-select-head table th.num, .compare-select-head table td.num{width: 30px; border-left: none; border-bottom: none;}

	.model-compare-con{overflow: hidden; position: relative; padding-left: 165px; background-color: #fff;}

	.compare-select-head, #compareResultHead {position: absolute; left: 0; width: 165px; border: 1px solid #ddd; z-index: 99;}
	.compare-select-head table, #compareResultHead table {width: 100%;}
	.compare-select-head th {height: 23px; padding: 0 5px; border-bottom: 1px solid #ddd; -ms-word-break: keep-all; word-break: keep-all;}
	.compare-select-head .result-box.type2 > p span img {max-width: 16px; max-height: 16px;}
	.compare-select-head .result-box.type2 > p {padding: 0 10px;}
	.compare-select-head table td:last-child{border-bottom: none;}

	/* 스와이프 테이블 */
	.team-match-result-tbl tbody td {font-size: 14px; line-height: 20px; color: #333; font-weight: 400; letter-spacing: -0.5px; text-align: center; border: 1px solid #ddd; padding: 11px 0; vertical-align: middle; background-color: #fff; height: 45px; border-left: none;}
	.team-match-result-tbl tbody tr td:first-child {border-left: none;}
	.team-match-result-tbl thead th {font-size: 13px; line-height: 1.6em; color: #333; font-weight: 400; letter-spacing: -0.5px; text-align: center; background-color: #eee; border: 1px solid #ddd; border-top: 2px solid #222; padding: 10px 0; height: 23px;}
}

@media (max-width: 800px){
	.team-match-result-tbl tbody td {font-size: 12px; line-height: 22px; padding: 11px 0; height: 45px;}
}