@charset "utf-8";

a.btn-type-08 { background-color: #3d5a7c; color: #FFFFFF; margin-left: 5px; border-radius: 3px; border: 1px solid #314965; }
a.btn-type-08.btn-search { display: inline-block; vertical-align: top; height: 30px; font-size: 12px; padding: 0 20px; border: none; border-radius: 3px; background: #3d5a7c; color: #fff; line-height: 30px; }

div.cont-info { margin-bottom: 10px; }
div.cont-info:last-child { margin-bottom: 50px; }
div.cont-info div.guide-txt {margin-top:10px; color:#d26060; font-weight:bold;}
div.cont-info div.guide-txt em {font-weight:bold; color:#7f7b7c; padding:0 5px;}

div.contents div.page-contents div.s-page-content div.cont-info.search-header { position: relative; }
div.contents div.page-contents div.s-page-content div.cont-info.search-header > * { display: inline-block; vertical-align: middle; }
div.contents div.page-contents div.s-page-content div.cont-info.search-header select.row-size { position: absolute; bottom: 10px; right: 0; padding: 3px 5px; background-color: #fbfbfb; height: 30px; font-size: 12px; font-weight: bold; color: #7c7c7c; border: 1px solid #e5e5e5; }

div.cont-info.team-info div.team-info-logo { display: inline-block; vertical-align: middle; }
div.cont-info.team-info div.team-info-logo { border: 1px solid #e8e8e8; width: 143px; height: 143px; overflow: hidden; text-align: center; background-color: #FFFFFF; margin-right: 35px; }
div.cont-info.team-info div.team-info-logo span.helper { display: inline-block; height: 100%; vertical-align: middle; }
div.cont-info.team-info div.team-info-logo img { vertical-align: middle; }

/* main area */
table.filter-table { font-size:15px; margin: 10px 0; }
table.filter-table tbody tr th {
    width:120px; padding:5px 10px; border-left:solid 2px #3d5a7c; border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-weight:bold;
    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.filter-table tbody tr td { padding:10px 20px 10px 5px; width: 1100px; border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-weight:bold;}
table.filter-table tbody tr td > * { vertical-align: middle; }
table.filter-table tbody tr td div.search-input { position: relative; display: inline-block; }
table.filter-table tbody tr td div.search-input input { font-size: 12px; padding: 3px 7px; width: 200px; border: 1px solid #f0efef; border-radius: 3px; background-color: #fafafa; }
table.filter-table tbody tr td div.search-input img.ico-search { position: absolute; top: 6px; right: 7px; }
table.filter-table tbody tr td div.selectbox { margin: 0; border: 1px solid #dee3eb; width: 400px; max-width: none;}
table.filter-table tbody tr td div.selectbox .select-league { max-width: none; width: 100%; } /* 리그 선택 최소 너비 제한 해제 개발자 임의 css 적용 */

table.vertical-table { width: 100%; margin-top:10px; text-align:center; }
table.vertical-table tbody tr th {
    padding:5px 10px; border-top:5px solid #3d5a7c; border-left:1px solid #e1e1e1; border-right: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%);
}

/* 테이블 영역 */
div.cont-info.team-info div.tables { display: inline-table; vertical-align: middle; width: 820px; }
div.cont-info.team-info div.tables div.table-cell { display: table-cell; width: 50%; }
div.cont-info.team-info div.tables div.table-cell table.horizon-table { width: 100%; text-align: left; }
div.cont-info.team-info div.tables div.table-cell table.horizon-table tbody tr th {
    color: #656565; width: 25%;
	padding: 9px 10px; border-left:solid 5px #3d5a7c; border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-weight:bold;
	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%);
}
div.cont-info.team-info div.tables div.table-cell table.horizon-table tbody tr td { width: 75%; color: #565656; padding: 0 20px; border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-weight:bold;}
div.cont-info.team-info div.tables div.table-cell table.horizon-table tbody tr td > * { vertical-align: middle; }
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: 200px; border: 1px solid #f0efef; border-radius: 3px; background-color: #fafafa; }
table.horizon-table tbody tr td div.search-input img.ico-search { position: absolute; top: 6px; right: 7px; }

div.cont-info table.vertical-table { width: 100%; margin-top:10px; text-align:center; }
div.cont-info table.vertical-table tbody tr th {
    position: relative; padding: 8px 5px; border-top:2px solid #3d5a7c; border-left:1px solid #e1e1e1; border-right: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%);
}
div.cont-info table.vertical-table tbody tr th img { vertical-align: middle; margin-left: 7px; }
div.cont-info table.vertical-table tbody tr th div.filter-area { position: absolute; z-index: 2; }
div.cont-info table.vertical-table tbody tr th div.filter-area ul { border: 1px solid #cfcdcd; color: #767676; font-weight: normal; background-color: #FFFFFF; text-align: left; }
div.cont-info table.vertical-table tbody tr th div.filter-area ul li { border-bottom: 1px solid #f6f6f6; padding: 5px 10px; margin: 0 10px; }
div.cont-info table.vertical-table tbody tr th div.filter-area ul li:last-child { margin-bottom: none; }
div.cont-info table.vertical-table tbody tr th div.filter-area ul li input[type="checkbox"] { margin-right: 3px; }
div.cont-info table.vertical-table tbody tr td { padding:6px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; }
div.cont-info table.vertical-table tbody tr td.blue { color: #4168a7; }
div.cont-info table.vertical-table tbody tr td.background { background-color: #ecf5ff; }
div.cont-info table.vertical-table tbody tr td span.contact-title { font-weight: bold; margin-right: 3px; }
div.cont-info table.vertical-table tbody tr td span.contact-txt { font-weight: normal; }
div.cont-info table.vertical-table tbody tr td .rank-ico { width: 20px; margin-top: 3px; vertical-align: top; }
div.cont-info table.vertical-table tbody tr td .team-name { text-align: left; }
div.cont-info table.vertical-table tbody tr td .team-name img { vertical-align: middle; }

div.cont-info.team-info div.table-cell table.horizon-table tr td span { display: block; }
div.cont-info.team-info div.table-cell table.horizon-table tr.rows { height: 51px; }
div.cont-info.team-info div.table-cell table.horizon-table tr.rows td { padding: 10px 20px !important; }
div.cont-info.team-info div.tables div.table-cell table.horizon-table tbody tr td div.league-area { width: 100%; height: 51px; overflow: hidden; }
div.cont-info.team-info div.tables div.table-cell table.horizon-table tbody tr td div.league-area div.league-blind-scroll { width: 100%; height: 100%; overflow: auto; padding-right: 18px; }

a.lnk-go-detail:HOVER { text-decoration: underline; }

/*상세보기*/
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 td {height:80px;}
div.detail-statistics th{min-width:50px;}
div.scroll-header {width:500px; z-index:1;}
div.scroll-body {width:calc(100% - 500px); white-space:nowrap; -ms-white-space:nowrap; -ms-overflow-style: none; overflow-x: auto; scrollbar-width: none; }
div.scroll-body::-webkit-scrollbar {display:none;}