/*table.record_list thead th:nth-child(2) {*/
/*    position: sticky;*/
/*    left: 0;*/
/*    z-index: 2;*/
/*    background: white;*/
/*}*/
/*table.record_list tbody td:first-child {*/
/*    position: sticky;*/
/*    left: 0;*/
/*    background: white;*/
/*    z-index: 1;*/
/*}*/

/*.pagenation {*/
/*    display: flex;*/
/*    display: -ms-flexbox;*/
/*    justify-content: center;*/
/*    margin-top: 30px;*/
/*}*/

/*.pagenation li {*/
/*    min-width: 27px;*/
/*    padding: 4px;*/
/*    border-radius: 2px;*/
/*    text-align: center;*/
/*    color: #fff;*/
/*    background-color: #AEB4C6;*/
/*    cursor: pointer;*/
/*    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;*/
/*}*/

/*.pagenation li:hover {*/
/*    background-color: #5c636a;*/
/*}*/

/*.pagenation li.active {*/
/*    color: #fff;*/
/*    background-color: #5C5EB6;*/
/*}*/

/*.pagenation li+li {*/
/*    margin-left: 4px;*/
/*}*/
#app {
    background:#555;
}

table.record_list th,
table.record_list td {
    padding:4px;
    border:1px solid #666;
}
table.record_list thead th {
    background:#444;
    color:#fff;
}
table.record_list tbody th {
    background:#333;
    color:#fff;
}
table.record_list tbody td {
    background:#fff;
}
table.record_list input {
    padding: 2px;
}
.sticky-left {
    position: sticky;
    left: 0;
    background: #fff;
    z-index: 1;
    border: 1px solid #ddd;
}

table.record_list .d-md-flex button + button {
    margin-left:5px;
}
.record_wrap {
    overflow-x:scroll;
    margin-top:20px;
}
.record_ul li {
    cursor: pointer;
    transition:.3s all;

}
.record_ul li:hover {
    background:#dbdbdb;
}
table.tbl_list tr {
    cursor: pointer;
}
.list-pointer {
    cursor:pointer;
}

/* 플레이어 style */
.player-number {
    display:inline-block;
    width: 32px;
    height: 32px;
    background: #2b2f32;
    color: #fff;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 10px;
    line-height: 32px;
}
.team-color-wh {
    background: #fff;
    border: 1px solid #444;
    color: #444;
}
.team-color-bk {
    background: #444;
    border: 1px solid #444;
    color: #fff;
}
.team-color-jo {
    background: #20c997;
    border: 1px solid #20c997;
    color: #fff;
}

/* 랭킹 */
tr.bg_white td {
    background-color: #fffdee !important;
}
tr.bg_black td {
    background-color: #e7f3ff !important;
}
tr.bg_green td {
    background-color: #ebf5e7 !important;
}

/* 선수 카드 */
.player_card_wrap {
    display:flex;
}
.player_card {
    display: inline-block;
    width: calc(20% - 12px);
    border:1px solid #dedede;
    border-radius: 4px;
    cursor:pointer;
    box-sizing: border-box;
}
.player_card + .player_card {
    margin-left:8px;
}
.player_card .card_img {
    position: relative;
    overflow:hidden;
    height: 40px;
    background: #efefef;
}
.player_card .card_img img {
    width: 100%;
    height: 100%;
}
.player_card .card_img i {
    font-size: 60px;
    line-height: 120px;
}
.player_card .card_img .over_roll {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: #f86e24;
    color: #fff;
    border-radius: 50%;
}
.player_card .card_img .p_position {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: #6cb479;
    color: #fff;
    border-radius: 50%;
}
.card_text {
    padding:10px;
    height: 100px;
    background:#fff;
}
.p_name {
    font-weight: bold;
    font-size:16px;
    line-height: 40px;
}
.p_avg {
    font-size: 13px;
}
.p_avg .d-flex div {
    width: 50%;
}
.between_dot {
    display:inline-block;
    margin:0 5px;
}
.season_team_list {
    padding-bottom: 50px;
    margin-bottom: 40px;
    /*height: 2000px;*/
}

