@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:1px; }

/* 테이블 영역 */
table.horizon-table { font-size:13px; margin: 10px 0; width: 100%; }
table.horizon-table tbody tr th {
    width:120px; padding:5px 10px; border-left:solid 2px #3d5a7c; border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1; font-weight:bold;
    background: #f8f8f8;
}
table.horizon-table tbody tr:last-child th { border-bottom: 1px solid #e1e1e1; }
table.horizon-table tbody tr td { width:863px; padding: 10px 20px 10px 10px; border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1; font-weight:bold;}
table.horizon-table tbody tr:last-child td { border-bottom: 1px solid #e1e1e1; }
table.horizon-table tbody tr td.player-type-wrap label{ font-weight:normal; margin-right:7px;}
table.horizon-table tbody tr td > * { vertical-align: middle; }
table.horizon-table tbody tr td select { margin: 0; border: 1px solid #dee3eb; }
table.horizon-table tbody tr td div.search{display:flex;}
table.horizon-table tbody tr td div.search select{ width:82px; font-size:12px;}
table.horizon-table tbody tr td div.search-input { position: relative; display: inline-block; }
table.horizon-table tbody tr td div.search-input input { font-size: 12px; padding: 3px 7px; width: 220px; border: 1px solid #f0efef; border-radius: 3px; background-color: #fafafa; margin-left:10px;}
table.horizon-table tbody tr td div.search-input img.ico-search { position: absolute; top: 6px; right: 7px; }

table.vertical-table { width: 100%; margin-top:25px; text-align:center; }
table.vertical-table thead tr th {
	padding:5px 10px; border-top:2px solid #3d5a7c; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-weight:bold;
	text-align:center; background: rgba(252,252,252,1);
    background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,252,252,1)), color-stop(100%, rgba(242,242,242,1)));
    background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: -o-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: linear-gradient(to bottom, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
}
table.vertical-table tbody tr:nth-child(even) { background-color: rgb(252, 252, 252); }
table.vertical-table thead tr th:last-child { border-right: 1px solid #e1e1e1; }
table.vertical-table tbody tr td {padding:10px; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; position:relative;}
table.vertical-table tbody tr td:last-child { border-right: 1px solid #e1e1e1; }
table.vertical-table tbody tr td.player-name { padding:10px; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; position:relative; text-align: left; padding-left: 75px; }
table.vertical-table tbody tr td img.favorite-btn { width:20px;height:25px;position:absolute;top:0;right:0;cursor:pointer;}
table.vertical-table tbody tr td span.player-hover-info { cursor: context-menu; }
table.vertical-table tbody tr td>div span.orange { color:#d9821c; }
table.vertical-table tbody tr td>div { position:relative; display:inline-block;}
table.vertical-table tbody tr td.blue { color:#4168a7; }
table.vertical-table tbody tr td span.contact-title { font-weight: bold; margin-right: 3px; }
table.vertical-table tbody tr td span.contact-txt { font-weight: normal; }
table.vertical-table tbody tr td .detail-wrap { border-radius:5px; border:1px solid #e3e3e3; background:#fff; position:absolute; top:-123px; left:-128px; width:120px; height:120px; z-index:1; display: none; }
table.vertical-table tbody tr td .detail-wrap .text {position:absolute; color:#fff; background:#404040; padding:2px 6px;right:0;bottom:0;font-size:11px;border-radius:0 0 3px 0;}
table.vertical-table tbody tr td .detail-wrap .triangle {border-left:6px solid transparent;border-bottom:6px solid #3d5a7d;width:0;height:0;position:absolute;right:-3px;bottom:-3px;}
table.vertical-table tbody tr td .detail-wrap img { width: 120px; height: 120px; }
table.vertical-table tbody tr td div.exist-image { border-right: 6px solid transparent; border-top: 6px solid #ff0000; width: 0; height: 0; position: absolute; left: 0px; top: 0px; }

/* 플레이어 정보 추가 */
table.vertical-table tbody tr td span.player-hover-info { text-align: left; display: block; text-align: left; overflow: hidden; cursor: pointer; }
table.vertical-table tbody tr td span.player-hover-info .player-info { float: left; padding: 10px 15px 3px; }
table.vertical-table tbody tr td span.player-hover-info .team-info { display: block; margin-bottom: 3px; border-bottom: 1px solid #eaeaea; padding-bottom: 5px; }
table.vertical-table tbody tr td span.player-hover-info .team-info .team-logo { width: 20px; height: 20px; display: inline-block; border-radius: 50%; overflow: hidden; margin-right: 3px; }
table.vertical-table tbody tr td span.player-hover-info .team-info .team-name { line-height: 20px; font-size: 13px; max-width: 205px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; }
table.vertical-table tbody tr td span.player-hover-info .go-player-detail { text-align: left; font-size: 18px; font-weight: 800; max-width: 205px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; }
table.vertical-table tbody tr td span.player-hover-info .player-image { width: 75px; height: 75px; overflow: hidden; display: inline-block; float: left; border-radius: 50%; position: relative; }
table.vertical-table tbody tr td span.player-hover-info .player-image img { width: 100%; height: 100%; }
table.vertical-table tbody tr td .record-btn { background: #0084ff; color: #fff; line-height: 28px; display: inline-block; padding: 0 10px; border-radius: 3px; font-size: 12px; height: 28px; }

/* 초성 검색필터 */
.filter-cover { position: relative; top: 15px;}
.korean-filter {display: inline-block; float: left;}
.korean-filter ul { display: flex;}
.korean-filter ul li { margin-right: 4px; }
.korean-filter ul li.select a{ background: #404040; color: #fff; }
.korean-filter ul li.all { position: relative; margin-right: 25px;}
.korean-filter ul li.all::after { content: ""; display: block; height: 17px; background: #d7dade; position: absolute; padding: 1px; right: -14px; top: 3px;}
.korean-filter ul li a { padding: 1px 5px; border: 1px solid #e1e1e1;}
.korean-filter ul li a:hover { background: #404040; color: #fff;}