@charset "utf-8";

#stats_wrap *{ margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
body{-webkit-text-size-adjust:none;}
html #stats_wrap,  body #stats_wrap{width:100%; height:100%; font-size:12px; font-family:'굴림', Gulim; color:#555;}
body, input, button, textarea{color:#555;  font-family:'굴림', Gulim;}
body{*word-break:break-all; -ms-word-break:break-all;}
img, fieldset, iframe{border:0 none;}
li{list-style:none;}
input, select, button, textarea{vertical-align:middle; font-size:12px; font-family:'굴림', Gulim;}
button{padding:0; border:0; cursor:pointer; background:none; vertical-align:middle; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
img{vertical-align:middle;}
i, em, address{font-style:normal;}
a, a:hover{color:#555; text-decoration:none;}
html:first-child select{height:20px; padding-right:6px;}
option{padding-right:6px;}
hr{display:none;}
legend{*width:0;}
legend, caption, figcaption{visibility:hidden; overflow:hidden; width:0; height:0; line-height:0; text-indent:-9999em;}
table{font-size:inherit; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
button span{position:relative; left:0; top:0}

.hidden{position:absolute; left:-9999em; height:0; overflow:hidden; font-size:0; line-height:0; text-indent:-9999em;}

#stats_wrap{background:#fff; position:relative; width:100%; padding-top:52px;}
#stats_wrap > h1{z-index:9999;position:fixed;top:0;left:0;width:100%; height:52px; border-bottom:1px solid #1e1f29; font-size:12px; font-weight:bold; color:#fff; background-color:#24272c;}
#stats_wrap > h1 img{display:inline-block; padding-top:8px;}
#stats_wrap > h1 span{float:right; font-weight:normal; color:#f0f0f0; line-height:33px;}
#stats_wrap > h1 img,
#stats_wrap > h1 span{margin:10px 20px 10px 19px;}
#stats_wrap > h1 span:hover{text-decoration:underline;}
#stats_wrap  .btn_pop_close{z-index:999; position:absolute; top:17px; right:20px; width:17px; height:17px; text-indent:-9999em; background:url('/ladder/images/css/btn_close.png') no-repeat;}
#stats_wrap .scroll{overflow-x:scroll;}
#stats_wrap .inner{white-space:nowrap; font-size:0;}
#stats_wrap .inner > dl{display:inline-block; vertical-align:top;}
#stats_wrap .inner > dl dd{text-align:center;}
/*#stats_wrap .pattern_type1{height:256px;}
*/#stats_wrap .pattern_type1 .inner{background:url('/ladder/images/css/bg_cell_01.gif') repeat;}
#stats_wrap .pattern_type1 .inner > dl dd{width:34px; height:34px; line-height:34px; }
#stats_wrap .pattern_type1 .inner > dl dd span{display:inline-block; width:27px; height:27px; margin:3px 0 0 -1px; font-family:Tahoma, Verdana, "돋움", Dotum, sans-serif; font-size:9px; color:#fff; line-height:27px;}
/*#stats_wrap .pattern_type2{height:121px;}*/
#stats_wrap .pattern_type2 .inner{background:url('/ladder/images/css/bg_cell_02.gif');}
#stats_wrap .pattern_type2 .inner > dl dd{width:17px; height:17px; text-align:center;}
#stats_wrap .pattern_type2 .inner > dl dd span{display:inline-block; width:12px; height:12px; margin-top:2px; margin-left:-1px; line-height:12px;text-indent:-9999px;}


#stats_wrap .even{background:url('/ladder/images/css/stats_common.png') no-repeat 0 0;}
#stats_wrap .odd{background:url('/ladder/images/css/stats_common.png') no-repeat -27px 0;}
#stats_wrap .stats_1g .even{background:url('/ladder/images/css/stats_common.png') no-repeat 0 -30px;}
#stats_wrap .stats_1g .odd{background:url('/ladder/images/css/stats_common.png') no-repeat -12px -30px;}
#stats_wrap .stats_2g .even{background:url('/ladder/images/css/stats_common.png') no-repeat -24px -30px;}
#stats_wrap .stats_2g .odd{background:url('/ladder/images/css/stats_common.png') no-repeat -36px -30px;}
#stats_wrap .stats_3g .even{background:url('/ladder/images/css/stats_common.png') no-repeat -48px -30px;}
#stats_wrap .stats_3g .odd{background:url('/ladder/images/css/stats_common.png') no-repeat -60px -30px;}

#stats_wrap > .stats_tab{position:relative; overflow:hidden; width:100%;}
#stats_wrap > .stats_tab li{float:left; width:50%; height:50px; border-bottom:1px solid #2b599e; line-height:51px; background-color:#fff;}
#stats_wrap > .stats_tab li a{display:block; position:relative; width:100%; height:50px; border-bottom:1px solid #2b599e; color:#333; text-align:center;}
#stats_wrap > .stats_tab li.on{background-color:#3070d1;}
#stats_wrap > .stats_tab li.on a{border-bottom:1px solid #fff; font-weight:bold; color:#fff;}
#stats_wrap > .stats_tab li:last-child a:before{content:""; display:block; position:absolute; top:0; left:0; width:1px; height:100%; background:#2b599e}

#stats_wrap > .stats_con{overflow:hidden; position:relative; width:100%; height:100%; padding-top:25px;}
#stats_wrap > .stats_con h2{clear:both;margin-left:20px;color:#333;font-size:12px;}
#stats_wrap > .stats_con  div.scroll{float:left; border:1px solid #acacb2;margin-left:20px;}
#stats_wrap > .stats_con > .stats_6m{float:left;width:375px;height:252px;margin-bottom:20px;margin-left:20px;}
#stats_wrap > .stats_con > .stats_6m > .inner{height:100%;}
#stats_wrap > .stats_con > .stats_mark{float:left;width:165px; margin-left:15px;border:1px solid #acacb2;}
#stats_wrap > .stats_con > .stats_mark table{table-layout:fixed;width:100%;}
#stats_wrap > .stats_con > .stats_mark th,
#stats_wrap > .stats_con > .stats_mark td{color:#555;}
#stats_wrap > .stats_con > .stats_mark thead th{height:67px;background:#eff1f3;border-left:1px solid #cdcdd1;border-bottom:1px solid #cdcdd1;font-weight:normal;}
#stats_wrap > .stats_con > .stats_mark tbody td{height:45px;text-align:center;border-left:1px solid #ebebeb;border-bottom:1px solid #ebebeb}
#stats_wrap > .stats_con > .stats_mark tbody td span{display:inline-block;width:12px;height:12px;background:url('/ladder/images/css/stats_common.png')no-repeat;text-indent:-9999px;}
#stats_wrap > .stats_con > .stats_mark tbody td.g_1_1 span.red,
#stats_wrap > .stats_con > .stats_mark tbody td.g_1_2 span.red{background-position:0 -30px;}
#stats_wrap > .stats_con > .stats_mark tbody td.g_2_1 span.red,
#stats_wrap > .stats_con > .stats_mark tbody td.g_2_2 span.red{background-position:-24px -30px;}
#stats_wrap > .stats_con > .stats_mark tbody td.g_3_1 span.red,
#stats_wrap > .stats_con > .stats_mark tbody td.g_3_2 span.red{background-position:-48px -30px;}
#stats_wrap > .stats_con > .stats_mark tbody td.g_1_1 span.blue,
#stats_wrap > .stats_con > .stats_mark tbody td.g_1_2 span.blue{background-position:-12px -30px;}
#stats_wrap > .stats_con > .stats_mark tbody td.g_2_1 span.blue,
#stats_wrap > .stats_con > .stats_mark tbody td.g_2_2 span.blue{background-position:-36px -30px;}
#stats_wrap > .stats_con > .stats_mark tbody td.g_3_1 span.blue,
#stats_wrap > .stats_con > .stats_mark tbody td.g_3_2 span.blue{background-position:-60px -30px;}
#stats_wrap > .stats_con > .stats_mark tfoot th,
#stats_wrap > .stats_con > .stats_mark tfoot td{height:48px;border-left:1px solid #ebebeb;text-align:center}
#stats_wrap > .stats_con > .stats_mark tfoot td a{display:inline-block;width:48px;height:30px;background:url('/ladder/images/css/btn_click.png')no-repeat 0 0;text-indent:-9999px;}
#stats_wrap > .stats_con > .stats_mark thead th:first-child,
#stats_wrap > .stats_con > .stats_mark tbody td:first-child,
#stats_wrap > .stats_con > .stats_mark tfoot td:first-child{border-left:0;}
#stats_wrap > .stats_con > .stats_ad{float:left;width:300px; margin-left:15px; border:0;}

#stats_wrap > .stats_con > .stats_m{clear:both;width:870px;margin:8px 0 20px 0;}
#stats_wrap > .stats_con > .stats_m > .inner{white-space:nowrap; font-size:0;}
#stats_wrap > .stats_con > .stats_m > .inner dl dt{position:relative;width:34px; height:34px; background:#eff1f3; font-size:12px; line-height:35px; text-align:center;}
#stats_wrap > .stats_con > .stats_m > .inner dl dt.red{color:#d8483a;}
#stats_wrap > .stats_con > .stats_m > .inner dl dt.blue{color:#2980b9;}
#stats_wrap > .stats_con > .stats_m > .inner dl dt:before{content:"";display:block;position:absolute;top:1px;left:-1px;width:1px;height:32px;background:#e1e3e5;}
#stats_wrap > .stats_con > .stats_m > .inner dl dt:after{content:"";display:block;position:absolute;bottom:0;left:0;width:34px;height:1px;background:#cdcdd1;}

#stats_wrap > .stats_con > .stats_1g{clear:both;width:870px;margin:8px 0 20px 0;}
#stats_wrap > .stats_con > .stats_1g > .inner{white-space:nowrap; font-size:0;}
#stats_wrap > .stats_con > .result_bot{clear:both;width:100%;height:160px;}
#stats_wrap > .stats_con .result_2g {float:left;width:428px;margin:0 0 25px 20px;}
#stats_wrap > .stats_con .result_2g h2{margin-bottom:8px;margin-left:0;}
#stats_wrap > .stats_con .result_2g > .stats_2g{width:428px;height:138px;margin-left:0;}
#stats_wrap > .stats_con .result_2g > .stats_2g > .inner{height:100%;}

#stats_wrap > .stats_con .result_3g {float:left;width:428px;margin-left:15px;}
#stats_wrap > .stats_con .result_3g h2{margin-bottom:8px;margin-left:0;}
#stats_wrap > .stats_con .result_3g > .stats_3g{width:428px;height:138px;margin-left:0;}
#stats_wrap > .stats_con .result_3g > .stats_3g > .inner{height:100%;}

#stats_wrap .attention{clear:both;margin-top:20px;padding:24px 0 20px 30px;background:#303641;border-top:1px solid #1e1f29;}
#stats_wrap .attention h3{display:inline-block;width:81px;height:14px;background:url('/ladder/images/css/txt_attention.png')no-repeat 0 0;text-indent:-9999px;}
#stats_wrap .attention ul{margin-top:12px;}
#stats_wrap .attention ul li{margin-bottom:5px;color:#fff;opacity:.6;}
#stats_wrap .attention ul li a{color:#fff;opacity:1;text-decoration:underline;}