@charset "utf-8";
/* CSS Document */
.content-wrap .main-content .basic-content .content-box .search-area .srch-date input {height: 40px; background: url("../../../img/sub/schedule/calc_ico.svg") no-repeat 95% 50%; background-size:20px 20px; background-color:#eee; border:0; border-radius: 5px; padding : 0 30px 0 10px;}
.content-wrap .main-content .basic-content .content-box .search-area .srch-date input:nth-child(1) {float: left; width:45%;}
.content-wrap .main-content .basic-content .content-box .search-area .srch-date input:nth-child(2) {float: right; width:45%;}
.content-wrap .main-content .basic-content .content-box .search-area .srch-date .unti {margin-left: 11px;position:relative;top:7px;}

.content-wrap .main-content .basic-content .content-box .select-wrap { position:relative; text-align: center; margin:10px 0; }
.content-wrap .main-content .basic-content .content-box .select-wrap .selc-float { float:left; height:40px; border:1px solid #d7dade; padding-left:7px; padding-right: 25px; background: url("../../../img/common/arrow_d_black.svg") no-repeat 93% 50%; background-size: 7px 10px; border-right:0; border-top: none; font-size: 13.5px;  width: 50%; }
.content-wrap .main-content .basic-content .content-box .select-wrap .selc-float:nth-child(2n) { border-right: 1px solid #d7dade; }
.content-wrap .main-content .basic-content .content-box .select-wrap .selc-float:nth-child(1),
.content-wrap .main-content .basic-content .content-box .select-wrap .selc-float:nth-child(2) { border-top: 1px solid #d7dade; }
.content-wrap .main-content .basic-content .content-box .select-wrap input { width:100%; height:40px; margin-top: 10px; padding-left:7px; padding-right:25%; border:1px solid #d7dade; font-size:13.5px; }
.content-wrap .main-content .basic-content .content-box .select-wrap .srch-view-count {float: right; width:40%; height:35px; clear:both; margin-top: 10px; }
.content-wrap .main-content .basic-content .content-box .select-wrap .srch-view-count select {width:100%; height:100%; font-size:13px; border:1px solid #d7dade; background: url("../../../img/common/arrow_d_black.svg") no-repeat 93% 50%; background-size: 7px 10px; padding-left: 10px;}

/* 이전/다음 버튼 */
.list-button {margin-top:15px;}
.list-button button {float:left; width:50%; height:40px; border:0;}
.list-button .next {background:#0084ff; color:#fff;}

/* 달력 */
.calendar { display: none; position:fixed; top:50%; left:50%; z-index: 99; transform: translate(-50%,-50%); background:rgba(0,0,0,0.8); width:100%; height:100%;}
.calendar-wrap { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:95%; background:#fff; border-top: 2px solid #0084ff; }
.calendar-wrap .calendar-title { position:relative; width:100%; height:50px; border-bottom:1px solid #d7dade; }
.calendar-wrap p { position:absolute; top: 12.5px; left:50%; margin-left:-41px; font-size:17px; font-weight: bold; letter-spacing: -0.5px;}
.calendar-wrap .prev-btn, .calendar-wrap .next-btn {position:absolute; top:15px; border:0; background:0; opacity: 0.5;}
.calendar-wrap button.prev-btn {left: 10px; }
.calendar-wrap button.next-btn {right: 10px;}
.calendar-wrap .calendar-table {width: 100%;}
.calendar-wrap .calendar-table table {width:100%; text-align: center;}
.calendar-wrap .calendar-table table th {text-align: center; padding:10px; border-bottom:1px solid #d7dade; font-size:15px;}
.calendar-wrap .calendar-table table td {padding: 10px;font-size: 14px; border-bottom:1px solid #d7dade; border-right:1px solid #d7dade;} 
.calendar-wrap .calendar-table table td:nth-child(7n+0) {border-right:0;}
.calendar-wrap .calendar-table table td.sun {color: #D10026;}
.calendar-wrap .calendar-table table td.sat {color: #0046D5;}
.calendar-wrap .calendar-table table td.empty {background:#f8f8f8;}
.calendar-wrap .calendar-table table td.today {background:#0084ff; color:#fff; border-color:#0084ff;}
.calendar-wrap .calendar-button {border-top:1px solid #d7dade;}
.calendar-wrap .calendar-button button {float:left; width:50%; height:50px; border:0;}
.calendar-wrap .calendar-button .checked {background:#0084ff; color:#fff;}

.match-info {margin-top:10px;}
.match-info .info-box .btn-wrap a.highlight:before { position: absolute; content: ''; width: 14px; height: 12px; background: url("../../../img/main/highlight_ico_b.svg"); background-size: 14px 12px; top: 13px; left: 25px; opacity: 0.8; }
.match-info .info-box .btn-wrap a.highlight:hover:before { position: absolute; content: ''; width: 14px; height: 12px; background: url("../../../img/main/highlight_ico_blue.svg"); background-size: 14px 12px; top: 13px; left: 25px; opacity: 1; }
.match-info .info-box .btn-wrap a.detail-result {  font-size:0.8rem;}
.match-info .info-box .btn-wrap a.detail-result:before { position: absolute; content: ''; width: 12px; height: 10px; background: url("../../../img/main/detail_result_ico_b.svg"); background-size: 12px 10px; top: 15px; left: 22px; opacity: 0.8; }
.match-info .info-box .btn-wrap a.detail-result:hover:before { position: absolute; content: ''; width: 12px; height: 10px; background: url("../../../img/main/detail_result_ico_blue.svg"); background-size: 12px 10px; top: 15px; left: 22px; opacity: 1; }
.match-info .info-box .btn-wrap.disabled a.highlight:hover:before { opacity: .2; background: url("../../../img/main/highlight_ico_b.svg"); background-size: 14px 12px; top: 13px; left: 25px; }
.match-info .info-box .btn-wrap.disabled a.detail-result:hover:before { opacity: .2; background: url("../../../img/main/detail_result_ico_b.svg"); background-size: 12px 10px; top: 15px; left: 22px; }


.record-table-fixed02 .team-logo { width: 27px; display: inline-block; margin-right: 3px; vertical-align: middle; vertical-align: text-bottom;}
.record-table-fixed02 .team-logo img { width: 100%; height: auto; vertical-align: middle;}
.record-table-fixed02 .team-name { display: inline-block; font-size: 0.8rem; font-weight: bold; vertical-align: baseline; max-width: 133px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

/* 경기결과 table */
.content-wrap .main-content .basic-content .content-box .record-wrap > div {float:left;}
.content-wrap .main-content .basic-content .content-box .record-wrap.match-result-table { margin-top: 10px; }
.content-wrap .main-content .basic-content .content-box .record-wrap .record-table {width:calc(100% - 180px); white-space:nowrap; -ms-white-space:nowrap; -ms-overflow-style: none; overflow-x: auto; background:#fff;}
.content-wrap .main-content .basic-content .content-box .record-wrap .record-table::-webkit-scrollbar {display:none;}
.content-wrap .main-content .basic-content .content-box .record-wrap table {width:100%; font-size:13px; letter-spacing: -0.5px; text-align: center;}
.content-wrap .main-content .basic-content .content-box .record-wrap table tr th {border-top:2px solid #0084ff; border-bottom:1px solid #d7dade; text-align: center; padding:10px 15px; background:#f8f8f8;}
.content-wrap .main-content .basic-content .content-box .record-wrap table tr td {padding:0 10px; height: 40px; vertical-align: middle; border-bottom:1px solid #d7dade; background:#fff;}
.content-wrap .main-content .basic-content .content-box .record-wrap table tr td.background { background: #e8f9eb;}
.content-wrap .main-content .basic-content .content-box .record-wrap table tr td.team-name {font-weight:bold; text-align: left; padding-left: 10px; }
.content-wrap .main-content .basic-content .content-box .record-wrap table tr td.team-name span {display: inline-block; padding:0 3px; vertical-align: middle;}
.content-wrap .main-content .basic-content .content-box .record-wrap table tr td.team-name span.left-team {color: #0084ff;}
.content-wrap .main-content .basic-content .content-box .record-wrap table tr td.team-name span.right-team {color: #0084ff;}
.content-wrap .main-content .basic-content .content-box .record-wrap table tr td.team-name div.team-img {width:25px; height:25px; margin-right:5px; border-radius: 50%; overflow: hidden; display: inline-block; vertical-align: middle; }
.content-wrap .main-content .basic-content .content-box .record-wrap table tr td.team-name div.team-img img { width: 100%; }
.content-wrap .main-content .basic-content .content-box .record-wrap .record-table-fixed02 table tr th:nth-child(1) {padding-right:0;}
.content-wrap .main-content .basic-content .content-box .record-wrap .record-table-fixed02 table tr td:nth-child(1) {padding-right:0;}
.st {font-size:0.7rem; vertical-align: baseline; color: #777; padding-left: 5px;}

/* 고정 table */
.content-wrap .main-content .basic-content .content-box .record-wrap .record-table-fixed, .content-wrap .main-content .basic-content .content-box .record-wrap .record-table-fixed02 {position:relative; z-index:1; width:180px; background:#fff; box-shadow:5px 0px 5px rgba(0, 0, 0, 0.1); }

/* 비교테이블 */
.content-wrap .main-content .basic-content .content-box .record-comparison-table { margin-top: 5px; }
.content-wrap .main-content .basic-content .content-box .record-comparison-table table { width: 100%; font-size: 12px; border-top: 2px solid #0084ff; }
.content-wrap .main-content .basic-content .content-box .record-comparison-table table tbody tr .subject { width: 20%; border-left: 1px solid #dee3eb; border-right: 1px solid #dee3eb; text-align: center; font-weight: bold; }
.content-wrap .main-content .basic-content .content-box .record-comparison-table table tbody tr th:nth-of-type(1),
.content-wrap .main-content .basic-content .content-box .record-comparison-table table tbody tr th:nth-of-type(3),
.content-wrap .main-content .basic-content .content-box .record-comparison-table table tbody tr td:nth-of-type(1),
.content-wrap .main-content .basic-content .content-box .record-comparison-table table tbody tr td:nth-of-type(3) { width: 40%; }
.content-wrap .main-content .basic-content .content-box .record-comparison-table table tbody tr th { text-align: center; padding: 7px 0; border-bottom: 1px solid #dee3eb; background: #F8F8F8; vertical-align: middle; }
.content-wrap .main-content .basic-content .content-box .record-comparison-table table tbody tr td { padding: 7px 10px; border-bottom: 1px solid #dee3eb; word-break: keep-all; vertical-align: middle; }
.content-wrap .main-content .basic-content .content-box  .record-title { font-size: 13.5px; font-weight: bold; display: block; margin-top: 20px; }
.content-wrap .main-content .basic-content .content-box  .record-wrap { margin-top: 10px; }
.content-wrap .main-content .basic-content .content-box  .record-wrap table tbody tr.total td { background: #F2F3FF; font-weight: bold; }
.content-wrap .main-content .basic-content .content-box  .record-wrap table tbody tr th .navi-btn { width: 15px; height: 16px; background: #14181A; border: none; border-radius: 3px; margin-left: 10px;}
.content-wrap .main-content .basic-content .content-box  .record-wrap table tbody tr th .navi-btn img { width: 32%; margin-top: 4px; }
.content-wrap .main-content .basic-content .content-box  .record-wrap table tbody tr th .navi-btn.off img.arrow-l { display: none; }
.content-wrap .main-content .basic-content .content-box  .record-wrap table tbody tr th .navi-btn.on img.arrow-l { display: inline-block; }
.content-wrap .main-content .basic-content .content-box  .record-wrap table tbody tr th .navi-btn.on img.arrow-r { display: none; }


/* 경기없음 */
.match-info .no-schedule {text-align: center; line-height: 150px; background: #fff; border-top:1px solid #d7dade; border-bottom:1px solid #d7dade; font-size: 14px; font-weight: 500; color:#666; }