@charset "utf-8";
/* 화면전환 FADEIN 효과*/
body {animation:umfadein .7s ease-out none;-webkit-animation:umfadein .7s ease-out none}

@keyframes umfadein {
	from {opacity:0; filter:alpha(opacity=0)}
	to {opacity:1; filter:alpha(opacity=100)}
}
@-webkit-keyframes umfadein {
	from {opacity:0; filter:alpha(opacity=0)}
	to {opacity:1; filter:alpha(opacity=100)}
}

.blind {display:none}

#sutda {position:relative; width:900px; height:967px; background:#27211c; background:url('../img/game_bg.jpg') no-repeat; overflow:hidden}

.top_area {position:relative; width:900px; height:619px; overflow:hidden}
	.sound {position:absolute; right:27px; top:27px; width:45px; height:45px; background:url('../img/sound_on.png') no-repeat; cursor:pointer}
	.sound > img {opacity:0}
	.sound.off {background:none}
	.sound.off > img {opacity:1}

	.info {position:absolute; left:0; top:210px; width:900px; text-align:center}
	.info > h1 {margin-bottom:10px; font-size:14px; color:#ffd9b3; text-shadow:1px 1px 2px black}
	.info > h1 > span {color:#fff32b}
	.info > h2 {width:179px; height:52px; margin:0 auto; background:url('../img/info_btn.png') no-repeat center; cursor:pointer; transition:.3s}
	.info > h2:hover {opacity:0.75}

	.game {position:absolute; left:0; top:327px; width:900px; height:280px; overflow:hidden}
	.game .game_area {position:relative; width:900px; height:280px}
	.game .game_area .timer {position:absolute; left:0; top:20px; width:900px; text-align:center; font-family:"Nanum Myeongjo"; font-weight:800; font-size:16px; color:#f8ffc4}
	.game .game_area .timer > span {font-family:"Nanum Myeongjo"; font-weight:800; font-size:16px; color:#ffda47}
	.game .game_area .round {position:absolute; left:-2px; top:50px; width:900px; text-align:center; font-family:"Nanum Myeongjo"; font-weight:800; font-size:32px; color:#FFF; text-shadow:1px 1px 2px black}
	.game .game_area .center {position:absolute; left:412px; top:100px} /* top 92px → 100px 변경됨 */
	.game .game_area .card {position:absolute; top:66px; width:220px} /* top 75px → 66px 변경됨 */
	.game .game_area .blue {left:130px}
	.game .game_area .red {left:550px}
	.game .game_area .card > dl {position:relative}
	.game .game_area .card > dl > dt {position:relative; float:left; width:108px; height:164px; margin-left:4px}
	.game .game_area .card > dl > dt:first-child {margin-left:0}
	.game .game_area .card > dl > dt > var {position:absolute; left:0; top:0; width:108px; height:164px; background:url('../img/card_back.png') no-repeat}
	.game .game_area .card > dl > dd {position:absolute; left:-17px; top:-18px; width:251px; height:197px; line-height:197px; text-align:center; font-size:36px; font-weight:500; color:#ffea3c; text-shadow:0 0 3px #353910, 0 0 3px #353910, 0 0 3px #353910, 0 0 3px #353910, 0 0 3px #353910, 0 0 3px #353910, 0 0 3px #353910, 0 0 3px #353910, 0 0 3px #353910, 0 0 3px #353910, 0 0 3px #353910}
	.game .game_area .card > dl > dd > span {font-weight:500; color:#FFF}
	.game .game_area .card.lose > dl > dd {position:absolute; background:url('../img/lose.png') no-repeat}
	.game .game_area .card.draw > dl > dd {position:absolute; background:url('../img/lose.png') no-repeat} /* 무승부가 추가됨 */
	.game .game_area .card.win > dl > dd {position:absolute; background:url('../img/win.png') no-repeat}

	.hand_rank {display:none; position:absolute; left:30px; top:10px; width:840px; height:619px; background:url('../img/rank_bg.jpg')}
	.hand_rank > .title {position:relative; width:840px; height:82px}
	.hand_rank > .title > .close_btn {position:absolute; right:20px; top:24px; cursor:pointer; transition:.3s}
	.hand_rank > .title > .close_btn:hover {opacity:0.75}
	.hand_rank > dl {width:838px; margin:0 1px; overflow:hidden}
	.hand_rank > dl > dt {float:left; width:138px; height:133px; text-align:center; border-top:1px solid #575757; border-left:1px solid #575757}
	.hand_rank > dl > dt.left {width:141px; border-left:none}
	.hand_rank > dl > dt > h1 {height:34px; line-height:34px; font-size:14px; color:#FFF; background:#56391b; border-bottom:1px solid #575757}
	.hand_rank > dl > dt > h2 {height:98px; line-height:98px; background:#000}
	.hand_rank > dl > dt > h2 > img {width:49px}
	.hand_rank > dl > dt > h2 > img:first-child {margin-right:7px}
	.hand_rank > dl > dd {float:left; width:696px; height:133px; text-align:center; background:#1c1c1c; border-top:1px solid #575757; border-left:1px solid #575757}
	.hand_rank > dl > dd > ul {padding:22px 35px}
	.hand_rank > dl > dd > ul > li {margin-bottom:3px}
	.hand_rank > dl > dd > ul > li > span {margin-right:10px; font-weight:400; font-size:13px; color:#FFF}
	.hand_rank > dl > dd > ul > li > code {font-weight:400; font-size:13px; color:#8c8c8c}

#history {width:900px; height:348px; overflow:hidden}
	#history > div {width:900px; height:348px; background:#1c1c1c; overflow-x:scroll}
	.history {width:38705px; overflow:hidden}
	.history > dl {float:left; width:128px; height:331px; text-align:center; border-left:1px solid #575757}
	.history > dl:last-child {border-right:1px solid #575757}
	.history > dl > dt {height:34px; line-height:34px; font-weight:400; background:#000; border-bottom:1px solid #575757}
	.history > dl > dt.num {font-size:16px; color:#cbcbcb}
	.history > dl > dt.vs {font-size:13px; color:#FFF}
	.history > dl > dt.win {font-size:15px; background:#2d2d2d}
	.history > dl > dt.win.red {color:#fe5353}
	.history > dl > dt.win.red::after {color:#fe5353}
	.history > dl > dt.win.blue {color:#536ffe}
	.history > dl > dt.win.blue::after {color:#536ffe}
	.history > dl > dt.win.draw {color:#888}
	.history > dl > dt.win.draw::after {color:#888}
	.history > dl > dt.sum {font-size:13px; color:#dfce9c}
	.history > dl > dd {padding:10px 0; border-bottom:1px solid #575757}
	.history > dl > dd.blue {background:#192c5c}
	.history > dl > dd.red {background:#5c1919}
	.history > dl > dd > img {width:49px; margin:0 3px}


.summary_btn_area .btn{
	position:absolute;top:25px;width:34px;height:34px;background:url(/game/tajja_game/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:20px;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/tajja_game/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_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.gray { color:#27ae60; }
#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.gray { background-image:url(/game/ladder/img/bg_gray.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; }