@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: gulim;
	line-height: 1.2;
}
body, input, textarea, select, table, button {
	font-weight: normal;
}
table {	border-collapse: collapse;	border-spacing: 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;}
.blind {    font-size: 1px;    color: #fff;    position:absolute;    top: -1000px;}



nav .frame_nav {
  width      : 830px;
  height     : 60px;
  padding    : 0 0 0 145px;
  background : url('/game/ladder/img/frame_menu.png');
}

nav .frame_nav.nav_tipster {
  background-position : 0 0;
}

nav .frame_nav.nav_analysis {
  background-position : 0 -60px;
}

nav .frame_nav.nav_game {
  padding             : 0 0 0 190px;
  background-position : 0 -120px;
}

nav .frame_nav.nav_policy {
  padding             : 0 0 0 145px;
  background-position : 0 -420px;
}

nav .frame_nav.nav_community {
  padding             : 0 0 0 130px;
  background-position : 0 -180px;
}

nav .frame_nav.nav_help {
  padding             : 0 0 0 130px;
  background-position : 0 -300px;
}

nav .frame_nav.nav_mypage {
  padding             : 0 0 0 145px;
  background-position : 0 -360px;
}

nav .frame_nav li {
  float       : left;
  line-height : 60px;
}

nav .frame_nav li a {
  display : block;
  font-size:12px;
}

nav .frame_nav li.split {
  margin : 0 17px;
  color  : #ddd;
  font-size:12px;
}

nav .frame_nav li.selected a {
  color : #ed2026;
  font-size:12px;
}




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

.wrap {	width: 830px; height: 750px;  background:url(img/bg.jpg);  position: relative;}
.roulette {	width: 460px; position: relative;  }
    .roulette .sound { position: absolute; top: 25px; left: 30px; z-index:1;cursor:pointer; }
    .roulette .roul { position: absolute; top: 56px; left: 54px; }
	.roulette .circle { position: absolute; top: 32px; left: 30px;  }
    .roulette .roulette_1 { position: absolute; top: 7px; left: 202px; }
    .roulette .roulette_2 { position: absolute; top: 190px; left: 183px;  width: 106px; height: 101px; background:url(img/roulette_2.png); text-align: center; color: #fff;   padding-top: 19px;  text-shadow: 0px 2px 2px #1a1a1a;  font-size: 33px; font-weight: 800;}
	.roulette .roulette_3 { position: absolute; top: 50px; left: 353px;  width: 106px; height: 101px; background:url(img/roulette_2.png); text-align: center; color: #fff;   padding-top: 29px;  text-shadow: 0px 2px 2px #1a1a1a;  font-size: 16px; font-weight: 800;}
	.roulette .roulette_2 #regame_time { text-shadow: 0px 2px 2px #1a1a1a;  font-size: 33px; font-weight: 800;  }
    .roulette .roulette_2 span { font-size: 10px;  }


.list {	position: absolute; top: 25px; left: 462px; width: 122px; height: 468px;  border: 1px solid #013252; box-shadow: 0px 5px 10px #1a1a1a; overflow-x: hidden; overflow-y: scroll;}    
    .list ul span { background: #410101; width: 103px; padding: 5px 0 2px 0; display: block; text-align: center; color: #c73d3d;  font-size: 14px;  font-weight: 800; }


.logo {	position: absolute; top: 0px; left: 600px; }


.point { position: absolute; top:85px; left: 585px; width: 250px; height: 153px;  background:url(img/point_bg.png); color: #f4c440; font-size: 22px;   font-weight: 800;  line-height: 55px; text-align: right; padding: 25px 30px 0 0;}
    .point span { color: #c73d3d;  }

.btn1 { position: absolute; top:100px; left: 605px; width: 250px; cursor: pointer;}
.btn1 li { background:#000; width: 210px; float: left; margin-right: 10px; margin-bottom:10px;border-radius:10px; box-shadow: 0px 5px 10px #1a1a1a; padding: 15px 0;  border: 1px solid #013252;  color: #fff; font-size: 16px;   font-weight: 800; text-align: center;  }
.btn1 li img{ float:left; padding-left:10px;}

.btn3 { position: absolute; top:295px; left: 605px; width: 250px; cursor: pointer;}
    .btn3 li { background:#000; width: 100px; float: left; margin-right: 10px; border-radius:   10px; box-shadow: 0px 5px 10px #1a1a1a; padding: 15px 0;  border: 1px solid #013252;  color: #fff; font-size: 12px;   font-weight: 800; text-align: center;  }


.line { position: absolute; top:345px; left: 605px; width: 220px; border-bottom: 1px solid #013252; }

.btn2 { position: absolute; top:375px; left: 605px; width: 250px;cursor: pointer;}
    .btn2 li {float: left; margin-right: 10px; border-radius: 10px; box-shadow: 0px 0px 10px #1a1a1a; }

 
/*--경기분석--------*/
.analysis {  position: absolute; top:482px; left: 30px;  color: #fff; }
.analysis .title {  font-size: 24px;  margin-left: 25px; font-weight: 600;  }
.analysis .box { border-radius: 10px;  background: #000; width: 795px; height: 220px; margin-top: 10px; position: relative; }
.analysis .box .tit { border-radius: 10px; background: #f1bf3a; font-size: 16px;   font-weight: 800; color: #000; width: 110px; padding: 10px 20px; text-align: center; position: absolute; top: 20px; left: 25px;  }
.analysis .box ul { width: 200px; position: absolute; top: 80px; left: 45px;  }
.analysis .box ul li { color: #fff; font-size: 14px;   font-weight: 600; line-height: 27px;  }
.analysis .box ul li img {  vertical-align: middle;  }
.analysis .box .txt {position: absolute; top: 125px; left: 72px; color: #919191; font-size: 11px;   }

.analysis .box .table {  position: absolute; top: 20px; left: 240px; width:548px;  height:200px;  white-space: nowrap;  overflow: scroll;    }
.analysis .box dl {   font-size: 12px; text-align: center;  float: left; width: 50px; } 
.analysis .box dl dt { border: 1px solid #353535; padding: 8px 5px; height: 30px;  color:#006600;}
.analysis .box dl dt.joker { color:#996633; }
.analysis .box dl dt.superman { color:#006633; }
.analysis .box dl dt.batman { color:#339999; }
.analysis .box dl dt.wonder { color:#996666; }
.analysis .box dl dt.flash { color:#336666; }
.analysis .box dl dd { height: 50px; border: 1px solid #353535; padding: 6px 10px; color: #383838;  font-weight: 800;} 
.analysis .box dl dd span {  border-radius: 100px; background: #006600; color:#ffffff;text-align: center; width: 30px; height: 22px; display: block; padding-top: 10px;    }
.analysis .box dl dd span.yellow {  background: #996633; color:#ffffff;} 
.analysis .box dl dd span.green {  background: #006633; color:#ffffff;} 
.analysis .box dl dd span.sky {  background: #339999; color:#ffffff;} 
.analysis .box dl dd span.red {  background: #996666; color:#ffffff;} 
.analysis .box dl dd span.blue {  background: #336666; color:#ffffff;} 

.analysis .box .table .tablebox {   width:2550px; /* background:url(img/bg_cell.png); */ }