.tit{font-size:0.95rem;}
.txt{font-size:1.25rem;font-weight: 600;}
h4{font-size: 2rem;;font-family: 'TmonMonsori';font-weight: bolder;text-align: center;margin-bottom:50px;}
.sec{padding:140px 0;}
input{border:1px solid #ddd;padding:10px;display: flex;border-radius: 15px;}


/* .hitter .scroll_table{max-height: 330px;  overflow-y: scroll !important;} */
.hitter .right_table ul:first-child{padding-right: 3px;}
.hitter #defense_hitter_list,
.hitter #attack_hitter_list{max-height: 330px;  overflow-y: scroll !important;}

.hitter #defense_hitter_list::-webkit-scrollbar ,
.hitter #attack_hitter_list::-webkit-scrollbar {width: 3px;  }
.hitter #defense_hitter_list::-webkit-scrollbar-thumb,
.hitter #attack_hitter_list::-webkit-scrollbar-thumb {background-color: #ddd; }
.hitter #defense_hitter_list::-webkit-scrollbar-track,
.hitter #attack_hitter_list::-webkit-scrollbar-track {background-color: #f5f5f5;}




.result_icon{margin-top: 6px;font-size: 0.8rem;text-align: center;}
.result_icon span{width: fit-content;padding:3px 8px;border-radius: 2px;margin:0 auto;font-weight: 400 !important;}

.no_search{padding:90px 0; border-bottom:1px solid #ddd;text-align: center;color: #666;}

.poin_h1{font-size: 3.5rem;;font-family: 'TmonMonsori';text-align: center;margin-bottom:20px;}


.main_header{border-bottom:1px solid #f1f1f1;}
header{transition-duration: 0.6s;border-bottom:none;z-index: 99;background: #fff;}
header.h_scroll{position: fixed;width: 100%; }

/* header.h_scroll .top_main_h{display: none;} */


.main_header > div{display: flex;    justify-content: space-between;    align-items: center;padding:10px 0;}
.main_header h1{width: 150px;;}
.main_header h1 a{font-size: 2rem;display: block;}
.main_header h1 a img{width: 100%;height: 100%;}
.main_header .h_right{display: flex;     align-items: center;}
.main_header .h_right ul{display: flex; }
.main_header .h_right ul li{margin-right: 20px;;}
.main_header .h_right ul li:last-child{margin-right: 0px;;}
.main_header .navigation{margin-right:30px;padding-right:30px;position: relative;} 
.main_header .navigation li a{font-weight: 800;}
.main_header .navigation::after{content:'';display: block;width: 2px;height: 10px;position: absolute;right:0;top:50%;transform: translateY(-50%);background: #ddd;;} 
.main_header .my_sec{font-size: 0.95rem;color:#666;}

.bg_fff{background: rgba(255,255,255,0.6);box-shadow: 0 0 10px rgba(255,255,255.0.8);padding:50px;border-radius: 30px;overflow: hidden;}

.bg_img{ }




/*footer*/
footer {padding:60px 0 30px;}
footer .fot_top{display: flex;}

footer .fot_top ul{display: flex;;    flex-direction: column;    justify-content: center;}
footer .fot_top h1{font-size: 2.3rem;font-family: 'TmonMonsori';margin-right:20px;;    width: 180px;}
footer .fot_top h1 img{width: 100%;}
footer .fot_top ul li{display: flex;margin-bottom:8px;}
footer .fot_top ul li:last-child{margin-bottom:0px;}
footer .fot_top ul li span{margin:2px 0;margin-right:15px}

footer .fot_bot {margin-top:30px;padding-top:30px;border-top:1px solid #ddd;} 
footer .fot_bot > div{display: flex;    justify-content: space-between;}
footer .fot_bot ul {display: flex;} 
footer .fot_bot ul li{margin-right:15px;;}
footer .fot_bot >div>p{opacity: 0.6;font-weight: 200;}



/*league_header*/
.league_header{border-bottom:1px solid #f1f1f1;}
.league_header .top_main_h{background: #f5f5f5;}
.league_header >div > div{display: flex;    justify-content: space-between;    align-items: center;padding:10px 0;    z-index: 9;} 
.league_header .bot_main_h h1 a{display: flex;height: 100%; align-items: center;} 
.league_header h1 a{font-family: 'TmonMonsori';font-size: 1.2rem;} 
h1 a{font-family: 'TmonMonsori';font-size: 2rem;display: flex;}
.league_header h1 a span{display:flex;align-items: center;padding:0 10px 2px;border-radius: 5px;;margin-right:10px;}
.league_header h1 a span:last-child{padding:0;margin-top: 2px;}
.league_header .h_right{display: flex;     align-items: center;justify-content: space-between;} 
.league_header .h_right{display: flex;     align-items: center;}
.league_header .h_right > ul{display: flex; } 
.h_right ul{display: flex; }


.league_header .league_registration{font-weight: 900; color:#3d98d9;cursor: pointer;}
.league_header .league_registration a{display: block ;}

.league_header .top_main_h ul li{    margin-right: 20px;;} 
.league_header .bot_main_h .h_right ul{width: 680px;
    justify-content: space-around;}
    .league_header .bot_main_h .h_right{width: calc(100% - 110px);}
.league_header .bot_main_h .h_right ul li{ /*   width: calc(100% / 5);    */  text-align: center;    position: relative;;} 
.league_header .h_right ul li:last-child{margin-right: 0px;;} 


.league_header .navigation{margin-right:30px;padding-right:30px;position: relative;}  .navigation{margin-right:30px;padding-right:30px;position: relative;} 
.league_header .navigation li a{font-weight: 800;} .navigation li a{font-weight: 800;}
.league_header .navigation::after{content:'';display: block;width: 2px;height: 10px;position: absolute;right:0;top:50%;transform: translateY(-50%);background: #ddd;;}  .navigation::after{content:'';display: block;width: 2px;height: 10px;position: absolute;right:0;top:50%;transform: translateY(-50%);background: #ddd;;} 
.league_header .my_sec{font-size: 0.95rem;color:#666;} .my_sec{font-size: 0.95rem;color:#666;}

.league_header .navigation{margin-right:0;padding-right:0;}
.league_header .navigation::after{display: none;}

.league_header .bot_main_h h1{width: 80px;    height: 80px;    overflow: hidden;}
.league_header .bot_main_h h1 img{width: 100%;}


.team_header.league_header .bot_main_h .h_right ul { width: 430px;}



header{position: relative;    position: fixed;
    width: 100%;}
    #secWrap > .con{padding-top:240px;min-height: 72vh;}
header .navigation ul li{position: relative;}
header .navigation ul li a{padding-bottom:40px;}
header .depth02{position: absolute;display: block;width: 230% !important;left:50%;top:58px;transform: translateX(-50%);text-align: center;background: #fff;border:1px solid #ddd;border-top:2px solid #3d98d9;padding:20px;display: none;}
header .navi_top .depth02{display: none !important;}
header .depth02 li{width: 100% !important;margin-bottom:15px;}
header .depth02 li:last-child{margin-bottom:0px;}

header  .bot_main_h .navigation ul li:hover .depth02{display: block !important;}



/*main_sub_header*/
.main_sub_header {position: relative;    padding-top: 20px;}
.main_sub_header .bg_img{position: relative;width: 100%;background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/YA9MATE/163527418725407.jpg) top/cover; padding-bottom:20%;}

.main_sub_header .bg_img .text_box{position: absolute;width: 100%; text-align: center;top:60%;transform: translateY(-50%);color: #fff;;}

.main_sub_header ul{display: flex;background: rgba(0,0,0,0.6);position: absolute;bottom:0;left:50%;transform: translateX(-50%);padding: 0;}
.main_sub_header ul li{width: 33.3%;color:#fff;text-align: center;}
.main_sub_header ul li.on{background: #3d98d9;color: #fff;font-weight: 500;}
.main_sub_header ul li a{display: block;padding:25px 15px;}







.community_view .con_txt{padding:20px 0;    line-height: 33px; color:#444;min-height: 400px;border-bottom:1px solid #ddd;}

.community_view .notice_ul li:hover{box-shadow:none !important;border-radius: 0 !important;}
.community_view .notice_ul li{padding:0 0 20px!important;}
.community_view .but{width: 200px;/* margin:0 auto; */}
.community_view button{border-radius: 0;padding:20px 60px;;} 




/*mo_header*/
.mo_header{display: none;}
.mo_header .click_but{position: absolute;right:15px;top:50%;transform: translateY(-50%);width:25px;height:25px;display: flex; flex-direction: column;    justify-content: space-around;z-index: 99;text-align: right;align-items: flex-end;}
.mo_header .click_but span{background: #666;width:100%;height: 2px;;}
.mo_header .click_but span:first-child{width: 70%;}

.mo_header .click_but.on span{background: #fff;;}
.mo_header .click_but.on span:first-child{width: 100%;transform: rotate(45deg) translate(9px, 9px);transition-duration: 0.3s;}
.mo_header .click_but.on span:last-child{width: 100%;transform: rotate(-45deg);transition-duration: 0.3s;}



.mo_header .depth01{position: absolute;    z-index: 9;right:0;top:0;width: 50%;text-align: right;padding:70px 15px 15px;background: #3d98d9;z-index: 1;;border-radius: 0 0  0 40px;color: #fff;display: none;}


.mo_header .depth01 li{padding:15px 0;}

.mo_header .depth01 li > em{display: block;font-size: 1.125rem;font-weight: 500;}


.league_header .mo_header .depth02 {position: initial;width: inherit !important;text-align: right;    left: 0;    top: 0;transform: none;text-align: center;background: transparent;
    border: none; border-top: none;  padding: 0; margin-top:10px;display: none;}

    .league_header .mo_header .depth02 li{padding:0;text-align: right;font-weight: 300;
        margin-bottom: 5px;}
        .league_header .mo_header .depth02 li a{display: block;font-weight:300;font-size: 0.9rem;;}


         .mo_header .depth01 > li.last_my_but ul{display: flex;    justify-content: flex-end;}
       .mo_header .depth01 > li.last_my_but li{color:#fff; margin-left:10px;}
       .mo_header .depth01 > li.last_my_but{display: none;opacity: 0.8;}
       .mo_header .depth01 > li .my_sec{padding: 0;}

/* 페이지네이션 */
.pagination_container{text-align: center;  display: flex;align-items: center;justify-content: center;}
.pagination_container .arrow{ cursor: pointer;color: #666;font-weight: 600;width:8px;opacity: 0.6;;}
.pagination_container .arrow.next{ transform: rotate(180deg);}
.pagination_container .arrow img{width: 100%;}
.pagination_container .active{ color: #3d98d9;font-weight: bold;}
.pagination_container div{margin:0 15px;color: #888;}



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

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

 
}

/* ********************************************* *
* 1200px
* ********************************************* */
@media screen and (max-width: 1200px){
    .main_header > div{padding:10px 15px;}

    .league_header >div > div{padding:10px 15px}

    .main_sub_header .bg_img {padding-bottom: 20%;}

}

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

    .main_sub_header .bg_img{padding-bottom:30%;}
  
}

/* ********************************************* *
* 960px
* ********************************************* */
@media screen and (max-width: 960px){
    .league_header .navigation {width:80%;}
    .league_header .bot_main_h .h_right ul {width: 100%;}

    footer .fot_bot ul li:last-child{display: none;}
}

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

}

@media screen and (max-width: 768px){
    footer .fot_top {display: block;}
    footer .fot_top h1 {font-size: 1.8rem;margin-bottom:10px;}
    footer .fot_bot > div{display: block;}
    footer .fot_bot >div>p { margin-top: 15px;text-align: right;}

    .league_header .bot_main_h h1 {width: 60px;margin-right:10px;height: 60px;}

    .league_header .bot_main_h .h_right {    width: calc(100% - 78px);    }


    .league_header .navigation {width:85%;}
    .league_header .bot_main_h > div { justify-content: flex-start;}

    
    .main_sub_header .bg_img {padding-bottom: 25%;}
    
    .main_sub_header h4 {font-size: 2rem !important;}
    .main_sub_header ul li a {font-size: 0.85rem;
        display: block;
        padding: 15px 15px;
    }

    .main_sub_header .bg_img{padding-bottom:35%;}

}

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

    .main_header .navigation {margin-right: 15px;padding-right: 15px;}
    .main_header h1 a { font-size: 1.5rem;}
    
.mo_header{display: block;}
.main_header .navigation{display: none;}


.main_header .my_sec { padding-right: 45px;}

.league_header >div > div{position: relative;}
.league_header .navigation{display: none;}


.tit {font-size: 0.9rem;}
.main_header h1 {width: 100px;}
footer .fot_top h1{width: 120px;}
}

/* ********************************************* *
* 500px
* ********************************************* */
@media screen and (max-width: 500px){
    footer {padding: 20px 0 20px;}
    footer .fot_bot {margin-top: 20px;padding-top: 20px;}
    footer .small {font-size: 0.8rem;}
    footer .fot_top  ul{opacity: 0.8;}
    footer .fot_top h1 {font-size: 1.5rem;}


    .main_sub_header h4 {font-size: 1.5rem !important;}
    .main_sub_header .bg_img {padding-bottom: 30%;}
    .main_sub_header ul li a { padding: 10px 15px;}
    
    .main_sub_header .bg_img{padding-bottom:38%;}
}
/* ********************************************* *
* 450px
* ********************************************* */
@media screen and (max-width: 450px){
  .h_right .my_sec{display: none;}
   .mo_header .depth01 > li:last-child{display: block;}



   input {padding: 8px;}

   
.community_view .but{width: 100%;}
.community_view .but button { padding: 15px;    border-radius: 5px;}

footer .fot_top h1 {width: 90px;}
}

/* ********************************************* *
* 400px
* ********************************************* */
@media screen and (max-width: 400px){
    footer .fot_top ul li{display: block;}


    .league_header .top_main_h ul li {margin-right: 10px;}
    .tit {font-size: 0.8rem;}

    .league_header .bot_main_h h1 {        width: 60px;   margin-right:10px; }

    

    .main_sub_header h4 {font-size: 1.4rem !important;}
    .main_sub_header .bg_img {padding-bottom: 40%;}


    .mo_header .depth01 { width: 80%;}

    .main_header h1 {        width: 80px;   display: flex;
        align-items: center; }
        .main_header h1 a img {  display: flex;}
}