@charset "utf-8";

a.btn-type-08 { background-color: #3d5a7c; color: #FFFFFF; margin-left: 5px; border-radius: 3px; border: 1px solid #314965; padding:4px 10px; position:relative; top:2px; }
a.btn-type-08:HOVER { color: #FFFFFF;}
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; }

a:HOVER { text-decoration: none; color: inherit; }

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; }

div.contents div.page-contents div.s-page-content div.p-content-area .row-size { text-align: right; }
div.contents div.page-contents div.s-page-content div.p-content-area .row-size select { border: 1px solid #efefef; }

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

table.tb-statistics { width: 100%; margin-bottom: 2px; }
table.tb-statistics .red { color: #e76969; }
table.tb-statistics .blue { color: #1662be; }
table.tb-statistics th { border-right: 1px solid #e4e7ec; }
table.tb-statistics th,tr { 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; }
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 th.active,td.active { background-color: #f4f9ff; }

table.tb-statistics tr.statistics-header { border-top: 1px solid #3d5a7d; border-bottom: 1px solid #97adc7; background-color: #dee6f0; 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-radius:2px 2px 0 0; border-top:4px solid #d2d2d2; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; display:inline-block; padding:5px 10px; color:#d2d2d2; cursor:pointer; border-bottom:1px solid #3d5a7d; font-weight:600; }
.tab-area ul li.tab-active { border-top:4px solid #3d5a7d; border-left:1px solid #3d5a7d; border-right:1px solid #3d5a7d; color:#3d5a7d; border-bottom:1px solid #f8f8f8;}

/* filter area */
div.filter-area { padding: 10px 0; border-top: 1px solid #3d5a7d; 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; }

/* search date area */
.top-search-area { border:1px solid #e2e2e2; display: inline-block; background:#fafafa;margin-bottom:5px; width:100%; }
.top-search-area .search-cont-area { display:inline-block; margin:0 15px 0 25px; padding:10px 0 ;}
.top-search-area .search-cont-area > * { vertical-align: middle; }
.top-search-area .search-cont-area .sub-title-txt { font-weight: bold; color: #3d5a7d; font-size: 15px; letter-spacing: -2px; }
.top-search-area .search-cont-area .sub-title-txt:BEFORE { content: "·"; margin: 0 5px; }
.top-search-area .search-cont-area .sub-cont-area { display:inline-block; margin-left:13px; }
.top-search-area .search-cont-area .sub-cont-area > .game-search-btn { cursor:pointer; padding:6px 12px; color:#fff; border-radius:4px; background:#426e97;}
.top-search-area .search-cont-area .sub-cont-area > .date-btn { cursor:pointer; display:inline-block;width:13px; height:13px; border-radius:1px; line-height:13px; text-align:center; font-weight:bold; background:#5c87af; border:1px solid #567ea5; position:relative; top:1px; border-radius:2px; color:#fff; }
.top-search-area .search-cont-area .sub-cont-area div.search-date { position: relative; display: inline-block; margin: 0 5px; }
.top-search-area .search-cont-area .sub-cont-area div.search-date > * { vertical-align: middle; }
.top-search-area .search-cont-area .sub-cont-area div.search-date input{ width:95px; border:1px solid #e2e2e2; background:#fff; color:#3d5a7d; padding:3px 8px; font-size: 13px; }
.top-search-area .search-cont-area .sub-cont-area div.search-date img.tcalIcon { top: 3px; right: -25px; }
.top-search-area .search-cont-area .sub-cont-area div.day-date { display: inline-block; padding: 0 10px; }
.top-search-area .search-cont-area .sub-cont-area div.day-date span.day-date-title { color: #3d5a7d; font-weight: bold; margin-right: 15px; }
.top-search-area .search-cont-area .sub-cont-area div.day-date span.day-date-txt { border: 1px solid #e2e2e2; background-color: #FFFFFF; color: #3d5a7d; padding: 1px 10px 3px 10px; }
.top-search-area .search-cont-area .sub-cont-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; text-decoration: none; }
.top-search-area .search-cont-area .sub-cont-area select { border: 1px solid #efefef; background: #fff; }

/* 경기일정 테이블 */
div.cont-info table.vertical-table { width: 100%; margin-top:10px; text-align:center; margin-bottom: 50px; }
div.cont-info table.vertical-table thead tr th {
    position: relative; text-align: center; 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 { height: 47px; }
div.cont-info table.vertical-table tbody tr:nth-child(2n-1) { background-color: rgb(252, 252, 252); }
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: 8px 10px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-weight:bold;}
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 div.team-wrap { display: inline-block; vertical-align: middle; width: 150px; }
div.cont-info table.vertical-table tbody tr td div.team-wrap > * { display: inline-block; vertical-align: middle; }
div.cont-info table.vertical-table tbody tr td div.team-wrap span.team { width: 72%; overflow: hidden; white-space: nowrap; }
div.cont-info table.vertical-table tbody tr td div.team-wrap span.team > a { font-size:13px; color:#555;}
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 { margin:0 5px; width: 15px; }
div.cont-info table.vertical-table tbody tr td span.versus { width: 12px; }
div.cont-info table.vertical-table tbody tr td span.red { font-weight: bold; color: #e14444; }
div.cont-info table.vertical-table tbody tr td span.blue { font-weight: bold; color: #3366bb; }

/*오늘 경기 음영색*/
div.cont-info table.vertical-table tbody tr.today {
	border: 2px solid #A2AEF0;
	box-shadow: 0 3px 10px 0 rgba(89, 81, 214, .15);
	border-left: none;
	border-right: none;
	background-color: unset;	
 }

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

.text-bold {font-weight:bold;}
.text-yellow {color:#e7a824;}
.text-red {color:#dc4f4f;}
.text-sea {color:#5c6b99;}
.text-black {color:#595959;}
.text-green {color:#79ff79;}
.text-sky {color:#5e9bdf;}

.result-label {
	padding: 3px 4px;
	border-radius: 2px;
	border: 1px solid #e9e9e9;
	font-size: 11px;
	color: #fff;
	background: #f1f1f1;
	color: #989898;
	background-color: #fd6b22;
	border: none;
	color: #f7f7f7;
}