@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

* {margin: 0; padding: 0; border: 0; font-size-adjust: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}
html, body {margin:0; padding:0; height:100%; min-height:100%; font-size:13px; line-height: 1.5; background-color: #15191F; font-family:'Nanum Gothic',sans-serif;}
ul, ol, dl, li, dd, dt, p, form, div {list-style:none; margin:0; padding:0;}
img,fieldset,iframe{border:0 none;}
i,em,address{font-style:normal;}
input,select,button,textarea {vertical-align:middle; outline: none;}
input:focus,textarea:focus {outline:none}
button{margin:0;padding:0; outline: none;}
table {border-collapse:collapse; border-spacing:0; vertical-align:middle;}
a:link, a:visited, a:hover, a:active {text-decoration:none;}
::-webkit-scrollbar {display: none;}

/********************************************************
■ total : 공통
********************************************************/
.fl {float: left;}
.fr {float: right;}
.cb {clear: both;}
.tal {text-align: left;}
.tar {text-align: right;}
.tac {text-align: center!important;}
.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: #38a3ff;}


/********************************************************
■ game cate bg : 게임 카테고리 배경
********************************************************/
.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;}


/********************************************************
■ font family : 폰트스타일
********************************************************/
.ng {font-family:'Nanum Gothic',sans-serif;}
.dt {font-family: '돋움',dotum,sans-serif;}


