@charset "utf-8";
/* *******************************************************
 * filename : main_responsive.css
 * description : 메인 레이아웃 및 컨텐츠 반응형 CSS
 * date : 2020-11-25
******************************************************** */

/* ******************  메인 비주얼 ********************** */
@media all and ( max-width: 1024px ){
	#mainVisual{height: auto; min-height: auto;}
	.main-visual-pc-img{display: none;}
	.main-visual-txt-con{position: static;}
	.main-visual-txt-box{align-items: flex-start; justify-content: center; text-align: center;}
	.main-visual-txt-inner{padding-top: 160px;}
	.main-visual-m-img{margin-top: 80px; display: block; width: 100%; position: relative; height: 0; padding-top: 93.37%; background-size: cover !important;}
	.main-visual-txt-con .main-visual-more-btn a{margin: 0 auto;}
	.main-visual-txt-con .main-visual-more-btn a p{text-align: left;}
}
@media all and ( max-width: 800px ){
	.main-visual-txt-inner{padding-top: 120px;}
	.main-visual-txt-con .main-visual-txt1{margin-bottom: 2px; font-size:15px; line-height:1.3;}
	.main-visual-txt-con .main-visual-txt2{margin-bottom:15px; font-size:15px; line-height: 1.3;}
	.main-visual-txt-con .main-visual-txt3{margin-bottom:25px; font-size:20px; line-height: 1.3;}
	.main-visual-txt-con .main-visual-txt4{margin-bottom:35px; font-size:36px; line-height: 1.1;}
	.main-visual-txt-con .main-visual-txt4 b{margin-bottom: 10px; font-size: 50px;}
	.main-visual-txt-con .main-visual-date{padding: 25px 30px; border-radius: 20px;}
	.main-visual-txt-con .main-visual-date dl + dl{margin-top: 10px;}
	.main-visual-txt-con .main-visual-date dt{width: 80px; font-size: 14px; line-height: 1.3;}
	.main-visual-txt-con .main-visual-date dd{width: calc(100% - 80px); font-size: 15px; line-height: 1.3;}
	.main-visual-txt-con .main-visual-date .img {transform: translate(-30%,-30%) scale(0.8);}
	.main-visual-m-img{margin-top: 40px; margin-top: 0;}
}

/* -------- 메인 컨텐츠 :: 컨텐츠2(Baketball League) -------- */
@media all and (max-width:800px){
	#mainLeagueResult{padding: 75px 0 50px;}
	.main-league-result-tit{margin-bottom: 30px; font-size: 30px;}

	/* 탭 :: 팀순위 & 개별순위 */
	.main-league-result-con .tab01 li{border-radius: 10px 10px 0 0;}
	.main-league-result-con .tab01 li a{height:40px; line-height:40px; padding-left:15px; font-size:13px;}
	.main-league-result-con .tab01 li span{right:20px; font-size:11px;}
	/* 탭 :: 조별 */
	.main-league-result-con .tab02{height:40px; padding:0 15px;}
	.main-league-result-con .tab02 li{margin-left: 15px;}
	.main-league-result-con .tab02 li a{line-height:40px; font-size:11px;}
	.main-league-result-con .tab02 li i {top: 1px; font-size: 11px; margin-right: 5px;}

	.main-league-result-box{display: block;}
	/* 탭 :: 지역별 */
	.main-league-result-box .tab03 {width: 100%; height:45px; display: flex;}
	.main-league-result-box .tab03 li{width: 25%; height: 45px; border-top: 0;}
	.main-league-result-box .tab03 li a{height: 45px; font-size:12px;}
	.main-league-result-box .tab03 li:last-child a{border-right: 0;}

	/* 리스트 */
	#Southeast{width: 100%; height:274px;}
	#Southeast ul{padding: 0 25px;}
	#Southeast li p{padding: 14.5px 0; font-size: 12px;}
	#Southeast li .ranking {width: 40px;}
	#Southeast li .ranking span {width: 25px; height: 25px; line-height: 29px; font-size: 11px;}
	#Southeast li .team-logo {width: 80px;}
	#Southeast li .team-logo img {max-height: 20px;}
	#Southeast li .name {padding: 0 10px;}
	#Southeast li .result {width: 80px;}
}