@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% - 200px); 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,
.content-wrap .main-content .basic-content .content-box .record-wrap table tr td.player-name {font-weight:bold; text-align: left;  max-width: 120px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.content-wrap .main-content .basic-content .content-box .record-wrap.player-big-table table tr th {  }
.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.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.player-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.player-big-table table tr td { padding: 10px; height: 61px; }
.content-wrap .main-content .basic-content .content-box .record-wrap.player-big-table table tr td.player-name div.player-img { width: 40px; height: 40px; }
.content-wrap .main-content .basic-content .content-box .record-wrap table tr td.player-name div.player-img img { width: 100%; padding: 0; }
.content-wrap .main-content .basic-content .content-box .record-wrap table tr td.player-name .player { display: inline-block; vertical-align: middle; }
.content-wrap .main-content .basic-content .content-box .record-wrap table tr td.player-name .player .team-name { display: block; font-size: 10px; font-weight: normal; color: #999;  max-width: 110px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.content-wrap .main-content .basic-content .content-box .record-wrap table tr td.player-name .player .player-name { display: inline-block; max-width: 110px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.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%; padding: 0; }
.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; padding-left: 10px;}
table .my-record .team-name {
}
table .my-record .team-name {
}



/* 고정 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:200px; 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 95% 50%; background-size: 7px 10px; border-right:0; border-top: none; font-size: 13.5px;  width: 50%; }
.content-wrap .main-content .basic-content .content-box .select-wrap .selc-float:nth-child(2n) { border-right: 1px solid #d7dade;}
.content-wrap .main-content .basic-content .content-box .select-wrap .selc-float:nth-child(1),
.content-wrap .main-content .basic-content .content-box .select-wrap .selc-float:nth-child(2) { border-top: 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:0; 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;}
.content-wrap .main-content .basic-content .content-box .search-result { display: block; margin-top: 10px; text-align: left; font-size: 13px; color: #999; }

/* 즐겨찾기 토글 */
.star-toggle { display: none; }
.star-toggle + .star-toggle-btn { background: url(../../../img/common/star_toggle.png); background-position: 0 0; background-size: 16px 30px; display: inline-block; width: 16px; height: 16px; margin-right: 5px; cursor: pointer; }
.star-toggle:checked + .star-toggle-btn { background: url(../../../img/common/star_toggle.png); background-position: 0 -15px; background-size: 16px 30px; }

/* 팀 정보 */
.content-wrap .main-content .basic-content .info-content img {width:120px; height:auto; padding:10px;}
.content-wrap .main-content .basic-content .info-content .info-table table {width:100%; font-size:13px; letter-spacing: -0.25px; border-top: 2px solid #0084ff; }
.content-wrap .main-content .basic-content .info-content .info-table th, .content-wrap .main-content .basic-content .info-content .info-table td{ border-bottom:1px solid #d7dade; padding: 8px 10px;}
.content-wrap .main-content .basic-content .info-content .info-table th {width:30%; background:#f8f8f8; border-right:1px solid #d7dade;  vertical-align: middle; }
.content-wrap .main-content .basic-content .info-content .info-table td {width:70%; background:#fff; }
.content-wrap .main-content .basic-content .info-content .info-table td .tel {font-size:13px;}

.content-wrap .main-content .basic-content .info-content.team-table { margin-bottom: 20px; }
.content-wrap .main-content .basic-content .info-content .team-logo { float: left; }
.content-wrap .main-content .basic-content .info-content .team-info { float: right; width: calc(100% - 120px); padding: 32px 0 20px 10px; }
.content-wrap .main-content .basic-content .info-content .team-info .team-name { font-size: 17px; font-weight: bold; }
.content-wrap .main-content .basic-content .info-content .team-info .team-name .star-toggle-btn { vertical-align: top; margin: 5px; }
.content-wrap .main-content .basic-content .info-content .team-info .player { font-size: 14px; font-weight: bold; }
.content-wrap .main-content .basic-content .info-content .team-info .player .head { font-weight: bold; }
.content-wrap .main-content .basic-content .info-content .info-type-select { margin-bottom: 10px; }
.content-wrap .main-content .basic-content .info-content .info-type-select ul {background:#eee;}
.content-wrap .main-content .basic-content .info-content .info-type-select ul li { float:left; width:50%; height:35px; line-height:33px; background:#f8f8f8; text-align: center; font-size:13px; border:1px solid #d7dade; border-left:0;}
.content-wrap .main-content .basic-content .info-content .info-type-select ul li span {font-size:11px;}
.content-wrap .main-content .basic-content .info-content .info-type-select ul li a {display: block; width:100%; height:100%;}
.content-wrap .main-content .basic-content .info-content .info-type-select ul li:first-child { border-left: 1px solid #d7dade; }
.content-wrap .main-content .basic-content .info-content .info-type-select ul li.select {background:#0084ff;border-color: #0084ff;}
.content-wrap .main-content .basic-content .info-content .info-type-select ul li:first-child.select { border-color: #0084ff; }
.content-wrap .main-content .basic-content .info-content .info-type-select ul li.select a {color: #fff;}

.content-wrap .main-content .basic-content .info-content .league-select { margin-bottom: 10px; }
.content-wrap .main-content .basic-content .info-content .league-select .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 95% 50%; background-size: 10px 10px; border-right:0; font-size: 13.5px;  width: 50%; }
.content-wrap .main-content .basic-content .info-content .league-select .selc-float:nth-child(2n) { border-right: 1px solid #d7dade;}
.content-wrap .main-content .basic-content .info-content .player-type-select { text-align: center; height: 35px; overflow: none; margin: 3px 0; }
.content-wrap .main-content .basic-content .info-content .player-type-select ul { display: inline-block; max-width: 100%; white-space: nowrap; }
.content-wrap .main-content .basic-content .info-content .player-type-select ul li { white-space: nowrap; display: inline-block; }
.content-wrap .main-content .basic-content .info-content .player-type-select ul li a { font-size: 13.5px; line-height: 35px; display: block; padding: 0 10px; }
.content-wrap .main-content .basic-content .info-content .player-type-select ul li.select a { color: #0084ff; font-weight: bold; }

/* 선수현황 */
.content-wrap .main-content .basic-content .player-list ul {background:#eee;}
.content-wrap .main-content .basic-content .player-list ul li { float:left; width:25%; height:35px; line-height:33px; background:#f8f8f8; text-align: center; font-size:13px; border:1px solid #d7dade; border-left:0;}
.content-wrap .main-content .basic-content .player-list .tab-area ul li span {font-size:11px;}
.content-wrap .main-content .basic-content .player-list .tab-area ul li a {display: block; width:100%; height:100%;}
.content-wrap .main-content .basic-content .player-list .tab-area ul li.select {background:#0084ff;border-color: #0084ff;}
.content-wrap .main-content .basic-content .player-list .tab-area ul li.select a {color: #fff;}
.content-wrap .main-content .basic-content .player-list .search-area {margin:10px 0;}
.content-wrap .main-content .basic-content .player-list .search-area > div {float:left; height: 35px; line-height: 35px;}
.content-wrap .main-content .basic-content .player-list .search-area .srch-select {width:25%;}
.content-wrap .main-content .basic-content .player-list .search-area .srch-text {width:55%;}
.content-wrap .main-content .basic-content .player-list .search-area .srch-btn {width: 20%;}
.content-wrap .main-content .basic-content .player-list .search-area select {border: 0; width:100%; height:100%; border:1px solid #d7dade; padding:0 7px; background: url("../../../img/common/arrow_d_black.svg") no-repeat 93% 50%; background-size:7px 10px; font-size: 13px; padding-right:15px;}
.content-wrap .main-content .basic-content .player-list .search-area .srch-text input { width:100%; height:100%; border:1px solid #d7dade; border-left:0; font-size: 13px; padding:0 7px;}
.content-wrap .main-content .basic-content .player-list .search-area .srch-btn button {width:100%; height:100%; border:1px solid #27292D; background:#27292D;color:#fff; font-size: 13px;}
.content-wrap .main-content .basic-content .player-list .filter-wrap { margin-bottom: 10px; }
.content-wrap .main-content .basic-content .player-list .filter-wrap .search-result { float: left; }
.content-wrap .main-content .basic-content .player-list .filter-wrap .position {float: right; }
.content-wrap .main-content .basic-content .player-list .filter-wrap .position p {display: inline-block; padding:5px 0; font-size:13px;}
.content-wrap .main-content .basic-content .player-list .filter-wrap .position select {width:100px; height:30px; padding: 0 7px; font-size:13px; margin-left:10px; border:1px solid #d7dade; background: url("../../../img/common/arrow_d_black.svg") no-repeat 95% 50%; background-size: 7px 10px; padding-right:15px;}

.content-wrap .main-content .basic-content .info-content .player-img { border-radius: 50%; }
.content-wrap .main-content .basic-content .info-content .player-info { float: right; width: calc(100% - 120px); padding: 15px 0 25px 10px; }
.content-wrap .main-content .basic-content .info-content .player-info .player-name { font-size: 17px; font-weight: bold; }
.content-wrap .main-content .basic-content .info-content .player-info .player-name .star-toggle-btn { vertical-align: top; margin: 5px; }
.content-wrap .main-content .basic-content .info-content .player-info .player-name .team-name { color: #999; font-size: 12px; line-height: 26px; font-weight: normal; }
.content-wrap .main-content .basic-content .info-content .player-info .player-detail { font-size: 13px; font-weight: bold; }
.content-wrap .main-content .basic-content .info-content .player-info .player-detail ul li {position:relative; font-weight: normal; padding-left:10px;}
.content-wrap .main-content .basic-content .info-content .player-info .player-detail ul li:after {position: absolute; content:''; width:3px; height:3px; background:#999; top:9px; left:0;}

/* 순위테이블 */
.content-wrap .main-content .basic-content .info-content .rank-type-select { text-align: center; height: 35px; overflow: none; margin: 3px 0; }
.content-wrap .main-content .basic-content .info-content .rank-type-select ul { display: inline-block; max-width: 100%; white-space: nowrap; overflow-x: auto; height: 65px; -ms-overflow-style: none; }
.content-wrap .main-content .basic-content .info-content .rank-type-select ul::-webkit-scrollbar { display:none; }
.content-wrap .main-content .basic-content .info-content .rank-type-select ul li { white-space: nowrap; display: inline-block; }
.content-wrap .main-content .basic-content .info-content .rank-type-select ul li a { font-size: 13.5px; line-height: 35px; display: block; padding: 0 10px; }
.content-wrap .main-content .basic-content .info-content .rank-type-select ul li.select a { color: #0084ff; font-weight: bold; }

.content-wrap .main-content .basic-content .info-content .player-record .record-title { font-size: 13.5px; font-weight: bold; display: block; margin-top: 20px; }
.content-wrap .main-content .basic-content .info-content .player-record .record-wrap { margin-top: 10px; }
.content-wrap .main-content .basic-content .info-content .player-record .record-wrap table tbody tr.total td { background: #F2F3FF; font-weight: bold; }