@charset "utf-8";

/*
 * File Name : Content.css
 */


/********************************************************
 
 *  Sub
 
 ********************************************************/

/*-----------------------------------------------------------------------------
 *  Sub 01 : 국내스타일 
 *----------------------------------------------------------------------------*/

/* Cate Board */
.sub_g_brd {background:#161820; border-radius: 4px; border:1px solid #4f556f;padding: 10px;}
.sub_g_brd h2 {line-height:26px; font-size: 20px; font-weight: 600; color: #fff;padding: 0 10px;}
.sub_g_brd h2 img {display: inline-block; vertical-align: middle; width: 18px; height: 18px; margin-right: 5px; margin-top: -2px;}
.sub_g_brd h2 em {display: inline-block; vertical-align: middle;font-size: 16px; color: #aab0c6;margin-left: 10px;}
.sub_g_brd ul {display: flex; justify-content: space-between;margin:10px -4px 0}
.sub_g_brd ul li {flex: 1 0 0; width: 100%;margin:0 4px;}
.sub_g_brd ul li a {display: block; text-align: center;background:#2d3140; border:1px solid #2d3140;border-radius: 4px;padding: 20px 10px;}
.sub_g_brd ul li a:hover {border-color: #f6c132;}
.sub_g_brd ul li a img {display: inline-block; width: 36px; height:36px; border-radius: 50%; overflow: hidden;}
.sub_g_brd ul li a strong {display: block;font-size: 16px;color: #fff; font-weight: 500; margin:5px 0;}
.sub_g_brd ul li a em {color: #f6c132;}

/* Game List */
.style_brds {margin-top:10px;}
.style_brds .style_brd {border-radius: 4px;background:#343848;margin-bottom:10px;}
.style_brds .style_brd .style_brd_hrd {}
.style_brds .style_brd .style_brd_hrd h2 {position: relative;border:1px solid #343848;line-height: 40px;padding: 0 15px; color: #fff; cursor: pointer;border-radius: 4px;
background: #24242f; /* Old browsers */
background: -moz-linear-gradient(top,  #24242f 0%, #1b1a22 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #24242f 0%,#1b1a22 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #24242f 0%,#1b1a22 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24242f', endColorstr='#1b1a22',GradientType=0 ); /* IE6-9 */
}
.style_brds .style_brd .style_brd_hrd h2 strong {display: inline-block; vertical-align: middle;font-size: 15px;font-weight: 500;}
.style_brds .style_brd .style_brd_hrd h2 em {display: inline-block; vertical-align: middle;margin:0 10px 0 10px; font-size: 13px;}
.style_brds .style_brd .style_brd_hrd h2 span.icon_arr {position: absolute; right: 15px; top:12px; width: 10px; height: 10px; border:1px solid #f8c830;border-left:none; border-top: none; transform: rotate(45deg);transition: all 0.3s ease;}
.style_brds .style_brd .style_brd_hrd.active h2 span.icon_arr {transform: rotate(225deg);top:18px;border-color: #fff;}
.style_brds .style_brd .style_brd_cont {padding: 20px 20px 10px;}
.style_brds .style_brd .style_brd_cont .style_cont {margin-bottom: 20px;}
.style_brds .style_brd .style_brd_cont .style_time {font-size: 13px; color: #fff; margin-bottom: 5px;}
.style_brds .style_brd .style_brd_cont .style_list {border-radius: 4px; background:#21242f;padding:2px 4px;}
.style_brds .style_brd .style_brd_cont .style_list > ul {}
.style_brds .style_brd .style_brd_cont .style_list > ul > li {margin:2px 0;}

.style_brds .style_brd .style_brd_cont .style_list ul ul {display: flex; justify-content: space-between; align-items: center;  margin:0 -1px;height:36px;}
.style_brds .style_brd .style_brd_cont .style_list ul li.style_type {width: 10%;text-align: center;}
.style_brds .style_brd .style_brd_cont .style_list ul li.style_home {width: 35%; justify-content: space-between;cursor: pointer;}
.style_brds .style_brd .style_brd_cont .style_list ul li.style_vs {width: 10%;text-align: center;}
.style_brds .style_brd .style_brd_cont .style_list ul li.style_away {width: 35%; justify-content: space-between;cursor: pointer;}
.style_brds .style_brd .style_brd_cont .style_list ul li.style_state {width: 10%;text-align: center;}
.style_brds .style_brd .style_brd_cont .style_list ul ul li {display: flex; justify-content: center; align-items: center; margin:0 1px;height: 100%; font-size: 13px; border-radius: 2px; color:#fff;padding: 0 10px;
background: #47475a; /* Old browsers */
background: -moz-linear-gradient(top,  #47475a 0%, #32323f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #47475a 0%,#32323f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #47475a 0%,#32323f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47475a', endColorstr='#32323f',GradientType=0 ); /* IE6-9 */
}
.style_brds .style_brd .style_brd_cont .style_list ul ul li .country_name {float: left;}
.style_brds .style_brd .style_brd_cont .style_list ul ul li .num1 {font-size: 10px; color: #f6c132;}
.style_brds .style_brd .style_brd_cont .style_list ul ul li .num3 {color:#ff6c00;}
.style_brds .style_brd .style_brd_cont .style_list ul ul li .up {display: inline-block; width: 0; height: 0; border-bottom: 5px solid #ff3817; border-left: 5px solid transparent;border-right: 5px solid transparent; }
.style_brds .style_brd .style_brd_cont .style_list ul ul li .down {display: inline-block; width: 0; height: 0; border-top: 5px solid #096bff; border-left: 5px solid transparent;border-right: 5px solid transparent;}

.style_brds .style_brd .style_brd_cont .style_list ul ul li.style_state .ing {color: #00eaff;}
.style_brds .style_brd .style_brd_cont .style_list ul ul li.active { color:#000 !important; 
background: #ffcd47; /* Old browsers */
background: -moz-linear-gradient(top,  #ffcd47 0%, #e0ae2f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffcd47 0%,#e0ae2f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffcd47 0%,#e0ae2f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcd47', endColorstr='#e0ae2f',GradientType=0 ); /* IE6-9 */
}
.style_brds .style_brd .style_brd_cont .style_list ul ul li.active .num1 {color:#000;}