@charset "utf-8";

/** 사다리 **/
body {margin:0px;}

.ladder_container {width:830px;height:609px;overflow:hidden;background-image:url("./bladder_bg_4.png")}
    .ladder_title {width:392px; height:65px; margin:40px auto 0px; background-image:url("./ladder-image.png"); background-position:0px 0px; background-repeat:no-repeat;}
    .ladder_game_box {position:relative; width:650px;height:435px; margin:auto;}
        .ladder_now_time {position:absolute; left:37px; top:15px; width:375px;height:312px;font-family:'notom';letter-spacing:-1px;font-size:13px;color:#7f5c29;text-shadow:1px 1px 0px rgba(255,255,255,0.5)}
            .ladder_now_time p {text-align:center;}

        .ladder_game_screen {position:absolute; left:37px; top:42px; width:375px;height:312px;}
            .ladder_shape {position:relative; width:180px; height:200px; margin:56px auto 0px; background-image:url('./ladder-shape2.png'); background-repeat:no-repeat; background-position:0px center}
            .ladder_shape i {display:none; position:absolute; width:11px; height:11px; background:#cb1e27;}
                #bri1-0 {left:0px;  top:25px;}
                #bri1-1 {left:0px;  top:65px;}
                #bri1-2 {left:0px;  top:75px; }
                #bri1-3 {left:0px;  top:85px; }
                #bri1-4 {left:0px;  top:95px; }
                #bri1-5 {left:0px;  top:105px;}
                #bri1-6 {left:0px;  top:115px;}
                #bri1-7 {left:0px;  top:125px}
                #bri2-0 {right:0px; top:25px;}
                #bri2-1 {right:0px; top:65px;}
                #bri2-2 {right:0px; top:75px;}
                #bri2-3 {right:0px; top:85px;}
                #bri2-4 {right:0px; top:95px; }
                #bri2-5 {right:0px; top:105px;}
                #bri2-6 {right:0px; top:115px;}
                #bri2-7 {right:0px; top:125px}
            .waiting_window {position:absolute; left:7px; top:90px; width:365px; height:112px; padding-top:25px; background:url('./boxdesign02.png') no-repeat center;text-align:Center; line-height:35px;font-family:'notom';color:#000;letter-spacing:-1px;;font-size:12px;}


            .waiting_window p {text-align:center; color:#fff}

        .ladder_game_result_box {position:absolute;right:-1px;top:16px;width:203px;height:370px;border-radius:10px;overflow:hidden}
        .ladder_game_result {position:relative;width:232px;height:327px;;overflow-y:scroll;top:41px}
        .ladder_game_result table {width:100%; text-align:center; table-layout:fixed;}
        .ladder_game_result td {height:30px;border-bottom:1px solid #aaa}


    .ladder_betting_box {position:relative; width:592px; height:100px; margin:0 auto}
        .betting_point_input {width:150px;height:25px; margin-top:10px; font-size:1.2em; text-align:right; }
        .point_now {position:absolute;left:180px;top:18px}
        .point_button_box {overflow:hidden; margin-top:10px; }
            .point_button_box > div {float:left; width:60px;height:19px; padding-top:7px; margin-right:20px; border:1px solid #694e39; border-radius:5px; background:#806047; color:#fff; text-align:center; }
        .betting_button {width:76px; height:76px; background-image:url("./ladder-image.png"); cursor:pointer; }
        .betting_button_odd  {position:absolute; right:86px; top:10px; background-position:0px -160px}
        .betting_button_even {position:absolute; right:0px; top:10px; background-position:-120px -160px}
    .my_betting_history {width:592px; margin:0 auto; border-collapse: collapse; border-spacing: 0;}
        .my_betting_history th, .my_betting_history td {height:26px; border:1px solid #000; text-align:center; }
        .my_betting_history th {background:#695e58; color:#fff}
        .my_betting_history td {background:#f7f0e0}


.oldgame {width:100%}
.oldgame ul {list-style: none;padding:0px;margin:0px;width:100%;height:48px;border-bottom:1px solid #f2dec3;background:linear-gradient(to bottom,#ffeed7,#f7e4cb);border-top:1px solid #fff5e7}
.oldgame li.number {float:left;margin-top:14px;background:#e5ceb0;font-size:12px;;margin-left:10px;color:#4f3621;font-family:'notom';letter-spacing:-1px;border-radius:7px;padding:2px 6px;border-right:1px solid rgba(255,255,255,0.8);border-bottom:1px solid rgba(255,255,255,0.8);box-shadow:inset 1px 1px 0px rgba(0,0,0,0.1)}
.oldgame li.button {float:left;margin-left:13px;margin-top:8px;}

.graph_odd_area{position:relative;float:left;margin-left:1px;width:131px;height:19px;}
.graph_even_area{position:relative;float:right;margin-right:1px;width:131px;height:19px;}
.graph_area span{line-height:17px;font-family:tahoma;font-size:9px;color:#fff;}

.vs_area {position:absolute;left:50%;top:-2px;margin-left:-68px;width:136px;height:29px;background:url('./boon.png') no-repeat center;z-index:10;}

#graph_odd{display:block;position:absolute;right:-18px;top:1px;height:19px;text-align:right;background:url('./bar_blue.png') no-repeat left;}
#graph_even{display:block;position:absolute;left:-18px;top:1px;height:19px;text-align:left;background:url('./bar_red.png') no-repeat right;}

.txt_per{margin-top:8px;width:42px;height:11px;line-height:11px;text-align:center;font-family:tahoma;font-size:9px;}
.ico_vs{display:none;}

#txt_odd_per{float:left;margin-left:2px;color:#000;}
#txt_even_per{float:right;margin-right:2px;color:#000;}

.ani_left {transform:translateY(12px);width:90px;height:90px;animation:left 1s infinite 0.5s;background:url('./bb01.png') no-repeat center}

@-webkit-keyframes left {
    0% {
        -webkit-transform: translateY(12px);background:url('./bb01.png') no-repeat center;
    }
    25% {
        -webkit-transform: translateY(-12px);background:url('./bb02.png') no-repeat center;
    }
    50% {
        -webkit-transform: translateY(12px);background:url('./bb01.png') no-repeat center;
    }
    100% {
        -webkit-transform: translateY(12px);background:url('./bb01.png') no-repeat center;
    }
}

.ani_right {transform:translateY(12px);width:90px;height:90px;animation:right 1s infinite}

@-webkit-keyframes right {
    0% {
        -webkit-transform: translateY(12px);background:url('./cc01.png') no-repeat center;
    }
    25% {
        -webkit-transform: translateY(-12px);background:url('./cc02.png') no-repeat center;
    }
    50% {
        -webkit-transform: translateY(12px);background:url('./cc01.png') no-repeat center;
    }
    100% {
        -webkit-transform: translateY(12px);background:url('./cc01.png') no-repeat center;
    }
}

.anistage {width:348px;height:60px;left:8px;overflow:hidden;position:absolute;bottom:20px;}
.animove {width:49px;height:49px;position:absolute;top:0px;left:10px;animation:move 10s infinite linear;}

.anig {width:49px;height:49px;animation:walk 0.5s infinite;position:absolute;}
.gore {width:49px;height:49px;background:url('./gore.png') no-repeat center;animation:gore 0.5s infinite linear 1s backwards;}
@-webkit-keyframes walk {
  0% {
	  background:url('./anig01.png') no-repeat center;
  }

  50% {
	 background:url('./anig02.png') no-repeat center;
  }

  100% {
	 background:url('./anig01.png') no-repeat center;
  }

}

@-webkit-keyframes move {
  0% {
	   -webkit-transform: translate(-50px);
  }
  100% {
	  -webkit-transform: translate(400px);
  }

}

@-webkit-keyframes gore {
  0% {
	   -webkit-transform: translate(-60px,5px);
  }
  50% {
	   -webkit-transform: translate(-60px,-5px);
  }
  100% {
	  -webkit-transform: translate(-60px,5px);
  }

}

/* 제이쿼리 스크롤바 커스텀 */
.mCSB_inside > .mCSB_container {
	margin-right: 0;
}

.mCSB_scrollTools .mCSB_draggerContainer {
	right: -10px;
}

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
	margin: 0;
}