@charset "utf-8";


/* 기록 table */
.content-wrap .main-content .basic-content .content-box .record-wrap > div {float:left;}
.content-wrap .main-content .basic-content .content-box .record-wrap .record-table {width:calc(100% - 180px); white-space:nowrap; -ms-white-space:nowrap; -ms-overflow-style: none; overflow-x: auto; background:#fff;}
.content-wrap .main-content .basic-content .content-box .record-wrap .record-table::-webkit-scrollbar {display:none;}
.content-wrap .main-content .basic-content .content-box .record-wrap table {width:100%; font-size:13px; letter-spacing: -0.5px; text-align: center;}
.content-wrap .main-content .basic-content .content-box .record-wrap table tr th {border-top:2px solid #0084ff; border-bottom:1px solid #d7dade; text-align: center; padding:10px 15px; background:#f8f8f8;}
.content-wrap .main-content .basic-content .content-box .record-wrap table tr td {padding:0 20px; height: 40px; vertical-align: middle; border-bottom:1px solid #d7dade; background:#fff;}
.content-wrap .main-content .basic-content .content-box .record-wrap table tr td.background { background: #e8f9eb;}
.content-wrap .main-content .basic-content .content-box .record-wrap table tr td.team-name {font-weight:bold; max-width: 133px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.content-wrap .main-content .basic-content .content-box .record-wrap table tr td.team-name span {display: inline-block; padding:0 3px; vertical-align: middle;}
.content-wrap .main-content .basic-content .content-box .record-wrap table tr td.team-name span img {width:20px;}
.content-wrap .main-content .basic-content .content-box .record-wrap table tr td.team-name span.left-team {color: #0084ff;}
.content-wrap .main-content .basic-content .content-box .record-wrap table tr td.team-name span.right-team {color: #0084ff;}
.content-wrap .main-content .basic-content .content-box .record-wrap table tr td.team-name div.player-img {width:25px; height:25px; margin-right:5px; border-radius: 50%; overflow: hidden; display: inline-block; vertical-align: middle; }
.content-wrap .main-content .basic-content .content-box .record-wrap table tr td.team-name div.player-img img { width: 100%; }
.content-wrap .main-content .basic-content .content-box .record-wrap table tr td.team-name div.team-img {width:25px; height:25px; margin-right:5px; border-radius: 50%; overflow: hidden; display: inline-block; vertical-align: middle; }
.content-wrap .main-content .basic-content .content-box .record-wrap table tr td.team-name div.team-img img { width: 100%; }
.content-wrap .main-content .basic-content .content-box .record-wrap table tr td .btn {font-size:12.5px; background:#27292D; border-radius: 5px; color:#fff; padding:5px 10px;}
.content-wrap .main-content .basic-content .content-box .record-wrap .record-table-fixed02 table tr th:nth-child(1) {padding-right:0;}
.content-wrap .main-content .basic-content .content-box .record-wrap .record-table-fixed02 table tr td:nth-child(1) {padding-right:0;}

/* 고정 table */
.content-wrap .main-content .basic-content .content-box .record-wrap .record-table-fixed, .content-wrap .main-content .basic-content .content-box .record-wrap .record-table-fixed02 {position:relative; z-index:1; width:180px; background:#fff; box-shadow:5px 0px 5px rgba(0, 0, 0, 0.1);}

/* 이전/다음 버튼 */
.content-wrap .main-content .basic-content .content-box .list-button {margin-top:15px;}
.content-wrap .main-content .basic-content .content-box .list-button button {float:left; width:50%; height:40px; border:0;}
.content-wrap .main-content .basic-content .content-box .list-button .next {background:#0084ff; color:#fff;}

/* 선수기록 */
.content-wrap .main-content .basic-content .content-box .tab-wrap ul {background:#eee;}
.content-wrap .main-content .basic-content .content-box .tab-wrap ul li { float:left; width:50%; height:30px; line-height:30px; background:#f8f8f8; text-align: center; font-size:13px; border:1px solid #d7dade; border-left:0;}
.content-wrap .main-content .basic-content .content-box .tab-wrap ul li span {font-size:11px;}
.content-wrap .main-content .basic-content .content-box .tab-wrap ul li a {display: block; width:100%; height:100%;}
.content-wrap .main-content .basic-content .content-box .tab-wrap ul li:first-child { border-left: 1px solid #d7dade; }
.content-wrap .main-content .basic-content .content-box .tab-wrap ul li.select {background:#0084ff;border-color: #0084ff;}
.content-wrap .main-content .basic-content .content-box .tab-wrap ul li:first-child.select { border-color: #0084ff; }
.content-wrap .main-content .basic-content .content-box .tab-wrap ul li.select a {color: #fff;}


.content-wrap .main-content .basic-content .content-box .select-wrap {position:relative; text-align: center; margin:10px 0;}
.content-wrap .main-content .basic-content .content-box .select-wrap .selc-float {float:left; height:40px; border:1px solid #d7dade; padding-left:7px; padding-right: 25px; background: url("../../../img/common/arrow_d_black.svg") no-repeat 93% 50%; background-size: 7px 10px; border-right:0; font-size: 13.5px;}
.content-wrap .main-content .basic-content .content-box .select-wrap .selc-float:nth-child(1) {width:23%;}
.content-wrap .main-content .basic-content .content-box .select-wrap .selc-float:nth-child(2) {width:23%;}
.content-wrap .main-content .basic-content .content-box .select-wrap .selc-float:nth-child(3) {width:54%; border-right: 1px solid #d7dade;}
.content-wrap .main-content .basic-content .content-box .select-wrap input { width:100%; height:40px; margin-top: 10px; padding-left:7px; padding-right:25%; border:1px solid #d7dade; font-size:13.5px;}
.content-wrap .main-content .basic-content .content-box .select-wrap button {position:absolute; bottom:37px; right:0; width:25%; height:40px; background: #27292D; border:0; color:#fff; font-size:13.5px;}
.content-wrap .main-content .basic-content .content-box .select-wrap button.teamrank {position: inherit; width:100%; margin-top:10px; bottom:0;}
.content-wrap .main-content .basic-content .content-box .select-wrap .alr {font-size:11px; color: #FF0004; text-align: right; padding: 15px 0 5px; }
.content-wrap .main-content .basic-content .content-box .select-wrap .alr img {width:13px; height:13px; margin-top:3px; margin-right:5px;}

/* rank top 3 */
.rank-wrap { margin-bottom: 20px; }
.rank-wrap .rank { position: relative; float: left; width: calc(33.33% - 4px); text-align: center; padding: 20px 5px; border: 1px solid; margin-right: 5px;}
.rank-wrap .rank .rank-num { position: absolute; top: 0; left: 0; width: 0px; height: 0px; border-top: 50px solid; border-left: 0px solid transparent; border-right: 50px solid transparent; }
.rank-wrap .rank .rank-num .nn { position: absolute; top: -45px; left: 2px; display: block; letter-spacing: 0.5px; color: #fff; font-size: 11px;}
.rank-wrap .rank.top01 .rank-num .nn { left: 5px; }
.rank-wrap .rank.top01 .rank-num { border-top-color: #0084ff; }
.rank-wrap .rank.top03 .rank-num { border-top-color: #adadad; }
.rank-wrap .rank.top02 .rank-num { border-top-color: #ffbf3e; }
.rank-wrap .rank.top01 { border-color: #0084ff; }
.rank-wrap .rank.top02 { border-color: #ffbf3e; }
.rank-wrap .rank.top03 { border-color: #adadad; margin-right: 0; }
.rank-wrap .rank .player-img { display: inline-block; width: 70px; height: 70px; overflow: hidden; border-radius: 50%; border: 3px solid #b0c3e5; margin-bottom: 5px;}
.rank-wrap .rank .player-img img { width: 100%; height: 100%; object-fit: cover; }
.rank-wrap .rank .name { font-size: 13px; font-weight: 500; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.rank-wrap .rank .name .rank-ico { width: 20px; margin: 10px auto 5px; display: block;}
.rank-wrap .rank .record { font-size: 11px; font-weight: 600; padding: 1px 20px; color: #0f264f; background: #e9eff2; border-radius: 20px; display: inline-block; margin-top: 5px;}