.liveboxoutline {
    border: 2px solid #000000;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}

.liveboxoutline2 {
    border: 2px solid #005fac;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}

.v-box-live {
    background: #242f42;
    text-align: left;
    display: table-cell;
    vertical-align: top;
    padding: 10px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    width: 100%;
    clear: both;
}

.v-box-live2 {
    background: #242f42;
    text-align: left;
    display: table-cell;
    vertical-align: top;
    padding: 10px;
    width: 100%;
    clear: both;
}

.v-box1 {
    background: #242f42;
    text-align: left;
    display: table-cell;
    vertical-align: top;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    clear: both;
}

.v-box2 {
    text-align: center;
    display: table-cell;
    clear: both;
    width: 100%;
    padding: 2px 20px 20px 20px;
    background: #0B1423;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.v-box2-loading {
    position: relative;
    display: table-cell;
    clear: both;
    padding: 50px;
}

.scorebox2 {
    background: #b50000;
    background: url('linear-gradient.png') 0 0 repeat-x;
    background: -webkit-linear-gradient(180deg, #b50000, #dd0000);
    background: -moz-linear-gradient(180deg, #b50000, #dd0000);
    background: -ms-linear-gradient(180deg, #b50000, #dd0000);
    background: -o-linear-gradient(180deg, #b50000, #dd0000);
    background: linear-gradient(180deg, #b50000, #dd0000);
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    padding: 1px;
    min-width: 30px;
    max-width: 40px;
    height: 26px;
    line-height: 23px;
    border: 1px solid #b90f0f;
    font-weight: bold;
    font-family: arial;
    font-size: 11pt;
    color: #fafafa;
}

.livebox {
    width: 100%;
    border: 2px solid #818fab;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 0px;
}

.livebox2 {
    width: 100%;
    border: 2px solid #ff0000;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 0px;
}

.liveboxtitle2 {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    width: 75px;
    height: 13px;
    line-height: 13px;
    position: absolute;
    top: -7px;
    left: 10px;
    background: #ff0000;
    z-index: 5;
    text-align: center;
    color: #fff;
    padding: 0px;
}


.scorebox {
    background: #1E2737;
    border-bottom: 1px solid #000000;
    background: url('linear-gradient.png') 0 0 repeat-x;
    background: -webkit-linear-gradient(180deg, #1E2737, #0B1423);
    background: -moz-linear-gradient(180deg, #1E2737, #0B1423);
    background: -ms-linear-gradient(180deg, #1E2737, #0B1423);
    background: -o-linear-gradient(180deg, #1E2737, #0B1423);
    background: linear-gradient(180deg, #1E2737, #0B1423);
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    padding: 1px;
    min-width: 30px;
    max-width: 40px;
    height: 26px;
    line-height: 23px;
    border: 1px solid #415b87;
    font-weight: bold;
    font-family: arial;
    font-size: 11pt;
    color: #ffcc00;
}

.liveboxinbg {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1;
    filter: alpha(opacity=50);
    opacity: 0.50;
    -moz-opacity: 0.50;
}

.liveboxtitle {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    width: 75px;
    height: 13px;
    line-height: 13px;
    position: absolute;
    top: -7px;
    left: 10px;
    background: #818fab;
    z-index: 5;
    text-align: center;
    color: #000;
    padding: 0px;
}

.liveboxintxt {
    position: absolute;
    top: 0px;
    left: 0px;
    color: #cacaca;
    z-index: 10;
}

.upsss {
    animation-duration: 0.6s;
    animation-name: slideupin;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@keyframes slideupin {
    from {
        margin: 9px 0px 0px 0px;
    }

    to {
        margin: 6px 0px 0px 0px;
    }
}

.downsss {
    animation-duration: 0.6s;
    animation-name: slidedownin;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@keyframes slidedownin {
    from {
        margin: 6px 0px 0px 0px;
    }

    to {
        margin: 9px 0px 0px 0px;
    }
}

.baseballscorepan {
    background-image: url(../img/baseballpan.png);
    background-size: cover;
}

.stickybox {
    position: fixed;
    z-index: 1000000;
    right: 3%;
    bottom: -100px;
    margin-left: 0px;
    filter: alpha(opacity=85);
    opacity: 0.85;
    -moz-opacity: 0.85;
}


.blinkon {
    -moz-animation: blink normal 2s infinite ease-in-out;
    -webkit-animation: blink normal 2s infinite ease-in-out;
    -ms-animation: blink normal 2s infinite ease-in-out;
    animation: blink normal 2s infinite ease-in-out;
}


.oddonoffswitch {
    position: relative;
    width: 124px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.oddonoffswitch-checkbox {
    display: none;
}

.oddonoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #0690FA;
    border-radius: 4px;
}

.oddonoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.2s ease-in 0s;
}

    .oddonoffswitch-inner:before, .oddonoffswitch-inner:after {
        display: block;
        float: left;
        width: 50%;
        height: 18px;
        padding: 0;
        line-height: 18px;
        font-size: 12px;
        color: white;
        font-family: Trebuchet, Arial, sans-serif;
        box-sizing: border-box;
    }

    .oddonoffswitch-inner:before {
        content: "배당자동변경 ON";
        padding-right: 10px;
        background-color: #0071CC;
        color: #fafafa;
    }

    .oddonoffswitch-inner:after {
        content: "배당자동변경 OFF";
        padding-right: 5px;
        background-color: #D6D6D6;
        color: #737373;
        text-align: right;
    }

.oddonoffswitch-switch {
    display: block;
    width: 15px;
    margin: 3px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 102px;
    border: 1px solid #0690FA;
    border-radius: 60px;
    transition: all 0.2s ease-in 0s;
}

.oddonoffswitch-checkbox:checked + .oddonoffswitch-label .oddonoffswitch-inner {
    margin-left: 0;
}

.oddonoffswitch-checkbox:checked + .oddonoffswitch-label .oddonoffswitch-switch {
    right: 0px;
}


.green-btn-top {
    -moz-box-shadow: inset 0px 1px 0px 0px #c1ed9c;
    -webkit-box-shadow: inset 0px 1px 0px 0px #c1ed9c;
    box-shadow: inset 0px 1px 0px 0px #c1ed9c;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
    background: -moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
    background-color: #9dce2c;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
    text-indent: 0px;
    border: 1px solid #83c41a;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    height: 24px;
    line-height: 24px;
    width: 70px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 2px 0px #689324;
}

    .green-btn-top:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
        background: -moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
        background-color: #8cb82b;
    }

    .green-btn-top:active {
        position: relative;
        top: 1px;
    }

.green-btn-top2 {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811) );
    background: -moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
    background-color: #77d42a;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
    text-indent: 0px;
    border: 1px solid #8ee37f;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    height: 22px;
    line-height: 22px;
    width: 60px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #5c8734;
}

    .green-btn-top2:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a) );
        background: -moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
        background-color: #5cb811;
    }

    .green-btn-top2:active {
        position: relative;
        top: 1px;
    }

.ahand {
    cursor: pointer !important;
}

.m-l10p {
    margin-left: 10% !important;
}

.m-r10p {
    margin-right: 10% !important;
}

.p-l10p {
    padding-left: 280px !important;
}

.p-r10p {
    padding-right: 280px !important;
}

.prmenu {
    position: relative;
    overflow: hidden;
    width: 100% !important;
    height: 100%;
    padding-right: 35%;
    padding-right: 35% !important;
}


.sp{background:url(/ui/images/m_sp_common.png?v=2410341) no-repeat;-webkit-background-size:304px 944px;background-size:304px 944px}

/* main */
.left-menu-new{overflow:hidden;position:relative}
.left-menu-new .menu{overflow:hidden;margin-right:-2px;padding:7px 4px}
.left-menu-new .menu .li{float:left;width:10%;padding:3px;-webkit-box-sizing:border-box;box-sizing:border-box}
.left-menu-new .menu .li .mbtn{display:block;overflow:hidden;position:relative;width:100%;height:72px;border-radius:4px;background:none;background:#535963;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #535963), color-stop(100%, #363a41));background:-webkit-linear-gradient(top, #535963 0%, #363a41 100%);background:-ms-linear-gradient(top, #535963 0%, #363a41 100%)}
.left-menu-new .menu .li .mbtn .img{position:absolute;left:0;top:0;width:41px;height:72px;content:""}
.left-menu-new .menu .li .mbtn .bg{position:absolute;right:0;top:0;width:57px;height:72px;content:""}
.left-menu-new .menu .li .mbtn .tit{position:absolute;left:7px;bottom:6px;font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;font-size:14px;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.9);z-index:1}
.left-menu-new .menu .li .mbtn .sub{position:absolute;right:7px;top:8px;font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;font-size:9px;text-shadow:1px 1px 0 rgba(0,0,0,.7);color:#8c95a6;z-index:1}
.left-menu-new .menu .li .mbtn--menu1 .img{background-position:0 -64px}
.left-menu-new .menu .li .mbtn--menu1 .bg{background-position:-41px -64px}
.left-menu-new .menu .li .mbtn--menu2 .img{background-position:-103px -64px}
.left-menu-new .menu .li .mbtn--menu2 .bg{background-position:-144px -64px}
.left-menu-new .menu .li .mbtn--menu3 .img{background-position:-206px -64px}
.left-menu-new .menu .li .mbtn--menu3 .bg{background-position:-247px -64px}
.left-menu-new .menu .li .mbtn--menu4 .img{background-position:0 -141px}
.left-menu-new .menu .li .mbtn--menu4 .bg{background-position:-41px -141px}
.left-menu-new .menu .li .mbtn--menu5 .img{background-position:-103px -141px}
.left-menu-new .menu .li .mbtn--menu5 .bg{background-position:-144px -141px}
.left-menu-new .menu .li .mbtn--menu6 .img{left:3px;background-position:-206px -141px}
.left-menu-new .menu .li .mbtn--menu6 .bg{background-position:-247px -141px}
.left-menu-new .menu .li .mbtn--menu7 .img{background-position:0 -218px}
.left-menu-new .menu .li .mbtn--menu7 .bg{background-position:-41px -218px}
.left-menu-new .menu .li .mbtn--menu8 .img{background-position:-103px -218px}
.left-menu-new .menu .li .mbtn--menu8 .bg{background-position:-144px -218px}
.left-menu-new .menu .li .mbtn--menu9 .img{background-position:-206px -218px}
.left-menu-new .menu .li .mbtn--menu9 .bg{background-position:-247px -218px}
.left-menu-new .menu .li .mbtn--menu10 .img{background-position:0 -295px}
.left-menu-new .menu .li .mbtn--menu10 .bg{background-position:-41px -295px}
.left-menu-new .menu .li .mbtn--menu11 .img{background-position:-103px -295px}
.left-menu-new .menu .li .mbtn--menu11 .bg{background-position:-144px -295px}
.left-menu-new .menu .li .mbtn--menu12 .img{background-position:-206px -295px}
.left-menu-new .menu .li .mbtn--menu12 .bg{background-position:-247px -295px}
.left-menu-new .menu .li .mbtn--menu13 .img{background-position:0 -372px}
.left-menu-new .menu .li .mbtn--menu13 .bg{background-position:-41px -372px}
.left-menu-new .menu .li .mbtn--menu14 .img{width:47px;background-position:-103px -372px}
.left-menu-new .menu .li .mbtn--menu14 .bg{width:51px;background-position:-150px -372px}
.left-menu-new .menu .li .mbtn--menu15 .img{width:47px;background-position:-206px -372px}
.left-menu-new .menu .li .mbtn--menu15 .bg{width:51px;background-position:-253px -372px}
.left-menu-new .menu .li .mbtn--menu16 .img{width:40px;background-position:0 -620px}
.left-menu-new .menu .li .mbtn--menu16 .bg{width:52px;background-position:-46px -620px}

.ptm1 {padding: 6px 6px 1px 6px !important;}
.ptic1 {float:left;margin-top:3px;}
.ptc1{position: relative; display: table-cell; vertical-align:middle;padding:2px 5px 2px 10px !important;margin-left:10px !important;}



/* 게임리스트 리스트 */
.game_tit {width:100%; float:left; margin:0 0 10px 0;}
.game_list_wrap {float:left; width:100%;padding-left:50px;padding-top:20px;}
.game_list_wrap ul li {float:left; margin:0 10px 10px 0; position:relative;}


/*-------------------------------------------------------------------------------------*
 *  마우스 오버                                                                        *
 *-------------------------------------------------------------------------------------*/
.mouseover1{
	animation-name: mouseover1;
	-webkit-animation-name: mouseover1;	

	animation-duration: 0.4s;	
	-webkit-animation-duration: 0.4s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	visibility: visible !important;	
}

@keyframes mouseover1 {
	0% {
		transform: scale(1.07);
	}		
	100% {
		transform: scale(1);
	}			
}

@-webkit-keyframes mouseover1 {
	0% {
		-webkit-transform: scale(1.07);	
	}		
	100% {
		-webkit-transform: scale(1);
	}					
}


/* 메인게임 마우스 오버 */
.mouseover2{
	animation-name: mouseover2;
	-webkit-animation-name: mouseover2;	

	animation-duration: 0.5s;	
	-webkit-animation-duration: 0.5s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	visibility: visible !important;	
}

@keyframes mouseover2 {
	0% {
		transform: scale(1.17); opacity:0.1;
	}		
	100% {
		transform: scale(1); opacity:1.0;
	}			
}

@-webkit-keyframes mouseover2 {
	0% {
		-webkit-transform: scale(1.17);	
	}		
	100% {
		-webkit-transform: scale(1);
	}					
}

.mainconts {
    padding-top: 150px;
    width: 80%;
    max-width: 1600px;
    margin: auto;
}

.maincontsub {
    width: 80%;
    max-width: 1600px;
    margin: auto !important;
}