@charset "utf-8";
@import url("../css/font.css");
html {font-size-adjust: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textare a,button,select{margin:0;padding:0}
ul,ol,dl,li,dd,dt {list-style:none;}
body {height:100%; line-height: 1; font-size:13px; background-color: #15191F; font-family: 'NTS_L',Sans-serif;}
img,fieldset,iframe,button {border:none; outline: none;}
i,em,address{font-style:normal;}
button,label{cursor:pointer}
table {border-collapse:collapse; border-spacing:0; vertical-align:middle;}
input,select,button,textarea{vertical-align:middle; border: 0; outline: none; color:#222; font-family: 'NTS_L',Sans-serif;}
input:focus,textarea:focus {outline:none}
a:link, a:visited, a:hover, a:active {text-decoration:none;}


/********************************************************
■ total : 공통
********************************************************/
.fl {float: left;}
.fr {float: right;}
.cb {clear: both;}
.tal {text-align: left;}
.tar {text-align: right;}
.tac {text-align: center;}
.f11 {font-size: 11px;}
.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f17 {font-size: 17px;}
.f18 {font-size: 18px;}
.f19 {font-size: 19px;}
.f20 {font-size: 20px;}


/********************************************************
■ font color : 폰트컬러
********************************************************/
.tx_red {color: #f82c2c;}
.tx_blue {color: #2f8efc;}
.tx_green {color: #9bd132;}
.tx_gray {color: #999;}
.tx_org {color: #ed8334;}
.tx_white {color: #fff;}
.tx_sky {color: #41e1ff;}
.tx_yell {color: #ffce00;}
.tx_brown {color: #d99a62;}
.tx_viot {color: #ec5eef;}

.bg_gn {background-color: #8D8D8D;}
.bg_g0 {background-color: #393634;}
.bg_g1 {background-color: #F2B701;}
.bg_g2 {background-color: #f78500;}
.bg_g3 {background-color: #ef0034;}
.bg_g4 {background-color: #cc0066;}
.bg_g5 {background-color: #af42c4;}
.bg_g6 {background-color: #1c8bea;}
.bg_g7 {background-color: #03a878;}
.bg_g8 {background-color: #77c643;}

.bg_gD {background-color: #F2B701;}
.bg_gH {background-color: #f78500;}
.bg_gS {background-color: #ef0034;}
.bg_gV {background-color: #cc0066;}
.bg_gL {background-color: #af42c4;}
.bg_gR {background-color: #1c8bea;}
.bg_gP {background-color: #03a878;}
.bg_gO {background-color: #03a878;}
.bg_gA {background-color: #77c643;}
.bg_gB {background-color: #77c643;}
.bg_gG {background-color: #77c643;}
.bg_gX {background-color: #77c643;}
.bg_gJ {background-color: #77c643;}


/********************************************************
■ botton : 버튼 세트
********************************************************/
.btn_st_n, .btn_st_s, .btn_st_xs, .btn_st_xxs, .btn_st_l, .btn_st_re {border-radius: 2px; -webkit-border-radius: 2px;}

.btn_st_n {display: inline-block; line-height: 1; padding: 10px 14px 11px 14px; margin: 0 2px; background-color: #215991; text-align: center; cursor: pointer; vertical-align: middle;}
.btn_st_s {display: inline-block; line-height: 1; padding: 9px 14px 10px 14px; margin: 0 2px; background-color: #215991; text-align: center; cursor: pointer; vertical-align: middle;}
.btn_st_xs {display: inline-block; line-height: 1; padding: 6px 14px 7px 14px; margin: 0 2px; background-color: #215991; text-align: center; cursor: pointer; vertical-align: middle;}
.btn_st_xxs {display: inline-block; line-height: 1; padding: 8px 10px 9px 10px; margin: 0 2px; background-color: #215991; text-align: center; cursor: pointer; vertical-align: middle;}
.btn_st_l {display: inline-block; line-height: 1; padding: 15px 30px; margin: 0 5px; background-color: #4E7EC4; text-align: center; cursor: pointer; vertical-align: middle; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}
.btn_st_re {display: inline-block; width: 86px; line-height: 1; padding: 30px 0; background-color: #4E7EC4; text-align: center; cursor: pointer; vertical-align: middle;}

.btst_r {background-color: #c10000; color: #f4f4f4;} /* 빨강 */
.btst_dr {background-color: #831b1b; color: #f4f4f4;} /* 다크빨강 */
.btst_b {background-color: #1561db; color: #f4f4f4;} /* 파랑 */
.btst_bv {background-color: #0877be; color: #f4f4f4;} /* 남색 */
.btst_or {background-color: #a25a1c; color: #f4f4f4;} /* 주황 */
.btst_br {background-color: #71514a; color: #f4f4f4;} /* 갈색 */
.btst_ybr {background-color: #3b4d69; color: #f4f4f4;} /* 연갈색 */
.btst_y {background-color: #FFC600; color: #2A313E;} /* 노랑 */
.btst_g {background-color: #1f7443; color: #f4f4f4;} /* 녹색 */
.btst_bg {background-color: #006465; color: #f4f4f4;} /* 청록 */
.btst_p {background-color: #6f0e86; color: #f4f4f4;} /* 보라 */
.btst_yg {background-color: #597e03; color: #f4f4f4;} /* 연두 */
.btst_gry {background-color: #525252; color: #f4f4f4;} /* 회색 */

.btn_bx, .btn_bx20, .btn_row40 {content: ''; clear: both; display: block; overflow: hidden;}
.btn_bx {padding: 10px 10px 0 10px;}
.btn_bx210 {padding: 20px 10px 10px 10px;}
.btn_bx20 {padding: 20px 10px 0 10px;}
.btn_row30 {padding: 30px 0;}
.btn_row40 {padding: 40px 0;}
.btn_row20 {padding: 20px 0;}

.bt_m {padding: 0 12px; height: 29px; line-height: 29px; margin: 0 1px; font-size: 13px;}
.bt_ybrn {display: inline-block; color: #fff !important; background-color: #3B4D69; text-align: center;} /* 연한갈색 */

/********************************************************
■ text input : 텍스트 입력폼
********************************************************/
::-webkit-input-placeholder {color: #666;} /* 크롬 4–56 */
:-moz-placeholder {color: #666; opacity: 1;}/* 파이어폭스 4–18 */
::-moz-placeholder {color: #666; opacity: 1;}/* 파이어폭스 19–50 */
:-ms-input-placeholder {color: #666;}/* 인터넷 익스플로러 10+ */
::placeholder {color: #666; opacity: 1;}/* 파이어폭스 51+, 크롬 57+ */

.select_st {height: 36px; line-height: 36px; padding: 0 50px 0 10px; margin: 0 0 0 3px; border: 1px solid #111; background: #fff url(../images/select_down.png) no-repeat 90% 50%; color: #333; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.select_st::-ms-expand {display: none;}

.input_st {padding: 10px 10px 9px 10px;}
.input_ip {font-size: 13px; letter-spacing: -0.5px;}

.input_bx {display: inline-block; padding: 0 10px; margin: -0px 3px 0 3px; background-color: #fff; border: 1px solid #ccc; color: #333; vertical-align: middle; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2) inset; box-sizing: border-box; -webkit-box-sizing: border-box;}
.input_bx input {display: inline-block; width: 100%; height: 32px; line-height: 32px; background-color: transparent;}

.checkbox {position: relative; cursor: pointer; overflow: hidden; display: inline-block; line-height: 18px; vertical-align: middle;}
.checkbox input.cb_box {position: absolute; top: 0; left: 0; opacity: 0; cursor: pointer; z-index: 5; width: 20px; height: 20px;}
.checkbox i {float: left; display: block; width: 20px; height: 20px; z-index: 3; background: url(../images/checkbox.png) no-repeat;}
.checkbox label {float: left; margin-left: 5px; margin-top: 1px; cursor: pointer; color: #bbb;}
.checkbox input.cb_box:checked+i {background-position: 0 -20px;}
.checkbox input.cb_box:checked+i+label {color: #BC8720;}

.txtr {overflow: hidden; line-height: 1.5; resize: none; font-size: 13px; letter-spacing: -0.5px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2) inset;}


/********************************************************
■ bg : 배경
********************************************************/
.mbg {background: url(../images/mbg.jpg) repeat-x center 280px;}
.dongmbg {background: url(../images/dong_mbg.jpg) repeat-x center 280px;}
.baombg {background: url(../images/bao_mbg.png) repeat-x center 280px;}


/********************************************************
■ layout : 레이아웃
********************************************************/
#warp {min-width: 1200px; position: relative;}
#hdrwarp {margin-bottom: 20px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.7);}
#container {width: 1200px; min-height: 540px; margin: 0 auto 100px auto;}
#content {position: relative; padding: 10px; background-color: rgba(21, 24, 31, 0.9); border-top: 1px solid #111;}
#content::after {content: ""; clear: both; display: block;}
#content_left {float: left; width: 930px; margin-right: 10px;}
#content_right {float: left; width: 240px;}
.row {position: relative; width: 1200px; margin: 0 auto;}
.row::after {content: ''; clear: both; display: block;}
@media (max-width: 1590px) {
    .warp_wide {min-width: 1590px!important;}
}


/********************************************************
■ hdrtop : 헤드탑
********************************************************/
#hdrtop {border-bottom: 1px solid #111; background-color: #0F1F2E; /* 이미지 없이 배경색만 적용 */}
#hdrtop.tbg {border-bottom: 1px solid #111; background: #0F1F2E url(../images/top_bg.jpg) no-repeat center top;}

#hdrtop h1 {height: 100px; text-align: center}
#hdrtop h1 a {display: inline-block; padding: 25px 10px 0 10px;}


/********************************************************
■ gnb_row : 메뉴
********************************************************/
#gnb_row {height: 67px; background-color: #252e3b;}
#gnb_row .gnb {position: relative; width: 1200px; margin: 0 auto; text-align: center;}
#gnb_row .gnb::after {content: ''; display: block; overflow: hidden; clear: both; height: 1px; width: 100%; 
    background-color: #111;
    background: -webkit-linear-gradient(left, #111 0%, #2f6fd3 50%, #111 100%);
    background: -o-linear-gradient(left, #111 0%, #2f6fd3 50%, #111 100%);
    background: linear-gradient(left, #111 0%, #2f6fd3 50%, #111 100%);
}
#gnb_row .gnb > li {position: relative; display: table-cell; width: 1%; line-height: 67px;}
#gnb_row .gnb > li > a {display: block; color: #efefef; font-size: 17px; letter-spacing: -1px; -webkit-transition: 0.3s; transition: 0.3s; font-family: 'NTS_R';}
#gnb_row .gnb > li > a:hover, #gnb_row .gnb > li:hover a {color: #ffc33d;}
#gnb_row .gnb > li:hover .sb_gnb {display: block;}
#gnb_row .gnb > li .sb_gnb {display: none; position: absolute; left: -5px; right: -5px; top: 67px; border-top: 1px solid rgba(45, 105, 199, 0.7); box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.40); z-index: 99;}
#gnb_row .gnb > li .sb_gnb > li {line-height: 44px; text-align: center; border-bottom: 1px solid #13171c;}
#gnb_row .gnb > li .sb_gnb > li > a {display: block; background-color: #313d4e; color: #B8C2CD; font-size: 15px; letter-spacing: 0; -webkit-transition: 0.3s; transition: 0.3s;}
#gnb_row .gnb > li .sb_gnb > li > a:hover {background-color: #1b55af; color: #fff;}

.ico_new {position: absolute; top:-10px; right:22px; height:22px; line-height:24px; padding:0 10px; background: #4D7B2B; border-radius: 20px; font-size: 11px; color:#fff; letter-spacing:-1px; font-family: "돋움",Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;
    -webkit-animation: example 5s linear 2s infinite alternate; /* Safari 4.0 - 8.0 */
    animation: example 3s linear 2s infinite alternate;
}
.ico_new:after, .ico_new:before {position: absolute; top: 100%; left: 50%; height: 0; width: 0; border: solid transparent; content:""; pointer-events: none;}
.ico_new:after {border-color: rgba(136, 183, 213, 0); border-top-color: #4D7B2B; border-width: 5px; margin-left: -6px;
    -webkit-animation: example2 5s linear 2s infinite alternate; /* Safari 4.0 - 8.0 */
    animation: example2 3s linear 2s infinite alternate;
}
.ico_new:before {border-color: rgba(194, 225, 245, 0); border-width: 21px; margin-left: -21px;}

@-webkit-keyframes example {
    0%   {background-color:#bf4a0d;}
    50%  {background-color:#d08208;}
    100% {background-color:#05a869;}
}
@keyframes example {
    0%   {background-color:#bf4a0d;}
    50%  {background-color:#d08208;}
    100% {background-color:#05a869;}
}

@-webkit-keyframes example2 {
    0%   {border-top-color: #bf4a0d;}
    50%  {border-top-color: #d08208;}
    100% {border-top-color: #05a869;}
}
@keyframes example2 {
    0%   {border-top-color: #bf4a0d;}
    50%  {border-top-color: #d08208;}
    100% {border-top-color: #05a869;}
}


/********************************************************
■ info_row : 회원정보
********************************************************/
#info_row {background-color: #1b212a; border-top: 1px solid #111; border-bottom: 1px solid #111;}
#info_row .info {display: table; width: 1198px; margin: 0 auto; border-right: 1px solid #111; border-left: 1px solid #111;}
#info_row .info > div {display: table-cell; height: 56px; line-height: 56px; padding: 0 8px; text-align: center; letter-spacing: -0.5px;}

#info_row .info .if_ltbox {max-width: 250px; border-right: 1px solid #111; color: #a9b2ba; font-size: 15px;}
#info_row .info .if_ltbox img {margin: 0 3px 0 0; vertical-align: middle;}
#info_row .info .if_ltbox .if_name {color: #f8f7f5;}

#info_row .info .if_ctbox {color: #a9b2ba; font-size: 15px;}
#info_row .info .if_ctbox span {display: table-cell;padding: 0 20px;width: 1%;}
#info_row .info .if_ctbox .if_msg {color: #d151d1;}
#info_row .info .if_ctbox .if_coin {color: #e6c337;}
#info_row .info .if_ctbox .if_betcoin {color: #0bc476;}
#info_row .info .if_ctbox .if_point {color: #38a3ff;}

#info_row .info .if_rtbox {width: 100px; border-left: 1px solid #111;}
#info_row .info .if_rtbox .if_btn {display: inline-block; line-height: 1; padding: 9px 10px; margin: 0 5px; color: #e6ded3;}
#info_row .info .if_rtbox .co_edit {background-color: #2e476c;}
#info_row .info .if_rtbox .co_logout {background-color: #7e2929;}


/********************************************************
■ led : 전광판
********************************************************/
#led_row {padding: 10px 0; background-color: #1b212a; border-bottom: 1px solid #111;}
#led_row .led {position: relative; width: 1140px; height: 44px; line-height: 44px; padding: 0 20px 0 40px; margin: 0 auto; background-color: #101319; border-radius: 50px; -webkit-border-radius: 50px; box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.3);}
#led_row .led img {position: absolute; left: 16px; top: 10px;}
#led_row .led .tx_led {overflow: hidden;}


/********************************************************
■ mini_game : 미니게임 아이콘
********************************************************/
.mini_game {padding: 12px; margin-bottom: 8px; background-color: rgba(21, 24, 31, 0.9); border: 1px solid #161617; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7); font-family: "돋움",Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.mini_game .mgm_row {text-align: center;}
.mini_game .mgm_row a {display: inline-block;}
.mini_game .mgm_row a p {padding: 5px 0 0 0; color: #afa6a0; text-align: center; -webkit-transition: 0.3s; transition: 0.3s;}
.mini_game .mgm_row a:hover p {color: #ffc33d;}
.mini_game .mgm_row a span {display: inline-block; width: 70px; height: 70px; -webkit-transition: 0.3s; transition: 0.3s;}
.mini_game .mgm_row a .mg_ico {background: url(/images/icon_mngm_.png?1) no-repeat;}
.mini_game .mgm_row a:hover span {-webkit-transform: scale(0.9); transform: scale(0.9);}
.mini_game .mgm_row a .crs {background-position: 0 0;}
.mini_game .mgm_row a .win {background-position: -74px 0;}
.mini_game .mgm_row a .hdy {background-position: -148px 0;}
.mini_game .mgm_row a .spc {background-position: -222px 0;}
.mini_game .mgm_row a .lve {background-position: -296px 0;}
.mini_game .mgm_row a .sce {background-position: 0 -148px;}
.mini_game .mgm_row a .mgm {background-position: -370px 0;}
.mini_game .mgm_row a .lts {background-position: 0 -74px;}
.mini_game .mgm_row a .pwb {background-position: -74px -74px;}
.mini_game .mgm_row a .pwsdr {background-position: -148px -74px;}
.mini_game .mgm_row a .bst {background-position: -222px -74px;}
.mini_game .mgm_row a .knsdr {background-position: -296px -74px;}
.mini_game .mgm_row a .mtgame {background-position: -370px -74px;}
.mini_game .mgm_row a .end {background-position: -444px 0;}
.mini_game .mgm_row a .bscard {background-position: -74px -148px;}


/********************************************************
■ mini_game fix : 미니게임 아이콘 고정
********************************************************/
.mini_game_fix {margin-bottom: 8px; background-color: rgba(21, 24, 31, 0.9); border: 1px solid #161617; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7); font-family: "돋움",Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.mini_game_fix .mgm_fixrow {padding: 0 10px; text-align: center;}
.mini_game_fix .mgm_fixrow > li {position: relative; display: table-cell; width: 1%; padding: 12px 0;}
.mini_game_fix .mgm_fixrow > li > a {display: inline-block;}
.mini_game_fix .mgm_fixrow > li > a p {padding: 5px 0 0 0; color: #a9b2ba; text-align: center; -webkit-transition: 0.3s; transition: 0.3s;}
.mini_game_fix .mgm_fixrow > li > a span {display: inline-block; width: 70px; height: 70px; -webkit-transition: 0.3s; transition: 0.3s;}
.mini_game_fix .mgm_fixrow > li > a .mg_ico {background: url(/images/icon_mngm_.png?2) no-repeat;}
.mini_game_fix .mgm_fixrow > li > a .next_ico {background: url(/images/next_icon.png?2) no-repeat;}
.mini_game_fix .mgm_fixrow > li > a .crs {background-position: 0 0;}
.mini_game_fix .mgm_fixrow > li > a .win {background-position: -74px 0;}
.mini_game_fix .mgm_fixrow > li > a .hdy {background-position: -148px 0;}
.mini_game_fix .mgm_fixrow > li > a .spc {background-position: -222px 0;}
.mini_game_fix .mgm_fixrow > li > a .lve {background-position: -296px 0;}
.mini_game_fix .mgm_fixrow > li > a .sce {background-position: -370px 0;}
.mini_game_fix .mgm_fixrow > li > a .mgm {background-position: 0 -74px;}
.mini_game_fix .mgm_fixrow > li > a .lts {background-position: -74px -74px;}
.mini_game_fix .mgm_fixrow > li > a .pwb {background-position: -148px -74px;}
.mini_game_fix .mgm_fixrow > li > a .pwsdr {background-position: -222px -74px;}
.mini_game_fix .mgm_fixrow > li > a .bst {background-position: -370px -74px;}
.mini_game_fix .mgm_fixrow > li > a .knsdr {background-position: -296px -74px;}
.mini_game_fix .mgm_fixrow > li > a .mtgame {background-position: 0 -148px;}
.mini_game_fix .mgm_fixrow > li > a .end {background-position: -370px -74px;}
.mini_game_fix .mgm_fixrow > li > a .bscard {background-position: -74px -148px;}
.mini_game_fix .mgm_fixrow > li > a .sdr {background-position: -222px -148px;}
.mini_game_fix .mgm_fixrow > li > a .drdr {background-position: -148px -148px;}
.mini_game_fix .mgm_fixrow > li > a .dpe {background-position: -296px -148px;}
.mini_game_fix .mgm_fixrow > li > a .named {background-position: -370px -148px;}
.mini_game_fix .mgm_fixrow > li > a .power {background-position: -444px -148px;}

.mini_game_fix .mgm_fixrow > li > a:hover, 
.mini_game_fix .mgm_fixrow > li > a:hover p,
.mini_game_fix .mgm_fixrow > li:hover a p {color: #ffc33d;}
.mini_game_fix .mgm_fixrow > li > a:hover span, 
.mini_game_fix .mgm_fixrow > li:hover a span {-webkit-transform: scale(0.9); transform: scale(0.9);}

.mini_game_fix .mgm_fixrow > li:hover .nav_sub {display: block; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);}
.mini_game_fix .mgm_fixrow > li:hover .nav_sub::before {content: ""; position: absolute; top: -10px; left: 50%; display: block; width: 0px; margin-left: -8px; border-width: 0 8px 8px; border-color: #2B62B7 transparent; border-style: solid;}
.mini_game_fix .mgm_fixrow > li .nav_sub {display: none; position: absolute; left: -20px; right: -20px; top: 112px; border-top: 3px solid #2B62B7; z-index: 99;}
.mini_game_fix .mgm_fixrow > li .nav_sub > li {line-height: 44px; text-align: left; border-bottom: 1px solid #15181F;}
.mini_game_fix .mgm_fixrow > li .nav_sub > li > a {display: block; padding: 0 0 0 15px; background-color: #2a374b; color: #eee; font-size: 12px; font-family: '돋움',dotum,sans-serif; letter-spacing: 0; -webkit-transition: 0.3s; transition: 0.3s;}
.mini_game_fix .mgm_fixrow > li .nav_sub > li > a:hover {background-color: #294A7C; color: #fff;}




/********************************************************
■ main_bn : 메인배너
********************************************************/
#main_bn {position:relative; width:1200px; height:400px; margin: 15px 0 0 0; background:url(/images/main_gr.png); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.0);}
#main_bn.dong_main {position:relative; width:1200px; height:540px; margin: 15px 0 0 0; background:url(/images/dong_main.png); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.0);}
#main_bn #overlay {position:absolute; top:0; left:0; width:1200px; height:400px;}
#main_bn #overlay .title {line-height:50px; padding:160px 50px 0 0; text-align:center; font-size:70px; font-weight:bold; color:#fff; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); font-family:Arial, Helvetica, Verdana, sans-serif; letter-spacing:-4px; animation:bounce 2s infinite; -webkit-animation:bounce 2s infinite;}

@-webkit-keyframes bounce {
    0% {-webkit-transform:translate(0, 0); opacity: 1;}
    50% {-webkit-transform:translate(0, -10px); opacity: 0.7;}
    100% {-webkit-transform:translate(0, 0); opacity: 1;}
}
@keyframes bounce {
    0% {transform:translate(0, 0); opacity: 1;}
    50% {transform:translate(0, -10px); opacity: 0.7;}
    100% {transform:translate(0, 0); opacity: 1;}
}



/********************************************************
■ sub_row : 서브타이틀
********************************************************/
.sub_row {padding: 15px 15px; margin-bottom: 8px; background-color: rgba(21, 24, 31, 0.9); border: 1px solid #161617; text-align: left; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);}
.sub_row h3 {display: inline-block; color: #e4e4e4; font-size: 22px; font-weight: normal; letter-spacing: -1px;}
.sub_row h3::after {content: ""; padding: 6px 0 0 0; border-bottom: 1px solid #3982f5; display: block;}
.sub_row .cate_ico {float: right; display: none; line-height: 30px; color: #a9b2ba; font-size: 12px; font-family: "돋움",Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.sub_row .cate_ico span {display: inline-block; margin: 0 3px; letter-spacing: -0.5px;}
.sub_row .cate_ico em {display: inline-block; width: 10px; height: 10px; margin: 0 3px; border-radius: 10px; -webkit-border-radius: 10px;} 


/********************************************************
■ foot_menu : 하단
********************************************************/
#footer {clear: both; border-top: 1px solid #222A36; background-color: #15191F; font-family: "돋움",Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.foot_menu {border-bottom: 1px solid #111;}
.foot_menu .ft_menu {display: table; width: 1200px; margin: 0 auto; text-align: center;}
.foot_menu .ft_menu li {display: table-cell; }
.foot_menu .ft_menu li a {display: block; padding: 20px 0; color: #4e5154; font-size: 12px; -webkit-transition: 0.3s; transition: 0.3s;}
.foot_menu .ft_menu li a:hover {color: #3979d8;}
.foot_copy {padding: 20px 0; text-align: center; background-color: #15191F;}
.foot_copy p {padding: 10px 0 0 0;}
.foot_copy p a {display: inline-block; padding: 8px 20px; border: 1px solid #2e3443; background-color: #1B212A; color: #666; font-size: 11px; -webkit-transition: 0.3s; transition: 0.3s;}
.foot_copy p a:hover {border: 1px solid #bc8720; color: #bc8720;}


/********************************************************
■ search : 검색
********************************************************/
.search {padding: 12px 10px; margin-bottom: 8px; background-color: rgba(21, 24, 31, 0.9); border: 1px solid #161617; text-align: left; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);}
.search::after {content: ''; display: block; clear: both;}
.search .sch_box {display: inline-block;}
.search .sch_left {float: left; width: 700px; color: #ccc;}
.search .sch_right {float: right; width: 400px; text-align: right;}


/********************************************************
■ no data : 데이터 없음
********************************************************/
.no_data {overflow: hidden; text-align: center; color: #999;}
.no_data::after {content: ''; clear: both; display: block;}
.no_data p {padding: 80px 0; font-size: 13px;}


/********************************************************
■ page move : 페이지이동
********************************************************/
.move {margin: 50px auto 0 auto; text-align: center;}
.move .page {overflow: hidden;}
.move .page li {display: inline-block; min-width: 40px; height: 40px; line-height: 40px; margin: 0 2px; vertical-align: middle; border: 1px solid #273346; background-color: #1B212A; -webkit-transition: 0.3s; transition: 0.3s;}
.move .page li:hover {border-color: #2d64bc;}
.move .page li:hover span {color: #fff;}
.move .page li.on {border-color: #2d64bc;}
.move .page li.on span {color: #fff;}
.move .page li span {display: block; color: #aaa;}

.move .page li.next span, .move .page li.prev span {position: relative; width: 40px; height: 40px;}
.move .page li.next span::before, .move .page li.prev span::before {content: ''; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; border: 0 solid #aaa; border-width: 1px 1px 0 0;}
.move .page li.prev span::before {margin: -4px 0 0 -3px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
.move .page li.next span::before {margin: -4px 0 0 -6px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.move .page li.next_end span, .move .page li.prev_end span {position: relative; width: 40px; height: 40px;}
.move .page li.next_end span::before, .move .page li.prev_end span::before {content: ''; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; border: 0 solid #aaa; border-width: 1px 1px 0 0;}
.move .page li.next_end span::after, .move .page li.prev_end span::after {content: ''; position: absolute; left: 40%; top: 50%; width: 8px; height: 8px; border: 0 solid #aaa; border-width: 1px 1px 0 0;}
.move .page li.prev_end span::before, .move .page li.prev_end span::after {margin: -4px 0 0 -2px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
.move .page li.next_end span::before, .move .page li.next_end span::after {margin: -4px 0 0 -5px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}


/********************************************************
■ category sub : 카테고리 서브
********************************************************/
.game_cate {padding: 5px; margin-bottom: 10px; background-color: #252E3B; text-align: center; letter-spacing: -0.5px; box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);}
.game_cate ul {border: 1px solid #111;}
.game_cate ul::after {content: ''; clear: both; display: block;}
.game_cate ul li {display: table-cell; width: 1%; border-left: 1px solid #111; background-color: #1B212A;}
.game_cate ul li:first-child {border-left: none;}
.game_cate ul li a {display: block; line-height: 42px; height: 42px; color: #a9b2ba; font-size: 13px; -webkit-transition: 0.3s; transition: 0.3s}
.game_cate ul li a p {padding: 0 0 0 3px; display: inline-block;}
.game_cate ul li a.on, .game_cate ul li a:hover {background-color: #294a7c; color: #fff;}


/********************************************************
■ category menu : 카테고리 메뉴
********************************************************/
.cate_btn {display: table; margin-bottom: 10px; text-align: left; font-size: 0; border: 1px solid #111; letter-spacing: -1px;}
.cate_btn a {display: table-cell; width: 1%; padding: 15px 0; border-left: 1px solid #111; background-color: #283240; font-size: 13px; color: #a9b2ba; text-align: center; -webkit-transition: 0.3s; transition: 0.3s}
.cate_btn a:first-child {border-left: none;}
.cate_btn a.on, .cate_btn a:hover {background-color: #294a7c; color: #f4f4f4;}


/********************************************************
■ category menu : 카테고리 메뉴
********************************************************/
.cate_btn2 {padding: 5px; margin-bottom: 10px; background-color: #252E3B; text-align: center; letter-spacing: -0.5px; box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2)}
.cate_btn2 ul {border: 1px solid #111;}
.cate_btn2 ul::after {content: ''; clear: both; display: block;}
.cate_btn2 ul li {display: table-cell; width: 1%; border-left: 1px solid #111; background-color: #1B212A;}
.cate_btn2 ul li:first-child {border-left: none;}
.cate_btn2 ul li a {display: block; padding: 12px 0; color: #a9b2ba; -webkit-transition: 0.3s; transition: 0.3s}
.cate_btn2 ul li a.on, .cate_btn ul li a:hover {background-color: #294a7c; color: #fff;}


/********************************************************
■ cart : 베팅카트
********************************************************/
#betcart {position: relative; background-color: #181d26; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);}

/* 카트 head */
#betcart .ct_hd {overflow: hidden; border-bottom: 1px solid #111;}
#betcart .ct_hd::after {content: ''; display: block; clear: both;}
#betcart .ct_hd a {float: right; display: block; width: 50px; line-height: 19px; padding: 10px 0; border-left: 1px solid #111; text-align: center; color: #e2e2e2;}
#betcart .ct_hd a.hold {background-color: #2E476C;}
#betcart .ct_hd a.del {background-color: #7E2929;}
#betcart .ct_hd .clock {float: left; width: 138px; height: 25px; padding: 7px 0; background-color: #2f3e55; text-align: center;}
#betcart .ct_hd .clock span {font-size: 22px; color: #e2e2e2; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);}

/* 카트 배팅리스트 */
#betcart .ct_list {font-size: 13px; letter-spacing: -1px;}
#betcart .ct_list .crt_gm {position: relative; margin: 4px 0; background-color: #222a36;}
#betcart .ct_list .crt_gm p {height: 36px; line-height: 36px; border-bottom: 1px solid #111;}
#betcart .ct_list .crt_gm p .tm {overflow:hidden; display: inline-block; width: 194px; padding: 0 5px; color: #ddd; white-space:nowrap; text-overflow:ellipsis;}
#betcart .ct_list .crt_gm p .tm.cho {overflow:hidden; display: inline-block; width: 149px; padding: 0 5px; color: #86c7ff; white-space:nowrap; text-overflow:ellipsis;}
#betcart .ct_list .crt_gm p .odd {float: right; width: 70px; padding: 0 5px; border-left: 1px solid #111; color: #dead2a; text-align: center;}
#betcart .ct_list .crt_gm p a {position: absolute; right: 0px; top: 0px; width: 36px; height: 36px; text-indent: -99999px;}
#betcart .ct_list .crt_gm p a.del {border-left: 1px solid #111; background: #2F3E55 url(../images/icon_closs.png) no-repeat center; background-size: 20px 20px;}

/* 카트 정보 */
#betcart .ct_bet {overflow: hidden; text-align: left; font-size: 13px;}
#betcart .ct_bet .ct_bet_my {padding: 6px 10px; background-color: #2F3E55; border-bottom: 1px solid #111;}
#betcart .ct_bet .ct_bet_my::after {content: ''; display: block; clear: both;}
#betcart .ct_bet .ct_bet_my li {line-height: 28px;}
#betcart .ct_bet .ct_bet_my li span {display: inline-block;}
#betcart .ct_bet .ct_bet_my li.tx {float: left; width: 40%; color: #ddd;}
#betcart .ct_bet .ct_bet_my li.num {float: right; width: 60%; color: #ddd; text-align: right;}
#betcart .ct_bet .ct_bet_my li.num span {color: #ffc600;}

#betcart .ct_bet .ct_bet_if {padding: 5px 10px 8px 10px; background-color: #222A36; border-bottom: 1px solid #111;}
#betcart .ct_bet .ct_bet_if::after {content: ''; display: block; clear: both;}
#betcart .ct_bet .ct_bet_if li {line-height: 26px;}
#betcart .ct_bet .ct_bet_if li span {display: inline-block; color: #fff;}
#betcart .ct_bet .ct_bet_if li.tx {float: left; width: 40%; color: #bbb;}
#betcart .ct_bet .ct_bet_if li.num {float: right; width: 60%; color: #bbb; text-align: right;}
#betcart .ct_bet .ct_bet_if li.odd span {color: #ffc600;}
#betcart .ct_bet .ct_bet_if li.num .bet_ipt {padding: 0 5px; border: 1px solid #2F3E55; background-color: #101319; box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.2);}
#betcart .ct_bet .ct_bet_if li.num .bet_ipt input {width: 100%; height: 30px; line-height: 30px; border:none; background-color: transparent; font-size: 14px; text-align: right; color: #fff;}

/* 카트 버튼 */
#betcart .ct_betbt {clear: both; overflow: hidden; padding: 5px 5px 0 5px; background-color: #222A36;}
#betcart .ct_betbt > div {display: block; font-size: 0; margin-bottom: 5px;}
#betcart .ct_betbt > div .betbt {display: inline-block; width: 74px; margin-left: 4px; padding: 10px 0; background-color: #2F3E55; color: #ebebeb; font-size: 14px; letter-spacing: -0.5px; cursor: pointer; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); outline: none; -webkit-transition: 0.3s; transition: 0.3s;}
#betcart .ct_betbt > div .betbt:active {box-shadow: inset 0 0 0 1px #241F1E,inset 0 3px 20px rgba(0, 0, 0, 0.5);}
#betcart .ct_betbt > div .betbt:first-child {margin-left: 0px;}
#betcart .ct_betbt > div .betbt:hover {background-color: #506079; color: #fff;}
#betcart .ct_betbt > div .cbt_re {width: 113px; padding: 10px 0; background-color: #29507e; color: #fff;}
#betcart .ct_betbt > div .cbt_re:hover {background-color: #2e629f;}
#betcart .ct_betbt > div .cbt_max {width: 113px; padding: 10px 0; background-color: #7E2929; color: #fff;}
#betcart .ct_betbt > div .cbt_max:hover {background-color: #a32b2b;}

/* 카트 배팅버튼 */
#betcart .ct_foot {clear: both; overflow: hidden; padding: 0 5px 5px 5px; background-color: #222A36;}
#betcart .ct_foot .reload {display: block; width: 100%; padding: 12px 0; background-color: #2F3E55; color: #fff; font-size: 16px; letter-spacing: -1px; cursor: pointer; outline: none; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); -webkit-transition: 0.3s; transition: 0.3s;}
#betcart .ct_foot .betbt_now {display: block; width: 100%; padding: 12px 0; background-color: #006a29; color: #fff; font-size: 16px; letter-spacing: -1px; cursor: pointer; outline: none; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); -webkit-transition: 0.3s; transition: 0.3s;}
#betcart .ct_foot .betbt_now:hover {background-color: #008433; color: #fff;}
#betcart .ct_foot .betbt_now:active {box-shadow: inset 0 0 0 1px #241F1E,inset 0 3px 30px rgba(0, 0, 0, 0.5);}

/* 카트 배너 */
#betcart .ct_banner {display: block; padding: 0 5px 5px 5px; background-color: #222A36;}


/********************************************************
■ game css : 게임관련
********************************************************/
/* game - 데이타 */
.game_data {font-family: "돋움",Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.game_row {font-family: "돋움",Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
/*.game_row {display: block; font-family: "돋움",Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;}*/

/* game - 헤드 */
.game_head {overflow: hidden; margin-bottom: 10px; box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3); font-family: 'NTS_L';}
.game_head table {width: 100%; table-layout: fixed; background-color: #2F3E55; border-top: 1px solid #435777;
    background: -webkit-linear-gradient(top, #2F3E55 0%, #202a39 100%);
    background: -o-linear-gradient(top, #2F3E55 0%, #202a39 100%);
    background: linear-gradient(top, #2F3E55 0%, #202a39 100%);}
.game_head table thead th {height: 38px; color: #ddd; font-size: 13px; letter-spacing: -0.5px; font-weight: normal;}

/* game - 게임 리그 */
.g_head {clear: both; overflow: hidden; height: 30px; line-height: 30px; margin: 12px 0 6px 0; background-color: #1f2631; color: #ddd; text-align: left; letter-spacing: -1px; 
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2); 
    font-family: 'NTS_L';
    border-top-right-radius: 20px; -webkit-border-top-right-radius: 20px; 
    border-bottom-right-radius: 20px; -webkit-border-bottom-right-radius: 20px;
}
.g_head img {width: 26px; height: 16px; margin: -3px 0 0 5px; vertical-align: middle;}
.g_head span {display: inline-block; margin-left: 5px; color: #ccc; letter-spacing: 0px!important;}
.g_head em {margin-left: 5px; font-style: normal; color: #bbb; font-weight: normal; letter-spacing: 0px!important;}
.g_head em strong {color: #40bbe0; font-weight: normal;}

/* game - 리그명 컬러 */
.g_league_1 {color: #ddc5a5;}
.g_league_2 {color: #f8376b;}
.g_league_3 {color: #e649fa;}
.g_league_4 {color: #fa7949;}
.g_league_5 {color: #00d3db;}
.g_league_6 {color: #00c45b;}

/* game - 크로스 펼침 */
.game_sub {display: none;}
.game_sub.on {display: block}

/* game - 게임 레이아웃 */
.g_item {overflow: hidden; display: block;}
.g_item::after {content: ''; display: block; clear: both;}
.g_item li {float: left; height: 36px; line-height: 36px; margin-bottom: 1px; letter-spacing: 0px;}
.g_item li img {display: inline-block; vertical-align: middle;}

/* game - 게임 카테고리 */
.g_ct {width: 0px!important; background-color: transparent!important;}

/* game - 게임 핫아이콘 */
.gm_hot {vertical-align: middle;}

/* game - 게임 날짜 */
.g_day {width: 80px; text-align: center; color: #888; font-size: 11px;}
.g_day span {color: #40bbe0;}

/* game - 게임 레이아웃 기본 */
.g_home {width: 318px; margin-right: 1px; padding: 0 5px; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; font-weight: bold;}
.g_odd {width: 60px; margin-right: 1px; text-align: center; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; font-weight: bold;}
.g_away {width: 318px; padding: 0 5px; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; font-weight: bold;}

/* game - 게임 레이아웃 핸디 */
.g_home_h_s {width: 344px; margin-right: 1px; padding: 0 5px; cursor: pointer; font-weight: bold;}
.g_odd_h_s {width: 60px; margin-right: 1px; text-align: center; cursor: pointer; font-weight: bold;}
.g_away_h_s {width: 344px; padding: 0 5px; cursor: pointer; font-weight: bold;}

/* game - 게임 레이아웃 스코어 */
.g_home_sc {width: 339px; margin-right: 1px; padding: 0 5px; cursor: pointer; font-weight: bold;}
.g_odd_sc {width: 60px; margin-right: 1px; text-align: center; cursor: pointer; font-weight: bold;}
.g_away_sc {width: 339px; padding: 0 5px; cursor: pointer; font-weight: bold;}

.g_home_ed {width: 314px; margin-right: 1px; padding: 0 5px; cursor: pointer; font-weight: bold;}
.g_odd_ed {width: 60px; margin-right: 1px; text-align: center; cursor: pointer; font-weight: bold;}
.g_away_ed {width: 314px; padding: 0 5px; cursor: pointer; font-weight: bold;}

/* game - 게임 레이아웃 공통 */
.g_home_nt, .g_home_n, .g_home_o, .g_home_d {width: 82%; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.g_away_nt, .g_away_n, .g_away_o, .g_away_d  {width: 82%; float: right; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.g_home_odd_nt, .g_home_odd_n, .g_home_odd_o, .g_home_odd_d {width: 18%; float: right; position: relative; letter-spacing: -0.5px;}
.g_away_odd_nt, .g_away_odd_n, .g_away_odd_o, .g_away_odd_d {width: 18%; float: left; position: relative; letter-spacing: -0.5px;}
.g_odd_nt, .g_odd_n, .g_odd_o, .g_odd_d, .g_odd_h {display: block;}

.g_home_nt {color: #f4f4f4; text-align: left; font-size: 12px;}
.g_home_odd_nt {color: #fab313; text-align: right; font-size: 12px;}
.g_odd_nt {color: #fab313; text-align: center; font-size: 12px;}
.g_away_odd_nt {color: #fab313; text-align: left; font-size: 12px;}
.g_away_nt {color: #f4f4f4; text-align: right; font-size: 12px;}

.g_home_n {color: #f4f4f4; text-align: left; font-size: 12px;}
.g_home_odd_n {color: #fab313; text-align: right; font-size: 12px;}
.g_odd_n {color: #fab313; text-align: center; font-size: 12px;}
.g_away_odd_n {color: #fab313; text-align: left; font-size: 12px;}
.g_away_n {color: #f4f4f4; text-align: right; font-size: 12px;}

.g_home_o {color: #333; text-align: left; font-size: 12px;}
.g_home_odd_o {color: #333; text-align: right; font-size: 12px;}
.g_odd_o {color: #333; text-align: center; font-size: 12px;}
.g_away_odd_o {color: #333; text-align: left; font-size: 12px;}
.g_away_o {color: #333; text-align: right; font-size: 12px;}
.g_home_o span, .g_away_o span {color: #333!important;}

.g_home_d {color: #999; text-align: left; font-size: 12px;}
.g_home_odd_d {color: #999; text-align: right; font-size: 12px;}
.g_odd_d {color: #999; text-align: center; font-size: 12px;}
.g_away_odd_d {color: #999; text-align: left; font-size: 12px;}
.g_away_d {color: #999; text-align: right; font-size: 12px;}

.g_odd_h {color: #f5c176; text-align: center;}

/* game - 게임 레이아웃 기타 */
.g_more {text-align: center; font-size: 13px; letter-spacing: -1px!important;}
.g_more img {vertical-align: middle;}
.g_more.list {width: 50px;}
.g_more.icon {width: 40px;}
.g_more.bet {width: 40px;}
.g_more.bet .mrbt {color: #999;}
.g_more.bet .mred {color: #666;}
.g_more.scr {width: 70px; color: #999;}
.g_more.win {width: 60px; color: #999;}

/* game - 게임 레이아웃 색상 */
.g_gr_nt {background-color: #621d42;}
.g_gr_nh {background-color: #391027;}
.g_gr_n {background-color: #2F3E55;}
.g_gr_o {background-color: #E9A82B;}
.g_gr_c {background-color: #6dbc00;}
.g_gr_d {background-color: #272c34;}
.g_gr_h {background-color: #222A36;}
.g_gr_sc {background-color: #2F3E55;}

/* game - 게임 레이아웃 펼침 */
.g_list_hold {background-color: #7E2929;}
.g_list_hold span {color: #ffc600;}
.g_list_hold em {color: #ededed;}
.g_list_view {background-color: #2F3E55;}
.g_list_view span {color: #ffc600;}
.g_list_view em {color: #ededed;}

.g_list_hold, .g_list_view {width: 49px; height: 36px; margin-left: 1px; line-height: 36px; display: inline-block; cursor: pointer; text-align: center;}
.g_list_hold span, .g_list_view span {display: inline-block; line-height: 1; font-size: 12px; margin: 0 5px 0 0;}
.g_list_hold em, .g_list_view em {display: inline-block; font-size: 12px; font-weight:bold; }    

/* game - 게임결과 // 리그 종목 */
.g_evt {width: 40px; height: 36px; line-height: 36px; text-align: center;} 
.g_evt img {vertical-align: middle;}
.g_lg {width: 260px; height: 36px; line-height: 36px; text-align: left; vertical-align: middle; white-space:nowrap; text-overflow:ellipsis; overflow: hidden;}
.g_lg img {width: 26px; height: 16px; margin: -2px 0 0 5px; vertical-align: middle;}
.g_lg span {color: #ccc; letter-spacing: -0.5px;}

/* game - 게임결과 // 종합정보 */
.g_info {padding: 5px; background-color: #262e3b; margin-top: 5px;
    border-top-right-radius: 20px; -webkit-border-top-right-radius: 20px; 
    border-bottom-right-radius: 20px; -webkit-border-bottom-right-radius: 20px;
}
.g_info ul {display: table; background-color: #191d26; border: 1px solid #111; color: #999;
    border-top-right-radius: 20px; -webkit-border-top-right-radius: 20px; 
    border-bottom-right-radius: 20px; -webkit-border-bottom-right-radius: 20px;
}
.g_info ul li {display: table-cell; width: 1%; height: 34px; line-height: 34px; text-align: center;}
.g_info ul li input[type="checkbox"] {vertical-align: middle; height: 34px; line-height: 34px;}


/********************************************************
■ game_score : 레이아웃 스코어
********************************************************/
.score_box {display: block; margin: 0 132px 12px 80px;}
.score_box h3 {margin: 3px 0 4px 0; height: 36px; line-height: 36px; color: #CEA05E; background-color: #222; font-weight: normal; font-size: 13px; text-align: center; cursor: pointer}
.score_box ul {padding: 0 1px 0 0; box-sizing: border-box; -webkit-box-sizing: border-box;}
.score_box ul:last-child {padding: 0}
.score_box.end {display: block; margin: 0 130px 10px 340px;}
.score_box.mbt {display: block; margin: 0 130px 10px 340px;}

.score_line {display: table-cell; width: 1%; vertical-align: top;}
.score_line li {height: 32px; line-height: 32px; font-size: 12px; margin-bottom: 1px; padding: 0 5px; box-sizing: border-box; -webkit-box-sizing: border-box;}
.score_line li a {display: block; font-weight: bold; -webkit-transition: 0.3s; transition: 0.3s;}

.h3title {color: #CEA05E; background-color: #222; font-weight: normal; font-size: 12px;}


/********************************************************
■ game : 가로 리스트
********************************************************/
/* 게임 텝 */
.tab_menu {clear: both; overflow: hidden; width: 928px; border: 1px solid #111; margin: 10px auto; box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);}
.tab_menu .tab_h {border-collapse: collapse;} 
.tab_menu .tab_h::after {content: ''; clear: both; display: block;}
.tab_menu .tab_h li {position: relative; display: table-cell; width: 1%; text-align:center; cursor: pointer; height: 40px; line-height: 40px; border-left: 1px solid #111; border-bottom: 1px solid #111; background-color: #1B212A; color: #bbb; font-size: 13px;}
.tab_menu .tab_h li:first-child {border-left: none;}
.tab_menu .tab_h li.active {background-color: #394B67; color: #f4f4f4!important; border-bottom-color: #394B67;} 
.tab_menu .tab_content {clear: both; width: 918px; padding: 5px; background-color: #394B67;} 
.tab_menu .tab_view {display: none;}  

/* 게임 가로 리스트 */
.chart_row {clear: both; overflow: hidden;}
.chart_list {width: 918px; overflow-x: auto; display: block;}
.chart_list table {table-layout:fixed; border-collapse: collapse;}
.chart_list .chart_line {width: 46px; text-align: center;}
.chart_list .chart_line tr {height: 40px;}
.chart_list .chart_line tr th {background-color: #252E3B; border: 1px solid #111; font-size: 14px; color: #ccc; font-weight: normal;}
.chart_list .chart_line tr td {background-color: #1B212A; border: 1px solid #111;}

/* 게임 가로 리스트 볼 */
.ball_bg_1, .ball_bg_2, .ball_bg_3, .ball_bg_4 {position: relative; display: block; width: 34px; height: 34px; margin: 2px auto 0 auto; color: #fff; font-size: 13px; border-radius: 50px; -webkit-border-radius: 50px;}
.ball_bg_1 span, .ball_bg_2 span, .ball_bg_3 span, .ball_bg_4 span {position: absolute; left: 0; top: 11px; display: block; width: 100%; font-size: 12px; text-align: center; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); letter-spacing: 0px;}
.ball_bg_1 em, .ball_bg_2 em, .ball_bg_3 em, .ball_bg_4 em {display: block; width: 12px; height: 12px; line-height: 12px; background-color: #222; font-size: 9px; color: #ffd319; border-radius: 30px; -webkit-border-radius: 30px;}

.ball_bg_1 em.lem, .ball_bg_2 em.lem, .ball_bg_3 em.lem, .ball_bg_4 em.lem {position: absolute; left: 0; top: 0;}
.ball_bg_1 em.rem, .ball_bg_2 em.rem, .ball_bg_3 em.rem, .ball_bg_4 em.rem {position: absolute; right: 0; top: 0;}

.ball_bg_1 {background-color: #0467aa;}
.ball_bg_2 {background-color: #b42525;}
.ball_bg_3 {background-color: #009333;}
.ball_bg_4 {background-color: #953cbc;}



/********************************************************
■ pwb : 파워볼
********************************************************/
/* 파워볼 레이아웃 */
.pwb_title {width: 102px; text-align: center; color: #5f6b80; font-size: 12px; letter-spacing: -1px!important;}
.pwb_score {width: 131px; text-align: center; color: #5f6b80; font-size: 12px; letter-spacing: -1px!important;}

.pwb_n, .pwb_o, .pwb_d {float: left; padding: 0 5px 0 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 12px; font-weight: bold;}
.pwb_odd_n, .pwb_odd_o, .pwb_odd_d {width: 50px; float: right; text-align: right; font-size: 12px; font-weight: bold;}

.pwb_day {width: 101px; padding: 0 0 0 10px; text-align: left; color: #999; letter-spacing: 1px; font-size: 12px;}
.pwb_num {width: 86px; text-align: center; color: #999; letter-spacing: -0.5px!important;}

.pwb_lg {width: 101px; padding: 0 0 0 10px; text-align: left; color: #ccc; letter-spacing: 2px;}
.pwb_lg em {color: #fddb4c;}

.pwb_n {color: #f4f4f4;}
.pwb_odd_n {color: #fab313; text-align: right;}
.pwb_o {color: #333;}
.pwb_odd_o {color: #333; text-align: right;}
.pwb_d {color: #999;}
.pwb_odd_d {color: #999; text-align: right;}

.pwb_t_1 {color: #e8e0f5;}
.pwb_t_2 {color: #c5b0e6;}
.pwb_t_3 {color: #a684dd;}
.pwb_t_4 {color: #9568dd;}

/* 파워볼 레이아웃 - 일반 */
.pwb_1_1, .pwb_1_2 {width: 403px; padding: 0 5px; cursor: pointer; text-align: left;}
.pwb_1_1 {margin-right: 1px;}

.pwb_2_1, .pwb_2_2, .pwb_2_3 {width: 265px; padding: 0 5px; cursor: pointer; text-align: left;}
.pwb_2_1, .pwb_2_2 {margin-right: 1px;}

.pwb_3_1, .pwb_3_2, .pwb_3_3, .pwb_3_4, .pwb_3_5, .pwb_3_6 {width: 127px; padding: 0 5px; cursor: pointer; text-align: left;}
.pwb_3_1, .pwb_3_2, .pwb_3_3, .pwb_3_4, .pwb_3_5 {margin-right: 1px;}

.pwb_4_1, .pwb_4_2, .pwb_4_3, .pwb_4_4 {width: 196px; padding: 0 5px; cursor: pointer; text-align: left;}
.pwb_4_1, .pwb_4_2, .pwb_4_3 {margin-right: 1px;}

/* 파워볼 레이아웃 - 결과 */
.pwb_ed_1_1, .pwb_ed_1_2 {width: 514px;}
.pwb_ed_1_1 {margin-right: 1px; padding: 0 5px; cursor: pointer; text-align: left;}
.pwb_ed_1_2 {padding: 0 5px; cursor: pointer; text-align: left;}

.pwb_ed_2_1, .pwb_ed_2_2 {width: 339px; margin-right: 1px; padding: 0 5px; cursor: pointer; text-align: left;}
.pwb_ed_2_3 {width: 339px; padding: 0 5px; cursor: pointer; text-align: left;}

.pwb_ed_3_1, .pwb_ed_3_2, .pwb_ed_3_3, .pwb_ed_3_4, .pwb_ed_3_5, .pwb_ed_3_6 {margin-right: 1px; padding: 0 5px; cursor: pointer; text-align: left;}
.pwb_ed_3_1 {width: 164px;}
.pwb_ed_3_2 {width: 164px;}
.pwb_ed_3_3 {width: 164px;}
.pwb_ed_3_4 {width: 164px;}
.pwb_ed_3_5 {width: 164px;}
.pwb_ed_3_6 {width: 164px; margin-right: 0!important;}

.pwb_ed_4_1, .pwb_ed_4_2, .pwb_ed_4_3, .pwb_ed_4_4 {margin-right: 1px; padding: 0 5px; cursor: pointer; text-align: left;}
.pwb_ed_4_1 {width: 251px;}
.pwb_ed_4_2 {width: 252px;}
.pwb_ed_4_3 {width: 251px;}
.pwb_ed_4_4 {width: 252px; margin-right: 0!important;}

/* 파워볼 레이아웃 - 결과정보 */
.g_pwb_info {overflow: hidden; margin-top: 5px; background-color: #232a36; border-bottom: 1px solid #111; border-top: 1px solid #273346;
    border-top-right-radius: 20px; -webkit-border-top-right-radius: 20px; 
    border-bottom-right-radius: 20px; -webkit-border-bottom-right-radius: 20px;
}
.g_pwb_info p {height: 34px; line-height: 34px; text-align: right; padding-right: 20px; color: #777;}
.g_pwb_info p span {color: #ddd; margin: 0 5px;}
.g_pwb_info p em {color: #22d0a1; margin: 0 5px;}
.g_pwb_info p strong {color: #ffc400; margin: 0 5px; font-weight: normal;}


/********************************************************
■ multi : 멀티방
********************************************************/
/* 게임멀티 상단 */
.mlt_lnb {padding: 10px; margin: 0 0 15px 0; background-color: #2e394b; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); border: 1px solid #111;}
.mlt_lnb .mlt_guide {padding: 10px; margin-bottom: 10px; background-color: #1B212A; border: 1px solid #111;}
.mlt_lnb .mlt_guide h3 {padding: 5px 0 10px 0; margin-bottom: 10px; border-bottom: 1px dashed #455464; color: #27c5ff; font-size: 18px; font-weight: normal; letter-spacing: -2px;}
.mlt_lnb .mlt_guide p {line-height: 1.6; color: #ddd;}
.mlt_lnb .mlt_guide span {color: #e8b321; text-decoration: underline;}

/* 게임멀티 선택 */
.mlt_lnb .mlt_line {table-layout: fixed; padding: 10px; background-color: #1B212A; border: 1px solid #111;}
.mlt_lnb .mlt_line h3 {padding: 5px 0 15px 0; border-bottom: 1px dashed #455464; color: #27c5ff; font-size: 18px; font-weight: normal; letter-spacing: -2px;}
.mlt_lnb .mlt_line li {display: table-cell; width: 1%; padding: 20px 0 10px 0; color: #ddd; font-size: 13px; text-align: center; letter-spacing: -1px;}
.mlt_lnb .mlt_line .checkbox input.cb_box:checked+i+label {color: #e8b321!important;}

/* 게임멀티 메인 */
.multigm {background-color: #15191F;}
.multigm .mlt_ch {display: inline-block;margin-left: 6px;}
.multigm .mlt_ch:first-child {margin-left: 0;} 
.multigm .mlt_ch h3 {padding: 10px 0 15px 0; text-align: center; font-size: 18px; color: #e8b321; font-weight: normal; letter-spacing: -2px;}
.multigm .mlt_ch .mlt_ifm {display: inline-block;overflow: hidden;width: 384px;max-height: 1800px;background-color: #1b212a; border: 1px solid #2E394B; box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1);}


/********************************************************
■ bustabit : 부스타빗
********************************************************/
.bst_row {padding: 10px; margin: 0 0 15px 0; background-color: #2e394b; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); border: 1px solid #111;}
.bst_row .bst_bet {padding: 10px; background-color: #1B212A; border: 1px solid #111;}
.bst_row .bst_bet h3 {padding: 5px 0 15px 0; margin-bottom: 15px; border-bottom: 1px dashed #455464; color: #27c5ff; font-size: 18px; font-weight: normal; letter-spacing: -2px;}
.bst_row .bst_bet a {display: inline-block; height: 31px; line-height: 31px; padding: 0 15px; color: #ddd; cursor: pointer;}
.bst_row .bst_bet a:active {box-shadow: inset 0 0 0 1px #111,inset 0 3px 20px rgba(0, 0, 0, 0.5);}
.bst_row .bst_bet .bst_lt {display: block;}
.bst_row .bst_bet .bst_coin {background-color: #374862; color: #f4f4f4; border: 1px solid #111; margin: 0 1px;}
.bst_row .bst_bet .bst_coin:hover {background-color: #455b7c;}
.bst_row .bst_bet .bst_coin_del {background-color: #842929; color: #f4f4f4; border: 1px solid #111; margin: 0 1px;}
.bst_row .bst_bet .bst_coin_del:hover {background-color: #962e2e;}
.bst_row .bst_bet .bst_coin_now {background-color: #294a7c; color: #f4f4f4; border: 1px solid #111; margin: 0 1px;}
.bst_row .bst_bet .bst_coin_now:hover {background-color: #315995;}
.bst_row .bst_bet .bst_num {width: 160px; height: 30px; line-height: 30px; padding: 0 10px; margin: -2px 3px 0 10px; text-align: right; border: none;}


/********************************************************
■ minigame : 미니게임 아이프레임
********************************************************/
.iframe_box {height: 650px; box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);}
.iframe_box iframe {width: 920px; height: 650px; margin: 0 auto;}

.iframe_bst {box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);}
.iframe_bst iframe {margin: 0 auto;}

.iframe_mgm {box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);}
.iframe_mgm iframe {margin: 0 auto;}

.iframe_lts {box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);}
.iframe_lts iframe {margin: 0 auto;}


/********************************************************
■ side cate : 사이드 카테고리
********************************************************/
.side_cate {position: absolute; top: 0; right: 50%; width: 180px; margin-right: 610px; background-color: #1B212A; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);}
.side_cate h3 {background-color: #2F3E55; border-bottom: 1px solid #111;}
.side_cate h3 a {display: block; line-height: 40px; padding: 0 3px; color: #fff; text-align: center; font-size: 13px; font-weight: normal;}

.cate_row {display: block;}
.cate_row .ct_tit {line-height: 34px; padding: 0 3px; background-color: #222A36; border-bottom: 1px solid #111; cursor: pointer;}
.cate_row .ct_tit img {width: 17px; height: 17px; margin: 0 1px 0 0; vertical-align: middle;}
.cate_row .ct_tit .cate_name {color: #71c9f8;}

.cate_row .ct_list {overflow: hidden;}
.cate_row .ct_list::after {content: ''; clear: both; display: block;}
.cate_row .ct_list li {line-height: 34px; padding: 0 3px; border-bottom: 1px solid #111; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s;}
.cate_row .ct_list li:hover {background-color: #222A36;}
.cate_row .ct_list li img {width: 26px; height: 16px; margin: -2px 1px 0 0; vertical-align: middle;}
.cate_row .ct_list li span {color: #ddd; font-size: 12px;}
.cate_row .ct_list li em {color: #54ac13; font-size: 12px;}

.cate_row .ct_list li.sel {background-color: #1C1C1C;}


/********************************************************
■ board : 게시판
********************************************************/
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg);} }

.board_list {overflow: hidden;}
.board_list table {width: 100%; table-layout: fixed;}
.board_list table thead th {height: 46px; color: #f4f4f4; background-color: #2F3E55; border-bottom: 1px solid #111; letter-spacing: -1px; font-weight: normal;}
.board_list.lst table thead th {background-color: rgba(47, 62, 85, 0.8);}
.board_list table tbody tr {text-align: left; border-bottom: 1px solid #293546; letter-spacing: -0.5px;}
.board_list table tbody tr:hover {background-color: rgba(47, 62, 85, 0.2);}
.board_list table tbody tr td {height: 46px; line-height: 46px; font-family: inherit;}
.board_list table tbody tr td .tx_viot {color: #38a3ff!important;}
.board_list table tbody .b_notice {background-color: #222A36; border-bottom: 1px solid #111;}
.board_list table tbody .b_notice span {font-size: 18px;}
.board_list table tbody .b_notice img {vertical-align: middle;}
.board_list table tbody .b_number {text-align: center; color: #999; font-size: 12px;}
.board_list table tbody .b_number img {vertical-align: middle; -webkit-animation:spin 2s linear infinite; -moz-animation:spin 2s linear infinite; animation:spin 2s linear infinite;}
.board_list table tbody .b_subject {padding-right: 5px;}
.board_list table tbody .b_subject a {display: block; color: #fff; font-size: 14px;}
.board_list table tbody .b_subject:hover {text-decoration: underline;}
.board_list table tbody .b_subject img, .b_subject_n img {display: inline-block; margin: 0 0 0 5px; vertical-align: middle; animation:sbj_icon 1.5s infinite ease; -webkit-animation:sbj_icon 1.5s infinite ease;}
.board_list table tbody .b_subject_n {padding-right: 5px;}
.board_list table tbody .b_subject_n a {font-size: 14px;}
.board_list table tbody .b_admin {color: #ddd;}
.board_list table tbody .b_name {color: #ddd;}
.board_list table tbody .b_name_1 {color: #ddd; padding-left: 10px;}
.board_list table tbody .b_name img, .b_name_1 img {margin-right: 5px; vertical-align: middle;}
.board_list table tbody .b_day {text-align: center; color: #999; font-size: 13px;}
.board_list table tbody .b_normal {text-align: center; color: #ccc;}
.board_list table tbody .td_view.hide {display: none;}
.board_list table tbody .td_view.show td {padding: 20px; line-height: 1.8; border-bottom: 1px solid #DFE0E5; background-color: #EFF0F1;}
.t_more_re {display: inline-block; padding: 0 4px; color: #97db17; font-size: 13px; letter-spacing: -0px;}

@keyframes sbj_icon {
    0% {opacity: 0.6;}
    30%{opacity: 1;}    
    70%{opacity: 1;}    
    100%{opacity: 0.6;} 
}

.board_view {margin-bottom: 7px; text-align: left; border: 1px solid #111; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);}
.board_view h3 {font-size: 16px; height: 54px; line-height: 54px; padding: 0 12px; background-color: #33435c; border-bottom: 1px solid #111; color: #f4f4f4; font-weight: normal;}
.board_view h3 span {color: #ffd800;}
.board_view_info {overflow: hidden; display: block; background-color: #27303e;}
.board_view_info dl {width: 100%; display: table; border-bottom: 1px solid #111; color: #888;}
.board_view_info dl dt {display: table-cell; height: 46px; line-height: 46px; padding: 0 10px 0 12px;}
.board_view_name {width: 50%;}
.board_view_name span {color: #ddd;}
.board_view_name img {vertical-align: middle; margin: -1px 5px 0 5px;}
.board_view_day {width: 50%; text-align: right;}
.board_view_day span {font-size: 12px; color: #ccc;}
.board_view_day em {display: inline-block; padding: 0 10px; font-style: none;}
.board_view_data {padding: 30px 20px; color: #eee; line-height: 1.8; font-size: 14px; background-color: #1d242e;}
.board_view_data img {max-width: 1000px; height: auto; margin: 0 auto;}

.comment_write {padding: 10px; background-color: #1D242E; border: 1px solid #111; margin-top: 20px; overflow: hidden; text-align: left; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);}
.comment_write .re_txtr {display: inline-block; width: 1060px; margin-right: 10px;}
.comment_write .re_txtr textarea {width: 100%; height: 70px; padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; resize: none;}
.comment_re {overflow: hidden;}
.comment_re table {width: 100%; table-layout: fixed; font-size: 13px;}
.comment_re table tr {height: 42px; text-align: left; border-bottom: 1px solid #293546;}
.comment_re table tr th {font-weight: normal; padding-left: 12px; color: #bbb;} 
.comment_re table tr td {color: #eee;}

.board_write {border: 1px solid #111; border-top: none; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);}
.board_write table {width: 100%; table-layout: fixed; text-align: left;}
.board_write table tr {border-top: 1px solid #111;}
.board_write table tr th {background-color: rgba(42, 55, 75, 0.8); border-top: 1px solid #111; border-right: 1px solid #111; text-align: center; color: #ccc; font-weight: normal;}
.board_write table tr td {background-color: rgba(33, 41, 52, 0.5);}
.board_write table tr td .write_row_bx {margin: 10px;}
.board_write table tr td .write_row_bx input {width: 100%; height: 38px; line-height: 38px; padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box;}
.board_write table tr td .write_row_bx textarea {width: 100%; height: 400px; padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; resize: none;}
.board_write table tr td .write_row_line {margin: 10px;}

.bdtb_view {display: none; background-color: rgba(16, 16, 18, 0.5)!important;}
.bdtb_view.on {display:table-row; *display: block}
.bdtb_view td {text-align: left!important; line-height: 1.7!important; padding: 15px; font-size: 14px!important; color: #ccc;}
.bdtb_view td.tac {text-align: center!important; border-right: 1px solid #212b39; color: #e3c000;}


/********************************************************
■ table : 테이블
********************************************************/
.gidbx {margin-bottom: 10px; border: 1px solid #111; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);}
.gidbx_hd {padding: 14px 0 14px 12px ; background-color: #33435C; border-bottom: 1px solid #111; font-size: 15px; color: #f4f4f4; text-align: left; font-weight: normal;}
.gidbx_ct {padding: 10px 10px 10px 12px; background-color: rgba(33, 41, 52, 0.5); color: #ccc; text-align: left;}
.gidbx_ct > p {line-height: 1.8; padding-bottom: 5px;}
.gidbx_ct span {color: #f0bd10;}

.gidbx_tb {border: 1px solid #111; border-top: none; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);}
.gidbx_tb table {width: 100%; table-layout:fixed;}
.gidbx_tb table tr {border-top: 1px solid #111;}
.gidbx_tb table tr th {background-color: rgba(42, 55, 75, 0.8); border-top: 1px solid #111; border-right: 1px solid #111; text-align: center; color: #ccc; font-size: 13px; font-weight: normal;}
.gidbx_tb table tr td {height: 53px; padding: 0 10px; background-color: rgba(33, 41, 52, 0.5); color: #ccc; font-size: 13px;}
.gidbx_tb table tr td span {display: inline-block; margin-left: 10px;}
.gidbx_tb table tr td input {height: 34px; line-height: 34px; padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box;}
.gidbx_tb table tr td .tdx {display: inline-block; margin: 0 0 0 5px;}
.gidbx_tb table tr td .tx_viot {color: #38a3ff!important;}

.like_tb {padding: 10px 0;}
.like_tb > table {width: 100%; table-layout:fixed;}
.like_tb > table tr {border: 0!important;}
.like_tb > table td {line-height: 1.5; padding: 10px 0!important; border: 1px solid #111; background-color: #222; text-align: center; color: #ccc; -webkit-transition: 0.3s; transition: 0.3s;}
.like_tb > table td:hover {background-color: #12141a!important;}
.like_tb > table td:hover p {color: #26c5f5;}
.like_tb > table td p {color: #999;}

.rulebx {padding: 10px;}
.rulebx h3 {padding: 15px 10px; margin: 0 0 0 0; border-top: 1px solid #111; border-bottom: 1px solid #111; background-color: rgba(40, 50, 64, 0.8); color: #f5b931; font-weight: normal;}
.rulebx .rule_c {padding: 20px;}
.rulebx .rule_c p {line-height: 2; color: #aaa;}
.rulebx .rule_n {padding: 20px 0; border-bottom: 1px solid #242D3A; border-top: 1px solid #242D3A; color: #b1ff00; text-align: center;}
.rulebx .rule_n p {animation:rule_n 1.5s infinite ease-in-out; -webkit-animation:rule_n 1.5s infinite ease-in-out;}
@keyframes rule_n {
    0% {opacity: 0.5;}
    30% {opacity: 1;}
    60% {opacity: 1;}
    100% {opacity: 0.5;}
}


/********************************************************
■ roulette : 룰렛
********************************************************/
.roulette {position: relative;}
.roulette .roul_head {padding: 10px; margin: 0 0 10px 0; background-color: #2E394B; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);}
.roulette .roul_head .roul_box {padding: 10px; background-color: #1B212A; border: 1px solid #111;}
.roulette .roul_head .roul_box h3 {padding: 5px 0 15px 0; margin-bottom: 15px; border-bottom: 1px dashed #455464; color: #27c5ff; font-size: 18px; font-weight: normal; letter-spacing: -1px;}
.roulette .roul_head .roul_box p {line-height: 1.6; font-size: 13px; color: #ccc;}
.roulette .roul_head .ch_tx1 {color: #ffce01;}

.roulette .roul_row {display: table; text-align: center; border: 1px solid #111; background-color: #1B212A;}
.roulette .roul_row span {display: table-cell; width: 1%; padding: 15px 10px; border-left: 1px solid #111; font-size: 14px; font-weight: normal; color: #ccc;}
.roulette .roul_row span:first-child {border-left: none;}
.roulette .roul_row span strong {color: #ffce01}

.roulette .roul_cont {position: relative; padding: 60px 0 60px 0; text-align: center; background: url(/images/roulette/rlt_bg.jpg) no-repeat 0 0;}
.roulette .roul_cont::before {display:block; position:absolute; top:29px; left:50%; width:708px; margin-left:-354px; height:708px; background:url(/images/roulette/roulette_bg.png) no-repeat 0 0; background-size:708px 708px; content:''; z-index:11 !important}
.roulette .roul_cont .roul_star {display: block; position: absolute; left: 50%; top: 50%; margin-top: -90px; margin-left: -90px; width: 180px; height: 180px; background: url(/images/roulette/roulette_start.png) no-repeat 0 0; background-size: 180px 180px; z-index: 12; text-indent: -99999px;}
.roulette .roul_cont .roul_body {display: block;}
.roulette .roul_cont .roul_body img {z-index: 10;}
.roulette .roul_cont .roul_body .roul_entry {z-index: 12;}
.roulette .roul_cont .roul_body .roul_entry ul {overflow: hidden;}
.roulette .roul_cont .roul_body .roul_entry ul li {position:absolute; display:block; overflow:hidden; width:150px; height:38px; line-height: 38px; font-size:38px; color:#fff!important; white-space:nowrap; text-overflow:ellipsis; text-shadow:2px 2px rgba(0, 0, 0, 0.5);}

.roulette .roul_cont .roul_body .roul_entry ul li.ety_num_1 {top:230px; left:50%; margin-left:66px;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.roulette .roul_cont .roul_body .roul_entry ul li.ety_num_2 {top:495px; left:50%; margin-left:60px; 
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
}
.roulette .roul_cont .roul_body .roul_entry ul li.ety_num_3 {top:500px; left:50%; margin-left:-210px; 
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.roulette .roul_cont .roul_body .roul_entry ul li.ety_num_4 {top:220px; left:50%; margin-left:-226px;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
}

.roulette .roul_cont .choice_icon {display: block; position: absolute; left: 50%; top: 29px; margin-left: -24px; width: 48px; height: 83px; background: url(/images/roulette/roulette_pin.png) no-repeat 0 0; background-size: 48px 83px; z-index: 12;}


/********************************************************
■ main popup : 메인 팝업
********************************************************/
.pop_box {width: 380px; border: 1px solid #2F6DCF; box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.8); z-index: 12;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-image: linear-gradient(to top, #3e4d63 0%, #2F6DCF 100%);
    border-image: -webkit- linear-gradient(to top, #3e4d63 0%, #2F6DCF 100%);
    border-image: -ms- linear-gradient(to top, #3e4d63 0%, #2F6DCF 100%);
    border-image: -moz- linear-gradient(to top, #3e4d63 0%, #2F6DCF 100%);
    border-image: -o- linear-gradient(to top, #3e4d63 0%, #2F6DCF 100%);
    border-image-slice: 1;
}
.pop_warp {background-color: #1B212A;}
.pop_warp h2 {padding: 0 10px; background-color: #252E3B; border-bottom: 1px solid #111; font-weight: normal; text-align: center; font-size: 18px; letter-spacing: -1px;}
.pop_warp h2 span {/*animation:pop_logo 2s infinite ease-in-out; -webkit-animation:pop_logo 2s infinite ease-in-out;*/}
.pop_warp .pop_cont {line-height: 1.7; padding: 10px; border: 10px solid #252E3B; color: #ccc; font-size: 14px;}
.pop_warp .pop_cont img {width: 100%; height: auto; display: block;}
.pop_warp .pop_foot {overflow: hidden; height: 48px; line-height: 48px; padding: 0 10px; border-top: 1px solid #111; background-color: #252E3B;}
.pop_warp .pop_foot label {color: #ccc!important;}
.pop_warp .pop_foot::after {content: ''; clear: both; display: block;}
.pop_warp .pop_foot .fl {float: left;}
.pop_warp .pop_foot .fr {float: right;}



/********************************************************
■ index : 첫화면
********************************************************/
.ibg {width: 100%; height: 100%; background: #15191F url(/images/mbg.jpg) no-repeat; background-size: cover;}
.dongibg {width: 100%; height: 100%; background: #15191F url(/images/dong_mbg.jpg) no-repeat; background-size: cover;}
.baoibg {width: 100%; height: 100%; background: #15191F url(/images/bao_mbg.png) no-repeat; background-size: cover;}
.login_warp {position: absolute; left: 50%; top: 240px; width: 300px; margin-left: -150px; animation:index 3s ease-in-out; -webkit-animation:index 3s ease-in-out;}
.login_warp h2 {margin-bottom: 20px; text-align: center; animation:index_logo 2s infinite ease-in-out; -webkit-animation:index_logo 2s infinite ease-in-out;}
.login_warp h2 img {width: 180px; }

.lg_box {display: none; position: relative; padding: 10px 10px 3px 10px; background-color: rgba(22, 27, 34, 0.8); border: 1px solid #111; border-radius: 10px; -webkit-border-radius: 10px;}
.lg_box.on {display: block;}
.lg_box .login {display: block;}
.lg_box .login .lg_id {position: relative; line-height: 46px; margin-bottom: 10px; border: 1px solid #333; background-color: #ddd; border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) inset;}
.lg_box .login .lg_pw {position: relative; line-height: 46px; margin-bottom: 10px; border: 1px solid #333; background-color: #ddd; border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) inset;}
.lg_box .login .input_type {width: 240px; line-height: 46px; margin: 0 20px; background-color: transparent; color: #000; font-size: 16px;}
.lg_box .btlogin {width: 100%; background-color: #0d549a; color: #fff;}
.lg_box .btlogin:hover {background-color: #1369be;}
.lg_box .btjoin {background-color: #087c4b; color: #fff;}
.lg_box .btjoin:hover {background-color: #0b985c;}
.lg_box .lg_bt {display: block; line-height: 48px; margin-bottom: 10px; font-size: 16px; text-align: center; letter-spacing: -0.5px; outline: 0; border-radius: 10px; -webkit-border-radius: 10px; cursor: pointer; transition:all .3s ease-out; -webkit-transition:all .3s ease-out; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5)}

.code_box {display: none; position: relative; padding: 10px 10px 3px 10px; background-color: rgba(26, 32, 41, 0.8); border: 1px solid #111; border-radius: 10px; -webkit-border-radius: 10px;}
.code_box.on {display: block;}
.code_box .code {display: block;}
.code_box .code .lg_code {position: relative; line-height: 46px; margin-bottom: 10px; border: 1px solid #a4b4c6; background-color: #fff; border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1) inset;}
.code_box .code .input_type {width: 240px; line-height: 46px; margin: 0 20px; background-color: transparent; font-size: 16px;}
.code_box .btok {width: 100%; background-color: #8e5d24; color: #fff;}
.code_box .btok:hover {background-color: #a56c2a;}
.code_box .btcancel {background-color: #962b2b; color: #fff;}
.code_box .btcancel:hover {background-color: #b43333;}
.code_box .lg_bt {display: block; line-height: 46px; margin-bottom: 10px; font-size: 16px; text-align: center; letter-spacing: -0.5px; outline: 0; border-radius: 10px; -webkit-border-radius: 10px; cursor: pointer; transition:all .3s ease-out; -webkit-transition:all .3s ease-out;}

.help_box {margin-top: 10px; text-align: center; background-color: rgba(22, 27, 34, 0.8); border-radius: 10px; -webkit-border-radius: 10px;}
.help_box a {display: block; padding: 15px 0; color: #f5c216; font-size: 16px; text-shadow: 0 2px 2px #000;}
.help_box a:hover {text-decoration: underline;}



/********************************************************
■ index popup : 첫화면 팝업
********************************************************/
.popup {display: none; width: 460px; padding: 50px 10px 10px 10px; background-color: #15191F; border: 5px solid #2A364B;}
.popup .b-close, .popup_1 .b-close {position: absolute; top: 0; right: 0; width: 40px; height: 40px; background:#2A364B url(/images/icon_closs.png) no-repeat ; background-size: 40px 40px; text-indent: -99999px;}
.popup .gidbx_tb table tr td {height: auto; padding: 10px 10px; color: #ccc; font-size: 13px;}
.popup .gidbx_tb table tr td em {display: block; margin: 8px 0 0 0; color: #ebc317;}
.popup .gidbx_tb table tr td p {display: block; margin: 8px 0 0 0; font-size: 13px; color: #ccc;}
.popup .gidbx_tb table tr td > div {padding: 5px 0;}

.game_data .PriceUpSelect {background:url(/images/odds-change-bg.gif) top right no-repeat; background-color:#6dbc00;}
.game_data .PriceUp {background:url(/images/odds-change-bg.gif) top right no-repeat;background-color:#2F3E55;}
.game_data .PriceDownSelect {background:url(/images/odds-change-bg.gif) bottom right no-repeat; background-color:#6dbc00;}
.game_data .PriceDown {background:url(/images/odds-change-bg.gif) bottom right no-repeat;background-color:#2F3E55;}