.season_team_list .team_area {
    flex:1;
    margin-left: 10px;
}
.season_team_list .t_name {
    border: 1px solid #444;
    font-size:16px;
    font-weight: bold;
    background:#fff;
}
.sort_player_list {padding: 10px 0; min-height:200px;}


/* 팀 발표 카드 디자인 */
.p_card {
    position:relative;
    display:inline-block;
    width: 200px;
    height: 338px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    perspective: 1000px;
}
.p_card + .p_card {
    margin-top: 20px;
}
.p_card_cont {
    width: 100%;
    height: 100%;
    position: absolute;
    transform-style: preserve-3d;
}
.card-face {
    width: 100%;
    height: 100%;
    position: absolute;
    backface-visibility: hidden;
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    color: white;
}
.p_card .p_card_front {

}
.p_card .p_card_front:before {
    content:"";
    position:absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: #e6e6e6 url(../images/ico_welakers.png) no-repeat center center;
    background-size: 100px;
    border: 8px solid #f19700;

}
.p_card .p_card_front_white {
    position: absolute;
    left: 0;
    top: 0;
    width:100%;
    height:100%;
    background:transparent;
    /*transform: translate(-50%, -50%);*/
    /*background-image: url(../images/ico_welakers.png);*/
    /*background-repeat: no-repeat;*/
    /*background-position: center center;*/
    /*background-size: 60px 60px;*/
    /*width:85%;*/
    /*height:85%;*/
}
.p_card .p_card_front .p_card_white {position:absolute; left:0; top:0; width:100%; height:100%; background:#fff;opacity: 0;}
/*.p_card .p_card_front .p_card_front_logo {*/
/*    position:absolute;*/
/*    left: 50%;*/
/*    top: 50%;*/
/*    width:60px;*/
/*    height:60px;*/
/*    transform: translate(-50%, -50%);*/
/*    background: url(../images/ico_welakers.png) center center no-repeat;*/
/*    background-size: cover;*/
/*    z-index:10;*/
/*}*/
.p_card .p_card_back {
    background:#333;
    border: 3px solid #f19700;
    transform: rotateY(180deg);
}
.p_card .p_card_back .p_thumnb {
    position: relative;
    display: block;
    width:100%;
    height: 60px;
    /*background: linear-gradient(45deg, #dedede, #fff);*/
}
.p_card .p_card_back .p_thumnb i {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: 40px;
}
.p_card .p_card_back .p_thumnb .p_card_overroll {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 40px;
    height: 40px;
    line-height:40px;
    font-size: 32px;
    font-style:oblique;
    font-weight: bold;
}
.p_card .p_card_back .p_thumnb .p_card_position {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 40px;
    height: 40px;
    font-size:24px;
}
.p_card .p_card_back .p_name {
    font-size:20px;
    /*background: #f17300;*/
    letter-spacing: 8px;
    font-weight: bold;
    height: 40px;
    color: #333;
}

.team_area .t_name.white {
    background:linear-gradient(45deg, #fff, #fff3b6);
    padding: 10px 0;
    font-size:20px;
}
.team_area .t_name.black {
    background:linear-gradient(45deg, #fff, #cde6ff);
    padding: 10px 0;
    font-size:20px;
}
.team_area .t_name.green {
    background:linear-gradient(45deg, #fff, #d6f7c9);
    padding: 10px 0;
    font-size:20px;
}
.p_card .p_card_back .p_name.white {
    background:#fff3b6;
}
.p_card .p_card_back .p_name.black {
    background:#cde6ff;
}
.p_card .p_card_back .p_name.green {
    background:#d6f7c9;
}

.p_card .p_card_back .p_info{
    padding: 10px 20px;
    font-size: 16px;
}
@media (min-width: 1400px) {
    .container.record_container {
        max-width: 1900px;
    }
}

.card-animate {
    animation: shake 0.5s ease-in-out infinite alternate,
    flip 1s ease-in-out 1s forwards;
}
.p_card_front_white.front-animate {
    animation: backColor 1s ease 0.5s;
}


@keyframes backColor {
    0% {
        background:transparent;
    }

    100% {
        background: #fff;
    }
}

@keyframes shake {
    0% {
        transform: translate(0%, 0%);
    }

    5% {
        transform: translateX(-5px);
    }

    10% {
        transform: translateY(-5px);
    }

    15% {
        transform: translateX(5px);
    }

    20% {
        transform: translateY(5px);
    }

    25% {
        transform: translateX(-5px);
    }

    30% {
        transform: translateY(-5px);
    }

    35% {
        transform: translateX(5px);
    }

    40% {
        transform: translateY(5px);
    }

    45% {
        transform: translateX(-5px);
    }

    50% {
        transform: translateY(-5px);
    }

    55% {
        transform: translateX(5px);
    }

    60% {
        transform: translateY(5px);
    }

    65% {
        transform: translateX(-5px);
    }

    70% {
        transform: translateY(-5px);
    }

    75% {
        transform: translateX(5px);
    }

    80% {
        transform: translateY(5px);
    }

    85% {
        transform: translateX(-5px);
    }

    90% {
        transform: translateY(-5px);
    }

    95% {
        transform: translateX(5px);
    }

    100% {
        transform: translateY(5px);
    }
}

@keyframes flip {
    0% {
        transform: rotateY(0deg);
    }

    100% {
        transform: rotateY(180deg);
    }
}


/* court */
.operation_wrap {position:relative;}
.court img {width: 100%;}
.circle_p {display:inline-block; width: 50px; height:50px; background:#333; color:#fff; border-radius: 50%; line-height:50px;cursor: pointer;}
.circle_p.team_1 {background:#fff; color:#444; border:1px solid #444;}
.circle_p.team_2 {background:#333; color:#fff;}
.circle_p.team_3 {background:#217e00; color:#fff;}
.operation_wrap .players {min-height: 200px;}
.circle_p.ball {position:absolute; left: 50%; top: 150px; width: 30px; height:30px; background:#444; line-height:30px;}
.circle_p.ball i {color:#ff6f00; font-size: 30px;}
.circle_position {position: absolute; display:inline-block; width: 50px; height:50px; background:#333; color:#fff; border-radius: 50%; line-height:50px;}
#position1 {right: 20%; top: 50%;}
#position2 {left: 20%; top: 50%;}
#position3 {right: 10%; top: 20%;}
#position4 {left: 10%; top: 20%;}
#position5 {left: 50%; top: 20%; transform:translateX(-50%);}
.lotation_list {display:flex; flex-direction: row;}
.lotation_list li {width: 25%;}
.lotation_list li input {width: 90%;}

/* player info */
.player_info .player_info_div {flex:1;}
.player_info .player_info_div + .player_info_div {margin-left: 20px;}
.player_info .profile {padding: 8px 10px; background:#dedede;}

.p_stat { background: #fff; }
.p_stat li {width: 50%;}
.p_stat > li > div {padding: 8px 10px; border:1px solid #666;}
.p_stat > li > div:first-child {background:#000; color:#fff;}
.card-header h4 {color: #555;}
/* new 선수카드 */
.winner_wrap {
    display:none;
    position: fixed;
    padding: 40px;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0;
    flex-direction: column; /* Flex direction을 column으로 변경하여 수직으로 배치 */
    align-items: center; /* 수평 중앙 정렬 */
    justify-content: center;
    text-align: center;
}
.champion_title {
    font-size: 3rem;
    font-weight: bold;
    color: #fff;
    background: linear-gradient(45deg, #ffcc00, #ff9900, #ffcc00);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    animation: shimmer 2s infinite;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    margin-bottom: 50px;
    position: relative;
    overflow: hidden;
    opacity:0;
}

.champion_title.show {
    animation: fadein 1s 1s forwards; /* Starts fading in after reveal animation */
}

@keyframes reveal {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}
@keyframes fadein {
    to {
        opacity: 1;
    }
}

.welakers_card_wrap {
    display: flex;
    flex-wrap: wrap;
    width: 80%;
    justify-content: center;
    align-items: center;
    padding: 0;
    list-style: none;
    margin: -10px; /* Negative margin to balance the 10px gap */
}
.welakers_card_wrap .welakers_card {
    position:relative;
    background:#555;
    padding: 20px;
    box-sizing: border-box;
    margin: 10px; /* Half of the desired gap to create a 10px gap */
    flex: 0 0 calc(250px - 20px); /* 20% width minus the gap */
    height: 300px;
    color:#444;
    font-weight: bold;
    overflow: hidden; /* To ensure the shine effect doesn't overflow */
    opacity: 0; /* Start invisible */
    transform: scale(0); /* Start scaled down */
    border: 4px solid #e17900;
}
.welakers_card_wrap .welakers_card.gold {
    border: 8px solid;
    border-image: linear-gradient(to right, gold, white, gold) 2;
}
.welakers_card_wrap .welakers_card.gold::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(
        115deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: rotate(45deg);
    animation: shine 2s infinite;
}
@keyframes shine {
    0% {
        top: -200%;
        left: -200%;
    }
    50% {
        top: 50%;
        left: 50%;
    }
    100% {
        top: 200%;
        left: 200%;
    }
}

@keyframes appear {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
.welakers_card_wrap .welakers_card .person {
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background: url(../images/unkown.png) no-repeat 17px 40px;
    background-size:80%;
    opacity: 0.9;
}
.welakers_card_wrap .welakers_card .logo {
    position: absolute;
    left:10px;
    top: 10px;
    width: 50px;
    height:50px;
    background: url(../images/logo-removebg-preview.png) no-repeat center top;
    background-size: 100%;
}
.welakers_card_wrap .welakers_card .best {
    position: absolute;
    left:0px;
    top: 42px;
    width: 100px;
    height:100px;
}
.welakers_card_wrap .welakers_card .win {
    left: -25px;
}
.welakers_card_wrap .welakers_card .best.star:before {
    content:"";
    position:absolute;
    right: 10px;
    top: 10px;
    width: 90px;
    height: 90px;
    background: url(../images/golden-removebg-preview.png) no-repeat center top;
    background-size: 100%;
}
/*.welakers_card_wrap .welakers_card .best.star:after {*/
/*    content:"";*/
/*    position:absolute;*/
/*    right: 10px;*/
/*    top: 4px;*/
/*    width: 80px;*/
/*    height: 80px;*/
/*    background: url(../images/trophy-removebg-preview.png) no-repeat 8px top;*/
/*    background-size: 200%;*/
/*}*/
.welakers_card_wrap .welakers_card .best.win:before {
    content:"";
    position:absolute;
    right: 15px;
    top: 7px;
    width: 70px;
    height: 70px;
    background: url(../images/trophy-removebg-preview.png) no-repeat 8px top;
    background-size: 200%;
}
.welakers_card_wrap .welakers_card .name {
    position:absolute;
    left:0;
    bottom:0;
    padding: 10px 0;
    width:100%;
    font-size: 20px;
    background:#000;
    color:#fff;
    opacity: 0.8;
}
.welakers_card_wrap .welakers_card .ovr {
    font-size: 20px;
}
.welakers_card_wrap .welakers_card .pos {
    font-size: 16px;
}


/*========== 시즌 팀 기록 ========*/

.tab_wrap li {
    display:inline-block;
    width: 100px;
    padding: 10px 20px;
    border:1px solid #ddd;
    cursor: pointer;
    background:#fff;
}
.tab_wrap li.on {
    background: #e17900;
    color:#fff;
    font-weight:bold;
}

.team_record_wrap {
    margin-top: 30px;
    border:1px solid #dedede;
}
.team_record_wrap .r_list {
    width: 300px;
    margin-right: 20px;
}
.team_record_wrap .r_list div {
    padding: 18px 20px;
    cursor: pointer;
    background: #fff;
    font-size: 16px;
}
.team_record_wrap .r_list div:hover {
    background:#ddd;
}
.team_record_wrap .r_list div + div {
    margin-top: 10px;
}
.team_record_wrap .r_list div.on {
    background:#e17900;
    color:#fff;
}

.team_record_wrap .r_graph {
    flex: 1 0; /* 제한된 너비를 설정 */
    /*max-width: 500px; !* 최대 너비를 500px로 설정 *!*/
    display: flex;
    flex-direction: column;
    align-items: center;
}
.team_record_wrap .r_graph .r_data {
    justify-content: space-between;
    margin-top: 20px;
    width:100%;
}
.r_card {
    width: 300px;
    height: 450px;
    /*background:#eee;*/
    padding: 10px;
    position:relative;
    box-shadow: 4px 4px 6px #ccc;
    /*background:url(../images/card_bg.jpeg) no-repeat center top;*/
    background:#222;
    background-size:100%;
}
.r_card.season_team_r_card {
    width: 192px;
    height:330px;
    box-shadow: none;
}

.r_card:before {
    content:"";
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:url(../images/abstract.jpg);
    opacity: 0.1;
    background-size:300%;
}
.r_card .card_side {
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height:100%;
    z-index:2;
    border: 4px solid #999;
}
.r_card .card_side.gold {
    border: 4px solid #E6BE00;
}
.r_card .card_side.silver {
    border: 4px solid silver;
}
.r_card .card_side.bronze {
    border: 4px solid #CD7F32;
}
.r_card .card_side:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 100%;
    background: #999;
    color: transparent;
    font-weight: bold;
    font-size: 16px;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.7);
 }
.r_card .card_side.gold:before {
    background: linear-gradient(to bottom, #E6BE00, white, #E6BE00, white, #E6BE00);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4),
    -1px -1px 2px rgba(255, 255, 255, 0.3);
}
.r_card .card_side.silver:before {
    background: linear-gradient(to bottom, silver, white, silver, white, silver);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4),
    -1px -1px 2px rgba(255, 255, 255, 0.3);
}
.r_card .card_side.bronze:before {
    background: linear-gradient(to bottom, #CD7F32, white, #CD7F32, white, #CD7F32);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4),
    -1px -1px 2px rgba(255, 255, 255, 0.3);
}
.r_card .card_side .card_side_txt {
    position:absolute;
    left:0;
    top:50%;
    width:30px;
    transform:translateY(-50%);
}
.r_card .card_side .card_side_txt span {
    display:block;
    font-size: 20px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2),
    -1px -1px 2px rgba(255, 215, 0, 0.3);
    color: transparent;
    font-weight: bold;
}
.r_card .r_name_wrap {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    font-size: 36px;
    padding: 20px 0 25px 30px;
    z-index:1;
    color:#fff;
    font-weight:bold;
    border-top: 3px solid #e17900;
}
.r_card .r_name_wrap:before {
    content:"";
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height:100%;
    background:#000;
    opacity: 0.5;
    z-index:-1;
}

.r_card .r_ovr {
    position: absolute;
    right: 2px;
    top: 2px;
    z-index:2;
}
.r_card .r_ovr .r_ovr_score {
    color: #fff;
    font-size:32px;
    font-weight:bold;
}
.r_card .r_ovr .r_ovr_bg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform:translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: #444;
    z-index:-1;
    border:2px solid #fff;
    border-radius: 50%;
}

.r_card .logo {
    position:absolute;
    left: 40px;
    top: 15px;
    width: 60px;
    height:60px;
    background:url(../images/logo-removebg-preview.png) no-repeat center top;
    background-size: 100%;
}

.r_card .r_person {
    position:absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index:1;
    /*background:url(../images/kindpng_1379557.png) no-repeat 10px 70px;*/
    /*background-size: 80%;*/
    /*opacity: 0.7;*/
}

/*.r_card .r_person_img {*/
/*    position:absolute;*/
/*    left:0;*/
/*    bottom:0;*/
/*    width: 100%;*/
/*}*/
/*.r_card .r_person_img img {*/
/*    width:100%;*/
/*}*/

.pentagon {
    position: relative;
    width: 80px;
    height:80px;
    background: #e17900;
    text-align: center;
    padding: 10px;
    color: white;
}

.pentagon:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 20px solid #e17900;
}
.pentagon .text {
    font-size: 16px;
}

.pentagon_wrap2 {
    position:absolute;
    right:9px;
    top:35px;
}
.pentagon2 {
    position: relative;
    width: 64px;
    background: #fff;
    text-align: center;
    padding: 4px 0 0;
    color: #000;
    font-family: 'Arial', sans-serif;
}

.pentagon2:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border-left: 32px solid transparent;
    border-right: 32px solid transparent;
    border-top: 15px solid #fff;
}
.pentagon2 .number {
    font-size: 32px;
    font-weight: bold;
}

.r_card .r_position {
    position:absolute;
    right: 30px;
    bottom: 110px;
    font-size: 48px;
    color: #fff;
    font-weight:bold;
    z-index:3;
}

.r_card.season_team_r_card .number {
    font-size: 24px;
}
.r_card.season_team_r_card .r_name_wrap {
    font-size: 24px;
}

.team_record_wrap .r_graph .r_data #radarChart {
    border:1px solid #dedede;
    width: 500px; /* r_data의 너비를 r_graph의 너비에 맞춤 */
    max-width: 500px; /* 최대 너비를 400px로 설정 */
    background:#fff;
}
.team_record_wrap .r_graph .r_avg table {
    font-size: 18px;
}
.r_record_mo {
    flex: 1;
    margin-left: 20px;
    width: 300px;
}
#tbl_avg_mo {
    display:flex;
}
#tbl_avg_mo .table th,
#tbl_avg_mo .table td {
    padding: 10px;
}

/* 오버롤 계산 설명 */
#overall_guide {
    display:none;
    position:absolute;
    left:0;
    top:0;
    width: 100%;
    background:#000;
}
#overall_guide .guide_wrap {
    margin: 0 auto;
    width:800px;
    background:#fff;
    padding: 40px;
}
#overall_guide .guide_wrap dl + dl {
    margin-top: 50px;
}
#overall_guide .guide_wrap dl dt {
    font-size: 36px;
    font-weight:bold;
    margin-bottom: 15px;
    color: #0d6efd;
}
#overall_guide .guide_wrap dl dd {
    font-size: 24px;
    font-weight:bold;
    color: #444;
    padding: 6px 0;
}
#overall_guide .close_guide {
    position: absolute;
    right: 200px;
    top: 30px;
    color: #fff;
    cursor:pointer;
}

/* ranking */
/* ✅ 테이블 전체 */
.t_rank_wrap {
    max-height: 1000px;
    overflow-y: auto;
}
.tbl_rank {
    width: 1900px;
    overflow: auto;
    position: relative;
    /*border-collapse: separate;*/
}

/* ✅ 상단 thead 기본 sticky */
.tbl_rank thead th {
    position: sticky;
    z-index: 2;
    border: 1px solid #333;
}

/* ✅ 첫 번째 줄 thead sticky */
.tbl_rank thead tr th {
    top: 0;
    z-index: 3;
    /*background: #fff;*/
}

/*!* ✅ 두 번째 줄 thead sticky *!*/
/*.tbl_rank thead tr:nth-child(2) th {*/
/*    top: 34px;*/
/*    z-index: 2;*/
/*    !*background: #fff;*!*/
/*}*/

/* ✅ 기본 td 스타일 */
.tbl_rank tr td {
    position: relative;
    padding: 20px;
    font-size: 16px;
    border: 1px solid #333;
}

/* ✅ 선수명 고정 - thead */
.tbl_rank thead th.sticky-column {
    left: 0;
    z-index: 11 !important;
}

/* ✅ 선수명 고정 - tbody */
.tbl_rank td.sticky-column {
    position: sticky;
    left: 0;
    z-index: 10;
    /*background: #fff;*/
    box-shadow: 2px 0 4px rgba(0, 0, 0, 0.05);
}

.tbl_rank .sort_active {color:#000;font-size:18px;font-weight:bold;}
.rank_sort {width: 200px;}

.prev_rank {display:none;position:absolute; width:20px; height:20px;top:8px; right:8px;font-size: 15px;}
.prev_rank.plus {color:red;}
.prev_rank.minus {color:#052c65;}
.prev_rank.display {display:block;}

.profile_img_wrap {display:block; width:400px;}
.profile_img_wrap img {width:100%;}


@media (max-width: 1200px) {
    .welakers_card_wrap .welakers_card {
        flex: 1 1 calc(50% - 20px);
    }
    /*.team_record_wrap .r_graph .r_data .r_card {*/
    /*    width: 250px;*/
    /*    height: 350px;*/
    /*}*/

    .team_record_wrap .r_graph .r_data #radarChart {
        width: 400px; /* r_data의 너비를 r_graph의 너비에 맞춤 */
        max-width: 400px; /* 최대 너비를 400px로 설정 */
    }

    .team_record_wrap .r_list {
        width: 200px;
    }
}

@media (min-width: 1001px) {
    #tbl_avg_pc {display:block;}
    #tbl_avg_mo {display:none;}
    #slt_list {display:none;}
    .r_list {display:block;}
    .r_card.pc {
        display: block;
    }
}

@media (max-width: 1000px) {
    #tbl_avg_pc {display:none;}
    #tbl_avg_mo {display:flex;}
    .tab_wrap li {width: 30%;}
    .container {margin: 0px; padding: 10px; max-width: 100% !important;}
    #pc_area {width: 100%;}
    .r_list {display:none;}
    #slt_list {display:block;}
    .r_card.pc {
        display: none;
    }
    .team_record_wrap .r_graph .r_data {
        justify-content: center;
    }
}

@media (max-width: 760px) {
    .r_card {
        width: 250px;
        height: 350px;
    }
    .r_card .r_name_wrap {
        /*position:absolute;*/
        /*bottom:30px;*/
        /*left:0;*/
        /*width:100%;*/
        /*height: 40px;*/
        /*line-height: 40px;*/
        font-size: 20px;
    }
    .r_card .r_ovr {
        /*position: absolute;*/
        /*right: 50px;*/
        /*top: 50px;*/
        font-size: 30px;
    }

    .r_card .r_position {
        /*position:absolute;*/
        /*right: 50px;*/
        bottom: 86px;
        font-size: 24px;
    }
    .team_record_wrap .r_graph .r_data #radarChart {
        width: 90%; /* r_data의 너비를 r_graph의 너비에 맞춤 */
        max-width: 90%; /* 최대 너비를 400px로 설정 */
    }
    .team_record_wrap .r_graph .r_avg table {
        font-size: 14px;
    }

    .t_rank_wrap {
        max-height: 100vh;
        height: 100vh;
    }
    .tbl_rank tr td {
        padding: 10px;
        font-size: 14px;
    }
    .tbl_rank .sort_active {font-size:16px;}
}

@media (max-width: 640px) {
    #position1 {top: 35%;}
    #position2 {top: 35%;}
    #position3 {top: 10%;}
    #position4 {top: 10%;}
    #position5 {top: 10%;}

    /*.r_card {*/
    /*    width: 200px;*/
    /*    height: 300px;*/
    /*}*/
    .r_record_mo {
        width: unset;
    }
    .rank_sort {width: 120px;}
}