/********************************************************
■ select input checkbox : 셀렉트 인풋 체크박스
********************************************************/
.select_st {padding: 5px 30px 5px 5px; border: 1px solid #bbb; background: #fff url(/images/m/select_down.png) no-repeat 90% 50%; color: #333; font-size: 13px; border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: middle;}
.select_st::-ms-expand {display: none;}

.checkbox.cp_chk {padding: 5px 5px 5px 0;}

.checkbox {position: relative; cursor: pointer; overflow: hidden; display: inline-block; line-height: 22px; 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/m/checkbox.png) no-repeat; background-size: 20px 40px}
.checkbox label {float: left; margin: -1px 0 0 3px; cursor: pointer; color: #999;}
.checkbox input.cb_box:checked+i {background-position: 0 -20px;}
.checkbox input.cb_box:checked+i+label {color: #f7a913;}

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


/********************************************************
■ bt set : 버튼세트
********************************************************/
.bt_cpn, .bt_s, .bt_m, .bt_x, .bt_l, .bt_w {letter-spacing: -1px; vertical-align: middle; border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);}
.bt_cpn {display: block!important; height: 30px; line-height: 30px; border: 1px solid #111;  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);}
.bt_s {padding: 0 12px; height: 26px; line-height: 26px; margin: 0 1px; font-size: 13px;}
.bt_m {padding: 0 12px; height: 29px; line-height: 29px; margin: 0 1px; font-size: 13px;}
.bt_x {padding: 0 8px; height: 26px; line-height: 26px; margin: 0 1px; font-size: 13px;}
.bt_l {padding: 0 30px; height: 40px; line-height: 40px; margin: 0 5px; font-size: 15px;}
.bt_w {display: block!important; height: 38px; line-height: 38px; border: 1px solid #111; font-size: 15px;}

.bt_red {display: inline-block; color: #fff !important; background-color: #7C1E1E; text-align: center;} /* 빨강 */
.bt_dkred {display: inline-block; color: #fff !important; background-color: #831b1b; text-align: center;} /* 진한빨강 */
.bt_grn {display: inline-block; color: #fff !important; background-color: #1F7443; text-align: center;} /* 녹색 */
.bt_ybrn {display: inline-block; color: #fff !important; background-color: #3B4D69; text-align: center;} /* 연한갈색 */
.bt_grybrn {display: inline-block; color: #fff !important; background-color: #5d4f42; text-align: center;} /* 그레이갈색 */
.bt_skgrn {display: inline-block; color: #fff !important; background-color: #006465; text-align: center;} /* 스카이그린 */
.bt_ygrn {display: inline-block; color: #fff !important; background-color: #597E03; text-align: center;} /* 연두 */
.bt_gry {display: inline-block; color: #fff !important; background-color: #3B4D69; text-align: center;} /* 회색 */

.btnbox_p10 {overflow: hidden; padding: 5px 10px 10px 10px;}
.btnbox_p10::after {content: ''; display: block; clear: both;}
.btnbox_pa10 {overflow: hidden; padding: 10px 10px 10px 10px;}
.btnbox_pa10::after {content: ''; display: block; clear: both;}


/********************************************************
■ layout : 레이아웃
********************************************************/
#warp {position: relative; overflow-x: hidden!important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
#content {position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: auto; overflow-x: hidden; width: auto; height: auto; min-height: 100%; padding-top: 56px; background-color: #15191F; z-index: 2; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch;}
.content {clear: both; width: 100%; overflow: auto; padding-bottom: 50px; text-align: center; background: url(/images/m/main_banner.jpg) no-repeat center top; background-size: 100% auto; -webkit-box-flex: 1; z-index: 10;}
.baocontent {clear: both; width: 100%; overflow: auto; padding-bottom: 50px; text-align: center; background: url(/images/m/bao_mbg.png) no-repeat center top; background-size: 100% auto; -webkit-box-flex: 1; z-index: 10;}


/********************************************************
■ head : 헤드
********************************************************/
.header {position:fixed; left: 0; right: 0; top: 0; width: 100%; min-width: 320px; height:56px; background: #1E2631 url(/images/m/top_bg.jpg) no-repeat center top; background-size: cover; z-index:666;}
.header::after {content: ''; display: block; clear: both;}
.header .logo {position: relative;}
.header .logo a {display: block; overflow: hidden; width: 120px; height: 44px; margin: 0 auto; padding: 7px 10px 0 10px;}
.header .tntnlogo a span {display: block; background: url(/images/tntn_logo_242x50.png) no-repeat top 10px center; background-size: 100% auto; text-indent: -99999px;}
.header .donglogo a span {display: block; background: url(/images/dong_logo_242x50.png) no-repeat top 10px center; background-size: 100% auto; text-indent: -99999px;}
.header .cnclogo a span {display: block; background: url(/images/cnc_logo_242x50.png) no-repeat top 10px center; background-size: 100% auto; text-indent: -99999px;}
.header .baologo a span {display: block; background: url(/images/bao_logo_242x50.png) no-repeat top 10px center; background-size: 100% auto; text-indent: -99999px;}
/*.header .logo a span {display: block; background: url(/images/m/logo.png) no-repeat top 10px center; background-size: 100% auto; text-indent: -99999px;}*/
.header .hd_menu {position: absolute; top: 0; left: 0;}
.header .hd_menu span {display: block; width: 50px; height: 56px; background: url(/images/m/hd_menu.png) no-repeat 50% 12px; background-size: 37px 33px; text-indent: -99999px;}
.header .hd_info {position: absolute; top: 0; right: 0;}
.header .hd_info span {display: block; width: 50px; height: 56px; background: url(/images/m/hd_info.png) no-repeat 50% 12px; background-size: 37px 33px; text-indent: -99999px;}


/********************************************************
■ head info : 헤드정보
********************************************************/
#head_info {position: relative; background-color: #1B212A; border-top: 1px solid #111;}
#head_info::after {content: ''; clear: both; display: block; overflow: hidden; height: 1px; width: 100%; 
    background-color: #2E6ED1;
    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%);}
#head_info ul {display: table; width: 100%; line-height: 1.4; padding: 7px 0;}
#head_info ul li {display: table-cell; width: 20%; border-left: 1px solid #111; color: #A9B2BA; font-size: 12px; text-align: center; letter-spacing: -0.5px;}
#head_info ul li:first-child {border-left: none;}
#head_info ul li p {display: block; margin: 0 8px; color: #999;}
#head_info ul li p span.mss {color: #d151d1;}
#head_info ul li p span.coin {color: #e6c337;}
#head_info ul li p span.point {color: #38a3ff;}


/********************************************************
■ head nav : 헤드 메뉴
********************************************************/
.nav_warp {background-color: #252E3B; border-top: 1px solid #111;}
.nav_warp .left_mv {float: left; width: 22px; line-height: 42px; border-right: 1px solid #111; background-color: #252E3B; text-align: center; color: #2E6ED1; cursor: pointer;}
.nav_warp .right_mv {float: right; width: 22px; line-height: 42px; border-left: 1px solid #111; background-color: #252E3B; text-align: center; color: #2E6ED1; cursor: pointer;}
.nav_warp .nav_row {margin: 0 23px;}
.nav_warp .nav_row li {padding: 12px 0;}
.nav_warp .nav_row li a {display:block; text-align: center; font-size:13px; color:#ddd; letter-spacing:-1.5px;}
.nav_warp .nav_row li:first-child a {border-left: none;}
.nav_warp .nav_row li a.on {color:#ffc33d; position: relative;}
.nav_warp .nav_row li a.on em {width: 100%; height: 1px; display: inline-block; position: absolute; bottom: -12px; left: 0; background-color: #ffc33d;}


/********************************************************
■ led : 광고판
********************************************************/
.led {padding: 3px; background-color: #252E3B; border-top: 1px solid #111; border-bottom: 1px solid #111; box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);}
.led .led_bx {overflow: hidden; height: 34px; line-height: 34px; background-color: #101319; box-shadow: inset 0 0 5px rgb(0, 0, 0);}
.led .led_bx .tx1 {animation:led 3s infinite; -webkit-animation:led 3s infinite;}
@keyframes led {
    0%{color:#ff4444}
    25%{color:#ff8237}
    50%{color:#ffc93a}
    75%{color:#43ff2a}
    100%{color:#3891ff}
}


/********************************************************
■ footer : 푸더
********************************************************/
#footer {display: block; clear: both; overflow: hidden; width: 100%; padding: 20px 0 100px 0; margin: 50px 0 0 0; border-top: 1px solid #222A36; font-size: 12px; text-align: center; color: #575f6d;}
#footer span {color: #8998b1;}
#footer a {display: block; padding: 8px 0; margin: 10px 50px; border: 1px solid #202a39; background-color: #161b22; color: #575f6d; font-size: 13px;}


/********************************************************
■ menu pop : 팝업메뉴
********************************************************/
.pop_menu {display: none; position: fixed; top: 56px; left: 0; right: 0; bottom: 0; overflow-y: auto; padding: 0 5px 0 5px; background-color: #161b22; text-align: center; z-index: 555;}
.pop_menu.on {display: block;}
.pop_menu h3 {margin: 10px 0; text-align: center; color: #a9b2ba; font-size: 16px; font-weight: normal; letter-spacing: -1px;}
.pop_menu h3::after {content: ''; float: left; width: 32%; height: 1px; margin: 12px 0 0 0; background-color: #293038;}
.pop_menu h3::before {content: ''; float: right; width: 32%; height: 1px; margin: 12px 0 0 0; background-color: #293038;}
.pop_menu ul {overflow: hidden; display: table; width: 100%; border-collapse: collapse; margin-bottom: 1px;}
.pop_menu ul::after {content: ''; display: block; clear: both;}
.pop_menu ul li {display: table-cell; width: 1%; line-height: 1; box-sizing: border-box; -webkit-box-sizing: border-box; transition: .3s; -webkit-transition: .3s;}
.pop_menu ul li:hover a p {color: #fff;}
.pop_menu .text_nav_row li {width: 25%; border-left: 1px solid #161b22; background-color: #252E3B; box-sizing: border-box; -webkit-box-sizing: border-box;}
.pop_menu .text_nav_row li:first-child {border-left: none;}
.pop_menu .text_nav_row li:hover {background-color: #374558;}
.pop_menu .text_nav_row li a {position: relative; overflow: hidden; display: block; padding: 8px 0; letter-spacing: -1px;}
.pop_menu .text_nav_row li a p {padding: 3px 0; font-size: 13px; color: #e6ded3; text-align: center;}


/********************************************************
■ pop info : 팝업 회원정보
********************************************************/
.pop_info {display: none; position: fixed; top: 56px; left: 0; right: 0; bottom: 0; overflow-y: auto; padding: 10px 10px; background-color: #161b22; text-align: center; z-index: 555;}
.pop_info.on {display: block;}
.pop_info .pop_profile {display: table; width: 100%; padding: 10px 0; border: 1px solid #111; background-color: #252E3B; box-sizing: border-box; -webkit-box-sizing: border-box;}
.pop_info .pop_profile::after {content: ''; clear: both; overflow: hidden; display: block;}
.pop_info .pop_profile > div {display: table-cell;}
.pop_info .pop_profile .user_photo {width: 80px; text-align: center; vertical-align: middle;}
.pop_info .pop_profile .user_photo img {width: 50px; height: auto; vertical-align: middle;}
.pop_info .pop_profile .user_info {width: calc(100% - 80px); max-height: 76px; text-align: left; font-size: 13px; letter-spacing: -0.5px;}
.pop_info .pop_profile .user_info h4 {color: #a9b2ba; font-weight: normal;}
.pop_info .pop_profile .user_info h4 span {color: #fff}
.pop_info .pop_profile .user_info p {color: #a9b2ba;}
.pop_info .pop_profile .user_info p em.mss {color: #d151d1;}
.pop_info .pop_profile .user_info p em.coin {color: #e6c337;}
.pop_info .pop_profile .user_info p em.point {color: #38a3ff;}
.pop_info .pop_gnb {margin: 10px 0;}
.pop_info .pop_gnb table {width: 100%; table-layout: fixed; border-collapse: collapse;}
.pop_info .pop_gnb table td {border: 1px solid #161B22;}
.pop_info .pop_gnb table td a {display: block; padding: 13px 0; color: #a9b2ba; background-color: #252E3B; transition: .3s; -webkit-transition: .3s;}
.pop_info .pop_gnb table td a:hover {background-color: #374558; color: #fff;}
.pop_info .pop_banner {margin: 10px 0; text-align: center;}
.pop_info .pop_banner img {width: 100%;}


/********************************************************
■ bet cart : 베팅카트
********************************************************/
/* 카트 백배경 */
.bet_pop_bg {display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 443;}
.bet_pop_bg.on {display: block;}

/* 카트 오픈전 */
.bet_warp {width: 100%; left:0; bottom:0; position:fixed; z-index:444; transition: all 350ms ease-in-out;}

.bet_box {display: table; position:absolute; left:0; bottom:0; margin:0 auto; width: 100%; padding: 5px 5px; background-color: #2F3E55; border-top: 1px solid #111; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; z-index:444; box-shadow: 0 -8px 4px rgba(0,0,0,0.3);}
.bet_box p {display: table-cell; text-align: center;} 
.bet_box p.btn_area {width: 100%;}
.bet_box p.btn_area a {display: block; padding: 10px 0; border: 1px solid #111; background-color:#325a96; font-size: 14px; font-weight: bold; color: #fff; letter-spacing: -1px;}
.bet_box p.cart_area {width: 50%; padding: 10px 0; border: 1px solid #111; border-right: none; background-color:#222A36; color: #e4e4e4; letter-spacing: -1px;}
.bet_box p.cart_area span {font-size: 13px; color: #11fc6b;}

/* 카트 업다운아이콘 */
.bet_down {display:block; position:absolute; left:0; top:-21px; width:100%; height:21px; background:url(/images/m/drop_down.png) no-repeat center 0; background-size:78px; text-indent: -9999px;}

/* 카트 오픈후 */
.bet_pop {position:absolute; bottom:-400px; left:0px; right:0px; padding: 5px; z-index:6666; background-color: #2F3E55; border-top:1px solid #111;}
.bet_head {overflow: hidden; padding: 5px; background-color: #222A36; border: 1px solid #111;}
.bet_head table {width: 100%; table-layout: fixed;}
.bet_head table th {height: 30px; font-weight: normal; text-align: left; vertical-align: middle;}
.bet_head table th span {vertical-align: middle; margin-right: 6px;}
.bet_head table td {height: 20px; line-height: 18px; color: #939ba2; vertical-align: middle; letter-spacing: -0.5px;}
.bet_head .bet_mm {width: 100%; line-height: 30px; padding: 0 10px; margin-top: 5px; background-color: #f4f4f4; text-align: right; color: #333!important; font-size: 14px; border:1px solid #bbb; box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.1);}
.bet_head .bet_mbt {margin-top: 5px;}
.bet_head .bet_mbt ul {display: table; width: 100%; text-align: center;}
.bet_head .bet_mbt ul li {display: table-cell; width: 1%; border: 1px solid #111; background-color: #34455f;}
.bet_head .bet_mbt ul li a {display: block; line-height: 1; padding: 8px 0; color: #fff;}

.bet_list_warp {background-color:#15191F; position:relative; max-height:103px; overflow-y:scroll; border-left: 1px solid #111; border-right: 1px solid #111;}
.bet_list {padding: 5px 5px; clear: both;}
.bet_list li {width: 100%; padding: 5px 5px; overflow: hidden; background-color: #222A36; color: #333; border: 1px solid #27303e; margin-bottom: 6px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box;}
.bet_list li:last-child {margin-bottom: 0px!important;}
.bet_list li dl dd {float: left; line-height: 1.4;}
.bet_list li dl dd:nth-child(1) {width: 70%;}
.bet_list li dl dd:nth-child(2) {width: 17%; line-height: 30px; text-align: center;}
.bet_list li dl dd:nth-child(3) {width: 13%;}
.bet_list li dl dd p {font-size: 12px; text-overflow:ellipsis; white-space:nowrap; overflow: hidden;}
.bet_list li dl dd a {color: #fff; border: 1px solid #111; background-color: #7E2929; font-size: 12px; display: block; overflow: hidden; height: 30px; line-height: 30px; text-align: center;}
.bet_list li dl dd span {display: block;}
.bet_list li dl dd .on {color: #ddd;}
.bet_list li dl dd .bt_odd {color: #fab313;}
.bet_list li dl dd .bt_name {color: #ddd;}

.bet_pop_bt {display: block; padding:5px 5px 5px 5px; background-color:#222A36; border:1px solid #111;}
.bet_pop_bt ul {overflow: hidden;}
.bet_pop_bt li {float:left;}
.bet_pop_bt a {display:block; height:34px; font-size:14px; line-height:34px; text-align:center; color:#fff; border: 1px solid #111; letter-spacing: -1px;}
.bet_pop_bt li:nth-child(1) {width:24%; background-color:#29507E;}
.bet_pop_bt li:nth-child(2) {width:24%; background-color:#7e2964; margin:0px 0px 0px 1%;}
.bet_pop_bt li:nth-child(3) {width:25%; background-color:#006A29; margin:0px 0px 0px 1%;}
.bet_pop_bt li:nth-child(4) {width:24%; background-color:#7E2929; margin:0px 0px 0px 1%;}

.bet_tc_1 {color: #eee;}
.bet_tc_2 {color: #ffba00;}
.bet_tc_3 {color: #eee;}


/********************************************************
■ sub head : 서브 상단
********************************************************/
.sub_head {overflow: hidden; height: 36px; line-height: 36px; padding: 0 0 5px 0; text-align: right; margin: 10px 5px; border-bottom: 1px solid #192129; vertical-align: middle;}
.sub_head::after {content: ''; clear: both; display: block;}
.sub_head .sub_title {float: left; position: relative; padding: 0 0 5px 0; color: #f4f4f4; font-size: 18px; letter-spacing: -1px; text-shadow: 0 2px 2px #000;}
.sub_head .sub_title::after {content: ''; position: absolute; bottom: 0; display: block; width: 100%; height: 2px; background-color: #3982F5;}


/********************************************************
■ sub_line : 서브 라인
********************************************************/
.sub_line {padding: 0 5px 10px 5px; margin: 0 5px 15px 5px; border-bottom: 1px solid #000; text-align: right;}
.sub_line::after {content: ''; clear: both; display: block; overflow: hidden;}


/********************************************************
■ sub guide : 서브 게임가이드
********************************************************/
.cate_ico {display: none; overflow: hidden; margin-bottom: 10px;}
.cate_ico .ctic_row li {padding: 3px 0; color: #aaa; font-size: 11px; letter-spacing: -0.5px;}
.cate_ico .ctic_row li em {display: inline-block; width: 10px; height: 10px; margin: 0 auto 2px auto; border-radius: 10px; -webkit-border-radius: 10px; vertical-align: middle;}


/********************************************************
■ move : 이동
********************************************************/
.move {margin: 30px auto 0 auto; padding: 0 10px; text-align: center;}
.move .page {overflow: hidden;}
.move .page li {display: inline-block; min-width: 36px; height: 36px; line-height: 36px; margin: 0 0px; font-size: 12px; vertical-align: middle; border: 1px solid #273346; background-color: #1B212A;}
.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; cursor: pointer;}

.move .page li.next span, .move .page li.prev span {position: relative; width: 36px; height: 36px;}
.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: 36px; height: 36px;}
.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);}


/********************************************************
■ nav sub : 서브 메뉴
********************************************************/
.navsb_warp {padding: 3px; margin: 0 0 10px 0; background-color: #252E3B; border: 1px solid #111; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);}
.navsb_warp ul {background-color: #1B212A; border: 1px solid #111;}
.navsb_warp ul li {display: table-cell; width: 1%; border-left: 1px solid #111;}
.navsb_warp ul li:first-child {border-left: none;}
.navsb_warp ul li a {display:block; padding: 8px 0; background-color: #1B212A; text-align: center; font-size:13px; color:#a9b2ba; letter-spacing:-1px;}
.navsb_warp ul li a.on {color:#eee; background-color: #294A7C;}


/********************************************************
■ nav sub btn : 서브 메뉴 버튼
********************************************************/
.navsb_btn_warp {padding: 5px; margin: 0 5px 10px 5px; background-color: #252E3B; border: 1px solid #111; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);}
.navsb_btn_warp ul {background-color: #1B212A; border: 1px solid #111;}
.navsb_btn_warp ul li {display: table-cell; width: 1%; border-left: 1px solid #111; background-color: #1B212A;}
.navsb_btn_warp ul li:first-child {border-left: none;}
.navsb_btn_warp ul li a {display:block; padding: 8px 0; text-align: center; font-size:13px; color:#a9b2ba; letter-spacing:-1px;}
.navsb_btn_warp ul li a.on {color:#fff; background-color: #294A7C;}


/********************************************************
■ navsb_list : 서브리스트
********************************************************/
.navsb_list {padding: 5px; border: 1px solid #111; background-color: #1B212A; margin: 0 5px 10px 5px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);}
.navsb_list ul {overflow: hidden;}
.navsb_list li {float: left; width: 25%; border-left: 1px solid #15191F; border-bottom: 1px solid #15191F; box-sizing: border-box; -webkit-box-sizing: border-box;}
.navsb_list li:nth-child(4n+1) {border-left: none;}
.navsb_list li a {display: block; color: #a9b2ba; padding: 10px 0; background-color: #283240;}
.navsb_list li a:hover, .navsb_list li a.on {background-color: #294A7C; color: #eee;}


/********************************************************
■ category sub icon : 카테고리 서브아이콘
********************************************************/
.game_cate {padding: 0 1px; margin-bottom: 12px; background-color: #1B212A; border: 3px solid #252E3B;text-align: center; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);}
.game_cate::after {content: ''; clear: both; display: block; overflow: hidden;}
.game_cate_row ul li {position: relative; display: table-cell; width: 1%; border-top: 1px solid #111; border-bottom: 1px solid #111; border-left: 1px solid #111; -webkit-transition: 0.3s; transition: 0.3s;}
.game_cate_row ul li:first-child {border-left: none;}
.game_cate_row ul li a {display: block; padding: 10px 0; color: #a9b2ba; letter-spacing: -1px; -webkit-transition: 0.3s; transition: 0.3s;}
.game_cate_row ul li:hover, .game_cate ul li a.on {background-color: #294A7C;}
.game_cate_row ul li a:hover, .game_cate ul li a.on{color: #fff;}


/********************************************************
■ rulebx : 룰박스
********************************************************/
.rulebx {padding: 5px; margin: 0 5px; text-align: left; border: 1px solid #111; background-color: #212a36; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);}
.rulebx h3 {padding: 10px 10px; margin: 0 0 0 0; border: 1px solid #111; background-color: #2A364B; color: #eee; font-weight: normal;}
.rulebx .rule_c {padding: 10px; margin-bottom: 10px; border: 1px solid #111; border-top: none; background-color: #161b22;}
.rulebx .rule_c p {line-height: 1.5; color: #aaa;}
.rulebx .rule_n {padding: 10px 0; border-bottom: 1px solid #2A364B; border-top: 1px solid #2A364B; 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;}
}


/********************************************************
■ link menu : 링크메뉴
********************************************************/
.icon_nav {margin: 20px 5px 10px 5px; text-align: center;}
.icon_nav h2 {margin: 10px 5px; text-align: center; color: #fff; font-size: 18px; font-weight: normal; letter-spacing: -1px; text-shadow: 0 1px 1px #000;}
.icon_nav h2::after {content: ''; float: left; width: 30%; height: 1px; margin: 13px 0 0 0; background-color: #181b21;}
.icon_nav h2::before {content: ''; float: right; width: 30%; height: 1px; margin: 13px 0 0 0; background-color: #181b21;}
.icon_nav ul {overflow: hidden; max-width: 460px; margin: 0 auto;}
.icon_nav ul::after {content: ''; display: block; clear: both;}
.icon_nav ul li {float: left; line-height: 1; box-sizing: border-box; -webkit-box-sizing: border-box;}
.icon_nav ul li:hover a p {color: #ffc33d;}
.icon_nav .icn_nav_row li {width: 25%; padding: 5px; letter-spacing: -0.5px;}
.icon_nav .icn_nav_row li a:hover img {-webkit-transform: rotateY(360deg); transform: rotateY(360deg);}
.icon_nav .icn_nav_row li a {position: relative; overflow: hidden; display: block;}
.icon_nav .icn_nav_row li a img {width: 100%; height: auto; padding: 0; margin: 0; border-radius: 50%; -webkit-border-radius: 50%; transition:all .3s ease-out; -webkit-transition:all .3s ease-out;}
.icon_nav .icn_nav_row li a p {padding: 5px 0; font-size: 12px; color: #aaa; text-align: center; letter-spacing: -1px;}


/********************************************************
■ level : 레벨
********************************************************/
.lv_1, .lv_2, .lv_3, .lv_4, .lv_5, .lv_6, .lv_7, .lv_8 {display: inline-block; width: 22px; height: 22px; margin: -2px 3px 0 0; vertical-align: middle;}
.lv_admin {width: 56px; height: 22px; background: url(/images/m/lv_admin.png) no-repeat 0 0; background-size: 56px 22px;}
.lv_1 {background: url(/images/m/v_1.png) no-repeat 0 0; background-size: 22px 22px;}
.lv_2 {background: url(/images/m/v_2.png) no-repeat 0 0; background-size: 22px 22px;}
.lv_3 {background: url(/images/m/v_3.png) no-repeat 0 0; background-size: 22px 22px;}
.lv_4 {background: url(/images/m/v_4.png) no-repeat 0 0; background-size: 22px 22px;}
.lv_5 {background: url(/images/m/v_5.png) no-repeat 0 0; background-size: 22px 22px;}
.lv_6 {background: url(/images/m/v_6.png) no-repeat 0 0; background-size: 22px 22px;}
.lv_7 {background: url(/images/m/v_7.png) no-repeat 0 0; background-size: 22px 22px;}
.lv_8 {background: url(/images/m/v_8.png) no-repeat 0 0; background-size: 22px 22px;}
.lv_admin {display: inline-block; margin: -2px 0 0 0; vertical-align: middle;}


/********************************************************
■ board list : 보드 리스트
********************************************************/
.board {position: relative; margin: 0 5px;}
.board_list {border-top: 1px solid #343434; text-align: left;}
.board_list .bo_item_nt a, .board_list .bo_item a, .board_list .bo_item_none a {display: block;}
.board_list .bo_item_nt {position: relative; padding: 10px 5px 10px 5px; border-bottom: 1px solid #111; background-color: rgba(30, 37, 47, 0.8);}
.board_list .bo_item {position: relative; padding: 10px 50px 10px 5px; border-bottom: 1px solid #263040;  background-color: rgba(21, 25, 31, 0.8);}
.board_list .bo_item_none {position: relative; padding: 10px 5px 10px 5px; border-bottom: 1px solid #263040; background-color: rgba(21, 25, 31, 0.8);}

.board_list .bo_notice {font-size: 18px; letter-spacing: -1px;}
.board_list .bo_subject {color: #fff; font-size: 14px; letter-spacing: -1px;}
.board_list .bo_subject img {width: 16px; height: auto; margin: -3px 1px 0 1px; vertical-align: middle;}

.board_list .bo_info {padding-top: 6px; line-height: 1;}
.board_list .bo_info .admin {display: inline-block; font-size: 12px; color: #aaa;}
.board_list .bo_info .admin img {width: auto; height: 18px; vertical-align: middle;}
.board_list .bo_info .name {display: inline-block; font-size: 12px; color: #ccc;}
.board_list .bo_info .name img {width: auto; height: 18px; margin: -1px 3px 0 0; vertical-align: middle;}
.board_list .bo_info .date {display: inline-block; position: relative; padding-left: 6px; margin-left: 6px; font-size: 11px; color: #999; letter-spacing: -0.5px;}
.board_list .bo_info .date::before {content:''; position: absolute; left: 0; top: 50%; width: 1px; height: 12px; background-color: #263040; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.board_list .bo_info .more {position: absolute; right: 0; top: 0; display: block; width: 44px; height: 100%; text-align: center; font-size: 12px;}
.board_list .bo_info .more em {position: absolute; top: 50%; left: 0; width: 100%; display: block; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.board_list .bo_info .more_bg {position: absolute; right: 0; top: 0; display: block; width: 44px; height: 100%; text-align: center; font-size: 12px;}
.board_list .bo_info .more_bg em {position: absolute; top: 50%; left: 0; width: 100%; display: block; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.board_list .bo_info .event {display: block; position: relative; padding: 2px 0; font-size: 13px; color: #777; letter-spacing: -0.5px;}
.board_list .bo_info .event em {color: #bbb;}

.board_list .ic_retxt {display: inline-block; margin: 0 2px; color: #8bd90e;}
.board_list .ic_bet {display: inline-block; padding: 6px 0; background-color: #364B62; color: #fff; font-size: 11px; letter-spacing: -1px;}
.board_list .ic_new {display: inline-block; padding: 2px 5px 2px 4px; line-height: 1; margin-top: -2px; margin-left: 5px; background-color: #7D4600; color: #fff; font-size: 11px; letter-spacing: -1px; vertical-align: middle;}
.board_list .ic_blue {color: #2696f7;}
.board_list .ic_red {color: #e32727;}

.cstm_and {display: inline-block; padding: 2px 5px 2px 5px; color: #fff !important; background-color: #004489; margin: 0 6px 3px 0; font-size: 11px;}
.cstm_end {display: inline-block; padding: 2px 5px 2px 5px; color: #fff !important; background-color: #95001d; margin: 0 6px 3px 0; font-size: 11px;}

.board_list .re_item {display: none; border-bottom: 1px solid #263040; background-color: rgba(17, 20, 25, 0.8);}
.board_list .re_item .bo_review {padding: 10px 10px; color: #bbb;}


/********************************************************
■ board view : 보드 뷰어
********************************************************/
.board_view {margin: 0 5px 15px 5px;}
.bdview_head {text-align: left; border: 1px solid #111;}
.bdview_head h3.title {line-height: 1.5; padding: 8px 5px; background-color: #33435C; border-bottom: 1px solid #111; font-size: 16px; color: #eee; font-weight: normal; letter-spacing: -2px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);} 
.bdview_head h3.title .qna_q {display: inline-block; margin: 0 8px 0 0; color: #e6b100;}
.bdview_head h3.title .qna_a {display: inline-block; margin: 0 8px 0 0; color: #8ae000;}
.bdview_head h3.title .event_es {display: inline-block; margin: 0 8px 0 0; color: #57b2ff;}
.bdview_head h3.title .event_et {display: inline-block; margin: 0 8px 0 0; color: #ff3b3b;}

.bdview_head .bdview_info {line-height: 32px; padding: 5px 5px; background-color: #27303E;}
.bdview_head .bdview_info span {display: inline-block; letter-spacing: -1px;}
.bdview_head .bdview_info .v_name {color: #ccc;}
.bdview_head .bdview_info .v_guide {display: inline-block; width: 1px; height: 10px; background-color: #515c6d; margin: 0 3px; vertical-align: middle;}
.bdview_head .bdview_info .v_time {color: #999;}

.bdview_head .bdview_event {padding: 5px; border-top: 1px solid #111; background-color: #1f2631;}
.bdview_head .bdview_event .v_guide {display: inline-block; width: 1px; height: 10px; background-color: #666; margin: 0 3px; vertical-align: middle;}
.bdview_head .bdview_event .v_event {display: block; position: relative; padding: 2px 0; font-size: 12px; color: #999; letter-spacing: -0.5px;}
.bdview_head .bdview_event .v_event em {color: #dec716;}

.bdview_cont {padding: 10px 10px; line-height: 1.5; border-top: none!important; border: 1px solid #111; background-color: #1a2029; font-size: 14px; color: #ccc; text-align: left; letter-spacing: -0.5px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);}
.bdview_btn {padding: 15px 5px;}
.bdview_gmlist {margin: 0 5px 15px 5px;}
.bdv_admin {margin: 20px 0 0 0;}

.bdview_coment {margin: 0 5px 15px 5px; padding: 5px; border: 1px solid #111; background-color: #1D242E; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);}
.bdview_coment > div {height:68px; padding: 0 8px; background-color:#fff; border:1px solid #bbb; text-align: left; box-shadow:inset 0 4px 4px rgba(0, 0, 0, 0.2); color:#333;}
.bdview_coment > div textarea {overflow: hidden; width:100%; height:58px; padding: 10px 0; margin-bottom: 5px; font-size:12px; color: #333; border:none; background-color:transparent; resize:none;}
.bdview_coment p {padding: 6px 0 0 0;}

.coment_list {margin: 0 5px 15px 5px; text-align: left;}
.coment_list li {display: block; padding: 5px; cursor: pointer; border-bottom: 1px solid #263040;}
.coment_list .r_text {display: block; font-size: 13px; color: #ddd; padding-bottom: 1px; letter-spacing: -1px;}
.coment_list .coment_info {display: block; padding-bottom: 3px; vertical-align: middle;}
.coment_list .coment_info span {display: inline-block; letter-spacing: -1px;}
.coment_list .coment_info .r_name {font-size: 12px; color: #aaa;}
.coment_list .coment_info .r_time {font-size: 12px; color: #777;}
.coment_list .coment_info .r_guide {display: inline-block; width: 1px; height: 10px; background-color: #666; margin: 0 3px; vertical-align: middle;}


/********************************************************
■ board write : 보드 글쓰기
********************************************************/
.board_write {margin: 0 5px 10px 5px;}
.board_write table {width: 100%; table-layout: fixed; text-align: left;}
.board_write table th {background-color: #263143; border: 1px solid #111; text-align: center; color: #ccc; font-weight: normal; vertical-align: middle;}
.board_write table td {background-color: #1B2129; border: 1px solid #111;}
.board_write table td .write_row_bx {margin: 5px; background-color: #f4f4f4; border: 1px solid #bbb; box-shadow:inset 2px 2px 5px rgba(0, 0, 0, 0.1);}
.board_write table td .write_row_bx input {width: 100%; height: 34px; line-height: 34px; padding: 0 10px; border: none; background-color: transparent; color: #333; font-size: 13px; box-sizing: border-box; -webkit-box-sizing: border-box;}
.board_write table td .write_row_bx textarea {overflow: hidden; width: 100%; height: 200px; line-height: 1.5; padding: 5px; font-size: 13px; resize: none; background-color: transparent; box-sizing: border-box; -webkit-box-sizing: border-box;}
.board_write table td .write_row_line {margin: 10px;}


/********************************************************
■ edit_tb : 에디터 테이블
********************************************************/
.edit_tb {position: relative; margin: 0 5px;}
.edit_tb .achten {margin: 0 0 20px 0; text-align: left; letter-spacing: -1px;}
.edit_tb .achten h3 {padding: 10px; background-color: #2A364B; font-size: 14px; font-weight: normal; color: #ddd;}
.edit_tb .achten > div {padding: 5px; border: 1px solid #111; background-color: #212A36;}
.edit_tb .achten .achten_cont {line-height: 1.6; padding: 10px; border: 1px solid #111; background-color: #161B22; color: #ccc;}
.edit_tb .achten .achten_cont span {color: #deba22;}

.edit_tb table {width: 100%; table-layout: fixed; border-collapse: collapse; border: 1px solid #111; letter-spacing: -1px;}
.edit_tb table tr {background-color: #1B2129;}
.edit_tb table tr th {padding: 0 1px; border: 1px solid #111; background-color: #263143; color: #fff; font-weight: normal; vertical-align: middle;}
.edit_tb table tr td {height: 40px; padding: 8px 8px; border: 1px solid #111; color: #aaa; text-align: left; vertical-align: middle;}
.edit_tb table tr td button {font-size: 13px; cursor: pointer;}
.edit_tb table tr td label {display: inline-block; margin-right: 20px;}
.edit_tb table tr td em {color: #13bf83;}
.edit_tb table tr td p {padding-top: 5px; color: #aaa; font-size: 12px;}
.edit_tb table tr td .chk_row {margin-bottom: 10px;}
.edit_tb table tr td .my_money {color: #e6c337; font-size: 14px;}
.edit_tb table tr td .my_point {color: #d559d7; font-size: 14px;}
.edit_tb table tr td .bak_num {display: block; margin: 5px 0; font-size: 13px; vertical-align: middle;}
.edit_tb table tr td .pd10 {display: block; margin: 0 5px 0 0; font-size: 13px; vertical-align: middle; letter-spacing: -1px;}
.edit_tb table tr td .input_box {display: inline-block; background-color: #fff; border: 1px solid #bbb; box-shadow:2px 2px 5px rgba(0, 0, 0, 0.1) inset;}
.edit_tb table tr td .input_box input {width: 100%; height: 30px; line-height: 30px; padding: 5px 10px; border: none; background-color: transparent; color: #333; font-size: 13px; box-sizing: border-box; -webkit-box-sizing: border-box;}
.edit_tb table tr td .box_pd10 {padding: 2px 0;}
.board_list table thead th {height: 46px; color: #f4f4f4; background-color: #2F3E55; border-bottom: 1px solid #111; letter-spacing: -1px; font-weight: normal; text-align: center;}
.board_list table tbody .b_normal {text-align: center; color: #ccc;}

.edit_tb .money_btn {overflow: hidden;}
.edit_tb .money_btn .m_btn_line {display: table; width: 100%; border: 1px solid #111;}
.edit_tb .money_btn .m_btn_line li {display: table-cell; width: 33.33%; border-left: 2px solid #111;}
.edit_tb .money_btn .m_btn_line li:first-child {border-left: none;}
.edit_tb .money_btn .m_btn_line li button {width: 100%; padding: 10px 0;}

.edit_tb .btn_line {padding: 30px 15px;} 


/********************************************************
■ bdtb_list : 리스트 테이블
********************************************************/
.bdtb_list {margin: 0 5px 10px 5px; letter-spacing: -1px;}
.bdtb_list table {width: 100%; table-layout: fixed;}
.bdtb_list table tr {text-align: left; border-bottom: 1px solid #263040;}
.bdtb_list table tr th {height: 36px; background-color: #2A364B; color: #ccc; text-align: center; font-weight: normal; vertical-align: middle;}
.bdtb_list table tr td {padding: 8px 0; text-align: center;}
.bdtb_list table tr td.num {color: #999; font-size: 11px;}
.bdtb_list table tr td.day {color: #999;}
.bdtb_list table tr td.coin {color: #999; text-align: left;}
.bdtb_list table tr td.coin p {color: #999;}
.bdtb_list table tr td .tx_coin {color: #e8bf15; text-align: left;}


/********************************************************
■ like_tb : 추천아이디
********************************************************/
.like_tb {padding: 10px 0;}
.like_tb > table {width: 100%; table-layout:fixed; box-shadow: none;}
.like_tb > table tr {border: 0!important;}
.like_tb > table td {line-height: 1.5; padding: 8px 2px!important; border: 1px solid #111; background-color: #232b38; text-align: center!important; color: #ccc; -webkit-transition: 0.3s; transition: 0.3s;}
.like_tb > table td p {padding-top: 2px!important; color: #a9b2ba;}
.like_tb > table td:hover {background-color: #161b22!important;}
.like_tb > table td:hover p {color: #e2b522!important;}


/********************************************************
■ roulette : 룰렛
********************************************************/
.roulette {margin: 10px auto 0 auto;}
.roulette .roul_head {padding: 5px; margin: 0 5px 10px 5px; border: 1px solid #111; background-color: #2E394B;}
.roulette .roul_head .roul_box {padding: 5px; background-color: #1B212A; border: 1px solid #111; letter-spacing: -1px;}
.roulette .roul_head .roul_box h3 {padding: 5px 0 10px 0; margin-bottom: 10px; border-bottom: 1px dashed #455464; text-align: left; color: #27c5ff; font-size: 16px; font-weight: normal;}
.roulette .roul_head .roul_box p {line-height: 1.5; color: #999; text-align: left;}
.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: 10px 5px; border-left: 1px solid #111; font-weight: normal; color: #999;}
.roulette .roul_row span:first-child {border-left: none;}
.roulette .roul_row span strong {color: #ffce01}

.roulette .roul_cont {position: relative; margin: 40px 0 20px 0; text-align: center;}
.roulette .roul_cont:before{display:block; position:absolute; top:-16px; left:50%; width:300px; margin-left:-150px; height:300px; background:url(/images/m/roulette/roulette_bg.png) no-repeat 0 0; background-size:300px 300px; content:''; z-index:11 !important;}
.roulette .roul_cont .roul_star {display: block; position: absolute; left: 50%; top: 50%; margin-top: -40px; margin-left: -40px; width: 80px; height: 80px; background: url(/images/m/roulette/roulette_start.png) no-repeat 0 0; background-size: 80px 80px; z-index: 12; text-indent: -99999px;}
.roulette .roul_cont .roul_body {display: block; width: 266px; height: 266px; margin: 0 auto;}
.roulette .roul_cont .roul_body img {width: 266px; height: 266px; 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:70px; height:24px; line-height: 22px; font-size:20px; color:#fff!important; letter-spacing: -1px; white-space:nowrap; text-overflow:ellipsis; text-shadow:1px 1px rgba(0, 0, 0, 0.6);}

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

.roulette .roul_cont .roul_body .roul_entry ul li.ety_num_1 {top:66px; left:50%; margin-left:20px;
    -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:178px; left:50%; margin-left:22px; 
    -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:176px; left:50%; margin-left:-88px; 
    -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:64px; left:50%; margin-left:-90px; font-size: 24px;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
}


/********************************************************
■ main popup : 메인 팝업
********************************************************/
.pop_bg {display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%;}
.pop_bg.on {display: block;}

.pop_box {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.pop_warp {height: 100%; background-color: #13171d;}
.pop_warp h2 {height: 50px; padding: 0 10px; background-color: #252E3B; border-bottom: 1px solid #111; font-weight: normal; text-align: center;}
.pop_warp h2 img {width: 137px; height: auto; margin-top: 7px;}
.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 {overflow-y: auto; height: calc(50%); line-height: 1.7; padding: 10px; border: 5px solid #252E3B; color: #ccc; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch;}
.pop_warp .pop_cont img {width: 100%; height: auto; display: block;}
.pop_warp .pop_foot {overflow: hidden; line-height: 44px; padding: 3px 10px 5px 10px; border-top: 1px solid #111; background-color: #252E3B; color: #ccc; text-align: right;}
.pop_warp .pop_foot::after {content: ''; clear: both; display: block;}
.pop_warp .pop_foot label {color: #ccc!important;}
.pop_warp .pop_foot span {display: inline-block; padding: 12px 0 0 0;}

.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; color:white;}

@keyframes pop_logo {
    0% {opacity: 0.3;}
    30%{opacity: 1;}    
    70%{opacity: 1;}    
    100%{opacity: 0.3;} 
}


.game_data .PriceUpSelect {background:url(/images/odds-change-bg.gif) top right no-repeat; background-color:#E9A82B;}
.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:#E9A82B;}
.game_data .PriceDown {background:url(/images/odds-change-bg.gif) bottom right no-repeat;background-color:#2F3E55;}