@charset "utf-8";

@import url('basic.css'); /* 기본설정 */
.disable_content{pointer-events: none; opacity: 0.4;}
/* disable_window */
#disable_window { position:fixed; top:0; left:0; width:100%; height:100%; min-height:100%; background:rgba(0,0,0,0.8); z-index:9999;display:none;}

.badge {margin-left:-10px;display: inline-block;min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #999; border-radius: 10px;}

.wrap { position:relative; margin:0 auto; width:1400px; min-width:1400px; *zoom:1; }
.wrap:after { content:""; display:block; clear:both; }




/* game */
#game ul.chatting { overflow-y:auto; height:219px; margin-top:20px; padding:18px 20px; background-color:#111; }
#game ul.chatting li { margin-top:3px; font-size:14px; color:#ccc; line-height:20px; }
#game ul.chatting li:first-child { margin-top:0; }
#game ul.chatting li span.usr { color:#1abc9c; }
#game ul.chatting li img { margin:0 10px; vertical-align:top; }
#game div.account input { width:565px; height:37px; padding-left:15px; font-size:14px; color:#ccc; border-radius:5px; border:1px solid #444; background-color:#111; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#game div.account input.width { width:100%; }
#game div.account { position:relative; margin-top:10px; }
#game div.account input { width:565px; height:37px; padding-left:15px; font-size:14px; color:#ccc; border-radius:5px; border:1px solid #444; background-color:#111; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#game div.account input.width { width:100%; }
#game div.account a { position:absolute; top:0; right:0; display:block; width:105px; font-size:14px; font-weight:600; color:#fff; line-height:37px; text-align:center; border-radius:5px; background-color:#139bd0; }

#game { width:920px; margin:30px auto; padding:29px; border:1px solid #444; box-shadow:8px 8px 8px rgba(0,0,0,0.3); background-color:#111; margin-left:10px;}
#game div.wrap { overflow:hidden; width:860px; min-width:860px; }
#game div.mine { text-align:center; }
#game div.game { float:left; font-size:0; line-height:0; border: 1px solid #444;box-shadow: 8px 8px 8px rgba(0,0,0,0.3);}
#game div.batting { float:right; width:220px; }
#game div.batting2 { float:right; width:420px; margin-top:20px; }
#game div.batting3 { float:right; width:220px; margin-top:10px; }
#game div.state { float:left; width:420px; margin-top:20px; }
#game div.title { margin:-5px 0 5px 0; font-size:14px; font-weight:600; color:#fff; line-height:23px; }
#game div.title span { font-weight:400; color:#f58220; }
#game div.title2 { margin:-5px 0 5px 0; font-size:14px; font-weight:400; color:#fff; line-height:23px; text-align:center; }
#game div.title2 span { font-weight:600; color:#f58220; }
#game ul.batting { overflow:hidden; }
#game ul.batting li { float:left; margin:4px 0 0 4px; }
#game ul.batting li:first-child { margin:0; }
#game ul.batting li.input { width:100%; }
#game ul.batting li.first { margin:4px 0 0 0; }
#game ul.batting li.login { width:100%; margin:4px 0 0 0; font-size:13px; color:#ffb400; line-height:32px; text-align:center; border-radius:5px; background-color:#444; }
#game ul.batting li.name { width:100%; margin:4px 0 0 0; font-size:13px; color:#fff; line-height:32px; text-align:center; border-radius:5px; background-color:#444; }
#game ul.batting li input { width:100%; height:34px; padding-left:10px; font-size:13px; color:#ccc; vertical-align:top; border-radius:5px; border:1px solid #444; background-color:#020204; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#game ul.batting li a { display:block; width:100%; font-size:13px; color:#fff; line-height:32px; text-align:center; border-radius:5px; }
#game ul.batting li a.orange { width:70px; background-color:#f58220; }
#game ul.batting li a.orange2 { width:71px; background-color:#f58220; }
#game ul.batting li a.orange3 { width:108px; background-color:#f58220; }
#game ul.batting li a.orange4 { width:81px; background-color:#f58220; }
#game ul.batting li a.orange5 { width:80px; background-color:#f58220; }
#game ul.batting li a.red_s { width:70px; background-color:#e82033; }
#game ul.batting li a.red { width:108px; background-color:#e82033; }
#game ul.batting li a.red2 { width:137px; background-color:#e82033; }
#game ul.batting li a.red3 { width:208px; background-color:#e82033; }
#game ul.batting li a.blue_s { width:70px; background-color:#139bd0; }
#game ul.batting li a.blue { width:108px; background-color:#139bd0; }
#game ul.batting li a.blue2 { width:138px; background-color:#139bd0; }
#game ul.batting li a.blue3 { width:208px; background-color:#139bd0; }
#game ul.batting li a.blue4 { width:137px; background-color:#139bd0; }
#game ul.batting li a.green_s { width:70px; background-color:#61b321; }
#game ul.batting li a.green { width:108px; background-color:#61b321; }
#game ul.batting li a.green2 { width:137px; background-color:#61b321; }
#game ul.batting li a.green3 { width:70px; background-color:#61b321; }
#game ul.batting li a.green4 { width:71px; background-color:#61b321; }
#game ul.batting li a.mint { width:108px; background-color:#1abc9c; }
#game ul.batting li a.gray { width:220px; background-color:#444; }
#game ul.batting li a.login { width:420px; font-size:18px; line-height:57px; background-color:#139bd0; }
#game div.present { margin-top:4px; padding:10px; border-radius:5px; border:1px solid #444; background-color:#020204; }
#game div.present div.tit { margin:-10px -10px 10px -10px; font-size:14px; color:#fff; line-height:32px; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom:1px solid #444; background-color:#111; }
#game div.present div.tit img { margin:8px 8px 8px 10px; vertical-align:top; }
#game .joker1 { width:36px; height:54px; border-radius:5px}
#game div.present2 { height:120px; margin-top:4px; padding:10px; border-radius:5px; border:1px solid #444; background-color:#020204; }
#game div.scroll { overflow-y:scroll; height:312px; margin-top:10px; }
#game ul.tap { overflow:hidden; margin-top:20px; border-bottom:1px solid #333; }
#game ul.tap li { float:left; width:108px; margin-left:2px; font-size:0; line-height:0; text-align:center; }
#game ul.tap li:first-child { margin-left:0; }
#game ul.tap li a { display:block; font-size:14px; color:#888; line-height:33px; border-top:1px solid #333; border-left:1px solid #333; border-right:1px solid #333; background-color:#333; }
#game ul.tap li a.on, #game ul.tap li a:hover { font-weight:600; color:#139bd0; background-color:#222; }
#game ul.compare { overflow:hidden; width:100%; margin-top:5px; border-radius:5px; border:1px solid #444; background-color:#020204; }
#game ul.compare li { float:left; }
#game ul.compare li.graph1 { width:149px; text-align:right; }
#game ul.compare li.graph1 span { display:inline-block; width:0%; height:16px; margin-top:8px; border-top-left-radius:10px; border-bottom-left-radius:10px; background-color:#e82033; }
#game ul.compare li.graph2 { width:149px; text-align:left; }
#game ul.compare li.graph2 span { display:inline-block; width:0%; height:16px; margin-top:8px; border-top-right-radius:10px; border-bottom-right-radius:10px; background-color:#1abc9c; }
#game ul.compare li.number1 { width:45px; font-size:13px; font-weight:600; color:#e82033; line-height:32px; text-align:center; border-top-left-radius:5px; border-bottom-left-radius:5px; border-left:1px solid #444; border-right:1px solid #111; background-color:#111; }
#game ul.compare li.number2 { width:45px; font-size:13px; font-weight:600; color:#1abc9c; line-height:32px; text-align:center; border-top-right-radius:5px; border-bottom-right-radius:5px; border-left:1px solid #111; border-right:1px solid #444; background-color:#111; }
#game ul.compare li.vs { width:26px; padding:3px 0; font-size:0; line-height:0; background-color:#111; }
#game p.ex { font-size:12px; font-weight:300; color:#ccc; line-height:31px; text-align:center; }
#game ul.batting li a.under {background-color: #d9534f;}
#game ul.batting li a.over {background-color: #139bd0;}
#div_btn_betting li a.login { width: 208px !important; }

#game ul.top { overflow:hidden; margin-top:-5px; }
#game ul.top li { float:left; font-size:14px; color:#ccc; line-height:23px; }
#game ul.top li.hash { margin-left:30px; }
#game ul.top li.hash strong { margin-right:10px; }
#game ul.top li.value { float:right; }
#game ul.top li.value strong { margin:0; }
#game ul.top li strong { margin-right:10px; font-weight:600; color:#fff; vertical-align:top; }
#game div.remain { overflow:hidden; margin-top:10px; }
#game div.remain div.time { float:left; position:relative; width:630px; height:30px; background-color:#000; }
#game div.remain div.time div.graph { position:absolute; top:0; left:0; width:0%; height:30px; background-color:#db0d18; z-index:111; }
#game div.remain div.time div.number { position:absolute; top:0; left:0; width:100%; height:30px; font-size:13px; color:#fff; line-height:30px; text-align:center; z-index:222; }

#game div.remain div.sound { float:left; width:130px; text-align:center; }
#game div.remain div.sound a { display:block; font-size:13px; color:#ccc; line-height:30px; }
#game div.remain div.sound a:hover { font-weight:600; color:#fff; }
#game div.remain div.sound img { margin:5px 5px 5px 0; vertical-align:top; }
#game div.remain div.history { float:right; width:100px; text-align:center; }
#game div.remain div.history a { display:block; font-size:13px; color:#fff; line-height:30px; background-color:#139bd0; }
#game div.remain div.history img { margin:7px 7px 7px 0; vertical-align:top; }
#game div.hilo { float:left; width:630px; margin-top:10px; }
#game ul.present { overflow:hidden; padding:6px 0 6px 3px; border:1px solid #555; background-color:#222; }
#game ul.present li { float:left; position:relative; width:35px; height:53px; margin-left:6px; text-align:center; border-radius:3px; background-color:#fff; }
#game ul.present li:first-child div.icon { display:none; }
#game ul.present li div.icon { position:absolute; top:17px; left:-13px; font-size:0; line-height:0; z-index:333;}
#game ul.present li div.icon1 { position:absolute; top:17px; left:26px; font-size:0; line-height:0; z-index:333;}
#game ul.present li div.flower { margin-top:7px; font-size:0; line-height:0; }
#game ul.present li div.number { font-size:25px; font-weight:600; color:#111; line-height:28px; }
#game ul.present li div.number span { color:#db0d18; }
#game ul.hilo { overflow:hidden; margin-top:4px; height: 306px;}
#game ul.hilo li { float:left; width:206px; height:300px; }
#game ul.hilo li.poker { position:relative; margin:6px 0 0 6px; border-radius:5px; background-color:#fff; }
#game ul.hilo li.poker div.number1 { position:absolute; top:10px; left:20px; font-size:60px; font-weight:800; color:#222; line-height:60px;background-color:#fff; }
#game ul.hilo li.poker div.number2 { position:absolute; bottom:15px; right:20px; font-size:60px; font-weight:800; color:#222; line-height:60px; background-color:#fff;}
#game ul.hilo li.poker div.number1 span{color: #db0d18;}
#game ul.hilo li.poker div.number2 span{color: #db0d18;}
#game .border-red {border: solid 1px #db0d18 !important;opacity: 1;}
#game .border-green {border: solid 1px #0ddb18 !important;opacity: 1;}
#game ul.hilo li.poker div.flower { margin-top:115px; text-align:center; }
#game ul.hilo li.value { width:212px; }
#game ul.hilo li.value ul { overflow:hidden; }
#game ul.hilo li.value ul li { float:left; width:98px; height:auto; margin:6px 0 0 6px; text-align:center; border-radius:5px; border:1px solid #555; background-color:#222; }
#game ul.hilo li.value ul li.joker { width:204px; }
#game .joker2 { width:206px; height:300px; }
#game ul.hilo li.value ul li a { display:block; padding:26px 0; font-size:16px; color:#fff; line-height:21px; }
#game ul.hilo li.value ul li span { display:block; }
#game ul.hilo li.value ul li span.red { color:#db0d18; }
#game ul.hilo li.value ul li span.green { color:#61b321; }
#game ul.hilo li.value ul li span.blue { color:#139bd0; }
#game ul.hilo li div.hi { margin-top:6px; text-align:center; border-radius:5px; border:1px solid #ceb56d; background:url('../image/hi_bg.png') no-repeat center center #594e2f; }
#game ul.hilo li div.hi a { display:block; overflow:hidden; height:145px; font-size:16px; color:#fff; line-height:21px; }
#game ul.hilo li div.hi strong { display:block; margin-top:40px; font-size:24px; line-height:31px; }
#game ul.hilo li div.lo { margin-top:6px; text-align:center; border-radius:5px; border:1px solid #5a5a65; background:url('../image/lo_bg.png') no-repeat center center #25242e; }
#game ul.hilo li div.lo a { display:block; overflow:hidden; height:145px; font-size:16px; color:#fff; line-height:21px; }
#game ul.hilo li div.lo strong { display:block; margin-top:28px; font-size:24px; line-height:31px; }
#game ul.betting { overflow:hidden; margin-top:10px; padding:9px 0 19px 9px; border-radius:5px; border:1px solid #555; background-color:#222; }
#game ul.betting li { float:left; width:110px; margin:10px 0 0 10px; text-align:center; }
#game ul.betting li.point { width:230px; }
#game ul.betting li.input { width:230px; }
#game ul.betting li span { display:inline-block; width:50px; font-size:15px; color:#fff; line-height:37px; text-align:left; vertical-align:top; }
#game ul.betting li input { display:inline-block; width:180px; height:37px; padding-left:10px; font-size:14px; color:#fff; vertical-align:top; border-radius:5px; border:1px solid #555; background-color:#111; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#game ul.betting li a { display:block; font-size:14px; color:#fff; line-height:37px; border-radius:5px; background-color:#f58220; }
#game ul.betting li a.on { background-color:#139bd0; }



/* footer */
#footer { width:100%; min-width:1400px; padding:30px 0; text-align:center; background-color:#111; }
#footer div.flogo { font-size:0; line-height:0; }
#footer address { margin-top:15px; font-size:15px; font-weight:300; font-style:normal; color:#999; line-height:21px; }
#footer address span { display:inline-block; margin-left:10px; padding:0 4px; color:#fff; vertical-align:top; border-radius:4px; background-color:#d00000; }

table.state { width:100%; }
table.state td { font-size:13px; color:#bbb; line-height:36px; text-align:center; border-top:1px solid rgba(255,255,255,0.1); }
table.state td.left { padding-left:10px; text-align:left; }
table.state td.right { padding-right:10px; text-align:right; }
table.state tr:first-child td { border-top:none; }

table.present { width:100%; }
table.present th { padding-bottom:5px; font-size:12px; color:#ccc; line-height:19px; text-align:center; border-bottom:1px solid #444; }
table.present td { font-size:12px; color:#ccc; line-height:17px; text-align:center; }

table.history { width:100%; }
table.history th { font-size:14px; font-weight:400; color:#fff; line-height:40px; text-align:center; background-color:#111; }
table.history td { padding:5px 0; font-size:14px; font-weight:400; color:#ccc; line-height:23px; text-align:center; border-bottom:1px solid #444; }
table.history td.copy { padding-left:5px; text-align:left; }
table.history td.copy img { margin:3px 8px 0 0; vertical-align:top; }
table.history td.copy a { color:#ccc; line-height:23px; vertical-align:top; }
table.history td span.red { color:#e82033; }
table.history td span.blue { color:#1abc9c; }
table.history tr.blue td { color:#1abc9c; }
table.history tr.navy td { color:#FF9500; }

table.history2 { width:100%; }
table.history2 th { font-size:13px; font-weight:400; color:#fff; line-height:32px; text-align:center; background-color:#000; }
table.history2 td { padding:5px 0; font-size:12px; font-weight:400; color:#ccc; line-height:17px; text-align:center; border-bottom:1px solid #444; }
table.history2 td.copy { padding-left:5px; text-align:left; }
table.history2 td.copy img { margin:0 8px 0 0; vertical-align:top; }
table.history2 td.copy a { color:#ccc; line-height:17px; vertical-align:top; }
table.history2 td span.red { color:#e82033; }
table.history2 td span.blue { color:#1abc9c; }

table.calendar { width:100%; border-top:1px solid #444; border-right:1px solid #444; background-color:#111; }
table.calendar th { font-size:16px; font-weight:400; color:#fff; line-height:35px; text-align:center; border-left:1px solid #444; border-bottom:1px solid #444; background-color:#000; }
table.calendar td { border-left:1px solid #444; border-bottom:1px solid #444; }
table.calendar td a { display:block; height:70px; padding:5px 10px; font-size:16px; font-weight:300; color:#fff; line-height:25px; }
table.calendar td a:hover { background:url('../image/stamp.png') no-repeat center center; }

table.borad-list { width:100%; margin-top:20px; }
table.borad-list th { font-size:14px; font-weight:400; color:#fff; line-height:43px; text-align:center; background-color:#111; }
table.borad-list th span { position:relative; width:10px; margin-left:10px; vertical-align:top; }
table.borad-list th span a.top { position:absolute; top:4px; left:0; overflow:hidden; display:block; width:10px; height:5px; font-size:0; line-height:0; }
table.borad-list th span a.top:hover img { margin-top:-5px; }
table.borad-list th span a.bottom { position:absolute; bottom:4px; left:0; overflow:hidden; display:block; width:10px; height:5px; font-size:0; line-height:0; }
table.borad-list th span a.bottom:hover img { margin-top:-5px; }
table.borad-list th input { width:15px; height:15px; margin:14px 0 0 0; padding:0; vertical-align:top; border:none; }
table.borad-list td { padding:10px 0; font-size:14px; font-weight:400; color:#ccc; line-height:23px; text-align:center; border-bottom:1px solid #444; }
table.borad-list td.subject { padding-left:30px; text-align:left; }
table.borad-list td.answer { position:relative; padding:15px 0 15px 55px; text-align:left; }
table.borad-list td.answer div.icon { position:absolute; top:18px; left:30px; font-size:0; line-height:0; }
table.borad-list td a { display:block; color:#ccc; line-height:23px; vertical-align:top;}
table.borad-list td a:hover { color:#fff;}
table.borad-list td input { width:15px; height:15px; margin:4px 0 0 0; padding:0; vertical-align:top; border:none; }
table.borad-list tr.answer td { background-color:rgba(255,255,255,0.1); }
table.borad-list td .btn { display:block; color:#ccc; line-height:23px; vertical-align:top; border-radius: 5px;border: 1px solid #444;}
table.borad-list td .btn:hover { color:#139bd0; cursor: pointer;}

table.borad-write { width:100%; margin-top:40px; border-top:1px solid #444; }
table.borad-write th { padding:10px 0 10px 30px; font-size:14px; font-weight:400; color:#fff; line-height:33px; text-align:left; vertical-align:top; border-bottom:1px solid #444; background-color:#111; }
table.borad-write td { padding:10px 0 10px 30px; font-size:14px; font-weight:400; color:#ccc; line-height:33px; text-align:left; border-bottom:1px solid #444; }
table.borad-write th input { width:97%; height:33px; padding-left:10px; font-size:14px; color:#ccc; vertical-align:top; border:1px solid #444; background-color:#111; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
table.borad-write td input { width:97%; height:33px; padding-left:10px; font-size:14px; color:#ccc; vertical-align:top; border:1px solid #444; background-color:#111; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
table.borad-write td textarea { width:97%; height:200px; padding:10px; font-size:14px; color:#ccc; vertical-align:top; border:1px solid #444; background-color:#111; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
table.borad-write td .letter_txt { width:97%; height:300px; padding:10px; font-size:14px; color:#ccc; vertical-align:top; border:1px solid #444; background-color:#111; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;line-height: 16px; overflow: auto;}
table.borad-write td .qna_txt { min-height: 33px; max-height: 250px; width:97%; padding:10px; font-size:14px; color:#ccc; vertical-align:top; border:1px solid #444; background-color:#111; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;line-height: 16px; overflow: auto;}
table.borad-write th .btn { display:inline-block; color:#ccc; line-height:23px; vertical-align:top; border-radius: 5px;border: 1px solid #444;width: 100px;}
table.borad-write th .btn:hover { color:#139bd0; cursor: pointer;}




@media screen and (max-width:1400px) {
	#header ul.gnb li { margin-left:5px; }
	#header ul.gnb li:first-child { margin-left:30px; }
}