/* m코인충전 탭 */
.mcoin_a,.mcoin_b, .mcoin_left_con{background:#fff; border:1px solid #5d5d5d; border-top:1px solid #fff; display:block;}
.mcoin_a div, .mcoin_b div{overflow-y:auto; display:none; clear:both; padding:40px 30px; font-size:16px;}
.mcoin_a div{height:380px;}
.mcoin_b div{height:200px;}
.mcoin_left {width:30%;}
.mcoin_left_con {height:200px; padding:40px 30px;  border-right:0; font-size:16px;}
.mcoin_right {width:70%;}
.sTabLeft{background:#3d3d3d; width:30%;}
.mcoin_left_top {height:80px; line-height:80px; color:#eee; font-family:'nanumbarunpenb', sans-serif; font-size:21px;}
#mcoin_a1, #mcoin_b1 {display:block;}
.mcoin_limit_btn{display:inline-block; padding:5px 10px; background:#3d3d3d; color:#eee; font-family:'nanumbarunpenb', sans-serif;}
.mcoin_table{display:table; min-width:750px; margin:0 auto; border:1px solid #3d3d3d}
.mcoin_table th{background:#3d3d3d; font-size:15px; color:#eee; height:45px;}
.mcoin_table tbody{background:#fff; font-size:15px; color:#222; margin:0px}
.mcoin_table tbody td {padding: 5px 0px;}


.mcoin_graph_type{width:1080px; text-align:right; margin-bottom:10px; height:25px; line-height:25px; vertical-align:middle}
.mcoin_graph_type .color1{display:inline-block; background:#04387c; vertical-align:middle; width:30px; height:20px; margin-right:5px;} 
.mcoin_graph_type .color2{display:inline-block; background:#aaa; vertical-align:middle; width:30px; height:20px; margin-right:5px;} 
.mcoin_graph_type span{line-height:20px; color:#04387c}
.mcoin_graph_type span:last-child{color:#aaa}
.mcoin_graph{position:relative; width:1080px; height:100%; background:#fff; border:1px solid #3d3d3d; overflow:hidden}
.mcoin_graph .rowbars{position:relative; height:250px; white-space:nowrap; z-index:2; font-size:0}
.mcoin_graph .rowgroup{position:relative; display:inline-block; vertical-align: bottom; width:8.33%;/*width:16.6%;*/ height:100%;}
.mcoin_graph .rowgroup .bars{
	display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;	
    width: 100%;
    height: 100%;
    -webkit-align-items: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -o-justify-content: center;
    -ms-flex-align: center;
    justify-content: center;
    align-items: flex-end;
	}
.mcoin_graph .rowgroup .bars span{
	display: block;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: 12px;
	letter-spacing:-0.5px;
    font-weight: normal;
    white-space: nowrap;
    margin-bottom: 5px;
    z-index: 3;
}
.mcoin_graph .rowgroup .bar_charge{position:relative; width:50%; width:20px; background:#04387c;}
.mcoin_graph .rowgroup .bar_charge span{color:#04387c}
.mcoin_graph .rowgroup .bar_used{position:relative; width:50%; width:20px; background:#aaa; margin-left:10px}
.mcoin_graph .rowgroup .bar_used span{color:#aaa}
.mcoin_graph .graphX{padding:15px 0; background:#3d3d3d;}
.mcoin_graph .graphX li{display:inline-block; vertical-align:bottom; width:8%; text-align:center; color:#fff}
.mcoin_graph .graphY{position: absolute; top:0; left: 0; width:100%; height:250px; }
.mcoin_graph .graphY li{border-bottom: 1px dotted #ededed;  height: 50px;   box-sizing: border-box;}

.mcoin_time {width:100%; text-align:right}
.mcoin_time input{width:120px; height:30px; line-height:30px; border:1px solid #3d3d3d; background-color:#fff; color:#3d3d3d; text-align:center}
.mcoin_time span{font-size:18px; margin:0 5px; line-height:30px;}
.mcoin_time button{display:inline-block; width:100px; height:36px; line-height:30px; text-align:center; border:0; background:#04387c; color:#fff; margin-left:5px; cursor:pointer}
.mcoin_table {width:100%}

.paging a{font-size:16px; padding:0 3px}

.ui-datepicker{z-index:10;}

/* 모바일 */
@media screen and (max-width: 1460px){

	.sTabLeft {width: 100%; border-right:1px solid #5d5d5d}
	.mcoin{width:90%}
	.mcoin_left_con {height:auto !important}
	.mcoin_right { width: 100%; margin-top:30px}
    .mcoin_a div{height:250px}
	
	.sTabB4 li {width:50%}
	.sTabB4 li:first-child {width:50%}
	.sTabB4 li a {height:60px; line-height:50px}
	.sTabB3 li a{font-size:16px}

}
@media screen and (max-width: 800px){
	
	.mcoin_charge_btn{display:none}
	.mcointxt:after {display:inline-block; width:100%; text-align:center; font-size:14px; color:#222; content:'M코인 충전은 PC에서 이용바랍니다.';}
	.mcoin_table{width:100%; min-width:initial;}
	.mcoin_table th{font-size:14px;}
	.mcoin_table td{font-size:12px}
	
	.con_top .box .mcointxt {margin-left:10px !important}
	.con_top .box .mcointxt span{font-size: 15px !important}


}