* {
  box-sizing : border-box;
  margin     : 0;
  padding    : 0;
}

html {
  overflow-y : scroll;
}

body {
  color       : #555;
  background  : #fff;
  font-family : gulim;
  font-size   : 12px;  
}

img {
  vertical-align : middle;
}

ul {
  list-style-type : none;
}

a {
  color           : #555;
  text-decoration : none;
}

a:hover {
  color : #0000ff;
}

button:focus,
input:focus,
select:focus,
textarea:focus {
  outline : none;
}

input[type=text] {
  -webkit-appearance : none;
}

button,
input[type=password],
input[type=text],
select,
textarea {
  color       : #555;
  font-family : gulim;
  font-size   : 12px;
}

input,
select {
  -webkit-appearance    : none;
  -webkit-border-radius : 0;
}

select::-ms-expand {
  display : none;
}

input,
select,
textarea {
  border : 1px solid #d1d1d1;
}

input:-ms-input-placeholder {
  color : #bbbbbb;
}

input::-ms-input-placeholder {
  color : #bbbbbb;
}

input::-webkit-input-placeholder {
  color : #bbbbbb;
}

input::-moz-placeholder {
  color : #bbbbbb;
}

textarea:-ms-input-placeholder {
  color : #bbbbbb;
}

textarea::-ms-input-placeholder {
  color : #bbbbbb;
}

textarea::-webkit-input-placeholder {
  color : #bbbbbb;
}

textarea::-moz-placeholder {
  color : #bbbbbb;
}


.ckeck-box {
  display        : inline-block;
  width          : 19px;
  height         : 19px;
  margin-right   : 4px;
  background     : url('/game/ladder/img/check_box.png');
  vertical-align : middle;
}

.ckeck-box:hover {
  background-position : -19px 0;
}

.ckeck-box.checked {
  background-position : -38px 0;
}

.pointer {
  cursor : pointer;
}

.symbol120 {
  width                 : 120px;
  height                : 120px;
  overflow              : hidden;
  border                : 1px solid rgba(0, 0, 0, 0.1);
  -moz-border-radius    : 120px;
  -webkit-border-radius : 120px;
  border-radius         : 120px;
}

.symbol80 {
  width                 : 80px;
  height                : 80px;
  overflow              : hidden;
  border                : 1px solid rgba(0, 0, 0, 0.1);
  -moz-border-radius    : 80px;
  -webkit-border-radius : 80px;
  border-radius         : 80px;
}

.symbol55 {
  width                 : 55px;
  height                : 55px;
  overflow              : hidden;
  border                : 1px solid rgba(0, 0, 0, 0.1);
  -moz-border-radius    : 55px;
  -webkit-border-radius : 55px;
  border-radius         : 55px;
}

.symbol37 {
  width                 : 37px;
  height                : 37px;
  overflow              : hidden;
  border                : 1px solid rgba(0, 0, 0, 0.1);
  -moz-border-radius    : 37px;
  -webkit-border-radius : 37px;
  border-radius         : 37px;
}

.table {
  display : table;
}

.table_cell {
  display : table-cell;
}

.pointer {
  cursor : pointer;
}

.middle {
  vertical-align : middle;
}

strong.nick:hover {
  color : #ed2026;
}

span.intro_null {
  color : #aaa;
}

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;
}

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

nav .frame_nav li.selected a {
  color : #ed2026;
}
.container_poup820 {
  width   : 820px;
  padding : 0px;
}
.container_poup830 {
  width   : 860px;
  padding : 20px;
}

.container_poup800 {
  width   : 830px;
  padding : 20px;
}

.container_poup600 {
  width   : 600px;
  padding : 0px;
}

.container_poup700 {
  width   : 700px;
  padding : 0px;
}

.container_poup550 {
  width   : 550px;
  padding : 0px;
}

.y_user {}

.y_user .y_level {
  margin-right   : 5px;
  vertical-align : middle;
}

.y_user .y_nickname {
  color       : #333;
  font-weight : bold;
}

.out_nick {
  margin-left : 15px;
}

.summary_btn_area .btn{
	position:absolute;
	top:85px;
	width:34px;
	height:34px;
	z-index: 1000;
	background:url(/game/ladder/img/sp_btn.png) no-repeat 0 -9999px;
	text-indent:-9999px;
	overflow:hidden
}
.summary_btn_area .btn_tip{
	right:160px;background-position:0 0
}
.summary_btn_area .btn_share{
	left:185px;background-position:-40px 0
}
.summary_btn_area .btn_effect_sound{
	right:72px;background-position:-200px 0
}
.summary_btn_area .btn_effect_sound.on{
	background-position:-120px 0
}
.summary_btn_area .btn_stats{
	left:72px
}
.summary_btn_area .btn_stats:before{
	background-position:0 -50px
}
.summary_btn_area .btn_pattern{
	left:156px
}
.summary_btn_area .btn_pattern:before{
	background-position:-30px -50px
}


