@charset "utf-8";

div.cont-info { margin-bottom: 10px; }
div.cont-info:last-child { margin-bottom: 50px; }

div.contents div.page-contents div.s-page-content div.p-content-title { position:relative; }
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;
    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.horizon-table { width: 100%; text-align: left; }
div.cont-info table.horizon-table tbody tr th {
    color: #656565;
	padding: 9px 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: #f8f8f8;
}
div.cont-info table.horizon-table tbody tr td { color: #565656; padding: 10px 15px; border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-align:center; position:relative; }
div.cont-info table.horizon-table tbody tr td > * { vertical-align: middle; }
div.cont-info table.horizon-table tbody tr td.team-logo { text-align: center; width: 20%; border-left: 1px solid #e1e1e1; padding: 5px; }
div.cont-info table.horizon-table tbody tr td img.favorite-btn { width:20px;height:25px;position:absolute;top:10px;right:10px;cursor:pointer;}
div.cont-info table.horizon-table tbody tr td.team-logo img { width: 185px; height: 185px; }
div.cont-info table.horizon-table tbody tr td span.league { margin-bottom: 10px; }
div.cont-info table.horizon-table tbody tr td span.league:last-child { margin-bottom: 0; }
div.cont-info table.horizon-table tr td span { display: block; }
div.cont-info table.horizon-table tr.rows { height: 51px; }
div.cont-info table.horizon-table tbody tr td div.league-area { width: 100%; word-break  : break-all; white-space : pre; }

.cont-info .tab-layer .vertical-table.player-layer { width: 100%; margin-top:10px; text-align:center; }
.cont-info .tab-layer .vertical-table.player-layer thead tr { background: #f8f8f8; height: 35px; box-sizing: border-box; border-top: 2px solid #3d5a7c; }
.cont-info .tab-layer .vertical-table.player-layer thead tr th { position: relative; color: #555555; font-size: 13px; font-weight: 600;text-align: center; }
.cont-info .tab-layer .vertical-table.player-layer thead tr th img { vertical-align: middle; margin-left: 7px; }
.cont-info .tab-layer .vertical-table.player-layer thead tr th div.filter-area { position: absolute; z-index: 2; display: none; }
.cont-info .tab-layer .vertical-table.player-layer thead tr th div.filter-area ul { border: 1px solid #cfcdcd; color: #767676; font-weight: normal; background-color: #FFFFFF; text-align: left; }
.cont-info .tab-layer .vertical-table.player-layer thead tr th div.filter-area ul li { border-bottom: 1px solid #f6f6f6; padding: 5px 10px; margin: 0 10px; cursor: pointer; }
.cont-info .tab-layer .vertical-table.player-layer thead tr th div.filter-area ul li:last-child { margin-bottom: none; }
.cont-info .tab-layer .vertical-table.player-layer thead tr th div.filter-area ul li input[type="checkbox"] { margin-right: 3px; }
.cont-info .tab-layer .vertical-table.player-layer tbody tr td { padding:10px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; }
.cont-info .tab-layer .vertical-table.player-layer tbody tr td.favorite-parent { position:relative; }
.cont-info .tab-layer .vertical-table.player-layer tbody tr td img.favorite-btn { width:20px;height:25px;position:absolute;top:5px;right:5px;cursor:pointer;}
.cont-info .tab-layer .vertical-table.player-layer tbody tr td.blue { color: #4168a7; }
.cont-info .tab-layer .vertical-table.player-layer tbody tr td span.contact-title { font-weight: bold; margin-right: 3px; }
.cont-info .tab-layer .vertical-table.player-layer tbody tr td span.contact-txt { font-weight: normal; }
.cont-info .tab-layer .vertical-table.player-layer tbody tr td img { width: 104px; height: 104px; }

/* 새 팀원정보 */
.cont-info .info-type-select { display: block; margin-top: 10px; height: 55px; }
.cont-info .info-type-select ul li { display: inline-block; text-align: center; width: 50%; height: 50px; margin-right: -2px; box-sizing: border-box; border: 1px solid #e0e0e0; }
.cont-info .info-type-select ul li a { color: #bababa; font-size: 14px; font-weight: 500; line-height: 45px; display: block; box-sizing: border-box; height: 49px; border-top: 3px solid #f4f4f4; background: #f4f4f4; border-bottom: 1px solid #1b2637; }
.cont-info .info-type-select ul .select-on { border-color: #1b2637; }
.cont-info .info-type-select ul .select-on a { border-top: 2px solid #1b2637; color: #1b2637; font-weight: 600; border-bottom: 1px solid #fff; background: #fff; }
.cont-info .tab-layer { width: 100%; margin-top: 20px; display: -ms-flexbox; margin-bottom: 130px; display: none; }
.cont-info .tab-layer.active { display: flex; }
.cont-info .tab-layer .year-select-layer { background-color: #e2e2e2; width: 150px; height: inherit; box-sizing: border-box; border: 1px solid #d3d3d3; display: inline-block; vertical-align: top; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1) inset;  }
.cont-info .tab-layer .year-select-layer .select-tap-wrap { margin-top: 49px; box-sizing: border-box; width: 115px; float: right; }
.cont-info .tab-layer .year-select-layer .select-tap-wrap ul li { height: 53px; width: 100px; box-sizing: border-box; float: right; margin-bottom: 4px; border-left: 1px solid #CFCFCF; border-top: 1px solid #CFCFCF; border-bottom: 1px solid #CFCFCF; }
.cont-info .tab-layer .year-select-layer .select-tap-wrap ul li a { background: #d2d2d2; display: block; height: 53px; font-family: 'Verdana'; color: #909090; font-size: 18px; font-weight: 400; line-height: 50px; padding-left: 20px; letter-spacing: -2px; }
.cont-info .tab-layer .year-select-layer .select-tap-wrap ul .select-on { margin-bottom: 6px; width: 113px; }
.cont-info .tab-layer .year-select-layer .select-tap-wrap ul .select-on a { background: #fff; border-left: 3px solid #3d5a7c; border-bottom: 1px solid #CFCFCF; color: #3d5a7c; font-size: 18px; font-weight: 700; position: relative; }
.cont-info .tab-layer .year-select-layer .select-tap-wrap ul .select-on a:after { content: ""; width: 1px; height: 53px; border-right: 2px solid #fff; position: absolute; top: 0; right: -2px; }

.cont-info .tab-layer .record-layer { display: inline-block; vertical-align: top; position:relative; }
.cont-info .tab-layer .record-layer .league-select-layer { height: 51px; box-sizing: border-box; width: 785px; overflow: hidden; display: inline-block; background-color: #e2e2e2; }
.cont-info .tab-layer .record-layer .league-select-layer ul { display: flex; display: -ms-flexbox; width: 785px; height: 51px; }
.cont-info .tab-layer .record-layer .league-select-layer ul li { display: inline-block; line-height: 49px; border-right: 1px solid #ededed; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed;  }
.cont-info .tab-layer .record-layer .league-select-layer ul li a { display: block; color: #706f6f; font-size: 14px; font-weight: 600; padding: 0 25px; background: #fff; letter-spacing: -0.5px; white-space: nowrap; }
.cont-info .tab-layer .record-layer .league-select-layer ul .select-on { border-top: 1px solid #3d5a7c; border-bottom: 1px solid #3d5a7c; border-right: 1px solid #3d5a7c; box-shadow: -4px 0 8px rgba(0, 0, 0, 0.1); -webkit-box-shadow: -4px 0 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: -4px 0 8px rgba(0, 0, 0, 0.1); }
.cont-info .tab-layer .record-layer .league-select-layer ul .select-on a { background: #3d5a7c; color: #fff; }

.cont-info .tab-layer .record-layer .league-select-navi { display: inline-block; height: 51px; vertical-align: top; margin-left: -2px; }
.cont-info .tab-layer .record-layer .league-select-navi li { display: inline-block; vertical-align: top; box-sizing: border-box; width: 35px; height: 51px; margin-right: -4px; background-image: -webkit-linear-gradient(90deg, #f2f2f2 0%, #fbfbfb 100%); background-image: -moz-linear-gradient(90deg, #f2f2f2 0%, #fbfbfb 100%); background-image: -o-linear-gradient(90deg, #f2f2f2 0%, #fbfbfb 100%); background-image: linear-gradient(0deg, #f2f2f2 0%, #fbfbfb 100%); }
.cont-info .tab-layer .record-layer .league-select-navi li a { box-sizing: border-box; display: block; border: 1px solid #d7d7d7; height: 51px; width: 35px; text-align: center; padding-top: 15px; }
.cont-info .tab-layer .record-layer .league-select-navi .navi-left { width: 36px; }
.cont-info .tab-layer .record-layer .league-select-navi .navi-left a { padding-right: 1px; }
.cont-info .tab-layer .record-layer .league-select-navi .navi-right a { padding-left: 1px; }

.cont-info .tab-layer .record-layer .record-table-layer { vertical-align: top; display: block; }
.cont-info .tab-layer .record-layer .record-table-layer .table-select-tap { width: 100%; text-align: center; padding: 12px 0 13px 0; }
.cont-info .tab-layer .record-layer .record-table-layer .table-select-tap .select-on { color: #fff; background: #3d5a7c; border: 1px solid #3d5a7c; }
.cont-info .tab-layer .record-layer .record-table-layer .table-select-tap span { color: #9a9a9a; font-size: 13px; font-weight: 500; letter-spacing: -0.5px; width: 84px; height: 24px; box-sizing: border-box; line-height: 21px; border: 1px solid #e1e1e1; display: inline-block;  text-align: center; margin-right: -3px; cursor: pointer; background: #fff; }
.cont-info .tab-layer .record-layer .record-table-layer .table-select-tap span:nth-child(1) { border-bottom-left-radius: 2px; border-top-left-radius: 2px; }
.cont-info .tab-layer .record-layer .record-table-layer .table-select-tap span:nth-child(2) { border-bottom-right-radius: 2px; border-top-right-radius: 2px; }
.cont-info .tab-layer .record-layer .record-table-layer span.game-info { color:#e62727; position:absolute; right:10px; bottom:0; }

.cont-info .tab-layer .record-layer .record-table-layer .vertical-table { width: 818px; margin-left: 20px; margin-bottom: 20px; }
.cont-info .tab-layer .record-layer .record-table-layer .vertical-table thead { box-sizing: border-box; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; }
.cont-info .tab-layer .record-layer .record-table-layer .vertical-table thead tr { background-image: -webkit-linear-gradient(90deg, #f2f2f2 0%, #fbfbfb 100%); background-image: -moz-linear-gradient(90deg, #f2f2f2 0%, #fbfbfb 100%); background-image: -o-linear-gradient(90deg, #f2f2f2 0%, #fbfbfb 100%); background-image: linear-gradient(0deg, #f2f2f2 0%, #fbfbfb 100%); height: 35px; box-sizing: border-box; border-top: 2px solid #3d5a7c; }
.cont-info .tab-layer .record-layer .record-table-layer .vertical-table thead tr th { color: #555555; font-size: 13px; font-weight: 600; }
.cont-info .tab-layer .record-layer .record-table-layer .vertical-table thead tr th img { margin-top: 7px; margin-left: 4px; }
.cont-info .tab-layer .record-layer .record-table-layer .vertical-table thead tr th a.ascending:AFTER { content: '▲'; margin-left: 3px; font-size: 11px; }
.cont-info .tab-layer .record-layer .record-table-layer .vertical-table thead tr th a.descending:AFTER { content: '▼'; margin-left: 3px; font-size: 11px; }
.cont-info .tab-layer .record-layer .record-table-layer .vertical-table tbody { color: #555; font-size: 13px; font-weight: 500; }
.cont-info .tab-layer .record-layer .record-table-layer .vertical-table tbody tr { height: 34px; box-sizing: border-box; border-bottom: 1px solid #e1e1e2; }
.cont-info .tab-layer .record-layer .record-table-layer .vertical-table tbody tr td { text-align: center; }
.cont-info .tab-layer .record-layer .record-table-layer .vertical-table tbody tr .focus { background: #e9f1f9; }
.cont-info .tab-layer .record-layer .record-table-layer .vertical-table tbody { border-bottom: 2px solid #3d5a7c; }