@charset "utf-8";

.result-list { font-size: 0; margin: -5px; }
.result-list:after { content: ''; display: block; clear: both; visibility: hidden; }
.result-list li { display: inline-block; width: 50%; padding: 5px; }
.result-list li article { background-color: rgba(255, 255, 255, 0.1); padding: 20px; }
.result-list .round { font-size: 12px; font-size: 1.2rem; margin-bottom: 10px; }
.result-list .round em { color: #999; }

.result-table { width: 100%; text-align: center; }
.result-table.txt_left { text-align: left; }
.result-table.txt_center { text-align: center; }
.result-table.txt_right { text-align: right; }
.result-table dt { background-color: #191919; line-height: 60px; }
.result-table dd.block { display: block; width: 100%; }
.result-table dd.block > div { display: block; width: 100%; }
.result-table dd > div { padding: 10px 0; background-color: rgba(0, 0, 0, 0.5); }
.result-table div.col-10 { width: 10%; }
.result-table div.col-20 { width: 20%; }
.result-table div.col-25 { width: 25%; }
.result-table div.col-33 { width: 33.333333%; }
.result-table div.col-40 { width: 40%; }
.result-table div.col-45 { width: 45%; }
.result-table div.col-50 { width: 50%; }
.result-table div.col-60 { width: 60%; }

.result-table dd > div em { display: block; color: #999; font-size: 12px; font-size: 1.2rem; margin-bottom: 5px; }
.result-table dd > div > img.dice { width: 30px; }

.result_total {color: #fff; font-weight: bold; font-size: 12px; font-size: 1.2rem; background: #111; display: inline-block; border-radius: 15px; width: auto; height: 30px; line-height: 30px; padding: 0 10px; }

.result_ball {
    display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center;
    background-size: 100%; background-repeat: no-repeat;
    background-position: center; border-radius: 50%;
}
.result_ball i { line-height: 30px; }
.result_black { background-image: url('/s/front/images/result_black_rs.png');}
.result_red { background-image: url('/s/front/images/result_red_rs.png');}
.result_blue { background-image: url('/s/front/images/result_blue_rs.png');}
.v_result_0 { background-image: url('/s/front/images/result_blue_rs.png'); }
.v_result_1 { background-image: url('/s/front/images/result_black_rs.png'); }
.v_result_2 { background-image: url('/s/front/images/result_red_rs.png'); }
.v_result_3 { background-image: url('/s/front/images/result_black_rs.png'); }


/* 카드 형식 결과 클래스 */
.square_result { background: #333; overflow: hidden; border-radius: 10%; font-size: 12px; font-size: 1.2rem; width: 20px; height: 30px; line-height: 30px; display:inline-block; }
.square_result_w {
	background: #fff; overflow: hidden; border-radius: 10%; font-size: 12px; font-size: 1.2rem; height: 30px; line-height: 30px; display:inline-block;
	vertical-align: middle; letter-spacing: -1px; text-align: center; -webkit-font-smoothing: antialiased; font-weight: normal; margin-top: 1px;
	color: #000; box-sizing: border-box; padding: 0 4px;
}
.square_result_w i { margin-right: -3px; }


@media all and (max-width:1030px){
    .result_ball { font-size: 10px; font-size: 1.0rem; width: 22px; height: 22px; line-height: 22px; }
    .result_ball i { line-height: 22px; }
    .square_result,
    .square_result_w { height: 22px; line-height: 22px; }
    .result_total { height: 22px; line-height: 22px; border-radius: 11px; }
    .result-table dd > div > img.dice { width: 22px; }
}

@media all and (max-width:640px){
    .result-list li { width: 100%; }
    .result-list li article { padding: 15px; }
}

/* 파워볼 결과 */
.bg_pwball{ font-family: 'NanumSquare'; font-size: 12px; font-size: 1.2rem; font-weight: 600; color: #000; width:30px; line-height: 30px; text-align: center; background: url('/s/front/images/arcade/pwb_bg_rs.png') no-repeat; background-size:100%; margin:0 auto; }
.bg_nmball{ font-family: 'NanumSquare'; font-size: 12px; font-size: 1.2rem; display: inline-block; color: #000; width:30px; line-height: 30px; text-align: center; background: url('/s/front/images/arcade/nmb_bg_rs.png') no-repeat; background-size:100%; margin:0; }
@media all and (max-width:1030px){
    .bg_pwball,
    .bg_nmball { width: 20px; height: 20px; line-height: 20px; }
}
/* 파워볼 결과 */

/* 7/42 결과 */
.yellow_ball {
	background-color: hsl(36, 100%, 40%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad32", endColorstr="#cc7a00");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ffad32), to(#cc7a00));
    background-image: -moz-linear-gradient(top, #ffad32, #cc7a00);
    background-image: -ms-linear-gradient(top, #ffad32, #cc7a00);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffad32), color-stop(100%, #cc7a00));
    background-image: -webkit-linear-gradient(top, #ffad32, #cc7a00);
    background-image: -o-linear-gradient(top, #ffad32, #cc7a00);
    background-image: linear-gradient(#ffad32, #cc7a00);
    border-color: #cc7a00 #cc7a00 hsl(36, 100%, 35%);
    color: #333 !important;
}
.black_ball {
	background-color: hsl(0, 0%, 16%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5b5b5b", endColorstr="#282828");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#5b5b5b), to(#282828));
    background-image: -moz-linear-gradient(top, #5b5b5b, #282828);
    background-image: -ms-linear-gradient(top, #5b5b5b, #282828);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5b5b5b), color-stop(100%, #282828));
    background-image: -webkit-linear-gradient(top, #5b5b5b, #282828);
    background-image: -o-linear-gradient(top, #5b5b5b, #282828);
    background-image: linear-gradient(#5b5b5b, #282828);
    border-color: #282828 #282828 hsl(0, 0%, 11%);
    color: #fff !important;
}
/* 7/42 결과 */


/* 홀덤결과 */
.community_wrap { padding: 10px 0; width: 100%; background-color: #191919; margin-top: 5px; }
.community_wrap:after { content: ''; display: block; clear: both; visibility: hidden; }
.community_wrap em { color:#666; padding: 0 15px; font-size: 12px; font-size: 1.2rem; display: inline-block; float: left; line-height: 36px; }
.community { display: inline-block; float: left; line-height: 36px; }
.community span { margin-right: 5px; }
@media all and (max-width:360px){
    .community_wrap { text-align: center; }
    .community_wrap em { display: block; width: 100%; line-height: 1.5 }
    .community { width: 100%; display: block; text-align: center; }
    .community span { margin: 0 2px; }
}
/* 홀덤결과 */