.fx_ladder_wrap {position: relative; margin-bottom:5px; width:830px; background:url('/public/img/score/ui_game/fx_ladder/bg_fxladder.png?v=200525') no-repeat;}
.fx_ladder_wrap .hd {position:relative; height:135px;}
.fx_ladder_wrap .hd .title {
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -178px;
    display: block;
}
.fx_ladder_wrap .hd .title .fx1 {
    background-position: 0 0;
}
.fx_ladder_wrap .hd .title .fx2 {
    background-position: 0 -110px;
}
.fx_ladder_wrap .hd .title .fx3 {
    background-position: 0 -220px;
}
.fx_ladder_wrap .hd .title .fx4 {
    background-position: 0 -330px;
}
.fx_ladder_wrap .hd .title .fx5 {
    background-position: 0 -440px;
}
.fx_ladder_wrap .hd .title a {
    display: block;
    width: 354px;
    height: 100px;
    background: url('/public/img/score/ui_game/fx_ladder/fx-ladder-title.png') no-repeat 0 0;
    text-indent: -9999px;
    overflow: hidden;
}

.fx_ladder_wrap .bd:after {display:block; content:''; clear:both;}


.summary_btn_area .btn {position:absolute; top:26px; width:48px; height:48px; background:url('/public/img/score/ui_game/sp_power_common.png?v=200525') no-repeat 0 -9999px; text-indent:-9999px; overflow:hidden;}
.summary_btn_area .btn_ntry {left:26px; background-position:0 0;}
.summary_btn_area .btn_rank {left:76px; background-position:-50px 0;}
.summary_btn_area .btn_tip {right:76px; background-position:-100px 0;}
.summary_btn_area .btn_tip.on {background-position:-150px 0; z-index:13;}
.summary_btn_area .btn_share {right:126px; background-position:-300px 0;}
.summary_btn_area .btn_share.on {background-position:-150px 0; z-index:10;}
.summary_btn_area .btn_sound {right:26px; background-position:-250px 0;}
.summary_btn_area .btn_sound.on {background-position:-200px 0;}

.ly_game_tip {

    position:absolute;
    top: 29px;
    right: 74px;
    padding: 36px 0 21px 37px;
    width: 589px;
    height: 620px;
    line-height: 15px;
    background: url(/public/img/score/ui_game/fx_ladder/bg_tip.png) no-repeat;
    color: #fae6c5;
    z-index: 12;
}
.ly_explain {
    position: relative;
    right: 18px;
}
.ly_game_tip .tit {
    margin-bottom:16px;
    font-weight:bold;
}
.ly_game_tip dd {
    margin-bottom:6px;
}
.ly_game_tip .lnk {
    color: #fff;
    text-decoration:underline;
}
.ly_game_tip .mt20 {
    margin-top:20px;
}
.ly_game_tip .mt30 {
    margin-top:30px;
}
.ly_game_tip .mt40 {
    margin-top:40px;
}
.ly_game_tip .ic, .ly_game_tip .ic2 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.ly_game_tip .ic{
    background:url('/public/img/score/ui_game/fx_ladder/sp_fx_ico.png?v=1') no-repeat;
    width: 26px;
    height: 26px;
    background-size: auto 26px;
    text-indent: -9999px;}
