@charset "utf-8";

.cont-info { margin-bottom: 50px; overflow: visible; }
.cont-info:LAST-CHILD { margin-bottom: 50px; overflow: hidden; }

/* 선수 비교 영역 */
.analysis-wrapper { border: 1px solid #e0e0e0; background-color: #fafafa; padding: 38px 45px;text-align: center; }
.analysis-wrapper .analysis-wrapper-row { margin-bottom: 27px; }
.analysis-wrapper .analysis-wrapper-row:LAST-CHILD { margin-bottom: 0; }
.analysis-wrapper .analysis-wrapper-row .player-analysis-area { display: inline-block; margin-right: 40px; vertical-align: middle; }
.analysis-wrapper .analysis-wrapper-row .player-analysis-area:LAST-CHILD { margin-right: 0; }
.analysis-wrapper .analysis-wrapper-row .player-analysis-area.player-image-area { position: relative; }
.analysis-wrapper .analysis-wrapper-row .player-analysis-area.player-image-area img.player-image { height: 176px; width: 176px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; }
.analysis-wrapper .analysis-wrapper-row .player-analysis-area.player-image-area img.player-image.l-player { border: 4px solid #1f8ecd; }
.analysis-wrapper .analysis-wrapper-row .player-analysis-area.player-image-area img.player-image.r-player { border: 4px solid #ee5a52; }
.analysis-wrapper .analysis-wrapper-row .player-analysis-area.player-image-area a.btn-cancle { position: absolute; top: 0; right: 0; }
.analysis-wrapper .analysis-wrapper-row .player-analysis-area.space-for-chart { position: relative; width: 280px; height: 280px; }
.analysis-wrapper .analysis-wrapper-row .player-analysis-area.space-for-chart .chart { position: absolute; top:0; left: 0; width: 280px; height: 280px; }

.analysis-wrapper .analysis-wrapper-row .analysis-player-info { display: inline-block; width: 49.89%; border: 1px solid #e0e0e0; background-color: #ffffff; }
.analysis-wrapper .analysis-wrapper-row .analysis-player-info .analysis-table { display: table; width: 100%; }
.analysis-wrapper .analysis-wrapper-row .analysis-player-info .analysis-table .analysis-table-row { display: table-row; }
.analysis-wrapper .analysis-wrapper-row .analysis-player-info .analysis-table .analysis-table-row .analysis-table-column { display: table-cell; width: 50%; }

.analysis-wrapper .analysis-wrapper-row .analysis-player-info .analysis-table .analysis-table-row .analysis-table-column.player-name { width:60%; height: 50px; position: relative; color: #6f6f6f; font-size: 19px; font-weight: 800; letter-spacing: 0; vertical-align: middle; padding: 5px 30px; overflow: hidden; }
.analysis-wrapper .analysis-wrapper-row .analysis-player-info .analysis-table .analysis-table-row .analysis-table-column.player-name img { width: 120px; height: 120px; position: absolute; top: -25px; border-radius: 50%; border: 1px solid transparent; opacity: 0.5; }
.analysis-wrapper .analysis-wrapper-row .analysis-player-info .analysis-table .analysis-table-row .analysis-table-column.player-name.l-player { border-top: 4px solid #1f8ecd; text-align: right; }
.analysis-wrapper .analysis-wrapper-row .analysis-player-info .analysis-table .analysis-table-row .analysis-table-column.player-name.l-player img { left: -15px; }
.analysis-wrapper .analysis-wrapper-row .analysis-player-info .analysis-table .analysis-table-row .analysis-table-column.player-name.r-player { border-top: 4px solid #ee5a52; text-align: left; }
.analysis-wrapper .analysis-wrapper-row .analysis-player-info .analysis-table .analysis-table-row .analysis-table-column.player-name.r-player img { right: -15px; }
.analysis-wrapper .analysis-wrapper-row .analysis-player-info .analysis-table .analysis-table-row .analysis-table-column.player-detail-info { padding: 5px 17px; width:40%; }
.analysis-wrapper .analysis-wrapper-row .analysis-player-info .analysis-table .analysis-table-row .analysis-table-column.player-detail-info.l-player { text-align: right; }
.analysis-wrapper .analysis-wrapper-row .analysis-player-info .analysis-table .analysis-table-row .analysis-table-column.player-detail-info.r-player { text-align: left; }
.analysis-wrapper .analysis-wrapper-row .analysis-player-info .analysis-table .analysis-table-row .analysis-table-column.player-detail-info span { display: block; color: #6f6f6f; font-weight: normal; font-size: 12px; }

.analysis-wrapper .analysis-wrapper-row .analysis-record-tab { height: 40px; }
.analysis-wrapper .analysis-wrapper-row .analysis-record-tab li.record-tab { display: inline-block; width: 50%; height: 40px; margin-right: -1px; margin-left: -1px; box-sizing: border-box; border: 1px solid #e0e0e0; background-color: #ebebeb; }
.analysis-wrapper .analysis-wrapper-row .analysis-record-tab li.record-tab a { display: block; padding: 9px 0 10px 0; color: #909090; font-size: 15px; line-height: 16px; font-weight: 600; border-top: 3px solid #ebebeb; }
.analysis-wrapper .analysis-wrapper-row .analysis-record-tab li.record-tab.active a { color: #666666; border-top: 3px solid #666666; background-color: #ffffff; }

.analysis-wrapper .analysis-wrapper-row table.analysis-record-table { width: 100%; background-color: #ffffff; margin-top: -1px; color: #6f6f6f; }
.analysis-wrapper .analysis-wrapper-row table.analysis-record-table tr { border: 1px solid #e0e0e0; height: 36px; }
.analysis-wrapper .analysis-wrapper-row table.analysis-record-table tr th, td {  }
.analysis-wrapper .analysis-wrapper-row table.analysis-record-table tr th { font-size: 15px; font-weight: 600; text-align: center; }
.analysis-wrapper .analysis-wrapper-row table.analysis-record-table tr td { font-size: 14px; }
.analysis-wrapper .analysis-wrapper-row table.analysis-record-table tr td.l-bigger { position: relative; background-color: #e8f3fa; }
.analysis-wrapper .analysis-wrapper-row table.analysis-record-table tr td.l-bigger:AFTER { content: ''; border-left: 45px solid transparent; border-bottom: 36px solid #FFFFFF; width: 0; height: 0; position: absolute; right: 0px; bottom: 0px; }
.analysis-wrapper .analysis-wrapper-row table.analysis-record-table tr td.r-bigger { position: relative; background-color: #fdeeed; }
.analysis-wrapper .analysis-wrapper-row table.analysis-record-table tr td.r-bigger:BEFORE { content: ''; border-right: 45px solid transparent; border-bottom: 36px solid #FFFFFF; width: 0; height: 0; position: absolute; left: 0px; bottom: 0px; }

.analysis-wrapper .analysis-wrapper-row table.analysis-record-table tr td.score-tooltip { position: relative; }
.analysis-wrapper .analysis-wrapper-row table.analysis-record-table tr td.score-tooltip.left-score-tooltip .btn-tooltip { position: absolute; top: 12px; left: 9px; width: 13px; height: 13px; cursor: pointer; }
.analysis-wrapper .analysis-wrapper-row table.analysis-record-table tr td.score-tooltip.right-score-tooltip .btn-tooltip { position: absolute; top: 12px; right: 9px; width: 13px; height: 13px; cursor: pointer; }
.analysis-wrapper .analysis-wrapper-row table.analysis-record-table tr td.score-tooltip .tooltip { position: absolute; width: 140px; font-size: 12px; background-color: rgba(0, 0, 0, 0.52); color: #FFF; font-weight: normal; border-radius: 4px; padding: 5px 8px; z-index: 10; display: none;}
.analysis-wrapper .analysis-wrapper-row table.analysis-record-table tr td.score-tooltip.left-score-tooltip .tooltip { top: -5px; left: -160px; }
.analysis-wrapper .analysis-wrapper-row table.analysis-record-table tr td.score-tooltip.left-score-tooltip .tooltip:AFTER { content: ''; border-bottom: 10px solid transparent; border-left: 12px solid rgba(0, 0, 0, 0.52); border-top: 10px solid transparent; width: 0; height: 0; position: absolute; right: -12px; bottom: 11px; }
.analysis-wrapper .analysis-wrapper-row table.analysis-record-table tr td.score-tooltip.right-score-tooltip .tooltip { top: -5px; right: -160px; }
.analysis-wrapper .analysis-wrapper-row table.analysis-record-table tr td.score-tooltip.right-score-tooltip .tooltip:BEFORE { content: ''; border-bottom: 10px solid transparent; border-right: 12px solid rgba(0, 0, 0, 0.52); border-top: 10px solid transparent; width: 0; height: 0; position: absolute; left: -12px; bottom: 11px; }

/* 비교 선수 선택 영역 */
.player-window { display: inline-block; width: 50%; box-sizing: border-box; margin-right: -1px; float: left; }
.player-window:FIRST-CHILD { border-right: 1px solid #e0e0e0; }
.player-window .league-choice-area { margin: 5px auto; border-radius: 5px; width: 474px; }
.player-window .league-choice-area select { margin-left: 1px; width: 115px; font-size: 12px; font-weight: 500; border: 1px solid #dee3eb; }
.player-window .league-choice-area select option { width: 116px; }
.player-window .league-choice-area.l-team select { border: 1px solid #1f8ecd;  }
.player-window .league-choice-area.r-team select { border: 1px solid #ee5a52;  }
.player-window .league-choice-area select:FIRST-CHILD { margin-left: 0; }
.player-window .player-choice-area { font-size: 0; height: 700px; width: 100%; overflow: hidden; position: relative; }
/* 포지션 필터 선택시 선수사진 디자인 깨짐 수정 - 2024.07.25 */
.player-window .player-choice-area .player-scroll-area { position: absolute; top: 0px; bottom: 0px; left: 0px; overflow: auto; width: 100%;}
.player-window .player-choice-area .player-scroll-area { -ms-overflow-style: none;}
.player-window .player-choice-area .player-scroll-area::-webkit-scrollbar { display:none; }
.player-window .player-choice-area .player-scroll-area ul { padding:0 0 0 1px; text-align: center; }
.player-window .player-choice-area li { position: relative; display: inline-block; width: 159px; height: 159px; margin: -1px; cursor: pointer; }
.player-window .player-choice-area li img { width: 158px; height: 158px; }
.player-window .player-choice-area li .player-info { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); text-align: left; color: #FFFFFF; display: none; }
.player-window .player-choice-area li .player-info span { display: block; margin: 0 10px; }
.player-window .player-choice-area li .player-info span.player-name-number { padding: 47px 0 5px 0; font-size: 16px; border-bottom: 1px solid #FFFFFF; font-weight: 600; }
.player-window .player-choice-area li .player-info span.representative-record { padding: 3px 0 5px 0; font-size: 14px; }
.player-window .player-choice-area li .player-info span.record-info { font-size: 12px; line-height: 14px; }
.player-window .player-choice-area li .player-label { position: absolute; right: 10px; bottom: 10px; font-weight: bold; font-size: 12px; background-color: #45434e; color: #f5f4f2; letter-spacing: 0; padding: 2px 6px; border-radius: 3px; }
.player-window .player-choice-area li.empty { width: 100%; height: 700px; cursor: context-menu; text-align: center; font-size: 14px; }
.player-window .player-choice-area li.empty div { padding-top: 300px; color: #b9b9b9; }
.player-window .player-choice-area div.empty { padding-top: 300px; color: #b9b9b9; font-size: 25px; text-align: center;}

.player-window .choice-filter-area { margin-bottom: 5px; padding: 0 15px; text-align: center; }
.player-window .choice-filter-area ul li.filter { display: inline-block; margin-right: 5px; cursor: pointer; }
.player-window .choice-filter-area ul li.filter:last-child { margin-right: 0; }
.player-window .choice-filter-area.l-team ul li.filter:HOVER { font-weight: bold; color: #1f8ecd; }
.player-window .choice-filter-area.l-team ul li.active-filter { font-weight: bold; color: #1f8ecd; }
.player-window .choice-filter-area.r-team ul li.filter:HOVER { font-weight: bold; color: #ee5a52; }
.player-window .choice-filter-area.r-team ul li.active-filter { font-weight: bold; color: #ee5a52; }