@charset "utf-8";


.header-wrap .gnb {height: 40px;}

/* 기록 table */
.content-wrap .main-content .basic-content .content-box .record-wrap > div {float:left;}
.content-wrap .main-content .basic-content .content-box .record-wrap .record-table {width:calc(100% - 130px); 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 #d10026; 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 20px; 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.team-name {font-weight:bold;}
.content-wrap .main-content .basic-content .content-box .record-wrap table tr td.team-name span {display: inline-block; padding:0 3px;}
.content-wrap .main-content .basic-content .content-box .record-wrap table tr td.team-name span.left-team {color: #d10026;}
.content-wrap .main-content .basic-content .content-box .record-wrap table tr td.team-name span.right-team {color: #2932CB;}
.content-wrap .main-content .basic-content .content-box .record-wrap table tr td .btn {font-size:12.5px; background:#27292D; border-radius: 5px; color:#fff; padding:5px 10px;}

/* 고정 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:130px; background:#fff; box-shadow:5px 0px 5px rgba(0, 0, 0, 0.1);}
.content-wrap .main-content .basic-content .content-box .record-wrap .record-table-fixed02 {width:215px;}
.content-wrap .main-content .basic-content .content-box .record-wrap .record-table02 {width:calc(100% - 215px);}

/* 검색 */
.content-wrap .main-content .basic-content .content-box .search-area {margin-bottom:10px;}
.content-wrap .main-content .basic-content .content-box .search-area > div {height: 40px; margin-bottom:10px}
.content-wrap .main-content .basic-content .content-box .search-area .srch-select {width:80%; float: left;}
.content-wrap .main-content .basic-content .content-box .search-area .srch-btn {width: 20%; float: right;}
.content-wrap .main-content .basic-content .content-box .search-area select { width:100%; height:100%; border:1px solid #d7dade; padding:0 7px; background: url("../../img/sub/join/down_b_ico.svg") no-repeat 99% 50%; background-size: 15px 15px; font-size: 13px;}
.content-wrap .main-content .basic-content .content-box .search-area .srch-btn button {width:100%; height:100%; border:1px solid #27292D; background:#27292D;color:#fff; font-size: 13px;}
.content-wrap .main-content .basic-content .content-box .search-area .srch-date input {height:100%; background: url("../../img/sub/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;}
.content-wrap .main-content .basic-content .content-box .search-area .srch-view-count {width:100%; height:30px; clear:both; margin:0;}
.content-wrap .main-content .basic-content .content-box .search-area .srch-view-count select {width:40%; height:100%; font-size:13px; border:1px solid #d7dade; background: url("../../img/sub/join/down_b_ico.svg") no-repeat 95% 50%; background-size: 20px 20px; float:right; }

/* 이전/다음 버튼 */
.content-wrap .main-content .basic-content .content-box .list-button {margin-top:15px;}
.content-wrap .main-content .basic-content .content-box .list-button button {float:left; width:50%; height:40px; border:0;}
.content-wrap .main-content .basic-content .content-box .list-button .next {background:#d10026; 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 #D10026; }
.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:#D10026; color:#fff; border-color:#D10026;}
.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:#d10026; color:#fff;}