.layer_option{
	display:none;position:absolute;top:0;left:0;right:0;background-color:#342b24;z-index:101;box-shadow:0 5px 15px rgba(0,0,0,.3)
}
.layer_option .inner{
	margin:0 auto;width:790px
}
.layer_option .inner:after{
	display:block;content:'';clear:both
}
.layer_option .hd{
	height:71px
}
.layer_option .hd .tit{
	float:left;line-height:71px;font-size:12px;color:#fff
}
.layer_option .bd{
	background-color:#000;color:#837765
}
.layer_option .bd .inner{
	padding:20px 0 30px
}
.layer_option .lbtn_close{
	float:right;margin-right:-20px;width:71px;height:71px;text-indent:-9999px;overflow:hidden
}
.layer_option .lbtn_close:before{
	float:left;margin:20px;content:'';width:31px;height:31px;background:url(/game/ladder/img/ic_close.png) no-repeat
}
.layer_option .ft .inner{
	padding:25px 0
}
.layer_option .ft p{
	height:21px;line-height:21px;color:#837765
}

.layer_share .left{
	float:left;width:380px
}
.layer_share .right{
	float:right;width:380px
}
.layer_share .center{
	padding-top:20px;clear:both
}
.layer_share dt{
	height:31px;line-height:31px;color:#837765;text-align:left
}
.layer_share .size_box{
	width:100%;height:50px;border:none;text-align:center;font-size:18px;background-color:#342b24;color:#eace63
}
.layer_share .source_box{
	padding:20px;width:100%;height:83px;line-height:20px;border:none;font-size:16px;background-color:#342b24;color:#eace63;outline:none;box-sizing:border-box
}

.layer_pattern{
	top:0;left:0;right:0;background:url(../img/bg_sell.png) repeat-x;z-index:101;box-shadow:0 5px 15px rgba(0,0,0,.3)
}
.layer_pattern .inner{
	position:relative;margin:0 auto;
}
.layer_pattern .inner:after{
	display:block;content:'';clear:both
}
.layer_pattern .btn_close{
	position:absolute;top:0;right:-20px;width:71px;height:71px;text-indent:-9999px;overflow:hidden
}
.layer_pattern .btn_close:before{
	float:left;margin:20px;content:'';width:31px;height:31px;background:url(../img/ic_close.png) no-repeat
}
.layer_pattern .hd .tit{
	float:left;margin-right:15px;line-height:71px;font-size:12px;color:#fff
}
.layer_pattern .hd .menu{
	float:left
}
.layer_pattern .hd .menu li{
	float:left
}
.layer_pattern .hd .menu a{
	float:left;padding:0 15px;height:71px;line-height:71px;color:#837765
}
.layer_pattern .hd .menu a.selected{
	font-weight:700;color:#eace63;letter-spacing:-1px
}
.layer_pattern .bd{
}
.layer_pattern .bd .inner:after{
	position:absolute;content:'';bottom:0;right:0;width:10px;height:10px;background-color:#000
}
.layer_pattern .option{
	position:absolute;top:-51px;height:51px
}
.layer_pattern .option:after{
	display:block;content:'';clear:both
}
.layer_pattern .option li{
	float:left
}
.layer_pattern .option a{
	float:left;padding:0 15px;height:51px;line-height:51px;color:#837765
}
.layer_pattern .option a.selected{
	font-weight:700;color:#eace63;letter-spacing:-1px
}
.layer_pattern .option li:first-child a{
	padding-left:0
}
.layer_pattern .data_area{
	position:relative;max-height:480px;overflow-y:auto;overflow-x:scroll
}
.layer_pattern .data_area:before{
	position:absolute;content:'';left:0;right:0;height:85px
}

