body {min-width: 830px;width: 830px;}
.wrapper {width:830px;position: relative;}
.t_center {text-align:center;}

.time {color:#777;}
.han {font-size:12px;font-family:gulim;letter-spacing:-1px;}
.han2 {font-size:11px;font-family:dotum;letter-spacing:-1px;}

.sub_menu {background:#f5f5f5;height:58px;}
.sub_menu li {width:138px;position:relative;}
.sub_menu li > a {width:138px;line-height:56px;border-left:1px solid #e5e5e5;text-align:center;letter-spacing:-1px;}
.sub_menu li:first-child > a {border-left:none;}
.sub_menu li > a:hover {color:#555;background:#ffffff;}
.sub_menu li > a:hover em.hbox {display:block;position:absolute;top:-1px;left:0px;width:139px;height:58px;border:1px solid #888;z-index:100;}
.sub_menu li:first-child > a:hover em.hbox {top:-1px;left:-1px;width:140px;}
.sub_menu li > a.selected {color:#ffffff;background:#1ba9de;font-weight:700;}
.sub_menu li:first-child > a.selected em.hbox {top:-1px;left:-1px;width:140px;}
.sub_menu li > a.selected em.hbox {display:block;position:absolute;top:-1px;left:0px;width:139px;height:58px;border:1px solid #1787b0;z-index:200;}
.sub_menu li > span.null {display:inline-block;width:138px;line-height:56px;border-left:1px solid #e5e5e5;text-align:center;letter-spacing:-1px;color:#ddd;}
.sub_menu li > a.tgamerank {color:#e62626;background:#ffe8e8;font-weight:700;}
.sub_menu li > a.tgamerank em.hbox {display:block;position:absolute;top:-1px;left:0px;width:139px;height:58px;border:1px solid #c01e1e;z-index:101;}

.sub_menu li > a.selected.tgamerank {color:#ffffff;background:#e62626;font-weight:700;}
.sub_menu li > a.selected.tgamerank em.hbox {display:block;position:absolute;top:-1px;left:0px;width:139px;height:58px;border:1px solid #c01e1e;z-index:200;}

.top_notice {position:relative;margin-top:10px;background:#ffffff;letter-spacing:-1px;padding:10px;border-bottom:1px dashed #d1d1d1}
.top_notice.slevel {border-bottom:1px solid #d1d1d1;}
.top_notice h2 {padding:15px 0 0 15px;font-size:14px;}
.top_notice ul {list-style-position:inside;padding:15px 0 15px 0;}
.top_notice li {line-height:1.8;padding:0 15px;list-style-type:disc;color:#999;}
.top_notice .btn {position:absolute;right:15px;top:15px;}
.top_notice .btn {display:inline-block;padding:0 15px;height:38px;line-height:36px;background:#fff;color:#888;font-size:12px;letter-spacing:-1px;}
.top_notice .btn {border:1px solid #d1d1d1;background:#fbfbfb;}
.top_notice .btn:hover {border:1px solid #888;color:#333;}

.search_tbox {border-top:none;}

.ui-datepicker-month {display:inline-block;width:55px !important;line-height:22px;height:22px;margin:0 4px 0 0 !important;position:relative;padding:0 5px;}
.ui-datepicker-year {display:inline-block;width:60px !important;line-height:22px;height:22px;margin:0 0 0 0 !important;padding:0 5px;}

.pt_search {margin-top:10px;padding:15px 25px;background:#f5f5f5;position:relative;}
.pt_search span.refresh {position:absolute;top:20px;right:25px;display:block;width:24px;height:24px;background-position:-130px -269px;}
.pt_search span.refresh:hover {background-position:-154px -269px;}
.pt_search input {display:inline-block;font-size:12px;font-weight:bold;padding:0 15px;height:36px;line-height:32px;background:#fff;font-family:tahoma;color:#888;}
.pt_search select {display:inline-block;font-size:12px;font-weight:bold;padding-left:5px;height:36px;line-height:32px;background:#fff;font-family:tahoma;color:#888;}
.pt_search .hover:hover {border:1px solid #888;color:#333;}
.pt_search .button {display:inline-block;font-size:12px;padding:0 15px;height:36px;line-height:32px;background:#fff;color:#888;}
.pt_search .datepicker {width:125px;background:url('/img/cal.png') #ffffff no-repeat; background-position:95px 11px;}
.pt_search .op_btn {height:22px;width:22px;display:inline-block;}
.pt_search .minus {background-position:-222px -269px;}
.pt_search .minus:hover {background-position:-244px -269px;}
.pt_search .plus {background-position:-178px -269px;}
.pt_search .plus:hover {background-position:-200px -269px;}
.pt_search .num_text {font-size:26px;display:inline-block;margin:0 20px;letter-spacing:-1px;position:relative;top:-1px;}
.pt_search .prev {background-position:-42px -269px;}
.pt_search .prev:hover {background-position:-64px -269px;}
.pt_search .next {background-position:-86px -269px;}
.pt_search .next:hover {background-position:-108px -269px;}
.pt_search .add_box {padding-top:15px;margin-top:15px;border-top:1px solid #e5e5e5;}
.pt_search .daily .today {margin-left:30px;}
.pt_search .interval .round_num {margin-left:30px;}
.pt_search .interval select {width:90px;}
.pt_search .rounds .toround {margin-left:30px;}
.pt_search .rounds .search {background:#e62626;color:#ffffff;border:1px solid #c01e1e;margin-right:10px;}
.pt_search .rounds .search:hover {background:#c01e1e;border:1px solid #aa1b1b;}
.pt_search .rounds select {position:relative;top:0px;width:90px;}
.pt_search .add_box .selected {background:#777;color:#fff;border:1px solid #444;}
.pt_search .period .search {background:#e62626;color:#ffffff;border:1px solid #c01e1e;margin-right:10px;}
.pt_search .period .search:hover {background:#c01e1e;border:1px solid #aa1b1b;}
.pt_search .period .num_text {margin:0 3px;}
.pt_search .period .date_form {margin-left:30px;}
.pt_search .pattern select {margin:0 10px;width:90px;}
.pt_search .pattern .plus {margin-right:30px;}
.pt_search .pattern a.selected {background:#777;color:#fff;border:1px solid #444;}
.pt_search .pick {overflow:auto;}
.pt_search .pick select {margin-left:30px;width:90px;}
.pt_search .pick .add_box a {float:left;margin-right:4px;}



.rank_list {margin-top:10px;background:#fff;border-bottom:none;}
.rank_list .tleft {text-align:left;}
.rank_list .tright {text-align:right;padding-right:20px;}
.rank_list thead tr th {height:55px;line-height:55px;border-bottom:1px solid #d1d1d1;background:#f5f5f5;font-weight:400;font-size:12px;letter-spacing:-1px;color:#777;}
.rank_list tbody tr td {height:58px;line-height:56px;border-bottom:1px solid #efefef;color:#999;text-align:center;}
.rank_list tbody tr:last-child > td {border-bottom:1px solid #d1d1d1;}
.rank_list tbody > tr:hover > td:first-child em.hbox {display:block;position:absolute;top:-1px;left:-1px;width:830px;height:59px;border:1px solid #888;z-index:100;}
.rank_list tbody .number12 {color:#777;}
.rank_list tbody .icon_chat {display:inline-block;width:32px;height:32px;line-height:32px;content:'';background-position:0px -477px;}
.rank_list tbody .icon_chat.d_on {background-position:-64px -477px;}
.rank_list tbody .icon_chat.j_on {background-position:-32px -477px;}
.rank_list tbody td .icon_level {margin-right:4px;}
.rank_list tbody td .link {position:relative;z-index:999;}
.rank_list tbody td .intro {color:#333;}
.rank_list tbody td .intro .gray {color:#ccc;font-size:12px;letter-spacing:-1px;}
.rank_list tbody td .game_name {
    display:inline-block;
    padding:8px 15px;
    border-radius: 3px;
    line-height: 1;
    color:#333;
}
.rank_list tbody tr.rank1 {background:#fffafa;}
.rank_list tbody tr.rank2 {background:#fffdfc;}
.rank_list tbody tr.rank3 {background:#fbfeff;}

.graph_bg {
    display:inline-block;
    position: relative;
    width:300px;
    height:10px;
    border-radius: 5px;
    border:1px solid #ddd;
    background-color: #fbfbfb;
    top:-5px;
}
.graph_state {
    display:inline-block;
    position:absolute;
    top:-1px;
    left:-1px;
    height:10px;
    border-radius: 5px;
}
.graph_per {
    position: absolute;
    top:15px;
    right:1px;
    font-size:10px;
    font-family: tahoma;
    color:#333;
    line-height:1;
}
.game_score {
    color:#333;
    font-size:11px;
    font-family: tahoma;
}
.div_chart {
    z-index:1000;
}
.icon_chart {
    display: inline-block;
    padding:3px;
    line-height: 1;
    background-color: #fff;
    border:1px solid #ddd;
    border-radius: 3px;
}
.icon_chart:hover {
    border:1px solid #db0d0d;
}
.icon_chart img {

}
.chart_box {
    position: absolute;
    top:100px;
    width:700px;
    height:400px;
    background-color: #fff;
}
#chartdiv {
    width:700px;
    height:300px;
}