@charset "utf-8";
/* CSS Document */
.content-wrap {padding-top:105px;}
.header-wrap {height: 100px;}
.header-wrap .header-top {height:65px;}
.header-wrap .header-top .menu-title {line-height:65px; color:#0084ff;}
.header-wrap .gnb { height: 40px; background: #0084ff;  text-align: center; }
.header-wrap .gnb ul>li a { color: #fff; font-size: 13px; }
.header-wrap .gnb ul>li.select a { color: #fff; background: #1e7dd6; }


/* 횡스크롤 테이블 */
.content-wrap .h-scroll-table { border-top: 2px solid #0084ff; }
.content-wrap .h-scroll-table:after { height: 0; content: ''; display: block; clear: both; }
.content-wrap .h-scroll-table .fix-area { width: 180px; background: #fff; border-right: 1px solid rgba(132,139,255,0.35); float: left; position: relative; }
.content-wrap .h-scroll-table .fix-area:after { width: 7px; height: 100%; position: absolute; content: ''; right: -8px; top: 0; z-index: 2;
	background: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(1, rgba(0,0,0,0)));
	background: -moz-linear-gradient(left, #000000 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left,  #000000 0%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(left,  #000000 0%, rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(left,  #000000 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(left,  #000000 0%, rgba(0,0,0,0) 100%); opacity: 0.05; }
.content-wrap .h-scroll-table .fix-area .head { font-size: 14px; height: 40px; line-height: 40px; text-align: center; border-bottom: 1px solid #e5e5e5; background: #F2F3FF; font-weight: bold; }
.content-wrap .h-scroll-table .fix-area ul li { height: 50px; display: block; border-bottom: 1px solid #e5e5e5; }
.content-wrap .h-scroll-table .fix-area ul li a { display: block; height: 100%; padding: 0 10px; line-height: 49px; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }
.content-wrap .h-scroll-table .fix-area ul li a:after { height: 0; content: ''; display: block; clear: both; }
.content-wrap .h-scroll-table .fix-area ul li a .numb { font-size: 13px; font-weight: bold; display: inline-block; margin-right: 8px; }
.content-wrap .h-scroll-table .fix-area ul li a .team-logo,
.content-wrap .h-scroll-table .fix-area ul li a .user-img { width: 30px; display: inline-block; margin-top: 10px; margin-right: 5px; vertical-align: top; }
.content-wrap .h-scroll-table .fix-area ul li a .user-img { overflow: hidden; border-radius: 50%; height: 30px; }
.content-wrap .h-scroll-table .fix-area ul li a .team-logo img,
.content-wrap .h-scroll-table .fix-area ul li a .user-img img { width: 100%; height: auto; }
.content-wrap .h-scroll-table .fix-area ul li a .team-name,
.content-wrap .h-scroll-table .fix-area ul li a .user-name { display: inline-block; font-size: 13px; font-weight: bold;  max-width: 100px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.content-wrap .h-scroll-table .scroll-area { width: calc( 100% - 180px ); float: right; overflow-y: auto; cursor: pointer; position: relative; -ms-overflow-style: none; }
.content-wrap .h-scroll-table .scroll-area::-webkit-scrollbar { display:none; }
.content-wrap .h-scroll-table .scroll-area table { min-width: 100%; cursor: move; }
.content-wrap .h-scroll-table .scroll-area table thead tr th { font-size: 13px; text-align: center; background: #f8f8f8; font-weight: bold; padding: 0 10px; white-space: nowrap; border-right: 1px solid #eee; vertical-align: middle; height: 40px; border-bottom: 1px solid #eee; min-width: 35px; }
.content-wrap .h-scroll-table .scroll-area table tbody tr td { font-size: 13px; text-align: center; background: #fff; vertical-align: middle; height: 50px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; padding: 0 10px; white-space: nowrap; }
.content-wrap .h-scroll-table .scroll-area table tbody tr td .btn { font-size: 12.5px; background: #27292D; border-radius: 3px; color: #fff; padding: 3px 10px; border: none; }

/* 관심경기일정 */
.content-wrap .interest-game-wrap .game-btn-area { margin: 5px 0 10px; }
.content-wrap .interest-game-wrap .game-btn-area .game-btn { font-size: 12px; text-align: center; background: #f8f8f8; height: 100%; line-height: 25px; border: 1px solid #dcdcdc; width: 110px; border-radius: 3px; }
.content-wrap .interest-game-wrap .game-btn-area .game-btn.prev { float: left; }
.content-wrap .interest-game-wrap .game-btn-area .game-btn.next { float: right; }

.content-wrap .interest-game-wrap .date-select { border-bottom: 1px solid #dcdcdc; border-top: 2px solid #0084ff; }
.content-wrap .interest-game-wrap .date-select .date { float: left; width: 25%; text-align: center; font-size: 13px; line-height: 40px; color: #999; position: relative; }
.content-wrap .interest-game-wrap .date-select .date.select { font-weight: bold; color: #0084ff; background: #F2F3FF }
.content-wrap .interest-game-wrap .date-select .date .today-label { background: #FF0004; font-size: 10px; color: #fff; height: 16px; display: inline-block; line-height: 16px; text-align: center; width: 26px; border-radius: 3px; margin: 12px 0 0 5px; }
.content-wrap .interest-game-wrap .game-list { padding: 15px 10px; white-space: nowrap; overflow-x: scroll; }
.content-wrap .interest-game-wrap .game-list .game-box { display: inline-block; background: #fff; border-radius: 4px; box-shadow: 0 5px 8px -5px rgba(0,0,0,0.1); overflow: hidden; width: 280px; margin-right: 10px; }
.content-wrap .interest-game-wrap .game-list .game-box:last-child { margin-right: 0; }
.content-wrap .interest-game-wrap .game-list .game-box .game-box-title { height: 35px; background: #12264E; font-size: 12px; color: #fff; text-align: center; line-height: 35px; }
.content-wrap .interest-game-wrap .game-list .game-box .game-box-top-content { border-left: 1px solid #dee3eb; border-right: 1px solid #dee3eb; }
.content-wrap .interest-game-wrap .game-list .game-box .game-box-top-content .team-wrap { float: left; width: 50%; text-align: center; }
.content-wrap .interest-game-wrap .game-list .game-box .game-box-top-content .team-wrap.left { border-right: 1px solid #dee3eb; }
.content-wrap .interest-game-wrap .game-list .game-box .game-box-top-content .team-wrap .team-info { padding: 20px 0 20px; position: relative; }
.content-wrap .interest-game-wrap .game-list .game-box .game-box-top-content .team-wrap .team-info .team-logo { width: 50px; height: 50px; overflow: hidden; border-radius: 50%; margin: 0 auto; }
.content-wrap .interest-game-wrap .game-list .game-box .game-box-top-content .team-wrap .team-info .team-logo img { width: 100%; height: auto; }
.content-wrap .interest-game-wrap .game-list .game-box .game-box-top-content .team-wrap .team-info .score { padding: 0 8px; height: 20px; position: absolute; bottom: 0; font-size: 12px; font-weight: bold; line-height: 19px; border-top: 1px solid #dee3eb; background: #fff; }
.content-wrap .interest-game-wrap .game-list .game-box .game-box-top-content .team-wrap .team-info .score.red { color: #e81b3d; }
.content-wrap .interest-game-wrap .game-list .game-box .game-box-top-content .team-wrap .team-info .score.blue { color: #0084ff; }
.content-wrap .interest-game-wrap .game-list .game-box .game-box-top-content .team-wrap.left .team-info .score { right: 0; border-left: 1px solid #dee3eb; }
.content-wrap .interest-game-wrap .game-list .game-box .game-box-top-content .team-wrap.right .team-info .score { left: 0; border-right: 1px solid #dee3eb; }
.content-wrap .interest-game-wrap .game-list .game-box .game-box-top-content .team-wrap .team-label { font-size: 11px; position: absolute; top: 0; color: #fff; line-height: 18px; padding: 0 5px; }
.content-wrap .interest-game-wrap .game-list .game-box .game-box-top-content .team-wrap .team-label.blue { background: #0084ff; }
.content-wrap .interest-game-wrap .game-list .game-box .game-box-top-content .team-wrap .team-label.red { background: #e81b3d; }
.content-wrap .interest-game-wrap .game-list .game-box .game-box-top-content .team-wrap.left .team-label { left: 0; }
.content-wrap .interest-game-wrap .game-list .game-box .game-box-top-content .team-wrap.right .team-label { right: 0; }
.content-wrap .interest-game-wrap .game-list .game-box .game-box-top-content .team-wrap .team-name-area { height: 25px; line-height:25px; background: #f8f8f8; border-top: 1px solid #dee3eb; }
.content-wrap .interest-game-wrap .game-list .game-box .game-box-top-content .team-wrap .team-name-area .team-name { font-size: 12px; font-weight: bold; width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.content-wrap .interest-game-wrap .game-list .game-box .game-box-bottom-content { text-align: center; font-size: 12px; border: 1px solid #dee3eb; padding: 15px 5px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
.content-wrap .interest-game-wrap .game-list .game-box .game-box-bottom-content .league-info { color: #0084ff; }
.content-wrap .interest-game-wrap .game-list .game-box .game-box-bottom-content .game-btn-wrap { margin-top: 10px; padding: 0 10px; }
.content-wrap .interest-game-wrap .game-list .game-box .game-box-bottom-content .game-btn-wrap>a {color:#fff; font-size: 12px; text-align: center; background: #f8f8f8; height: 100%; padding: 2px 5px; border-radius: 3px; display: inline-block; white-space: nowrap; float: left; width: 32%; margin-right: 2%; }
.content-wrap .interest-game-wrap .game-list .game-box .game-box-bottom-content .game-btn-wrap>a:last-child { margin-right: 0; }
.content-wrap .interest-game-wrap .game-list .game-box .game-box-bottom-content .game-btn-wrap>a.btn-game-detail { margin-bottom: 3px; background:#1E3767; }
.content-wrap .interest-game-wrap .game-list .game-box .game-box-bottom-content .game-btn-wrap>a.line-up01 { background:#D31F22; }
.content-wrap .interest-game-wrap .game-list .game-box .game-box-bottom-content .game-btn-wrap>a.line-up02 { background:#2A5EED; }


/*   라인업레이어    */
.content-wrap .interest-game-wrap .linup-layer-wrap { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); z-index: 98; display: none; width: 100%; height: 100%; }
.content-wrap .interest-game-wrap .linup-layer-wrap.on { display: block; }
.content-wrap .interest-game-wrap .linup-layer-wrap .linup-layer { position: fixed; background: #fff; bottom: -100%; left: 0; right: 0; transition: bottom .5s ease; height: 60%; z-index: 99; }
.content-wrap .interest-game-wrap .linup-layer-wrap.on .linup-layer { bottom: 0; }
.content-wrap .interest-game-wrap .linup-layer-wrap .linup-layer>div { padding: 15px; position: relative; height: 100%; }
.content-wrap .interest-game-wrap .linup-layer-wrap .linup-layer>div .close-btn { position: absolute; top: -35px; left: 50%; margin-left: -9px;  width: 18px; height: 18px; background: none; border: none; opacity: 0.8; z-index: 99; }
.content-wrap .interest-game-wrap .linup-layer-wrap .linup-layer>div .layer-title { font-size: 17px; font-weight: bold; margin-bottom: 10px; }
.content-wrap .interest-game-wrap .linup-layer-wrap .linup-layer>div .team-info { overflow-y: auto; -ms-overflow-style: none; max-height: 100%; }
.content-wrap .interest-game-wrap .linup-layer-wrap .linup-layer>div .team-info::-webkit-scrollbar { display:none; }
.content-wrap .interest-game-wrap .linup-layer-wrap .linup-layer>div .team-info .top-area { margin-bottom: 10px; }
.content-wrap .interest-game-wrap .linup-layer-wrap .linup-layer>div .team-info .top-area .team-name { float: left; font-size: 15px; font-weight: bold; }
.content-wrap .interest-game-wrap .linup-layer-wrap .linup-layer>div .team-info .top-area .date { float: right; color: #999; }

.content-wrap .interest-game-wrap .linup-layer-wrap .linup-layer .h-scroll-table .scroll-area table tbody tr td { height: 35px; }
.content-wrap .interest-game-wrap .linup-layer-wrap .linup-layer .h-scroll-table .fix-area { width: 150px; }
.content-wrap .interest-game-wrap .linup-layer-wrap .linup-layer .h-scroll-table .fix-area ul li { height: 35px; }
.content-wrap .interest-game-wrap .linup-layer-wrap .linup-layer .h-scroll-table .fix-area ul li a { line-height: 34px; }
.content-wrap .interest-game-wrap .linup-layer-wrap .linup-layer .h-scroll-table .scroll-area { width: calc( 100% - 150px ); }

/* 관심선수 순위 */
.content-wrap .content-box .my-player-rank { margin-top: 20px; }
.content-wrap .content-box .tab-wrap ul {background:#eee;}
.content-wrap .content-box .tab-wrap ul li { float:left; width:50%; height:35px; line-height:33px; background:#f8f8f8; text-align: center; font-size:13px; border:1px solid #d7dade; border-left:0;}
.content-wrap .content-box .tab-wrap ul li span {font-size:11px;}
.content-wrap .content-box .tab-wrap ul li a {display: block; width:100%; height:100%;}
.content-wrap .content-box .tab-wrap ul li:first-child { border-left: 1px solid #d7dade; }
.content-wrap .content-box .tab-wrap ul li.select {background:#0084ff;border-color: #0084ff;}
.content-wrap .content-box .tab-wrap ul li:first-child.select { border-color: #0084ff; }
.content-wrap .content-box .tab-wrap ul li.select a {color: #fff;}
/* 순위테이블 */
.content-wrap .content-box .my-player-rank .rank-type-select { text-align: center; height: 35px; overflow: none; margin: 3px 0; }
.content-wrap .content-box .my-player-rank .rank-type-select ul { display: inline-block; max-width: 100%; white-space: nowrap; overflow-x: auto; height: 65px; -ms-overflow-style: none; }
.content-wrap .content-box .my-player-rank .rank-type-select ul::-webkit-scrollbar { display:none; }
.content-wrap .content-box .my-player-rank .rank-type-select ul li { white-space: nowrap; display: inline-block; }
.content-wrap .content-box .my-player-rank .rank-type-select ul li a { font-size: 13.5px; line-height: 35px; display: block; padding: 0 10px; }
.content-wrap .content-box .my-player-rank .rank-type-select ul li.select a { color: #0084ff; font-weight: bold; }

.content-wrap .content-box .my-player-rank .rank-table .row { border-bottom: 1px solid #dee3eb; padding: 5px 0; }
.content-wrap .content-box .my-player-rank .rank-table .row .numb { float: left; font-size: 18px; font-weight: bold; line-height: 30px; width: 20px; text-align: center; margin-right: 10px; }
.content-wrap .content-box .my-player-rank .rank-table .row .user { float: left; }
.content-wrap .content-box .my-player-rank .rank-table .row .user .img { width: 30px; height: 30px; overflow: hidden; border-radius: 50%; display: inline-block; margin-right: 5px; }
.content-wrap .content-box .my-player-rank .rank-table .row .user .img img { width: 100%; }
.content-wrap .content-box .my-player-rank .rank-table .row .user .name { display: inline-block; font-size: 13px; line-height: 30px; font-weight: bold; margin-right: 5px; white-space: nowrap; }
.content-wrap .content-box .my-player-rank .rank-table .row.no-player .user .name { font-weight: 400; color: #999; }
.content-wrap .content-box .my-player-rank .rank-table .row .user .team { display: inline-block; font-size: 13px; line-height: 30px; color: #999; white-space: nowrap; }
.content-wrap .content-box .my-player-rank .rank-table .row .value { float: right; line-height: 30px; font-size: 13px; font-weight: bold; color: #0084ff; }

.content-wrap .content-box .info-change-wrap input[type=text],
.content-wrap .content-box .info-change-wrap input[type=password] { display: block; width: 100%; height: 40px; padding: 0 15px; background: #fff; border: 1px solid #d7dade; font-size: 14px; margin-top: 5px; }
.content-wrap .content-box .info-change-wrap .alert { color: #FF0004; font-size: 13px; font-weight: 500; display: block; margin-top: 5px; }
.content-wrap .content-box .info-change-wrap .alert img { width: 14px; margin-top: 4px; margin-right: 5px; }
.content-wrap .content-box .info-change-wrap .next-btn { margin-top: 15px; display: block; background: #0084ff; text-align: center; height: 45px; line-height: 45px; color: #fff; font-size: 14.5px; border-radius: 4px; border: none; width: 100%; }
.content-wrap .content-box .info-change-wrap .info-row { border-bottom: 1px solid #dee3eb; padding: 10px 0; }
.content-wrap .content-box .info-change-wrap .info-row:last-child { border-bottom: none; padding-bottom: 5px; }
.content-wrap .content-box .info-change-wrap .info-row:first-child { padding-top: 5px; }
.content-wrap .content-box .info-change-wrap .info-row:first-child .text {height:40px; line-height:38px; background:#f8f8f8; width:100%; padding:0 15px;margin-top:5px; border:1px solid #d7dade;}
.content-wrap .content-box .info-change-wrap .info-row .info-title { font-size: 14px; color: #999; }
.content-wrap .content-box .info-change-wrap .info-row .text { font-size: 16px; font-weight: bold; line-height: 35px; display: inline-block; min-width: 40%; }
.content-wrap .content-box .info-change-wrap .info-row button { height: 35px; background: #27292D; border: 0; color: #fff; font-size: 13px; padding: 0 15px; }
.content-wrap .content-box .info-change-wrap .info-row button.change-phone,
.content-wrap .content-box .info-change-wrap .info-row button.change-password { margin-left: 10px; float: right; }
.content-wrap .content-box .info-change-wrap .info-row .selc-float {float:left; height:40px; border:1px solid #d7dade; padding-left: 15px; padding-right: 25px; background: url("../../../img/common/arrow_d_black.svg") no-repeat 95% 50%; background-size: 10px 10px; border-right:0; font-size: 13px;}
.content-wrap .content-box .info-change-wrap .info-row .email input[type=text] { float: left; width: 35%; }
.content-wrap .content-box .info-change-wrap .info-row .email input[type=text].email-id { border-right: none; }
.content-wrap .content-box .info-change-wrap .info-row .email .selc-float { margin-top: 5px; width: 35%; }
.content-wrap .content-box .info-change-wrap .info-row .email input[type=text].email-input { width: 30%; }
.content-wrap .content-box .info-change-wrap .info-row .birth input[type=text] { float: left; width: 22%; }
.content-wrap .content-box .info-change-wrap .info-row .unit { float: left; width: 11%; text-align: center; line-height: 45px; font-size: 15px; color: #999; }
.content-wrap .content-box .info-change-wrap .info-row input[type=checkbox].custom-check,
.content-wrap .content-box .info-change-wrap .info-row input[type=radio].custom-check { display: none; }
.content-wrap .content-box .info-change-wrap .info-row .gender { margin-top: 5px; }
.content-wrap .content-box .info-change-wrap .info-row .gender label { display: inline-block; margin-right: 25px; }
.content-wrap .content-box .info-change-wrap .info-row .custom-check-label { position: relative; padding-left: 28px; font-size: 14px; line-height: 20px; color: #666; display: block; cursor: pointer; }
.content-wrap .content-box .info-change-wrap .info-row .custom-check-label:before { width: 20px; height: 20px; position: absolute; content: ''; background: url(../../../img/sub/util/check.png) no-repeat; background-size: 20px 40px; left: 0; top: 1px; background-position: 0 0; }
#register-form-wrap .input-area .agreement .check .custom-check-label .imp { font-size: 13px; vertical-align: bottom; color: #0084ff; margin-left: 3px; }
#register-form-wrap .input-area .agreement .check .content-box { background: #fff; padding: 15px; font-size: 13px; border: 1px solid #dcdcdc; height: 150px; overflow-y: scroll; margin-top: 10px; }
.content-wrap .content-box .info-change-wrap .info-row input[type=checkbox].custom-check:checked + .custom-check-label,
.content-wrap .content-box .info-change-wrap .info-row input[type=radio].custom-check:checked + .custom-check-label { color: #0084ff; }
.content-wrap .content-box .info-change-wrap .info-row input[type=checkbox].custom-check:checked + .custom-check-label:before,
.content-wrap .content-box .info-change-wrap .info-row input[type=radio].custom-check:checked + .custom-check-label:before { background-position: 0 -20px; }
.content-wrap .content-box .info-change-wrap .info-row .address .address-find input[type=text] { float: left; width: calc(100% - 80px); }
.content-wrap .content-box .info-change-wrap .info-row .address .address-find button { float: right; margin-top: 5px; height: 40px; width: 80px; }
.content-wrap .content-box .info-change-wrap .btn-wrap { margin-top: 20px; }
.content-wrap .content-box .info-change-wrap .btn-wrap button { width: 48.5%; height: 45px; background: none; line-height: 38px; }
.content-wrap .content-box .info-change-wrap .btn-wrap button.cancel-btn { border: 1px solid #0084ff; color: #0084ff; background: #fff; float: left; }
.content-wrap .content-box .info-change-wrap .btn-wrap button.confirm-btn { border: 1px solid #0084ff; color: #fff; background: #0084ff; float: right; }

/* 팀 창단 버튼 */
.btn-create-team {background:#0084ff; color:#fff; line-height:28px; display:inline-block; padding:0 10px; border-radius:3px; font-size:12px; height:28px; float:right; font-weight:400;}