@charset "utf-8";

a.btn-type-08 { background-color: #3d5a7c; color: #FFFFFF; margin-left: 5px; border-radius: 3px; border: 1px solid #314965; position:relative; top:2px; }

div.contents div.page-contents div.s-page-content div.p-content-title span.sub-title-txt { display: block; margin-top: 10px; font-weight: bold; color: #6f89a9; font-size: 15px; letter-spacing: -2px; }
div.contents div.page-contents div.s-page-content div.p-content-title span.sub-title-txt:BEFORE { content: "·"; margin: 0 5px; }

/* table(표) */
table tr td.table-title { color: #1662be; font-weight: bold; }

table.tb-statistics { width: 100%; margin-bottom: 2px; border-top: 2px solid #1b2637; }
table.tb-statistics .red { color: #e76969; }
table.tb-statistics .blue { color: #1662be; }
table.tb-statistics th { border-right: 1px solid #e4e7ec; padding: 7px 0; position: relative; font-weight: 500; color: #1b2637; vertical-align: middle; }
table.tb-statistics th:last-child { border-right: none; }
table.tb-statistics th div.career-stat-desc { position: absolute; display: none; top: -25px; padding: 2px 5px; border: 1px solid #3d5a7d; background-color: #dce3f5; font-size: 12px; }
table.tb-statistics th,td { text-align: center; border-bottom: 1px solid #e4e7ec; }
table.tb-statistics tr:last-child { border-bottom: 1px solid #97adc7; }
table.tb-statistics tr td { padding: 5px 0; vertical-align: middle;}
table.tb-statistics tr td.focus { background-color: #ecf5ff; }
table.tb-statistics tr th.r-border { border-right: 1px solid #97adc7; }
table.tb-statistics tr td.r-border { border-right: 1px solid #e4e7ec; }
table.tb-statistics tr td span { display: inline-block; }
table.tb-statistics tr td .rank-ico { width: 20px; margin-top: 3px; vertical-align: top;}
table.tb-statistics tr td a:HOVER { text-decoration:underline; }
table.tb-statistics tr th.active,td.active { background-color: #f4f9ff; }

table.tb-statistics tr.statistics-header { border-bottom: 1px solid #97adc7; background-color: #f8f8f8; color: #3d5a7d; }
table.tb-statistics tr.statistics-header td.r-border { border-right: 1px solid #97adc7; }

table.tb-info { width: 100%; margin-bottom: 2px; }
table.tb-info .red { color: #e14444; }
table.tb-info .blue { color: #3366bb; }
table.tb-info tr { text-align: center; border-bottom: 1px solid #e1e1e1; }
table.tb-info tr:last-child { border-bottom: 1px solid #97adc7; }
table.tb-info tr td { padding: 5px 0; border-right: 1px solid #e1e1e1; font-weight: bold; }
table.tb-info tr td:last-child { border-right: none; }
table.tb-info tr td span { display: inline-block; vertical-align: middle; margin-right: 5px; }
table.tb-info tr td span:last-child { margin-right: 0; }

table.tb-statistics tr.statistics-total { border-top: 1px solid #97adc7; border-bottom: 1px solid #3d5a7d; background-color: #dee6f0; color: #3d5a7d; font-weight: bold; }
table.tb-statistics tr.statistics-total td.r-border { border-right: 1px solid #97adc7; }

table.tb-info tr.info-header { border-top: 1px solid #97adc7; border-bottom: 1px solid #97adc7; background-color: #dee6f0; }
table.tb-info tr.info-header td { border-right: 1px solid #97adc7; font-weight: normal; }
table.tb-info tr.info-header td:last-child { border-right: none; }

/* 탭영역 및 컨텐츠 영역*/
.tab-area { position:relative; top:1px; z-index:1;}
.tab-area ul { display:flex; }
.tab-area ul li { border-top: 3px solid #d2d2d2; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; display:inline-block; padding: 6px 25px; color:#d2d2d2; cursor:pointer; border-bottom: 1px solid #fff; font-weight:600; }
.tab-area ul li.tab-active { border-top: 3px solid #1b2637; border-left:1px solid #1b2637; border-right:1px solid #1b2637; color:#1b2637; border-bottom: 2px solid #fff;}
.tab-area span.game-info { color:#e62727; position:absolute; right:0; bottom:3px; }

/* filter area */
div.filter-area { padding: 15px 0; border-top: 1px solid #1b2637; line-height: 24px; }
div.filter-area > * { display: inline-block; vertical-align: middle; }
div.filter-area img { vertical-align: middle; }
div.filter-area span.filter-title { color: #3d5a7d; font-weight: bold; margin: 0 5px 0 10px; }
div.filter-area div.search-input { position: relative; display: inline-block; }
div.filter-area div.search-input input { font-size: 12px; padding: 3px 7px; width: 200px; border: 1px solid #f0efef; border-radius: 3px; background-color: #fafafa; }
div.filter-area div.search-input img.ico-search { position: absolute; top: 6px; right: 7px; }
/* div.filter-area .selectbox select { margin: 0; border: 1px solid #dee3eb; } */
div.filter-area .selectbox select { margin: 0; border: 1px solid #dee3eb; width: 250px; max-width: none;}
div.filter-area .sub-filter-area { display: block; margin-top: 5px; }
div.filter-area .sub-filter-area div { display: inline-block; }
div.filter-area .sub-filter-area .info-message { color: #999; float: right; }
div.filter-area .sub-filter-area .info-message .strong { color: #0084ff; font-weight: 600; }


/* search date area */
div.date-area > * { display: inline-block; vertical-align: middle; }
div.date-area div.month-date { padding: 10px 0; margin-right: 20px; }
div.date-area div.month-date select { font-size: 12px; width: 70px; margin: 0 2px; }
div.date-area div.day-date { padding: 10px 15px; border: 1px solid #e2e2e2; background-color: #fafafa; }
div.date-area div.day-date span.day-date-title { color: #3d5a7d; font-weight: bold; margin-right: 15px; }
div.date-area div.day-date span.day-date-txt { border: 1px solid #e2e2e2; background-color: #FFFFFF; color: #3d5a7d; padding: 1px 10px 3px 10px; }
div.date-area a.btn-arrow-gray { border: 1px solid #9a9a9a; border-radius: 1px; background-color: #aaaaaa; color: #FFFFFF; padding: 0px 7px 2px 5px; font-size: 11px; }
div.date-area a.btn-arrow-blue { border: 1px solid #567ea5; border-radius: 1px; background-color: #5c87b0; color: #FFFFFF; padding: 1px 7px 2px 5px; font-size: 10px; }

/* 경기일정 테이블 */
div.cont-info table.vertical-table { width: 100%; margin-top:10px; text-align:center; margin-bottom: 50px; }
div.cont-info table.vertical-table tbody tr th {
    position: relative; padding: 8px 5px; border-top:2px solid #1b2637; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-weight:bold;
	background: #f8f8f8;
}
div.cont-info table.vertical-table tbody tr th img { vertical-align: middle; margin-left: 7px; }
div.cont-info table.vertical-table tbody tr td { padding:10px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-weight: 400; }
div.cont-info table.vertical-table tbody tr td.red { color: #e14444; }
div.cont-info table.vertical-table tbody tr td.blue { color: #3366bb; }
div.cont-info table.vertical-table tbody tr td > span { display: inline-block; vertical-align: middle; }
div.cont-info table.vertical-table tbody tr td span.score { font-weight: bold; margin: 0 5px; }
div.cont-info table.vertical-table tbody tr td span.score.red { color: #e14444; }
div.cont-info table.vertical-table tbody tr td span.score.blue { color: #3366bb; }

a.btn-match-01 { display: inline-block; background-color: #6f6f6f; color: #FFFFFF; border-radius: 1px; padding: 6px 15px 7px 15px; font-size: 11px; font-weight: normal; margin-bottom: 2px; }
a.btn-match-02 { display: inline-block; background-color: #3f6991; color: #FFFFFF; border-radius: 1px; padding: 6px 15px 7px 15px; font-size: 11px; font-weight: normal; }

/* rank top 3 */
.rank-wrap { margin-bottom: 20px; }
.rank-wrap .rank { position: relative; float: left; width: calc(33.33% - 15px); margin-right: 20px; text-align: center; padding: 20px; border: 1px solid;}
.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;}
.rank-wrap .rank.top01 .rank-num .nn { left: 5px; }
.rank-wrap .rank.top01 .rank-num { border-top-color: #0084ff; }
.rank-wrap .rank.top02 .rank-num { border-top-color: #ffbf3e; }
.rank-wrap .rank.top03 .rank-num { border-top-color: #adadad; }
.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: 110px; height: 110px; overflow: hidden; border-radius: 50%; border: 4px solid #b0c3e5; margin-bottom: 5px;}
.rank-wrap .rank .player-img img { width: 100%; height: 100%; object-fit: cover; }
.rank-wrap .rank .name { font-size: 1.5rem; font-weight: 500; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.rank-wrap .rank .name .rank-ico { width: 18px; position: relative; top: 2px; }
.rank-wrap .rank .record { font-size: 1.5rem; font-weight: 600; padding: 1px 20px; color: #0f264f; background: #e9eff2; border-radius: 20px; display: inline-block; margin-top: 10px;}

/*상세보기*/
div.rank-tab-wrap {margin-bottom:10px;}
div.rank-tab-wrap .statistics-notice {color:red;}
.selected {font-weight:800; text-decoration:underline;}
.rank-tab {font-size:18px;}
div.detail-statistics {display:flex;}
div.detail-statistics tr {height:38px;}
div.scroll-header {width:400px; z-index:1;}
div.scroll-body {width:calc(100% - 400px); white-space:nowrap; -ms-white-space:nowrap; -ms-overflow-style: none; overflow-x: auto; scrollbar-width: none; }
div.scroll-body th {min-width:50px;}
div.scroll-body th a {margin : 10px;}
div.scroll-body::-webkit-scrollbar {display:none;}