.ly_game_tip .ic2{
    width: 24px;
    height: 24px;
    line-height: 24px;
    background:url('/public/img/score/ui_game/fx_ladder/sp_fx_ico2.png') no-repeat;
    color: #fff;}
.ly_game_tip .buy {
    background-position:0 0;}
.ly_game_tip .sell {
    background-position:-30px 0;}
.ly_game_tip .odd {
    background-position:0 0;}
.ly_game_tip .even {
    background-position:-26px 0;}
.ly_game_tip .under {
    color:#3498db;
    font-size: 11px;
    background-position:-52px 0;}
.ly_game_tip .over {
    color: #e74c3c;
    font-size: 11px;
    background-position:-78px 0;}
.ly_share {
    position:absolute;
    top:29px;
    right:129px;
    padding:36px 37px 0 37px;
    width:474px;
    height:143px;
    line-height:15px;
    background:url('/public/img/score/ui_game/bg_share.png') no-repeat;
    color:#fae6c5;
    z-index:5;
}
.ly_share .tit {margin-bottom:10px; font-weight:bold;}
.ly_share dd {margin-bottom:6px;}
.ly_share .source {display:block; margin-bottom:6px; padding:8px; background-color:#fff; border:1px solid #000;}
.ly_share textarea {display:block; width:100%; border:none;}

.chat_list_area {position:relative; float:left; padding:109px 0 0 36px; width:205px; height:402px;}
.chat_list_area .btn_area {position:absolute; bottom:58px; padding-left: 54px;}
.chat_list_area .btn {float:left; width:95px; height:34px; background:url('/public/img/score/ui_game/sp_keno_common.png?v=170706') no-repeat 0 -9999px; text-indent:-9999px; overflow:hidden;}
.chat_list_area .btn:first-child {margin-right:5px;}
.chat_list_area .btn_chat_room {background-position:0 -50px;}
.chat_list_area .btn_pick {background-position:-100px -50px;}

.chat_list {position:relative; height:305px; overflow:hidden;}
.chat_list li {margin-bottom:5px; width:195px; height:56px; background:url('/public/img/score/ui_game/sp_keno_common.png?v=170706') no-repeat 0 -130px;}
.chat_list .item {display:block; padding:4px 10px 0 10px; line-height:14px; font-family:'돋움', Dotum, Helvetica, sans-serif; font-size:11px; color:#a3a3a3;}
.chat_list .item:after {clear:both; display:block; content:'';}
.chat_list .tit_info {display:block; height:30px; margin-bottom:4px; color:#fff; overflow:hidden;}
.chat_list .tit_info .inner {display:table; height:30px;}
.chat_list .tit_info .tit {display:table-cell; vertical-align:middle;}
.chat_list .tit_info .tx {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow :hidden;}
.chat_list .item .nick {float:left;}
.chat_list .item .nick.best {font-weight:bold; color:#e74c3c;}
.chat_list .item .nick.green {font-weight:bold; color:#27ae61;}
.chat_list .item .nick.yellow {font-weight:bold; color:#ffa800;}
.chat_list .item .nick.blue {font-weight:bold; color:#3498db;}
.chat_list .item .nick.violet {font-weight:bold; color:#8e44ad;}
.chat_list .item .count {float:right;}

.game_board_area {position:relative; float:left; padding-top:16px; width:348px; height:495px;}
.game_board_area .clock {height:28px; line-height:28px; text-align:center; font-family:Verdana, Arial, sans-serif; font-size:12px; color:#c29b87;}
.game_board_area .link {height:28px; text-align:center;}
.game_board_area .link a {display:inline-block; line-height:28px; letter-spacing:1px; font-family:Verdana, Arial, sans-serif; font-size:12px; color:#c29b87;}

.game_board {margin:26px 0 26px 70px; width:206px; height:198px;}
.game_board .pos {height:44px;}
.game_board .pos span {position:relative; width:44px; height:44px; background:url('/public/img/score/ui_game/sp_power_ladder.png') no-repeat 0 -9999px; text-indent:-9999px; z-index:1;}
.game_board .pos .left {float:left; background-position:0 -130px;}
.game_board .pos .right {float:right; background-position:-50px -130px;}
.game_board .pos .odd {float:left; background-position:-100px -130px;}
.game_board .pos .even {float:right; background-position:-150px -130px;}
.game_board .pos .left.on {background-position:-200px -130px;}
.game_board .pos .right.on {background-position:-250px -130px;}
.game_board .pos .odd.on {background-position:-300px -130px;}
.game_board .pos .even.on {background-position:-350px -130px;}
.game_board .row {position:relative; margin:-5px 0 -5px 17px; width:172px; height:120px; background:url('/public/img/score/ui_game/sp_power_ladder.png') no-repeat 0 0;}
.game_board .row.row3 {background-position:-180px 0;}
.game_board .row.row4 {background-position:-360px 0;}
.game_board .row li {display:none; position:absolute; width:10px; height:10px; background-color:#fed362;}
.game_board .row3.left .pos1 {top:0; left:0;}
.game_board .row3.left .pos2 {top:35px; left:0;}
.game_board .row3.left .pos3 {top:35px; right:0;}
.game_board .row3.left .pos4 {top:55px; right:0;}
.game_board .row3.left .pos5 {top:55px; left:0;}
.game_board .row3.left .pos6 {top:75px; left:0;}
.game_board .row3.left .pos7 {top:75px; right:0;}
.game_board .row3.right .pos1 {top:0; right:0;}
.game_board .row3.right .pos2 {top:35px; right:0;}
.game_board .row3.right .pos3 {top:35px; left:0;}
.game_board .row3.right .pos4 {top:55px; left:0;}
.game_board .row3.right .pos5 {top:55px; right:0;}
.game_board .row3.right .pos6 {top:75px; right:0;}
.game_board .row3.right .pos7 {top:75px; left:0;}
.game_board .row4.left .pos1 {top:0; left:0;}
.game_board .row4.left .pos2 {top:25px; left:0;}
.game_board .row4.left .pos3 {top:25px; right:0;}
.game_board .row4.left .pos4 {top:45px; right:0;}
.game_board .row4.left .pos5 {top:45px; left:0;}
.game_board .row4.left .pos6 {top:65px; left:0;}
.game_board .row4.left .pos7 {top:65px; right:0;}
.game_board .row4.left .pos8 {top:85px; right:0;}
.game_board .row4.left .pos9 {top:85px; left:0;}
.game_board .row4.right .pos1 {top:0; right:0;}
.game_board .row4.right .pos2 {top:25px; right:0;}
.game_board .row4.right .pos3 {top:25px; left:0;}
.game_board .row4.right .pos4 {top:45px; left:0;}
.game_board .row4.right .pos5 {top:45px; right:0;}
.game_board .row4.right .pos6 {top:65px; right:0;}
.game_board .row4.right .pos7 {top:65px; left:0;}
.game_board .row4.right .pos8 {top:85px; left:0;}
.game_board .row4.right .pos9 {top:85px; right:0;}

.waiting_board {position:absolute; top:130px; left:33px; width:280px; height:78px; z-index:3;}
.waiting_board:before {content:''; position:absolute; width:280px; height:78px; background:url('/public/img/score/ui_game/sp_power_common.png?v=200525') no-repeat 0 -130px; z-index:1;}
.waiting_board .inner {position:relative; margin:8px 0 0 7px; width:266px; height:62px; background-color:#51392b; border-radius:35px; overflow:hidden;}
.waiting_board .gauge {position:absolute; top:0; left:-266px; width:264px; height:60px; border:1px solid #22262c; border-radius:35px; animation:animate-stripes 0.5s linear infinite; background:#df822f url('/public/img/score/ui_game/bg_time_gauge.png');}
.waiting_board .gauge {transition:left 0.5s ease-in-out;}
.waiting_board .tx {position:relative; height:62px; line-height:62px; text-align:center; font-weight:bold; z-index:33; color:#fff;}
.waiting_board .tx .countdown_clock {display:inline-block;}
.waiting_board.msg .gauge {display:none;}
@keyframes animate-stripes {from {background-position:15px 0;} to {background-position:0 0;}}
#minigame_ad_banner { top : 310px !important; }
.game_check { position : absolute; left: 0px; right: 0px; margin: 0 auto; z-index: 99; background-color: #000; top: 150px; padding-top : 30px; display:inline-block; width:500px; height:100px; color:#fff; text-align:center; vertical-align:middle; font-size: 15px; line-height:40px;}
.game_check .tit {font-weight:bold; color:#f6ca51;}
.game_check .date {letter-spacing:-0.5px;}

.dist_graph {margin:24px 0 0 32px; width:284px;}
.dist_graph .item {position:relative; margin-bottom:10px; width:284px; height:20px;}
.dist_graph dt {position:absolute; top:-4px; left:125px; width:34px; height:28px; background:url('/public/img/score/ui_game/sp_power_ladder.png') no-repeat 0 -9999px; text-indent:-9999px; z-index:5;}
.dist_graph .start dt {background-position:0 -180px;}
.dist_graph .line dt {background-position:-40px -180px;}
.dist_graph .oe dt {background-position:-80px -180px;}
.dist_graph .start .left_on {background-position:-120px -180px;}
.dist_graph .start .right_on {background-position:-240px -180px;}
.dist_graph .line .left_on {background-position:-160px -180px;}
.dist_graph .line .right_on {background-position:-280px -180px;}
.dist_graph .oe .left_on {background-position:-200px -180px;}
.dist_graph .oe .right_on {background-position:-320px -180px;}
.dist_graph .bar {position:relative; width:130px; height:20px; background:url('/public/img/score/ui_game/sp_dist.png') no-repeat 0 -9999px;}
.dist_graph .bar.left {float:left; background-position:0 0;}
.dist_graph .bar.right {float:right; background-position:right 0;}
.dist_graph .gauge {position:relative; width:0; height:20px; background:url('/public/img/score/ui_game/sp_dist.png') no-repeat 0 -9999px; transition:width 0.5s ease-in-out; z-index:1;}
.dist_graph .gauge:before {position:absolute; content:''; width:100%; height:20px; border-radius:10px; animation:animate-stripes2 0.5s linear infinite; background:url('/public/img/score/ui_game/bg_dist_gauge.png');}
.dist_graph .tx {position:absolute; top:0; height:20px; line-height:18px; font-family:Tahom, sans-serif; font-size:9px; color:#fff; z-index:2;}
.dist_graph .left .tx {left:0; padding-left:10px;}
.dist_graph .right .tx {right:0; padding-right:10px;}
.dist_graph .left .gauge {float:right; background-position:left -30px;}
.dist_graph .right .gauge {float:left; background-position:right -60px;}
@keyframes animate-stripes2 {from {background-position:0 0;} to {background-position:12px 0;}}

.latest_result_area {
    position:relative; float:right; padding:122px 0 0 10px; width:231px; height:402px;
}
.latest_result_area .btn_area {position:absolute; bottom:58px;height:34px;}
.latest_result_area .btn {float:left; margin-right:5px; width:45px; height:34px; background:url('/public/img/score/ui_game/sp_keno_common.png?v=170706') no-repeat 0 -9999px; text-indent:-9999px; overflow:hidden;}
.latest_result_area .btn_date {background-position:0 -90px;}
.latest_result_area .btn_round {background-position:-50px -90px;}
.latest_result_area .btn_pattern {background-position:-100px -90px;}
.latest_result_area .btn_total {background-position:-150px -90px;}

.latest_result_area .result_list {
    position: relative;
    width: 197px;
    height: 345px;
    overflow: scroll;
    bottom: 15px;
    overflow-x: hidden;
}
.latest_result_area .result_list::-webkit-scrollbar-track {background-color:#5A3F2F; border-radius:5px;}
.latest_result_area .result_list::-webkit-scrollbar {width:17px; background-color:#555;}
.latest_result_area .result_list::-webkit-scrollbar-thumb {height:50px; background-color:#eacf64; border-radius:5px;}
.latest_result_area .result_list {scrollbar-base-color:#5A3F2F; scrollbar-face-color:#eacf64; scrollbar-3dlight-color:#5A3F2F; scrollbar-highlight-color:#5A3F2F; scrollbar-track-color:#5A3F2F; scrollbar-arrow-color:#eacf64; scrollbar-shadow-color:#5A3F2F; scrollbar-dark-shadow-color:#5A3F2F;}
.latest_result_area .result_list li {margin-top:5px; width:175px; height:56px; background:url('/public/img/score/ui_game/sp_keno_common.png?v=170706') no-repeat -200px -130px;}
.latest_result_area .result_list li:first-child {margin-top:0;}
.latest_result_area .result_list .round {float:left; width:48px; height:56px; line-height:56px; text-align:center; font-family:Tahom, sans-serif; color:#a3a3a3;}
.latest_result_area .result_list .result {float:left; padding:10px 0 0 7px;}
.latest_result_area .result_list .ic {float:left; margin-right:1px; width:36px; height:36px; background:url('/public/img/score/ui_game/sp_power_ladder.png') no-repeat 0 -9999px; text-indent:-9999px;}
.latest_result_area .result_list .left {background-position:-400px -130px;}
.latest_result_area .result_list .right {background-position:-440px -130px;}
.latest_result_area .result_list .line3 {background-position:-480px -130px;}
.latest_result_area .result_list .line4 {background-position:-520px -130px;}
.latest_result_area .result_list .odd {background-position:-560px -130px;}
.latest_result_area .result_list .even {background-position:-600px -130px;}
.latest_result_area .result_list .none {display:block; width:110px; height:36px; background:url('/public/img/score/ui_game/bg_ladder_result.png') repeat-x;}

/**
.game_notify
 */
.fx_ladder_wrap .game_notify {position:absolute; top:190px; left:50%; margin-left:-251px; padding:40px; width:418px; height:268px; background:url('/public/img/score/ui_game/fx_ladder/sp_fx_result.png?v=1') no-repeat 0 -260px; z-index:100; color:#fae6c5;}
.fx_ladder_wrap .game_notify .tit {margin-bottom:30px; text-align:center; font-family:Swagger TTF, sans-serif; font-size:28px; font-weight:normal; color:#fff;}
.fx_ladder_wrap .game_notify p {line-height:19px;}
.fx_ladder_wrap .game_notify .m20 {margin-bottom:23px;}
.fx_ladder_wrap .game_notify .mail {color:#fae6c5; text-decoration:underline;}