@charset "utf-8";

/********************************************************
■ Layout : 스포츠 메인/서브탭 기본 스타일
********************************************************/
.sports_page .main-sports-tab ul { margin: 0px; padding: 0px; list-style-type: none; }
.sports_page .main-sports-tab  { margin:0px 0px; height:140px; background:#F5F5F5; border:1px solid #dddddd;padding:18px 2%; }
.sports_page .main-sports-tab ul li { position:relative; overflow:hidden; float:left; display:inline-block; height:100px; border:1px solid #E6E6E6; text-align:center; padding-top:10px;
	background-color: #fff}
.sports_page .main-sports-tab ul li {display:inline-block; padding: 10px 2px;}
.sports_page .main-sports-tab ul li:hover { background-color: #29a0d8; }
.sports_page .main-sports-tab ul li:hover div { color: white }
.sports_page .main-sports-tab ul #active { background-color: #29a0d8; }
.sports_page .main-sports-tab ul #active div { color: white  }
.sports_page .main-sports-tab .icon-style {font-size: 60px!important; color: #525252;}
.sports_page .main-sports-tab .menu-text { font-size: 13px ; color: #525252; height: 21px; font-weight:bold}
.sports_page .main-sports-tab.sub {height: 85px;}
.sports_page .main-sports-tab.sub ul li { height: 45px; }
.sports_page .main-sports-tab.sub .menu-text {margin-bottom: 30px;}
.sports_page .sub-sports-tab ul { margin: 0px; padding: 0px; list-style-type: none; }
.sports_page .sub-sports-tab  { margin:0px 0px; height:80px; background:#F5F5F5; border:1px solid #dddddd; padding:18px 2%;}
.sports_page .sub-sports-tab ul li {display:inline-block; height:45px; margin:0px;}
.sports_page .sub-sports-tab .menu-text { font-size: 13px ; color: #525252; height: 21px; font-weight:bold; text-align: center;}
.sports_page .sub-sports-tab .active .menu-text { color: white; }
.sports_page .tab-content .info-center { font-size: 13px; margin-top: 100px; color: #888 }
.sports_page .tab-content .upadte-date { padding: 10px 5px; }
.sports_page .nav-pills>li { margin-left:0px!important; padding: 0px 5px;  }
.sports_page .nav>li>a { padding: 10px 2px!important; } 

/********************************************************
■ mlb 스타일
********************************************************/
.sports-box { padding : 10px 0px; }
.mlbbox { border: 1px solid #ddd; height: 140px; background-color: black; margin-bottom: 5px; padding: 10px;
	background: url('/img/sports/sports_back2.jpg') no-repeat top; font-size: 12px;
}
.mlbbox .left_logo img, .mlbbox .right_logo img { height: 100%; padding: 0px;}
.left_logo { display: inline-block; height: 100px; text-align: right; color: white; padding: 0px 5px!important; }
.right_logo { display: inline-block; height: 100px; text-align: left; color: white; padding: 0px 5px!important; }
.left_logo div, 
.right_logo div { height: 100px; padding: 2%; vertical-align: middle;}
.mlbbox .team_info strong { font-size: 18px; }
.mlbbox .team_info { display:inline-block; padding-top: 5px; height: 50%; line-height: 1.5em;}
.middle_info { display: inline-block; height: 100px; text-align: center; color: white; padding-left:5px; padding-right: 5px; }
.mlbbox button { padding: 0.2em; width: 75%; margin: 0.4em;}
.sports-box .sports-date { text-align: center; padding: 5px; border: 1px solid #ddd; background-color: #f5f5f5; margin-bottom:8px; font-size: 13px;}
.sports-box .sports-date:hover { color: #000;}
.sports-box .sports-date.active { background-color: #29a0d8; color: #fff; border: 1px solid #29a0d8;}
.sports-box .venue { line-height: 1.2em; height: 2.5em;}
.preview-w { display:inline-block; width: 20px; height: 20px; line-height: 20px; padding-top: 0px; border-radius: 5%; background-color: darkred; font-size: 12px; text-align: center; vertical-align: middle;}
.preview-l { display:inline-block; width: 20px; height: 20px; line-height: 20px; padding-top: 0px;border-radius: 5%; background-color: #424141; font-size: 12px; text-align: center; vertical-align: middle; }
.preview-d { display:inline-block; width: 20px; height: 20px; line-height: 20px; padding-top: 0px;border-radius: 5%; background-color: #8a8686; font-size: 12px; text-align: center; vertical-align: middle; }
.preview-next { display:inline-block; width: 20px; height: 20px; line-height: 20px; padding-top: 0px; border-radius: 5%; color:#222; background-color: #bdbaba; font-size: 12px; text-align: center; vertical-align: middle; }
.recent-box { margin-top: 0.5em }
.linup-table-center { padding: 0.2em 1em; width: 100px; background: black!important }
.sports-footer { padding: 20px 0px 50px 0px;}
.mlbbox .mlbscore-w { display: inline-block; font-size: 5em!important; color: yellow; font-weight: bold; padding-top: 12px; }
.mlbbox .mlbscore-l { display: inline-block; font-size: 5em!important; color: white; font-weight: bold; padding-top: 12px; }
/********************************************************
■ mlb 프리뷰
********************************************************/
.sports-box .lineup { display:none; text-align: center; vertical-align: middle; border: 1px solid #ddd; border-top:0px; min-height: 450px; background-color: #222; margin-top: -8px;margin-bottom:8px; height: auto; color: #ddd; overflow:hidden }
.lineup table {  }	
.lineup .lineup-head th { text-align: center; border-color: #313131!important; }
.lineup td { padding: 4px!important; border-top:1px solid #313131!important}
.lineup td.date { width: 7.5%; }
.lineup td.team { width: 33.5%; }
.lineup td.run { width: 2.5%; }
.lineup td.ha { width: 4%; }
.lineup tr:hover { color: white; ; }
.lineup .lineup-text { margin-bottom: 2em; }
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
	background: #29a0d8!important;
}
.stat-button { border: 1px solid #222; padding:3px; margin: 0px -5px 5px; background-color: #2d2d2d; color: white; width: 7em; display: inline-block; cursor:pointer;}
.stat-button:hover { background-color: #676767; color: white; font-weight: bold }
.stat-button.active { background-color: #676767; color: white; font-weight: bold }
.stat-title { font-size: 16px; font-weight: bold; margin-bottom: 0.7em; display: block; }

.list-group-item { display:table; width: 100%; min-height: 70px; padding: 17px; font-size: 14px;
font-family: NanumGothic, 나눔고딕,"맑은 고딕", "Malgun Gothic", AppleGothic, Dotum, sans-serif; font-weight: bold;}
.list-group-item>.badge { float:left; margin-right: 10px; width: 34px; height: 29px; font-size: 18px; padding: 5px;}
.coverslogo { height: 40px; }
.li-cell-info { display: table-cell; vertical-align: middle; padding-left: 10px; }
.li-cell-num { display: table-cell; vertical-align: middle; width:50px; text-align: center;}
.li-cell-logo { display: table-cell; vertical-align: middle; width:10%; text-align: center;}
.li-cell-name { display: table-cell; vertical-align: middle; width: 55% }
.li-cell-data { display: table-cell; vertical-align: middle; width: 10%; text-align: center;}	
.li-cell-last { display: table-cell; vertical-align: middle; width: 10%; text-align: center; }

.empty-content { padding: 154px 0px; vertical-align: middle;}
.close-btn { width: 55px;height: 25px;background: #777;border: 0px; }

@media (max-width:991px) {
	.mlbbox .team_info strong { font-size: 14px; font-weight: bold; }
	.mlbbox .mlbscore-w { font-size: 3em!important; }
	.mlbbox .mlbscore-l { font-size: 3em!important; }
	.sports-box .sports-date { font-size: 12px; }	
	.sports-box .lineup	{ font-size: 12px; }
	.sports-box .preview-w,.sports-box .preview-l,.sports-box .preview-d,.sports-box .preview-next { font-size: 10px; width: 19px; height: 19px; line-height: 19px; }
}

@media (max-width:500px) {
    .li-cell-info { padding-left: 10px; }
    .li-cell-num { width:20%; }
    .li-cell-logo { width:10%; }
    .li-cell-name { width:30% }
    .li-cell-data { width:0%; } 
    .li-cell-last { width:20%; }    
}


ul.stat-tabs {
    padding: 0;
    float: left;
    list-style: none;
    height: 50px;
    width: 100%;
    font-family:"dotum";

    font-size:12px;
}
ul.stat-tabs li {
    float: left;
    text-align:center;
    cursor: pointer;
    width:33.33%;
    height: 50px;
    line-height: 50px;
    border-left: none;
    font-weight: bold;
    background: black;
    overflow: hidden;
    position: relative;
}
ul.stat-tabs li.active {
    background: #222222;
}
.right { float: right; }