@charset "UTF-8";
*,:before,:after{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
[hidden]{display:none}
hr{-moz-box-sizing:content-box;box-sizing:content-box}
abbr[title]{border-bottom:1px dotted}
address,em{font-style:normal}
b,strong{font-weight:700}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
code,kbd,samp{font-family:monospace,serif;font-size:1em}
pre{white-space:pre-wrap}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
sub{bottom:-.25em;font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-.5em}
svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{border:none}
legend{display:none}
input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
a{text-decoration:none}
a:active,a:hover{outline:0}
img{border:0;max-width:100%;max-height:100%}
li{list-style-type:none}
table{border-collapse:collapse;border-spacing:0}
html{height:100%;overflow-y:scroll;font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{height:100%;word-break:break-all;word-wrap:break-word;font-size:62.5%}
.tr{text-align:right}
.tc{text-align:center}
body{font-family:Arial,Dotum,"돋음",Sans-Serif;font-size:12px;line-height:1.8;color:#fff;background-color:#1b1c2e;vertical-align:baseline}
a{color:#fff}
a:hover{color:#17e7ff}
#container{overflow-x:hidden;position:relative;width:100%;min-width:1100px}
body.login{background-repeat:no-repeat;background-image:url(/images/login/background.jpg);background-position:50%}
body.login footer{position:fixed;bottom:0;left:0;width:100%;height:auto}
.form-login,.form-join{position:fixed;top:50%;left:50%;width:400px;height:350px;background-image:url(../images/common/bg_form.png);background-repeat:repeat-x;margin-left:-200px;background-size:auto 100%;border:1px solid #4b4e89;box-shadow:0 0 100px rgba(0,0,0,0.8);-webkit-box-shadow:0 0 100px rgba(0,0,0,0.8);-moz-box-shadow:0 0 100px rgba(0,0,0,0.8);-ms-box-shadow:0 0 100px rgba(0,0,0,0.8);-o-box-shadow:0 0 100px rgba(0,0,0,0.8)}
.form-login h1,.form-join h1{position:relative;width:50%;margin:30px auto 10px;text-align:center}
.form-login select,.form-login input[type=text],.form-login input[type=password],.form-join select,.form-join input[type=text],.form-join input[type=password]{display:block;width:80%;height:40px;margin:0 auto 5px;padding:0 20px;background-color:#09090d;border:1px solid #353a52;color:#fff}
.form-login .btn,.form-join .btn{position:relative;width:100%;margin-top:20px;text-align:center}
.form-login .btn li,.form-join .btn li{display:inline-block;*display:inline;zoom:1;position:relative;width:158px;height:58px;overflow:hidden;text-indent:-9999px}
.form-login .btn li.btn-login,.form-join .btn li.btn-login{margin-right:7px}
.form-login .btn li.btn-login input,.form-join .btn li.btn-login input{overflow:hidden;text-indent:-9999px;outline:none;width:100%;height:100%;border:none;background-repeat:no-repeat;background-image:url(/images/login/btn_login.png);background-position:50% 0;background-color:transparent}
.form-login .btn li.btn-login input:hover,.form-join .btn li.btn-login input:hover{background-position:50% 100%}
.form-login .btn li.btn-join,.form-join .btn li.btn-join{background-repeat:no-repeat;background-image:url(/images/login/btn_join.png);background-position:50% 0}
.form-login .btn li.btn-join:hover,.form-join .btn li.btn-join:hover{background-position:50% 100%}
.form-login .btn li a,.form-join .btn li a{display:block;width:100%;height:100%}
.form-login .phone,.form-join .phone{position:relative;width:100%;margin-bottom:5px;text-align:center}
.form-login .phone li,.form-join .phone li{display:inline-block;*display:inline;zoom:1;position:relative;width:70px;height:45px;margin-right:5px;text-align:center}
.form-login .phone li:last-child,.form-join .phone li:last-child{width:84px;margin-right:0}
.form-login .phone li select,.form-login .phone li input,.form-join .phone li select,.form-join .phone li input{width:100%;height:100%;padding:0 10px}
.form-login{margin-top:-175px}
.form-join{height:260px;margin-top:-130px}
.form-join.info{height:580px;margin-top:-290px}
header{position:relative;width:100%;height:110px;background-image:url(/images/nav/background.jpg);background-repeat:repeat-x;box-shadow:0 10px 10px rgba(0,0,0,0.5);-webkit-box-shadow:0 10px 10px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 10px rgba(0,0,0,0.5);-ms-box-shadow:0 10px 10px rgba(0,0,0,0.5);-o-box-shadow:0 10px 10px rgba(0,0,0,0.5);color:#a1a6b0;z-index:10}
header:after{content:"";display:block;clear:both}
header a{display:block;width:100%;height:100%}
header h1{float:left;position:absolute;top:44px;left:50%;width:180px;height:66px;background-repeat:no-repeat;background-image:url(/images/logo_bag.png);background-position:50%;overflow:hidden;text-indent:-9999px;background-size:100% auto;margin-left:-550px;z-index:1}
header .nav-user,header .nav-gnb{position:relative;width:1100px;margin:0 auto}
header .nav-user{height:44px;padding-left:10px;font-weight:700}
header .nav-user:after{content:"";display:block;clear:both}
header .nav-user .info,header .nav-user .btn{float:left;height:100%;padding-top:12px}
header .nav-user .info{position:relative;width:80%}
header .nav-user .info li{display:inline-block;*display:inline;zoom:1;margin-right:10px}
header .nav-user .info li strong{color:#e1e5ed}
header .nav-user .info li span{color:#ff7589}
header .nav-user .info li img{vertical-align:middle}
header .nav-user .btn{position:relative;width:20%;text-align:right}
header .nav-user .btn li{display:inline-block;*display:inline;zoom:1;margin-left:10px}
header .nav-user .btn li a{display:block;width:100%;height:100%}
header .nav-gnb{height:66px;padding-left:200px}
header .nav-gnb ul{position:relative;width:100%;height:100%}
header .nav-gnb ul:after{content:"";display:block;clear:both}
header .nav-gnb ul li{overflow:hidden;text-indent:-9999px;float:left;position:relative;height:100%;margin-right:21.5px;padding:0 5px;background-repeat:no-repeat;background-position:50% 0}
header .nav-gnb ul li:hover{opacity:.7}
header .nav-gnb ul li.menu1,header .nav-gnb ul li.menu2,header .nav-gnb ul li.menu3,header .nav-gnb ul li.menu7,header .nav-gnb ul li.menu8{width:54px}
header .nav-gnb ul li.menu4,header .nav-gnb ul li.menu5,header .nav-gnb ul li.menu6,header .nav-gnb ul li.menu9,header .nav-gnb ul li.menu10,header .nav-gnb ul li.menu11{width:69px}
header .nav-gnb ul li.menu11{margin-right:0}
header .nav-gnb ul li.on:after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#17e7ff}
header .nav-gnb ul li.menu1{background-image:url(/images/nav/menu1.png)}
header .nav-gnb ul li.menu1.on{background-position:50% 100%}
header .nav-gnb ul li.menu2{background-image:url(/images/nav/menu2.png)}
header .nav-gnb ul li.menu2.on{background-position:50% 100%}
header .nav-gnb ul li.menu3{background-image:url(/images/nav/menu3.png)}
header .nav-gnb ul li.menu3.on{background-position:50% 100%}
header .nav-gnb ul li.menu4{background-image:url(/images/nav/menu4.png)}
header .nav-gnb ul li.menu4.on{background-position:50% 100%}
header .nav-gnb ul li.menu5{background-image:url(/images/nav/menu5.png)}
header .nav-gnb ul li.menu5.on{background-position:50% 100%}
header .nav-gnb ul li.menu6{background-image:url(/images/nav/menu6.png)}
header .nav-gnb ul li.menu6.on{background-position:50% 100%}
header .nav-gnb ul li.menu7{background-image:url(/images/nav/menu7.png)}
header .nav-gnb ul li.menu7.on{background-position:50% 100%}
header .nav-gnb ul li.menu8{background-image:url(/images/nav/menu8.png)}
header .nav-gnb ul li.menu8.on{background-position:50% 100%}
header .nav-gnb ul li.menu9{background-image:url(/images/nav/menu9.png)}
header .nav-gnb ul li.menu9.on{background-position:50% 100%}
header .nav-gnb ul li.menu10{background-image:url(/images/nav/menu10.png)}
header .nav-gnb ul li.menu10.on{background-position:50% 100%}
header .nav-gnb ul li.menu11{background-image:url(/images/nav/menu11.png)}
header .nav-gnb ul li.menu11.on{background-position:50% 100%}
header .nav-gnb ul li a{display:block;width:100%;height:100%}
main{position:relative;width:100%;padding:40px 0}
main.main{background-image:url(/images/common/bg_main.jpg);background-repeat:repeat-x}
main.main section{position:relative;width:1100px;margin-left:auto;margin-right:auto;margin-bottom:40px}
main.sub{background-repeat:no-repeat;background-image:url(/images/common/bg_sub.jpg);background-position:50% 0}
main.sub .fix{position:relative;width:1100px;margin:0 auto;padding-top:40px;padding-left:20px;padding-right:20px}
main.sub .fix:after{content:"";display:block;clear:both}
main.sub section{float:left;position:relative;width:80%;margin:0 auto;padding-right:20px}
h3{margin-bottom:10px}
h4{margin-bottom:10px;font-size:18px;font-weight:700;color:#91cfff}
h5{font-size:14px;color:#fff799}
table{position:relative;width:100%;vertical-align:middle}
table caption{display:none}
table tr th,table tr td{padding:10px 20px}
table tr th.on,table tr td.on{background-color:#f4d56f;font-weight:700;color:#000}
table tr th.on,table tr td.sel{background-color:#EFC42E;font-weight:700;color:#000}
table tr th img,table tr td img{vertical-align:middle}
table tr th.name-left,table tr td.name-left{text-align:left}
table tr th.vs,table tr th.rate,table tr td.vs,table tr td.rate{padding:0;text-align:center}
table tr th.name-right,table tr td.name-right{text-align:right}
table .img-icon{height:20px;margin-top:-1px;margin-right:5px}
table .img-start{margin-right:5px}
table .img-end{margin-left:5px}
table .comment{margin-left:5px;color:#17e7ff}
table .result{position:relative;width:100%;font-weight:400}
table .result li{display:inline-block;*display:inline;zoom:1;margin-right:10px}
table .result li.status{color:#17e7ff}
form{position:relative;width:100%}
form input,form select,form textarea{display:block;outline:none;border:none;cursor:pointer}
form textarea{resize:vertical}
form label{display:block;cursor:pointer}
.table-game thead tr th{background-color:#24263a;border-bottom:2px solid #757da1;color:#c4c8d6}
.table-game tbody th{background-color:#161727;text-align:left}
.table-game tbody td{border-bottom:1px solid #383948}
.table-game tbody td.date{background-color:#2a3259}
.table-game tbody td.date span{color:#17e7ff}
.table-game tbody td.name-left{text-align:left}
.table-game tbody td.vs,.table-game tbody td.rate{padding:0;text-align:center}
.table-game tbody td.name-right{text-align:right}
.table-game tbody td.endGame{color:#6A6A6A;}
.table-game tbody td.status{text-align:center;color:#17e7ff;font-weight:700}
.table-game tbody td.on{background-color:#f4d56f;color:#000;font-weight:700}
.table-game tbody td.sel{background-color:#EFC42E;color:#000;font-weight:700}
.table-game-inner{width:90%;margin:20px auto;border:1px solid #383948}
.table-game-inner thead tr th{background-color:#24263a}
.table-game-inner tbody tr th{background-color:#161727}
.table-game-inner tbody tr td{border-bottom:1px solid #383948}
.table-game-outer{border:1px solid #383948;margin-bottom:20px}
.table-game-outer thead tr th{background-color:#24263a;border:1px solid #383948;color:#c4c8d6;text-align:left}
.table-game-outer thead tr th .date{position:absolute;top:0;right:20px;width:100px;height:100%;padding-top:11px}
.table-game-outer tbody tr td{border-bottom:1px solid #383948}
.table-main{border-top:2px solid #757da1}
.table-main tr{border-bottom:1px solid #383948}
.table-main tr th{text-align:left;background-color:#2a3259}
.table-main tr th span{color:#17e7ff}
.table-main tr td{background-color:#161727}
.table-main tr td img{vertical-align:middle}
.table-board thead tr th{background-color:#24263a;border-bottom:2px solid #757da1;color:#c4c8d6}
.table-board tbody tr.notice{background-color:#161727;text-align:center;font-weight:700}
.table-board tbody th{background-color:#232435;text-align:left}
.table-board tbody td{border-bottom:1px solid #383948}
.table-board tbody td.no{background-color:#24263a}
.table-board tbody td.status{color:#17e7ff;font-weight:700}
.table-board tbody td.status2{color:#C89191;font-weight:700}
.table-board tbody td.status .btn-red{padding:3px 10px}
.table-board tbody td.status2 .btn-red{padding:3px 10px}
.table-board tbody td.no,.table-board tbody td.writer,.table-board tbody td.date,.table-board tbody td.status,.table-board tbody td.status2,.table-board tbody td.delete{text-align:center}
.table-board tbody td.list{width:200px;}
.table-board tbody td .btn-delete{display:inline-block;*display:inline;zoom:1;position:relative;width:20px;height:20px;overflow:hidden;text-indent:-9999px;background-repeat:no-repeat;background-image:url(../images/common/icon_delete.png);background-position:50%;margin-top:-3px;margin-left:10px;background-size:50% auto;background-color:#353a52;border:1px solid #a1a6b0;cursor:pointer;vertical-align:middle}
.table-board tbody td .btn-delete:hover{opacity:.6}
.table-comment{border:1px solid #383948}
.table-comment tbody tr th{background-color:#232435;border-bottom:1px solid #383948}
.table-comment tbody tr td{border-bottom:1px solid #383948}
.table-write{border-top:2px solid #757da1}
.table-write tr{border-bottom:1px solid #383948}
.table-write tr th{background-color:#24263a;color:#c4c8d6}
.table-write tr td{padding:10px}
.table-write input,.table-write textarea{width:100%;padding:10px}
.table-write textarea{height:500px}
.table-charge{border-top:2px solid #757da1}
.table-charge tr{border-bottom:1px solid #383948}
.table-charge tr th{background-color:#24263a;color:#c4c8d6}
.table-charge tr td{padding:10px}
.table-charge tr td .btn-default{margin-left:10px;padding:5px 10px}
.table-charge tr td input[type=text]{display:inline-block;*display:inline;zoom:1;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;width:50%;margin-right:10px;padding:10px}
.table-charge .pay-type{position:relative;width:100%}
.table-charge .pay-type li{display:inline-block;*display:inline;zoom:1;margin-right:5px}
.table-charge .pay-type li input[type=button],.table-charge .pay-type li input[type=reset]{padding:5px 10px;color:#fff}
.table-charge .pay-type li input[type=button]:hover,.table-charge .pay-type li input[type=reset]:hover{border-color:#17e7ff;color:#17e7ff}
.table-charge .pay-type li input[type=button]{background-color:#2a3259;border:1px solid #7c84ac}
.table-charge .pay-type li input[type=reset]{background-color:#282828;border:1px solid #404040}
.news-list{height:50px;background-color:#09090d;border:1px solid #353a52;}
.news-list.sub{float:none;width:1100px;padding:0;margin-bottom:13px}
.news-list h3{position:absolute;top:0;left:0;width:15%;height:100%;padding-top:15px;padding-left:30px}
.news-list div{padding-left:15%;}
.news-list div li{display:block;width:100%;height:100%;padding:15px}
.news-list #rollText1{margin-top: 15px;}
.filter{position:absolute;top:0;right:20px;width:20%;height:30px;z-index:1}
.filter form{height:100%}
.filter form select{width:100%;height:100%;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}
.btn-list.top{position:absolute;top:0;right:20px;width:auto;height:auto;text-align:right}
.btn-list.top ul li{margin-left:10px}
.btn-list.bottom{position:relative;width:100%;margin:40px auto;text-align:center;font-size:16px}
.btn-list.bottom ul li{margin:0 10px}
.btn-list.bottom ul li a,.btn-list.bottom ul li input{height:40px;padding:5px 30px}
.btn-list ul{position:relative;width:100%}
.btn-list ul li{display:inline-block;*display:inline;zoom:1}
.btn-list ul li a{display:block;width:100%;height:100%;padding:5px 10px}
.paging{position:relative;width:100%;margin:40px auto}
.paging ul{position:relative;width:100%;text-align:center}
.paging ul li{display:inline-block;*display:inline;zoom:1;margin:0 3px;background-color:#292a3f;border:1px solid #454658;line-height:1}
.paging ul li.on{border-color:#17e7ff;font-weight:700}
.paging ul li.on a{color:#17e7ff}
.paging ul li a{display:block;width:100%;height:100%;padding:10px 13px}

.btn-default{background:#565d70;background:-moz-linear-gradient(top,#565d70 0%,#394157 99%);background:-webkit-linear-gradient(top,#565d70 0%,#394157 99%);background:linear-gradient(to bottom,#565d70 0%,#394157 99%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#565d70',endColorstr='#394157',GradientType=0);border-top:1px solid #788091;border-left:1px solid #788091;border-right:1px solid #1f2537;border-bottom:1px solid #1f2537;color:#fff}
.btn-default:hover{background:#394157;background:-moz-linear-gradient(top,#394157 0%,#565d70 100%);background:-webkit-linear-gradient(top,#394157 0%,#565d70 100%);background:linear-gradient(to bottom,#394157 0%,#565d70 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#394157',endColorstr='#565d70',GradientType=0);border-top:1px solid #1f2537;border-left:1px solid #1f2537;border-right:1px solid #788091;border-bottom:1px solid #788091;color:#17e7ff}
.btn-red{background:#9d4141;background:-moz-linear-gradient(top,#9d4141 0%,#822626 100%);background:-webkit-linear-gradient(top,#9d4141 0%,#822626 100%);background:linear-gradient(to bottom,#9d4141 0%,#822626 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9d4141',endColorstr='#822626',GradientType=0);border-top:1px solid #b14f4f;border-left:1px solid #b14f4f;border-right:1px solid #551414;border-bottom:1px solid #551414;color:#fff}
.btn-red:hover{background:#822626;background:-moz-linear-gradient(top,#822626 24%,#9d4141 99%);background:-webkit-linear-gradient(top,#822626 24%,#9d4141 99%);background:linear-gradient(to bottom,#822626 24%,#9d4141 99%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#822626',endColorstr='#9d4141',GradientType=0);border-top:1px solid #551414;border-left:1px solid #551414;border-right:1px solid #b14f4f;border-bottom:1px solid #b14f4f;color:#17e7ff}
.btn-gray{background:#5d5d5d;background:-moz-linear-gradient(top,#5d5d5d 0%,#424242 100%);background:-webkit-linear-gradient(top,#5d5d5d 0%,#424242 100%);background:linear-gradient(to bottom,#5d5d5d 0%,#424242 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d5d5d',endColorstr='#424242',GradientType=0);border-top:1px solid #717171;border-left:1px solid #717171;border-right:1px solid #2a2a2a;border-bottom:1px solid #2a2a2a;color:#fff}
.btn-gray:hover{background:#424242;background:-moz-linear-gradient(top,#424242 8%,#5d5d5d 100%);background:-webkit-linear-gradient(top,#424242 8%,#5d5d5d 100%);background:linear-gradient(to bottom,#424242 8%,#5d5d5d 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#424242',endColorstr='#5d5d5d',GradientType=0);border-top:1px solid #2a2a2a;border-left:1px solid #2a2a2a;border-right:1px solid #717171;border-bottom:1px solid #717171;color:#17e7ff}
.btn-blue{background:#1d6db1;background:-moz-linear-gradient(top,#1d6db1 0%,#055599 100%);background:-webkit-linear-gradient(top,#1d6db1 0%,#055599 100%);background:linear-gradient(to bottom,#1d6db1 0%,#055599 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d6db1',endColorstr='#055599',GradientType=0);border-top:1px solid #3d8fd5;border-left:1px solid #3d8fd5;border-right:1px solid #0c3e69;border-bottom:1px solid #0c3e69;color:#fff}
.btn-blue:hover{background:#055599;background:-moz-linear-gradient(top,#055599 0%,#1d6db1 100%);background:-webkit-linear-gradient(top,#055599 0%,#1d6db1 100%);background:linear-gradient(to bottom,#055599 0%,#1d6db1 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#055599',endColorstr='#1d6db1',GradientType=0);border-top:1px solid #0c3e69;border-left:1px solid #0c3e69;border-right:1px solid #3d8fd5;border-bottom:1px solid #3d8fd5;color:#fff}
.nav-tap{position:relative;width:100%}
.nav-tap ul{position:relative;width:100%}
.nav-tap ul li{display:inline-block;*display:inline;zoom:1}
.nav-tap ul li a{color:#c4c8d6}
.nav-tap ul li a:hover{color:#17e7ff}
.nav-tap .main{border-bottom:3px solid #2a3259}
.nav-tap .main li{background-color:#24263a}
.nav-tap .main li.on{background-color:#2a3259}
.nav-tap .main li.on a{color:#17e7ff;font-weight:700}
.nav-tap .main li a{display:block;width:100%;height:100%;padding:10px 15px}
.nav-tap .sub li.on a{color:#17e7ff;font-weight:700}
.nav-tap .sub li a{display:inline-block;*display:inline;zoom:1;padding:10px 15px}
.nav-tap .sub li span{color:#4a4e61}
.nav-timer{position:relative;width:100%;height:160px;margin:5px auto;border:2px solid #232435;background-color:#161727}
.nav-timer > ul{position:relative;width:100%;height:100%;text-align:center}
.nav-timer > ul:after{content:"";display:block;clear:both}
.nav-timer > ul > li{float:left;position:relative;width:25%;height:100%;border-left:2px solid #232435;padding:15px}
.nav-timer > ul > li.main{background-color:#0e0e19;border-left:none}
.nav-timer > ul > li.main .title{margin-bottom:0;font-size:16px;font-weight:700;color:#f4d56f}
.nav-timer > ul > li.main .timer{position:relative;width:161px;height:60px;background-repeat:no-repeat;background-image:url(/images/common/bg_timer.png);background-position:50% 0;margin:5px auto 0;padding-top:19px;font-size:20px;font-weight:700;line-height:1}
.nav-timer > ul > li .title{position:relative;width:100%;margin-bottom:10px;padding:5px 10px;background-color:#0e0e19}
.nav-timer > ul > li.power-ball .btn li a{padding-top:5px!important}
.nav-timer > ul > li.btn-single{padding-top:70px}
.nav-timer > ul > li.btn-single .btn-default{padding:20px}
.nav-timer > ul > li.btn-single .sel{color:#17e7ff;}
.nav-timer > ul > li.btn-multi{padding-top:36px}
.nav-timer > ul > li .btn{position:relative;width:100%;height:50px;margin:20px auto;text-align:center}
.nav-timer > ul > li .btn:after{content:"";display:block;clear:both}
.nav-timer > ul > li .btn li{float:left;position:relative;width:48%;height:100%;margin-right:4%}
.nav-timer > ul > li .btn li:last-child{margin-right:0}
.nav-timer > ul > li .btn li a{display:block;width:100%;height:100%;padding:15px 0 0!important}
.nav-timer > ul > li .btn li a.sel{color:#17e7ff;}
.main-banner{position:relative;width:100%;height:400px;background-repeat:no-repeat;background-image:url(/images/main/bnr_main.jpg);background-position:50% 0;background-color:#050507}
.main-banner a{display:block;width:100%;height:100%;overflow:hidden;text-indent:-9999px}
.main-banner .btn-result{position:absolute;top:106px;left:50%;width:125px;height:125px;margin-left:423px}
.main-banner .nav-games{position:absolute;top:100px;left:50%;width:800px;height:200px;margin-left:-400px}
.main-banner .nav-games:after{content:"";display:block;clear:both}
.main-banner .nav-games li{position:absolute;top:0;width:24%;height:100%}
.main-banner .nav-games li:nth-child(1){left:0}
.main-banner .nav-games li:nth-child(2){left:38%}
.main-banner .nav-games li:nth-child(3){right:0}
.board-view{position:relative;width:100%}
.board-view h3{position:relative;width:100%;padding:10px 25px;background-color:#24263a;border-bottom:2px solid #757da1;color:#c4c8d6}
.board-view .info{position:relative;width:100%}
.board-view .info:after{content:"";display:block;clear:both}
.board-view .info li{float:left;position:relative;width:50%}
.board-view .info li.writer{text-align:left}
.board-view .info li.date{text-align:right}
.board-view .content{position:relative;width:100%;margin:20px auto}
.board-view .comment{position:relative;width:100%;padding:15px;border-top:1px solid #383948;background-color:#232435}
.board-view .comment textarea{position:relative;width:100%;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;padding:10px}
.event-view{position:relative;width:100%}
.event-view h3{position:relative;width:100%;padding:10px 25px;background-color:#24263a;border-bottom:2px solid #757da1;color:#c4c8d6}
.event-view .date{position:relative;width:100%;text-align:right}
.event-view .content{position:relative;width:100%;margin:0 auto 20px;padding-bottom:20px;border-bottom:1px solid #383948}
.virtual-game{position:relative;width:100%;height:300px;margin-bottom:20px;background-color:#000;text-align:center}
.charge{position:relative;width:100%;margin-bottom:30px;color:#c4c8d6}
.charge h4{margin:20px 0 10px}
.charge ul{position:relative;width:100%}
.charge ul > li{position:relative;width:100%;margin-bottom:10px}
.charge ol{position:relative;width:100%;margin-top:10px}
.charge ol li{list-style:decimal;margin-left:20px}
aside{float:right;position:relative;width:20%}
aside .betting-chart{position:relative;width:100%;background-color:#282828;border-top:1px solid #555;border-left:1px solid #404040;border-right:1px solid #404040;border-bottom:1px solid #404040}
aside h3{position:relative;width:100%;padding:5px 0;background:#444;background:-moz-linear-gradient(top,#444 0%,#2b2b2b 100%);background:-webkit-linear-gradient(top,#444 0%,#2b2b2b 100%);background:linear-gradient(to bottom,#444 0%,#2b2b2b 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444',endColorstr='#2b2b2b',GradientType=0);border-bottom:1px solid #1a1a1a;text-align:center;text-shadow:0 1px 0 #000}
aside form{padding:0 10px 10px}
aside form select,aside form input[type=text]{display:block;width:100%;padding:5px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}
aside table tr th,aside table tr td{padding:5px}
aside table tr th span,aside table tr td span{color:#ff7589}
aside table tr th hr,aside table tr td hr{position:relative;width:100%;height:1px;margin:8px 0;background-color:#404040;border:none}
aside .btn-reset{margin-bottom:10px;padding-bottom:5px;text-align:right;border-bottom:1px solid #404040}
aside .btn-reset input{display:inline-block;*display:inline;zoom:1;background-color:transparent;color:#17e7ff}
aside .bet-type{position:relative;width:100%;text-align:center}
aside .bet-type li{display:inline-block;*display:inline;zoom:1;position:relative;width:30%;margin:3px 1.5px;background-color:#4d5062;border:1px solid #777c99}
aside .bet-type li:hover{border:1px solid #17e7ff}
aside .bet-type li:hover input{color:#17e7ff}
aside .bet-type li input{width:100%;height:100%;padding:5px 3px;background-color:transparent;color:#fff}
aside .result{font-size:20px;text-align:right}
aside .btn-default{width:100%;padding:5px}
aside .btn-submit{position:relative;width:100%;margin-top:20px;font-size:14px;font-weight:700}
aside .btn-submit input{width:100%;padding:10px}
aside .betting-list{position:relative;width:100%;margin-top:20px}
aside .betting-list li{position:relative;width:100%;margin-bottom:10px}
aside .betting-list li .rate{color:#f4d56f}
aside .betting-list li .btn-delete{position:absolute;top:50%;right:0;width:14px;height:16px;background-repeat:no-repeat;background-image:url(/images/common/icon_delete.png);background-position:50% 0;overflow:hidden;text-indent:-9999px;margin-top:-8px;cursor:pointer}
aside .quick-links{position:relative;width:100%;margin-top:20px}
aside .quick-links ul{position:relative;width:100%;text-align:center}
aside .quick-links ul:after{content:"";display:block;clear:both}
aside .quick-links ul li{float:left;position:relative;width:49%;margin-bottom:5px;background-color:#282828;border:1px solid #404040}
aside .quick-links ul li:nth-child(odd){margin-right:2%}
aside .quick-links ul li a{display:block;width:100%;height:100%;padding:5px}
#layer{position:absolute;top:100px;left:50%;width:auto;height:auto;box-shadow:0 0 100px #000;-webkit-box-shadow:0 0 100px #000;-moz-box-shadow:0 0 100px #000;-ms-box-shadow:0 0 100px #000;-o-box-shadow:0 0 100px #000;padding:65px 20px 10px;background-color:#23243b;border:1px solid #43445a;z-index:100}
#layer.big{width:800px;margin-left:-400px}
#layer.small{width:400px;margin-left:-200px}
#layer h3{position:absolute;top:0;left:0;width:100%;height:45px;padding:10px 20px;background-color:#12121e;font-size:14px;font-weight:700}
#layer .btn-close{position:absolute;top:0;right:0;width:45px;height:45px;background-repeat:no-repeat;background-image:url(/images/common/icon_close.png);background-position:50%;overflow:hidden;text-indent:-9999px;cursor:pointer}
#layer hr{position:relative;width:100%;height:1px;margin:20px 0 10px;background-color:#43445a;border:none}
#layer label{display:block;position:relative;width:100%;text-align:center}
#layer label input[type=checkbox]{display:inline-block;width:14px;height:14px;margin-right:5px;vertical-align:middle}
#layer label input[type=button]{margin-left:10px;padding:3px 10px}
footer{position:relative;width:100%;text-align:center}
footer a{display:block;width:100%;height:100%}
footer .btn-top{position:absolute;bottom:100px;left:50%;width:60px;height:24px;background-repeat:no-repeat;background-image:url(/images/common/btn_top.png);background-position:50% 0;overflow:hidden;text-indent:-9999px;margin-left:590px}
footer .quick-links{position:relative;width:1100px;margin:0 auto;padding:15px 0;background-color:#232438;border:1px solid #353a52}
footer .quick-links ul{position:relative;width:100%}
footer .quick-links ul li{display:inline-block;*display:inline;zoom:1;margin:0 11px}
footer .quick-links ul li img{vertical-align:middle}
footer .copyright{position:relative;width:100%;margin-top:40px;padding:20px;background-color:#09090d;color:#999}




/* 2019.07.29 Add
------------------------- */
.main-banner {
background-image:url(/images/main/bnr_main2.jpg)
}

.main-banner .nav-games {
width:1000px;
margin-left:-500px
}

.main-banner .nav-games li {
width:150px
}

.main-banner .nav-games li:nth-child(2) {
left:210px
}

.main-banner .nav-games li:nth-child(3) {
left:425px;
right:initial
}

.main-banner .nav-games li:nth-child(4) {
right:210px
}

.main-banner .nav-games li:nth-child(5) {
right:0
}

.nav-tap li a span {
  font-size: 10px;
  color: #ff5b50;
}

.pick-list  {
  position: relative;
  text-align: center;
}
.pick-list li {
  position: relative;
  display: inline-block;
  margin: 5px 10px;
  cursor: pointer;
  line-height: 1;
}
.pick-list li:hover:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 3px solid #fbf25f;
  border-radius: 50px;
}
.pick-list li.sel {
  border: 3px solid #fbf25f;
  border-radius: 40px;
}
.pick-list.pick2 li img {
  width: 60px;
}
.pick-list.pick4 li {
  margin: -5px 10px;
}
.pick-list.pick4 li img {
  width: 45px;
}

/* 2020.02.08 Add
------------------------- */
header .nav-gnb ul li {
  margin-right: 13px;
}
header .nav-gnb ul li.menu12{
  width: 69px;
  background-image:url(/images/nav/menu12.png);
}
header .nav-gnb ul li.menu12.on{
  background-position:50% 100%;
}
/* 2020.02.15 Add
------------------------- */
header .nav-gnb ul {
  width: 950px;
}
header .nav-gnb ul li {
  margin-right: 7px;
}
header .nav-gnb ul li:last-child {
  margin-right: 0;
}
header .nav-gnb ul li.menu13{
  width: 69px;
  background-image:url(/images/nav/menu13.png);
}
header .nav-gnb ul li.menu13.on{
  background-position:50% 100%;
}
.nav-timer > ul > li .horse-pick li.on {
  background-color: #ff0;
  border-radius: 5px;
  color: #000;
}
.nav-timer > ul > li .horse-pick li {
  font-family: Arial, sans-serif;
  display: inline-block;
  margin-right: 10px;
  padding: 2px 4px;
  font-size: 10px;
  line-height: 20px;
  cursor: pointer;
  vertical-align: middle;
}
.nav-timer > ul > li .horse-pick li:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  border-radius: 20px;
  border: 0 solid #000000;
  background-repeat: repeat;
  background-position: 50% 50%;
  background-size: contain;
  vertical-align: middle;
}
.nav-timer > ul > li.horse {
  width: 75%;
}
.nav-timer > ul > li .horse-pick  li.pat11:before {
  background-image: url('/images/icon/icon_horse_pick1.png');
}
.nav-timer > ul > li .horse-pick  li.pat12:before {
  background-image: url('/images/icon/icon_horse_pick2.png');
}
.nav-timer > ul > li .horse-pick  li.pat13:before {
  background-image: url('/images/icon/icon_horse_pick3.png');
}
.nav-timer > ul > li .horse-pick  li.pat14:before {
  background-image: url('/images/icon/icon_horse_pick4.png');
}
.nav-timer > ul > li .horse-pick  li.pat15:before {
  background-image: url('/images/icon/icon_horse_pick5.png');
}
.nav-timer > ul > li .horse-pick  li.pat16:before {
  background-image: url('/images/icon/icon_horse_pick6.png');
}
.nav-timer > ul > li .horse-pick  li.pat17:before {
  background-image: url('/images/icon/icon_horse_pick7.png');
}
.nav-timer > ul > li .horse-pick  li.pat18:before {
  background-image: url('/images/icon/icon_horse_pick8.png');
}
.nav-timer > ul > li .horse-pick  li.pat19:before {
  background-image: url('/images/icon/icon_horse_pick9.png');
}
.nav-timer > ul > li .horse-pick  li.pat1:before {
  background-image: url('/images/icon/icon_horse_pat1.png');
  color: #000;
}
.nav-timer > ul > li .horse-pick  li.pat2:before {
  background-image: url('/images/icon/icon_horse_pat2.png');
  color: #000;
}
.nav-timer > ul > li .horse-pick  li.pat3:before {
  background-image: url('/images/icon/icon_horse_pat3.png');
  color: #000;
}
.nav-timer > ul > li .horse-pick  li.pat4:before {
  background-image: url('/images/icon/icon_horse_pat4.png');
  color: #000;
}
.nav-timer > ul > li .horse-pick  li.pat5:before {
  background-image: url('/images/icon/icon_horse_pat5.png');
  color: #000;
}
.nav-timer > ul > li .horse-pick  li.pat6:before {
  background-image: url('/images/icon/icon_horse_pat6.png');
  color: #000;
}
.nav-timer > ul > li .horse-pick  li.pat7:before {
  background-image: url('/images/icon/icon_horse_pat7.png');
  color: #000;
}
.nav-timer > ul > li .horse-pick  li.pat8:before {
  background-image: url('/images/icon/icon_horse_pat8.png');
  color: #000;
}
.nav-timer > ul > li .horse-pick  li.pat9:before {
  background-image: url('/images/icon/icon_horse_pat9.png');
  color: #000;
}
.nav-timer > ul > li .horse-pick  li.pat10:before {
  background-image: url('/images/icon/icon_horse_pat10.png');
  color: #000;
}
.nav-timer > ul > li .horse-title {
  margin-bottom: 10px;
}
.nav-timer > ul > li .horse-title span {
  display:  inline-block;
    margin: 0 10px;
    padding: 5px;
    background-color: #4d5062;
    border: 1px solid #777c99;
    color:#fff;
    line-height: 1;
    cursor: pointer;
}
.nav-timer > ul > li .horse-title span:hover {
  border: 1px solid #17e7ff;
}