.esport_tab{display:none;}
.esport_tab div{display:flex;justify-content:center;align-items:center;flex-basis:24.5%;height:50px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;
    font-size:var(--custom-font-size-md);cursor:pointer;background-color:#FFF; border:1px solid #319EFD;border-radius:50px;font-weight:bold;color:#000;}
.esport_tab div:hover, .esport_tab .selected{background-color:#319EFD;color:#FFF;}
.esport_tab div > a{display: block;width:90%;word-break: break-word;white-space:normal}


.esport_area{position:relative;display:inline-block;width:100%;}
.esport_list ul{margin:0;padding:0;position:relative;list-style-type:none;cursor:pointer;text-align:center;}
.esport_list li{position:relative;display:inline-block;width:31%;margin:0 1.5% 15px 0;text-align:center;border:1px solid var(--custom-gray2);background-color:var(--custom-white);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:hidden;}
.esport_list li a{display:block;}
.esport_list li .list_namebox{padding:20px;text-align:left;background-color:var(--custom-gray1);}
.esport_list li .list_namebox .btn{margin-top:5px;width:100%;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.esport_list .img_wrap{position:relative;width:100%;padding-bottom:100%;overflow:hidden;}
.esport_list .img_wrap img{position:absolute;width:100%;height:100%;left:50%;transform:translateX(-50%);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.esport_list .none{margin:0;width:100%;max-width:890px;height:460px;line-height:460px;font-size:var(--custom-font-size-lg);font-weight:bold; border:1px solid var(--custom-gray3);background-color: var(--custom-gray1);}


.esport_item{padding:40px;background-color: var(--custom-gray1);border:2px solid var(--custom-gray2)}
.esport_item .flex_wrap{display:flex;flex-direction:row;gap:40px 10px;}
.esport_item .flex_wrap > div{flex:1;}
.esport_item .item_btn_wrap{margin-top:40px;text-align:center;}
.esport_item .item_btn_wrap .btn{width:100%;max-width:440px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.esport_item .flex_wrap .img_wrap{position:relative;width:100%;overflow:hidden;max-width:340px;}
.esport_item .flex_wrap .img_wrap img{position:absolute;width:100%;height:100%;left:50%;transform:translateX(-50%);}
.esport_item .esports_content{white-space: pre-line;}


.data_table{border-top:1px solid var(--custom-gray3);}
.data_table tr{height:48px;}
.data_table tr:first-child{height:51px;}
.data_table tr > *{text-align:left;}
.data_table tr th{width:38%;background-color: var(--custom-gray2);}
.data_table tr:last-child>*{ border-bottom:1px solid var(--custom-gray3)}

@media (max-width:992px) {
    .esport_tab{display:flex;position:relative;flex-wrap:wrap;justify-content:space-between;gap:10px 0;}
}

@media (max-width:840px) {
    .esport_item{padding:15px;margin-bottom:20px;}
    .esport_item .flex_wrap{flex-direction:column;}
    .esport_item .flex_wrap .img_wrap {padding-bottom:100%;max-width:initial;}
    .data_table tr th{width:40%;}
    .esport_tab div{font-size:var(--custom-font-size-base);}
}


@media (max-width:767px){
    .esport_list li{width:48%;margin:0 1% 10px 0;}
    .esport_list li:nth-child(2n){margin:0 0 10px;}
}

@media (max-width:450px){
    .esport_list li{width:100%;}
    .esport_list li:nth-child(n){margin:0 0 10px;}
}

@media (max-width:440px) {
    .esport_tab div{font-size:var(--custom-font-size-sm);}
}