/*스와이퍼 기본*/
.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }


.bg_fff h4{font-size: 1.6rem;margin-bottom: 30px;}

.league_main h4 {width: 100%;display: flex;      align-items: center;  justify-content: space-between;}
.league_main h4 span{font-size:0.9rem;color:#666;position: relative;padding-right:10px;cursor: pointer;}
.league_main h4 span::before{content:'';display: block;width: 8px;height: 8px; border-top:1px solid #666; border-right:1px solid #666;transform: rotate(45deg) translateY(-50%);position: absolute;right:0;top:50%;}

.league_main .sec{padding:20px 0;}
.league_main .after_bot{padding-top:210px;}
.league_main .last_bot{padding-bottom:150px;}
.league_main .section01{padding-bottom:0;}
.league_main .day span{color:#3d98d9;display: inline;}



.league_main .section02 .swiper-slide{padding:22px;border-radius: 20px;overflow:hidden ;background: rgba(255,255,255,0.6);box-shadow: 0 0 10px rgba(0,0,0,0.1);}


.league_main .section02 .day{font-size: 1rem;color:#666;}
.league_main .section02 .battle{display: flex;justify-content: center;align-items: flex-end;margin:20px 0px 16px;}
.league_main .section02 .battle .center{width: 30%;}
.league_main .section02 .battle >div{width: 35%;}

.league_main .section02 .battle p{display: flex;align-items: center;justify-content: center;}
.league_main .section02 .battle p:first-child{color: #3d98d9;font-size: 1.5rem;line-height: 18px;}
.league_main .section02 .battle p:first-child strong{color:#3d98d9}
.league_main .section02 .termination span{font-family: 'TmonMonsori';}
.league_main .section02 .battle strong{font-size: 1.4rem;font-weight: 900;margin:0 10px;font-family: 'TmonMonsori';color: #888;}
.league_main .section02 .battle i{display: block; width: 100%;padding-bottom:100%;;margin-bottom:10px;}

.league_main .section02 .game_results{margin-bottom:14px;;}
.league_main .section02 .game_results span{width: max-content;margin:0 auto;padding:4px 12px;border-radius: 20px;font-size: 0.85rem;;}

.league_main .loca > span{display: flex ;   justify-content: center;
    align-items: center;;margin-top:4px;}
    .league_main .loca{font-size: 0.85rem;color: #666;}
.league_main .loca span img{margin-right:5px;width: 12px;;}  

.league_main .game_results_win .before_proceeding{display: none !important;}
.league_main .game_results_win{border:2px solid #3d98d9;display: block;}


.league_main .game_results_ing .termination{display: none !important;}
.league_main .game_results_ing{border:2px solid #ddd;display: block;}


.search_box select{border:1px solid #ddd;color:#666;padding:12px;font-size:0.9rem;margin-right:10px;;}
.search_box.w50p{width: 50%;margin-left:auto;;}


.search_box select.w30p{width: 30%;;}
.search_box select.w40p{width:  40%;;}


.search_box select#season_list{width: 250px;}
.search_box select:last-child{margin-right:0px;}
.search_box {text-align: right;}
.sec .search_box{display: flex;} 


.table_ul {margin-top:30px;}
.table_ul ul li{display: flex;    justify-content: space-around;text-align: center;}
.table_ul ul li {margin:0 -10px;font-size: 0.9rem;}
.table_ul ul li div{margin:0 10px;padding:12px 0;}
.table_ul ul li div.game p{display: inline-flex;justify-content: space-around;align-items: center;width: calc(100% / 4);margin-left:-4px;height: 100%;}

.table_ul ul li div.no{width: 10%;display: flex;justify-content: center;    align-items: center;}
.table_ul ul li div.league_name{width: 40%;display: flex;    justify-content: center;
    align-items: center;}

    .table_ul ul.t_body li div.league_name span{width: 90px;text-align: left;}
.table_ul ul li div.game{width: 40%;}
.table_ul ul li div.winning_rate{width: 10%;display: flex;justify-content: center;    align-items: center;}


.table_ul ul li div.league_name img{height: 30px;display: flex;margin-right:10px;;}
.table_ul .t_head div{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);border-radius: 30px;;}
.table_ul .t_body li{border-bottom:1px solid #ddd;cursor: pointer;}

.league_main .notice ul li{position: relative;padding:15px 0;border-bottom:1px solid #ddd;cursor: pointer;}


.league_main .notice ul.t_head li{padding:0;}

.league_main .notice ul li:last-child{border-bottom:none;}
.league_main .notice .tit{margin-top:10px;    color: #666;}
.league_main .notice .day{position: absolute;right:0;bottom:15px;color:#666;font-size: 0.9rem;}

.league_main .section04 > div{display: flex;padding:0}
.league_main .section04 .bg_fff{width: 50%;margin-right: 40px;}
.league_main .section04 .bg_fff:last-child{margin-right: 0px;}




/* ********************************************* *
 * 1600px
 * ********************************************* */
 @media screen and (max-width: 1660px){
   
    
}

/* ********************************************* *
* 1400px
* ********************************************* */
@media screen and (max-width: 1400px){

 
}

/* ********************************************* *
* 1200px
* ********************************************* */
@media screen and (max-width: 1200px){
  .league_main .sec {padding: 20px 15px;}
  .league_main .after_bot {padding-top: 100px;}
  .league_main .last_bot{padding-bottom:100px;}

  
.league_main .after_bot {padding-top: 210px;}

.league_main .section02 .battle p:first-child{font-size: 1.12rem;}
.league_main .section02 .battle strong {  font-size: 1rem;  margin: 0 5px;}



}

/* ********************************************* *
* 1024px
* ********************************************* */
@media screen and (max-width: 1024px){

  .league_main .section02 .battle strong {font-size: 1.2rem;  margin: 0 6px;}

  
}

/* ********************************************* *
* 960px
* ********************************************* */
@media screen and (max-width: 960px){

  .poin_h1 {font-size: 3rem;}
  .txt {font-size: 1.125rem;}
}
/* ********************************************* *
* 840px
* ********************************************* */
@media screen and (max-width: 840px){
  .league_main .section04 > div {flex-direction: column;}
  .league_main .section04 .bg_fff {width: 100%;}
  .league_main .section04 .bg_fff:last-child { margin-top: 40px;}
  .league_main .sec {    padding: 12px 15px;}
  .league_main .section04 .bg_fff:last-child {margin-top: 24px;}

  .league_main .section04 .bg_fff:last-child{  margin-bottom: 70px;}

}

/* ********************************************* *
* 768px
* ********************************************* */
@media screen and (min-width: 769px){

 

}

@media screen and (max-width: 768px){
  .bg_fff {padding: 30px;border-radius: 10px;}
  .bg_fff h4 {font-size: 1.5rem;margin-bottom: 15px;}
  .tit {font-size: 0.9rem;}

  .league_main .section02 .battle strong {font-size: 1.2rem; margin: 0 5px;}
  .league_main .section02 .battle {margin: 15px 0 10px;}
  .league_main .section02 .swiper-slide {   padding: 20px;border-radius: 10px;}
  .search_box.w50p {width: 70%;}



  .search_box select {padding: 8px;}



}

/* ********************************************* *
* 640px
* ********************************************* */
@media screen and (max-width: 640px){
  .league_main .sec {padding: 10px 15px;}

  .league_main .section04 .bg_fff:last-child {margin-top: 20px;}

  .poin_h1 {font-size: 2.5rem;    margin-bottom: 10px;}
  .txt {font-size: 1rem;}


  .league_main .after_bot {padding-top: 70px;}


.table_ul{overflow-x:scroll ;}
.table_ul ul{width: 510px;}
.table_ul {  margin-top: 22px;}

.table_ul ul li div {margin: 0 4px;}
.table_ul ul li {margin: 0 -4px;}


.league_main .after_bot {padding-top: 180px;    margin-bottom: 0;}
.league_main .section02 .battle i {margin-bottom: 10px;}

}
/* ********************************************* *
* 550px
* ********************************************* */
@media screen and (max-width: 550px){

  .search_box.w50p {width:100%;}
}


/* ********************************************* *
* 500px
* ********************************************* */
@media screen and (max-width: 500px){

  .league_main .section04 .bg_fff:last-child {margin-top: 20px;}
  .league_main .section02 .swiper-slide {    padding: 12px;}


}

/* ********************************************* *
* 440px
* ********************************************* */
@media screen and (max-width: 440px){
  .bg_fff h4 {font-size: 1.25rem;}

  .bg_fff {border-radius: 5px;    padding: 16px;}


  .league_main .sec {padding: 10px 15px;}
  .league_main .section01 {padding-top: 40px ;margin-bottom:10px;}

  
  .poin_h1 {font-size: 2rem;    margin-bottom: 4px;}
  .txt {font-size: 0.9rem;}
  
 .bg_fff {padding: 20px;}
 .league_main h4 span {  font-size: 0.8rem;    padding-right: 6px;}
 .league_main h4 span::before {width: 6px; height: 6px; top:43%;}

 .poin_h1 {  font-size: 1.5rem;}
  

.table_ul ul li { font-size: 0.8rem;}
.table_ul ul li div {  padding: 8px 0;}

.table_ul ul {width: 500px;}
.table_ul {  margin-top: 16px;}


.league_main .after_bot {padding-top: 170px; }
}
/* ********************************************* *
* 350px
* ********************************************* */
@media screen and (max-width: 350px){
  .search_box.w70p {width: 100%;}

  .table_ul ul {width: 400px;}

  .league_main .section02 .game_results span { padding: 3px 10px; font-size: 0.8rem;}
  .league_main .section02 .game_results {margin-bottom: 15px;}

  .league_main .loca > span {margin-top: 4px;}


}