/*----------common----------*/
/* body */ 
body, input, select, textarea{font-size:100%; font-family:'Roboto','Nanum Gothic', Dotum, "돋움", sans-serif; color:#888;}

/* basic */ 
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
table{border-collapse:collapse;border-spacing:0;border:0 none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
input,select,textarea,button{vertical-align:middle}
button{border:0 none;background-color:transparent;cursor:pointer}
a{color:#333;text-decoration:none}
a:active, a:hover{text-decoration:underline}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
html, body{height:100%}
img{vertical-align:middle}
legend, .hide{width:1px;height:1px;line-height:0;position:absolute;left:-5000px;top:-5000px;z-index:-100;text-indent:-2000px}
legend{*display:none}

/* 카드*/
.fc-slideshow {
	position: relative;
	width: 97px;
	height: 137px;
	margin: 0 auto;
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	perspective: 1200px;
}

.fc-slideshow nav {
	display:none;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 10000;
}

.fc-slideshow nav > div {
	position: absolute;
	height: 100%;
	top: 0;
	width: 50%;
}

.fc-slideshow nav .fc-left {
	left: 0;
}

.fc-slideshow nav .fc-right {
	right: 0;
}

.fc-slideshow nav > div span {
	height: 33%;
	width: 100%;
	position: absolute;
	left: 0;
	cursor: pointer;
}

.fc-slideshow nav > div span:first-child {
	top: 0;
}

.fc-slideshow nav > div span:nth-child(2) {
	top: 33%;
}

.fc-slideshow nav > div span:nth-child(3) {
	top: 66%;
}

.fc-slideshow nav i,
.no-csstransforms3d .fc-slideshow nav > div span {
	position: absolute;
	width: 100%;
	height: 40px;
	top: 50%;
	margin-top: -20px;
	pointer-events: none;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.2s ease;
	-moz-backface-visibility: hidden;
	-moz-transition: all 0.2s ease;
	backface-visibility: hidden;
	transition: all 0.2s ease;
}

/* Some fallbacks */
.no-csstransforms3d .fc-slideshow nav > div span {
	z-index: 1000;
	width: 40px;
	background: rgba(0,0,0,0);
}

.no-csstransforms3d .fc-slideshow nav .fc-left span {
	left: -80px;
}

.no-csstransforms3d .fc-slideshow nav .fc-right span {
	right: -80px;
	left: auto;
}

.no-csstransforms3d .fc-slideshow nav i {
	width: 40px;
	cursor: pointer;
}

.fc-slideshow nav .fc-left i {
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	text-align: left;
}

.fc-slideshow nav .fc-right i {
	-webkit-transform-origin: 0% 50%;
	-moz-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	text-align: right;
}

.fc-slideshow nav i.icon-arrow-left {
	left: 0;
}

.no-csstransforms3d .fc-slideshow nav i.icon-arrow-left {
	left: -100px;
}

.fc-slideshow nav i.icon-arrow-right {
	right: 0;
}

.no-csstransforms3d .fc-slideshow nav i.icon-arrow-right {
	right: -60px;
}

.icon-arrow-left:before, 
.icon-arrow-right:before {
	font-family: 'entypo';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	background: #cc2724;
	color: #fff;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: inline-block;
	margin: 0 20px;
	border-radius: 20% 10% 50% 5% / 25% 10% 30% 75%;
	-webkit-font-smoothing: antialiased;
}

.icon-arrow-left:before {
	content: "\e002";
}

.icon-arrow-right:before {
	content: "\e003";
}

.csstransforms3d .fc-slideshow nav > div span:hover ~ i,
.no-csstransforms3d .fc-slideshow nav i,
.no-csstransforms3d .fc-slideshow nav > div span {
	opacity: 1;
}

.csstransforms3d .fc-slideshow nav > div span:nth-child(2):hover ~ i{
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}

.csstransforms3d .fc-slideshow nav > .fc-left span:first-child:hover ~ i,
.csstransforms3d .fc-slideshow nav > .fc-right span:nth-child(3):hover ~ i {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.csstransforms3d .fc-slideshow nav > .fc-right span:first-child:hover ~ i,
.csstransforms3d .fc-slideshow nav > .fc-left span:nth-child(3):hover ~ i {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

ul.fc-slides {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.fc-slides li {
	display: none;
}

.no-js ul.fc-slides li {
	display: block;
}

.fc-flip {
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.fc-flip div {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.fc-flip .fc-back {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.fc-slideshow h3 {
	position: absolute;
	color: #fff;
	top: 50%;
	margin-top: 30px;
	line-height: 50px;
	height: 50px;
	left: 80px;
	right: 80px;
	background: #ff514c;
	font-size: 22px;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	border-radius: 20% 10% 50% 5% / 25% 10% 30% 75%;
}

.fc-overlay-light,
.fc-overlay-dark {
	opacity: 0;
}

.fc-overlay-light {
	background: rgba(255,255,255,1);
}

.fc-overlay-dark {
	background: rgba(0,0,0,1);
}

/* No JS fallback */

.no-js .fc-slideshow {
	height: auto;
	box-shadow: none;
}

.no-js .fc-slideshow h3 {
	position: relative;
	width: auto;
	height: auto;
	left: auto;
	right: auto;
	top: auto;
	margin: 5px;
}
/* 카드*/



/* Align type */
.tL{text-align:left !important}
.tC{text-align:center !important}
.tR{text-align:right !important}
.vT{vertical-align:top !important}
.vM{vertical-align:middle !important}
.vB{vertical-align:bottom !important}
.vN{vertical-align:0 !important}

/* float */
.fl{float:left !important}
.fr{float:right !important}
.clear{clear:both !important}

/*margin*/

/*padding*/
.pR10{padding-right:10px !important}

/*icon*/
.icon_card0{background: url(../images/icon_card0.png) no-repeat center; width: 13px; height: 13px;}
.icon_card1{background: url(../images/icon_card1.png) no-repeat center; width: 13px; height: 13px;}
.icon_card2{background: url(../images/icon_card2.png) no-repeat center; width: 13px; height: 13px;}
.icon_card3{background: url(../images/icon_card3.png) no-repeat center; width: 13px; height: 13px;}

/*icon*/
.icon_black_clover{background: url(../images/icon_black_clover.png) no-repeat center; width: 13px; height: 13px;}
.icon_black_dia{background: url(../images/icon_black_dia.png) no-repeat center; width: 13px; height: 13px;}
.icon_black_heart{background: url(../images/icon_black_heart.png) no-repeat center; width: 13px; height: 13px;}
.icon_black_spade{background: url(../images/icon_black_spade.png) no-repeat center; width: 13px; height: 13px;}
.icon_red_clover{background: url(../images/icon_red_clover.png) no-repeat center; width: 13px; height: 13px;}
.icon_red_dia{background: url(../images/icon_red_dia.png) no-repeat center; width: 13px; height: 13px;}
.icon_red_heart{background: url(../images/icon_red_heart.png) no-repeat center; width: 13px; height: 13px;}
.icon_red_spade{background: url(../images/icon_red_spade.png) no-repeat center; width: 13px; height: 13px;}

/*----------style----------*/
#sub_wrap{ width:100%;  /*background: url(../images/sub_bg.png) 0 0 repeat; */}
#contents{ width:1200px;  margin:0 auto; min-height: 900px; overflow: auto; padding:25px 0px 90px 0px;}
/*cardgame*/
.cardgame{background:url(../images/sub_system_bg_m.png) no-repeat center;  width:1200px; height:641px;}

/*statistics*/
.statistics{width:240px; padding:67px 20px 0px 20px;}
table.statistics_table tr td{height: 35px;}
table.statistics_table tbody tr td.game{width:90px; padding: 0px 10px 0px 10px;}
table.statistics_table tbody tr td.iconred{background:url(../images/icon_disc_red.png) no-repeat left; width:40px;  padding:0px 20px 0px 10px;}
table.statistics_table tbody tr td.iconblue{background:url(../images/icon_disc_blue.png) no-repeat left; width:40px; padding:0 10px;}

/*left_banner*/
.left_banner li.lbanner01{margin:13px 0px 8px 0px;}

/*next*/
/* .next .video{width:638px; height:400px; margin: 3px 0px 7px 1px; } */
.next p{padding-left: 290px; color:#aaa;}
.next strong{color:#ffcc00; font-size:14px;}

/*오른쪽*/
.result{position:relative; top:58px; left:6px; width: 269px; height: 270px; overflow:auto;}

/*analysis*/
.analysis{width:1200px; height:300px; background:url(../images/bar_analysis.png) no-repeat top center #212121; margin-top:30px;}

/*----------830size----------*/
#contents_830{ width:830px;  margin:0 auto; min-height: 900px; overflow: auto; padding:25px 0px 90px 0px;}
.cardgame_m{background:url(../images/sub_system_bg_m.png) no-repeat center;  width:830px; height:585px;}

/*right*/
.right02{width: 558px; text-align: center;}
.right02 #lgplayer{width:552px !important; height:348px !important; margin: 3px 0px 7px 3px; }
.right02 p{padding-left: 100px; color:#aaa;}
.right02 strong{color:#ffcc00; font-size:14px;}
/*left*/
.left02{width: 269px;}

/*statistics_m*/
.statistics_m{width:240px; padding:45px 0px 0px 14px;}

/*result_m*/
.result_m{padding:0 0px 0px 5px; height: 225px; overflow:auto; position:relative; top:65px;}
.result_m table.result_table tr td{height: 45px; padding-left: 6px;}

/*analysis*/
.analysis_m{width:830px; height:300px; background:url(../images/bar_analysis_m.png) no-repeat top center #212121; margin-top:30px;}


/*----------640size----------*/



/*----------mobile----------*/


/*body {color: #ccc;  font-size:15px; font-family:'Roboto', 'Noto Sans Gothic', sans-serif; font-size:100%; font-weight: normal;}
h1, h2, h3, h4, h5, h6 {    margin: 0;    font-size: 100%;    font-weight: normal;}
ol, ul { list-style: none;}
i, em { font-style: normal;}*/

#wrap{background:#000; padding:10px; min-height:100%; height:auto; width:95%}
#wrap .conBg{background:#222; border-radius:5px; padding:10px; position:relative; height:auto;}

.timeBar{/*background:url(../images/bar_score.png) no-repeat center; background-size:contain;*/ height:35px; width:100%; margin:0px auto 30px; font-size:12px; border-bottom:1px solid #444;}
.timeBar p{padding:0 0 0 10px; line-height:30px;}
.timeBar .count{display:inline-block; float:right; margin:0px 15px 0 0; color:#fdca00; font-size:16px; font-weight:600;}
.timeBar .textWhite{font-weight:600; color:#fff;}

.oddevenCard{ margin: 0 auto; width:100%; background:url(../images/m_bg_img.png) no-repeat center center; background-size:contain; height:138px;}
.oddevenCard span{display:inline-block; padding:0 20px; line-height:400px;}
.fc-slides img{width:100%; height:100%;}
.fc-flip img{width:100%; height:100%;}
.oddevenCard ul{width:100%; margin:0 auto; text-align:center;float:left; }
.oddevenCard li{display:inline-block; text-align:center;} 
.oddevenCard li.onecard {width:30%; } 

.oddevenCard .card_plus{padding:0 10px;}
.oddevenCard .card_plus img{position: relative; left: 20%; top: -70px;}

.titleWrap{background:url(../images/m_line_bg.png) repeat-x bottom; padding:10px 0; width:100%; overflow:hidden; margin-bottom:20px;}
.tableTitle{font-size:17px; color:#ccc;}
.tableDate{font-size:12px; margin-top:10px;}
.image{min-width:100%; width:auto; min-height:100%; height:auto;}

#gameResult {background:#333; border-radius:10px; padding:10px; margin-top:30px;}
#gameResult .table1{overflow-y:auto; height:320px; width:100%;}
#gameResult table{width:100%; font-size:12px;}
#gameResult table img{width:10%;}
#gameResult table td{background:url(../images/m_line_bg.png) repeat-x bottom; padding:10px 0;}
#gameResult table tbody{text-align:center;}
#gameResult table tbody td:first-child{width:15%;}
#gameResult table tbody td:last-child{width:15%;}
#gameResult table tbody td .resultBox{background:#222; margin:0 10px; padding:5px; border-radius:5px; }