@charset "utf-8";
/* CSS Document */

/* ================== reset css ================== */
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,
input,textarea,button,section{margin:0;padding:0;box-sizing:border-box;font-family:"NanumSquare", "³ª´®½ºÄù¾î", "Nanum Gothic", sans-serif;line-height:1.2;}
body,input,textarea,select,table,button{font-weight:normal;}
table {border-collapse:collapse; border-spacing:0;}
img{vertical-align: middle; border:0;}
input,select,textarea{vertical-align:top;}
address,caption,th{font-style:normal;}
ol,ul,li {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
.hidden{font-size:0 !important;height:0 !important;left:0 !important;line-height:0 !important;margin:0 !important;overflow:hidden !important;padding:0 !important;position:absolute !important;top:0 !important;width:0 !important;z-index:-1 !important;}
a{color:#010101;text-decoration:none;}
a:link,a:hover,a:active{text-decoration:none;}

.mt10 { margin-top:10px !important;  }
.mt20 { margin-top:20px !important;  }
.mt30 { margin-top:30px !important;  }
.mt60 { margin-top:60px !important;  }


.flr {float:right; }
.red { color:#d1212e; }


/* ================== css ================== */

body { background:#6e7fcc url(img/back_img.jpg);background-size: cover;  }

.wrap { width:100%; }
.gamewrap { width:800px; height:740px; margin:0 auto; }


/*-- /// °æ±âºÐ¼® ----------------------------------------------------------------------*/

.section1 { float:left;	width:186px; height:550px; position:relative; margin:167px 8px 0 0px; background:#fff; border-radius:30px; box-shadow: 0px 9px 0px #4e3010;  }
.section1 .title { position:absolute; top:32px; left:60px;  } 
	.section1 .title h2 { font-size:24px; font-family:"jua"; }
.section1 .box {   }
.section1 .boxtop {  position:absolute; top:70px; left:6px;    }
	.section1 .boxtop ul {  }
	.section1 .boxtop ul li { float:left; padding:7px 7px; font-size:11px; line-height:14px; letter-spacing:-0.5px; font-weight:bold; }
	.section1 .boxtop ul li a {   color:#999999;  }
	.section1 .boxtop ul li.on { background:#f5d35e;  border-radius:10px; }
	.section1 .boxtop ul li.on a { color:#fff; }
.section1 .txt {  position:absolute; top:125px; left:25px; font-size:16px; width:230px; }
	.section1 .txt li {  position:relative; height:26px; padding-left:35px; margin-bottom:7px;   }
	.section1 .txt li span {  position:absolute; top:-4px; left:0px;  }
	.section1 .txt .odd { display:inline-block; width:27px; height:27px;  background:url(img/gameimg.png) no-repeat 0px -104px;  }
	.section1 .txt .even {  display:inline-block; width:27px; height:27px;  background: url(img/gameimg.png) no-repeat -27px -104px; }
	.section1 .txt li:last-child { font-size:12px; color:#919191;  }
.section1 .table {  position:absolute; top:120px; left:2px; width:180px; height:400px; background:#f9f9f9; }


/* ¹Ú½º */
.inner dl { display:inline-block; vertical-align:top; }

.box_area { border:1px solid #d6d6d6; border-top:1px solid #d6d6d6; position:relative; width:auto; overflow-x:scroll; overflow-y:scroll; height:400px; }
.inner { position:relative; white-space:nowrap; /* overflow:hidden;*/ font-size:0; background:url(img/bg_cell.png) repeat; }
.inner dl { display:display; display:top; margin:0; padding:0; }
.inner dt.EVEN { color:#cc3348; }
.inner dt.ODD { color:#295bcc; }
.inner dt { position:relative; z-index:1; background:url(img/bg_cell_title.png) repeat; width:27px; height:27px; line-height:27px; padding:0 1px 1px 0; text-align:center; font-size:12px; white-space:nowrap; }
.inner dd span.EVEN { background-color: #cc3348; }
.inner dd span.ODD { background-color:#295bcc; }
.inner dd span { position:relative; display:inline-block; margin:2px; width:23px; height:23px; line-height:23px; border-radius:16px; font-family:tahoma,µ¸¿ò,Dotum,sans-serif; font-size:9px; color:#fff; text-align:center; }







/*-- /// Ãß÷ȭ¸é ----------------------------------------------------------------------*/

.section2 { float:left;	width:380px; height:550px; position:relative; margin:167px 8px 0 0px; background:#fff; border-radius:30px; box-shadow: 0px 9px 0px #4e3010;  }
.section2 .title { position:absolute; top:-145px; left:30px; width:350px; height:174px; background: url(img/gameimg1.png) no-repeat 0px 0px; z-index:10;  }
	.section2 .title h1 { font-size:0px; }


.section2 .sound {  position:absolute; top:20px; left:318px; font-size:13px; cursor:pointer; }
	.section2 .sound .soundoff { display:inline-block; width:22px; height:22px; background:url(img/sound_off.png) no-repeat;  }
	.section2 .sound .on { background:url(img/sound_on.png) no-repeat;  }


.section2 .txt0 {  position:absolute; top:20px; left:70px; font-size:16px; color:#393;}
.section2 .txt {  position:absolute; top:65px; left:0px; font-size:16px; text-align:center;margin:0 auto;}
.section2 .txt #txt_view { text-align:center;width:380px;}
.section2 .txt span { padding:5px 12px; background:#6d7eca; border-radius:7px; color:#fff;  }


.section2 .t1 {  position:absolute; top:120px; left:65px; font-size:20px;  color:#666; font-weight:bold; }
.section2 .t2 {  position:absolute; top:120px; left:260px; font-size:20px;  color:#666; font-weight:bold; }
.section2 .card1 {  position:absolute; top:150px; left:40px; width:148px; height:225px; display:inline-block;  }
.section2 .card2 {  position:absolute; top:150px; left:224px; width:148px; height:225px; display:inline-block;  }
.section2 .plus {  position:absolute; top:230px; left:180px; width:25px; height:24px; display:inline-block; background: url(img/gameimg.png) no-repeat -105px -131px; }
.section2 .resulttit { position:absolute; top:375px; left:0px; width:380px; text-align:center; font-size:24px;  font-family:"jua"; color:#666; t  }

.section2 .result { width:379px; height:115px; position:absolute; top:405px; left:1px; overflow-x: scroll;  }
.section2 .result table { font-size:14px; letter-spacing:-0.5px; overflow-x: scroll;  }
.section2 .result table td { text-align:center; padding:5px;  }
.section2 .result table td .odd { width:40px; height:40px; display:block;  background: url(img/gameimg.png) no-repeat 0px -131px; }
.section2 .result table td .even {  width:40px; height:40px; display:block; background: url(img/gameimg.png) no-repeat -40px -131px; }




/*-- /// ¸®½ºÆ® ----------------------------------------------------------------------*/

.section3 { float:left;	width:216px; height:550px; position:relative; margin:167px 0px 0 0px; background:#fff; border-radius:30px; box-shadow: 0px 9px 0px #4e3010;  }
	.section3 .title h2 { font-size:0; }
.section3 .box { position:absolute; top:40px; left:5px; width:186px; height:396px;  }
.section3 .table { width:205px; height:479px; overflow-y: scroll; font-size:13px; letter-spacing:-0.5px; }
.section3 .table td { border-bottom:1px solid #e0e0e0; padding:3px 1px; text-align:center;  }
.section3 .table td.t1 { color:#6d7eca; font-weight:bold;   }
.section3 .table td .diamond { font-size:20px; vertical-align:middle;    }

.section3 .table td .odd { width:27px; height:27px; display:block;  background: url(img/gameimg.png) no-repeat 0px -104px;    }
.section3 .table td .even {  width:27px; height:27px; display:block; background: url(img/gameimg.png) no-repeat -27px -104px;   padding-right:5px;  }







/*-- /// footer ----------------------------------------------------------------------*/
	
.footer { width:800px; margin:0 auto; height:50px; margin-bottom:20px; background:#171717; border-radius:30px; box-shadow: 0px 9px 0px #4e3010; text-align:center; padding-top:15px; text-align:center; }
.footer .copyright { font-size:18px; color:#999;}

	
/*È÷½ºÅ丮 */
#history { cursor:pointer; }
#tab1 { display:''; }
#tab2 { display:none; }
#tab3 { display:none; }

/*Ä«µåÅ©±â*/
#hidden_card { width:120px; }
#open_card { width:120px; }