@charset "utf-8";

/* 공통 */
div.header span.bar { margin: 0 5px; }

/* 서프페이지 공통 */
.sub-bg-area { height: 200px; background: url(../../img/common/sub_bg.png) no-repeat; background-size: cover; background-position: center; min-width: 1200px; }


/* 경기 일정 */
div.header div.schedule { padding-top: 30px; text-align: center; display: none; padding-bottom:45px; }
div.header div.schedule div.schedule-container { width:1200px; margin:0 auto; }
div.header div.schedule div.date-title { margin-bottom: 10px; }
div.header div.schedule div.date-title * { vertical-align: middle; }
div.header div.schedule div.date-title .date-select { display:inline-block; width:400px;text-align:center;}
div.header div.schedule div.date-title .league-select { display:inline-block;width:600px; text-align:right;}
div.header div.schedule div.date-title .league-select select {width:80px;}

div.header div.schedule div.date-title span.date { font-size: 25px; font-family: 'Noto Sans KR', sans-serif; font-weight: 600; color: #dbe7f6; line-height: 28px; }
div.header div.schedule div.date-title .date-arrow { margin:0 10px; cursor:pointer; }
div.header div.schedule div.date-title .date-arrow.disabled { cursor:default; }
div.header div.schedule div.date-title .date-today-btn { cursor:pointer; position:relative; top:1px; }

div.header div.schedule div.team-match-arrow-area {display:block;text-align:right;padding:5px 0; width:1150px; min-height:39px; }
div.header div.schedule div.team-match-arrow-area .team-match-arrow { cursor:pointer; }
div.header div.schedule div.team-match-arrow-area .team-match-arrow.next { margin-left :10px; }
div.header div.schedule div.team-match-arrow-area .team-match-arrow.disabled { cursor:default; }
div.header div.schedule div.match-info { color: #FFFFFF; padding-bottom: 13px; width:1144px; margin:0 auto; overflow:hidden; white-space:nowrap; }
div.header div.schedule div.match-info .no-main-game-schedule { background:#000; width:1110px;height:232px; opacity:0.4; color:#fff; border-radius:20px; text-align:center; font-size:18px; font-weight:bold; line-height:232px; margin-left:20px }
div.header div.schedule div.match-info div.team-match {width: 238px;position: relative; display: inline-block; vertical-align: middle; background-color: rgba(11, 45, 86, 0.8); border: 1px solid #324b6a; border-radius: 8px; height: 230px; font-weight: bold; margin: 0 25px;}
div.header div.schedule div.match-info div.team-match .league-info {color:#97ea76;font-weight:bold; padding-top:6px; }
div.header div.schedule div.match-info div.team-match .match-date {padding: 5px 0;border-radius: 5px;background-color: rgba(25, 72, 129, .5);margin: 15px 18px 0;letter-spacing: 0;text-align: center; }
div.header div.schedule div.match-info div.team-match div.team { display: table; margin: 7px 0 3px 0; }
div.header div.schedule div.match-info div.team-match div.team > div { display: table-cell; vertical-align: middle; margin-right: 10px; }
div.header div.schedule div.match-info div.team-match div.team > div:last-child { margin-right: 0; }
div.header div.schedule div.match-info div.team-match div.team div.team-info { width: 891px; }
div.header div.schedule div.match-info div.team-match div.team div.team-info img.team-logo { display: block; margin: auto; width: 50px; height: 50px; }
div.header div.schedule div.match-info div.team-match div.team div.team-info span.team-name { display: inline-block; width: 72px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
div.header div.schedule div.match-info div.team-match div.team div.team-score { width: 20%; }
div.header div.schedule div.match-info div.team-match div.team div.team-score img.team-versus { display: block; margin: auto; }
div.header div.schedule div.match-info div.team-match div.team div.team-score span.score { color: #efaf05; font-size: 15px; display: inline-block; margin-top: 5px; }
div.header div.schedule div.match-info div.team-match div.finish-match { }
div.header div.schedule div.match-info div.team-match div.finish-match span.result { padding: 3px 18px; border-radius: 10px; font-size: 13px; }
div.header div.schedule div.match-info div.team-match div.finish-match span.result.finish { background-color: #dd3e3e; }
div.header div.schedule div.match-info div.team-match div.finish-match span.result.plan { background-color: #076ab5; }
div.header div.schedule div.match-info div.team-match div.finish-match span.result.ing { background-color: #49984b; }
div.header div.schedule div.match-info div.team-match div.match-detail { position: absolute; left: 0; bottom: 0; display: table; width: 100%; }
div.header div.schedule div.match-info div.team-match div.match-detail span.btn-match-detail { font-weight: normal; border-top: 1px solid #23374e; background-color: #324a6a; display: inline-block; box-shadow: inset 0px 2px 6px 0px #1a385d, inset 0px -2px 6px #1a385d; padding: 8px 0; width: 119px; cursor: pointer; }
div.header div.schedule div.match-info div.team-match div.match-detail span.btn-match-detail:first-child { border-radius: 0 0 0 7px; border-right: #405975; }
div.header div.schedule div.match-info div.team-match div.match-detail span.btn-match-detail:last-child { border-radius: 0 0 7px 0; }
div.header div.schedule div.match-info div.team-match div.match-detail span.btn-match-detail:HOVER { text-decoration: underline; }
div.header div.schedule div.match-info div.team-match div.match-detail span.btn-match-detail.deactivation { color: #868686; text-decoration: none; cursor: context-menu; }
div.header div.schedule div.match-info div.team-match div.match-index { position: absolute; font-size: 35px; bottom: 34px; left: 9px; color: rgba(255, 255, 255, 0.8); }

/* 여백 */
div.header div.space { height: 135px; }

/* 페이지 header */
/* left menu */
div.contents { position: relative; }
div.contents div.sh-page-header { position: absolute; top: -76px; width: 100%; line-height: 75px; background-color: rgba(0, 0, 0, .5); color: #f1f1f1; z-index: 2; min-width: 1200px; }
div.contents div.sh-page-header div.sh-page-header-container { width:1200px; margin:0 auto; }
div.contents div.sh-page-header div.s-page-header { display: inline-block; vertical-align: middle; }
div.contents div.sh-page-header div.l-menu-title { font-size: 30px; font-weight: 700; width: 175px; text-align: left; white-space:nowrap;}
div.contents div.sh-page-header div.s-menu-title { font-size: 19px; font-weight: 400; margin-left: 20px; }
div.contents div.page-contents div.page-contents-container { width:1200px; margin:0 auto; }
div.contents div.page-contents div.left-menu { position: absolute; top: -58px; width: 175px; height: 100%; background-color: #3d5a7d; font-size: 15px; color: #dee5ee; font-weight: 500; text-align: center; padding-top: 58px; z-index: 1; }
div.contents div.page-contents div.left-menu ul { padding: 0 30px; }
div.contents div.page-contents div.left-menu ul li { padding: 15px 0; border-bottom: 1px solid #5b799d; cursor: pointer; }
div.contents div.page-contents div.left-menu ul li a:HOVER{ text-decoration:none; color:#dee5ee; }

div.contents div.page-contents div.s-page-content { padding: 20px 0 100px; min-height: 830px; }
div.contents div.page-contents div.s-page-content div.p-content-title { margin: 20px 0 15px 0; }
div.contents div.page-contents div.s-page-content div.p-content-title > * { vertical-align: middle; }
div.contents div.page-contents div.s-page-content div.p-content-title span.title-txt { font-weight: 600; color: #1b2637; font-size: 20px; padding-left: 5px; }

/* sub menu */
div.contents div.sh-page-sub-header-container { height: 50px; background-color: #1b2637; width: 100%; min-width: 1200px; overflow-x: auto; overflow-y: hidden; } 
div.contents div.sh-page-sub-header-container .sub-menu-list { width: 1140px; margin: 0 auto; position: relative;}
div.contents div.sh-page-sub-header-container .sub-menu-list ul { white-space: nowrap; overflow-x: auto; }
div.contents div.sh-page-sub-header-container .sub-menu-list ul li { display: inline-block; }
div.contents div.sh-page-sub-header-container .sub-menu-list ul li a { display: block; color: #cbcbcb; font-size: 15px; font-weight: 400; padding: 14px 30px; height: 50px; }
div.contents div.sh-page-sub-header-container .sub-menu-list ul li .active { color: #fff; background-color: #0084ff; font-weight: 500; }
div.contents div.sh-page-sub-header-container .sub-menu-list button.page-arrow { background: transparent; border: 0; position: absolute; }
div.contents div.sh-page-sub-header-container .sub-menu-list button.page-arrow:hover { opacity: .7; }
div.contents div.sh-page-sub-header-container .sub-menu-list button.page-arrow:disabled { opacity: .5; cursor: default; }
div.contents div.sh-page-sub-header-container .sub-menu-list button.page-arrow.prev { left: -30px; top: 6px; }
div.contents div.sh-page-sub-header-container .sub-menu-list button.page-arrow.next { right: -30px; top: 3px; transform: rotate(180deg); }



/* 새 게시글 ui */
.sub-menu-list .new { display: inline-block; background: #ff2828; padding: 3px; border-radius: 30px; position: relative; top: -10px; left: 5px;}
/*팀 셀렉트 박스*/
/* .user-tool-area .selectbox .team-selector { border:solid 1px #cbcbc5;} */