.layer_pattern .pattern_data{
	padding-bottom:10px;font-size:0
}
.layer_pattern .pattern_data dl{
	display:inline-block;margin-left:-1px;vertical-align:top
}
.layer_pattern .pattern_data dl span{
	position:relative;display:block;width:29px;text-align:center;font-family:Tahoma,sans-serif;font-size:10px;z-index:1
}
.layer_pattern .pattern_data dl:first-child{
	margin-left:0
}
.layer_pattern .pattern_data dt{
	margin-bottom:5px
}
.layer_pattern .pattern_data dt .tx{
	height:31px;line-height:31px;font-family:굴림,Gulim,Helvetica,sans-serif;font-size:12px;
}
.layer_pattern .pattern_data dt .tx.SELL,.layer_pattern .pattern_data dt .tx.ODD,.layer_pattern .pattern_data dt .tx.UNDER{
	color:#3498db
}
.layer_pattern .pattern_data dt .tx.BUY,.layer_pattern .pattern_data dt .tx.EVEN,.layer_pattern .pattern_data dt .tx.OVER{
	color:#e74c3c
}
.layer_pattern .pattern_data dt .length{
	height:27px;line-height:27px;background-color:#342b24
}
.layer_pattern .pattern_data dt .times{
	height:27px;line-height:27px;
}
.layer_pattern .pattern_data dd{
	margin-top:1px
}
.layer_pattern .pattern_data dd span{
	width:27px;height:27px;line-height:27px;border-radius:100%;color:#fff
}
.layer_pattern .pattern_data dd .SELL,.layer_pattern .pattern_data dd .ODD,.layer_pattern .pattern_data dd .UNDER{
	background-color:#3498db
}
.layer_pattern .pattern_data dd .BUY,.layer_pattern .pattern_data dd .EVEN,.layer_pattern .pattern_data dd .OVER{
	background-color:#e74c3c
}

#danalysis > div { position:relative; overflow-y:auto; }

/* resultA */
#danalysis > .dcontent { width:900px; overflow-y:hidden; overflow-x:scroll; border:solid 1px #a3a4a8; }
#danalysis > .dcontent-head { width:900px; border:solid 1px #a3a4a8; line-height:38px; background-color:#ececee; border:solid 1px #d8d8d8; border-bottom:none; font-weight:bold; font-size:12px; margin-top:10px; text-indent:10px; }
#danalysis > .dcontent > .resultA { position:relative; width:900px; overflow:auto; }
#danalysis > .dcontent > .resultA > table { border-collapse:collapse; border-bottom:solid 1px #cacaca; margin-bottom:10px; float:left; }
#danalysis > .dcontent > .resultA > table > thead > tr > th { background-color:#efefef; font-family:Dotum; font-size:11px; font-weight:normal; width:33px; height:33px; vertical-align:middle; border-right:solid 1px #dedede; }
#danalysis > .dcontent > .resultA > table > thead > tr > th.last { border-right:none; }
#danalysis > .dcontent > .resultA > table > thead > tr > th.blue { color:#106de0; }
#danalysis > .dcontent > .resultA > table > thead > tr > th.red { color:#e01010; }
#danalysis > .dcontent > .resultA > table > tbody > tr > td { width:33px; height:33px; background-color:#fcfcfc; border-right:solid 1px #efefef; border-bottom:solid 1px #efefef; text-align:center; vertical-align:middle; }
#danalysis > .dcontent > .resultA > table > tbody > tr > td.blue { background-image:url(/game/ladder/img/bg_blue.png); background-repeat:no-repeat; background-position:center center; color:#ffffff; font-family:Tahoma; font-size:11px; }
#danalysis > .dcontent > .resultA > table > tbody > tr > td.red { background-image:url(/game/ladder/img/bg_red.png); background-repeat:no-repeat; background-position:center center; color:#ffffff; font-family:Tahoma; font-size:11px; }
#danalysis > .footer > .blank { width:900px; height:10px; border:none; background-color:#ffffff; border-right:solid 1px #ababab; border-left:solid 1px #ababab; }
#danalysis > .footer > .tab { width:900px; border-right:solid 1px #a3a4a8; border-bottom:solid 1px #a3a4a8; padding-bottom:0px; overflow-y:auto; background-color:#e8e8e8; border-left:solid 1px #ababab; clear:both; margin-bottom:10px; }
#danalysis > .footer > .tab > div { width:110px; float:left; font-size:12px; color:#666666; text-align:center; line-height:18px; padding:4px 0px; cursor:pointer; }
#danalysis > .footer > .tab > div > span { width:100%; display:block; border-right:solid 1px #ababab; }
#danalysis > .footer > .tab > .line { width:900px; background-color:#ababab; height:1px; padding:0px; border:none; z-index:1; }
#danalysis > .footer > .tab > .active { color:#3960a6; border-bottom:solid 2px #3960a6; border-left:solid 1px #ababab;border-right:solid 1px #ababab; background-color:#ffffff; margin-top:-1px; z-index:2; }
#danalysis > .footer > .tab > .active > span { border:none; }
#danalysis > .footer > .tab > .first { border-left:none; }