/********************************************************
■ 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;}
a.atbtn:active {box-shadow: inset 0 0 0 1px #241F1E,inset 0 3px 30px rgba(0, 0, 0, 0.7);}


/********************************************************
■ font color : 폰트컬러
********************************************************/
.tx_red {color: #fc3636;}
.tx_blue {color: #3190fd;}
.tx_green {color: #93f54b;}
.tx_gray {color: #999;}
.tx_org {color: #ff6c00;}
.tx_white {color: #fff;}
.tx_sky {color: #41e1ff;}
.tx_yell {color: #ffce00;}
.tx_blue_span {width: 50px;height:50px;line-height: 50px;text-align: center;background-color: #3190fd;font-size:15px;font-weight: bold;color: #fff;float: left;margin-top: 2px;font-size:0px;}
.tx_red_span {width: 50px;height:50px;line-height: 50px;text-align: center;background-color: #fc3636;font-size:15px;font-weight: bold;color: #fff;float: left;margin-top: 2px;font-size:0px;}
.tx_org_span {width: 50px;height:50px;line-height: 50px;text-align: center;background-color: #ffce00;font-size:15px;font-weight: bold;color: #fff;float: left;margin-top: 2px;font-size:0px;}
.tx_o_span {
    background: url(/images/sadari_betbut_01.png?v=2) no-repeat;
    background-position: -30px -25px;
}
.tx_e_span {
    background: url(/images/sadari_betbut_03.png?v=2) no-repeat;
    background-position: -30px -25px;
}
.tx_l_span {
    background: url(/images/sadari_betbut_05.png?v=2) no-repeat;
    background-position: -20px -7px;
}
.tx_r_span {
    background: url(/images/sadari_betbut_07.png?v=2) no-repeat;
    background-position: -20px -7px;
}
.tx_3_span {
    background: url(/images/sadari_betbut_16.png?v=2) no-repeat;
    background-position: -20px -7px;
}
.tx_4_span {
    background: url(/images/sadari_betbut_17.png?v=2) no-repeat;
    background-position: -20px -7px;
}
.tx_under_span {
    background: url(/images/power_betbut_31.png?v=2) no-repeat;
    background-position: -39px -7px;
}
.tx_over_span {
    background: url(/images/power_betbut_32.png?v=2) no-repeat;
    background-position: -39px -7px;
}
.tx_a_span {
    background: url(/images/sadari_betbut_09.png?v=2) no-repeat;
    background-position: -20px -7px;
}
.tx_b_span {
    background: url(/images/sadari_betbut_18.png?v=2) no-repeat;
    background-position: -20px -7px;
}
.tx_c_span {
    background: url(/images/sadari_betbut_11.png?v=2) no-repeat;
    background-position: -20px -7px;
}
.tx_d_span {
    background: url(/images/sadari_betbut_19.png?v=2) no-repeat;
    background-position: -20px -7px;
}
.tx_snail_span1 {
    background: url(/images/sp_race_player_new.png) no-repeat;
    background-position: -170px 5px;
}
.tx_snail_span2 {
    background: url(/images/sp_race_player_new.png) no-repeat;
    background-position: -170px -57px;
}
.tx_snail_span3 {
    background: url(/images/sp_race_player_new.png) no-repeat;
    background-position: -495px 5px;
}
.tx_snail_span4 {
    background: url(/images/sp_race_player_new.png) no-repeat;
    background-position: -495px -57px;
}
.tx_snail_span5 {
    background: url(/images/sp_race_player_new.png) no-repeat;
    background-position: 75px 6px;
}
.tx_snail_span6 {
    background: url(/images/sp_race_player_new.png) no-repeat;
    background-position: 75px -56px;
}
.tx_snail_span7 {
    background: url(/images/sp_race_player_new.png) no-repeat;
    background-position: 75px -126px;
}
.tx_snail_span8 {
    background: url(/images/sp_race_player_new.png) no-repeat;
    background-position: 75px -196px;
}
.tx_s_span {
    background: url(/images/power_betbut_13.png?v=2) no-repeat;
    background-position: 0px 0px;
    background-size: 150%;
    width: 100%;
    height:50px;line-height: 50px;
}
.tx_m_span {
    background: url(/images/power_betbut_15.png?v=2) no-repeat;
    background-position: 0px 0px;
    background-size: 150%;
    width: 100%;
    height:50px;line-height: 50px;
}
.tx_ll_span {
    background: url(/images/power_betbut_17.png?v=2) no-repeat;
    background-position: 0px 0px;
    background-size: 150%;
    width: 100%;
    height:50px;line-height: 50px;
}
.power_div {
    width: 100% !important;
    height: 25px;
    line-height: 25px;
    text-align: center !important;
}
.tx_powerbcap {
    background: url(/images/powerbca_p.png?v=2) no-repeat;
    background-position: -30px -22px;
    background-size: 190%;
    width: 100%;
    height: 70px;
    line-height: 70px;
}
.tx_powerbcab {
    background: url(/images/powerbca_b.png?v=2) no-repeat;
    background-position: -30px -22px;
    background-size: 190%;
    width: 100%;
    height: 70px;
    line-height: 70px;
}
.tx_powerbcat {
    background: url(/images/powerbca_t.png?v=2) no-repeat;
    background-position: -28px -20px;
    background-size: 185%;
    width: 100%;
    height: 70px;
    line-height: 70px;
}
.tx_o {font-weight: bold;height: 20px !important;line-height: 20px !important;}
.tx_box {width: 55px !important;height: 55px !important;line-height: 55px !important;margin-top:2px !important;}
/********************************************************
■ font family : 폰트스타일
********************************************************/
.ng {font-family:'Nanum Gothic',sans-serif;}
.dt {font-family: '돋움',dotum,sans-serif;}


/********************************************************
■ botton : 버튼세트
********************************************************/
.btn_st_n {display: inline-block; line-height: 1; padding: 11px 14px 12px 14px; margin: 0 2px; background-color: #215991; color: #ddd; cursor: pointer; vertical-align: middle; border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}
.btn_st_s {display: inline-block; line-height: 1; padding: 9px 14px 10px 14px; margin: 0 2px; background-color: #c62700; color: #ddd; cursor: pointer; vertical-align: middle; border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}
.btn_st_xs {display: inline-block; line-height: 1; padding: 6px 14px 7px 14px; margin: 0 2px; background-color: #215991; color: #ddd; cursor: pointer; vertical-align: middle; border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}
.btn_st_xxs {display: inline-block; line-height: 1; padding: 8px 10px 9px 10px; margin: 0 2px; background-color: #215991; color: #ddd; cursor: pointer; vertical-align: middle; border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}
.btn_st_l {display: inline-block; line-height: 1; padding: 15px 30px; margin: 0 5px; background-color: #4E7EC4; color: #fff; cursor: pointer; vertical-align: middle; text-align: center; border-radius: 3px; -webkit-border-radius: 3px; 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; color: #fff; cursor: pointer; vertical-align: middle; text-align: center;}

.btst_r {background-color: #c10000; color: #fff;} /* 빨강 */
.btst_dr {background-color: #06a0fd; color: #1d222c;} /* 노랑 */
.btst_b {background-color: #1561db; color: #fff;} /* 파랑 */
.btst_bv {background-color: #1e3572; color: #fff;} /* 남색 */
.btst_o {background-color: #1a454e; color: #f9b00b; border: 1px solid #02a89e;} /* 주황 */
.btst_br {border: 1px solid #06b3fd;background-color: #1d222c; color: #f9b00b;} /* 노랑라인 */
.btst_y {background-color: #FFC600; color: #2A313E;} /* 노랑 */
.btst_g {background-color: #02a89e; color: #1a454e;} /* 녹색 */
.btst_bg {background-color: #006465; color: #fff;} /* 청록 */
.btst_p {background-color: #6f0e86; color: #fff;} /* 보라 */
.btst_yg {background-color: #f9b00b; color: #1d222c;} /* 연두 */

.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 20px 10px;}
.btn_row30 {padding: 30px 0;}
.btn_row40 {padding: 40px 0;}
.btn_row20 {padding: 20px 0;}


/********************************************************
■ textarea : 텍스트 입력폼
********************************************************/
textarea {font-family:'NG',sans-serif;}
.txtr {overflow: hidden; line-height: 1.5; border: 1px solid #111; background-color: #191919; color: #ddd; resize: none; font-size: 13px; letter-spacing: -0.5px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2) inset;}


/********************************************************
■ input : 텍스트 입력폼
********************************************************/
.input_st {padding: 10px 10px 9px 10px; background-color: #1d222c; border: 1px solid #4f6083; color: #000;}
.input_ip {border: 1px solid #111; background-color: #aaa; color: #000; resize: none; font-size: 13px; letter-spacing: -0.5px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2) inset;}


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


/********************************************************
■ checkbox : 체크박스
********************************************************/
.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?v=2) no-repeat;}
.checkbox label {float: left; margin-left: 5px; cursor: pointer; color: #ccc;}
.checkbox input.cb_box:checked+i {background-position: 0 -20px;}
.checkbox input.cb_box:checked+i+label {color: #ffc600;}


/********************************************************
■ selectbox : 셀렉트박스
********************************************************/
.select_st {padding: 8px 50px 8px 10px; border: 1px solid #4f6083; background: #1d222c url(/images/select_down.png?v=2) no-repeat 90% 50%; color: #d8d8d8; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.select_st::-ms-expand {display: none;}
.coupon_select {padding: 5px 50px 5px 13px; border: 1px solid #4f6083; background: #1d222c url(/images/select_down.png?v=2) no-repeat 90% 50%; color: #999; cursor: pointer;vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.coupon_select::-ms-expand {display: none;}


/********************************************************
■ icon_set : 아이콘이미지
********************************************************/
.icon_set {background: url(/images/icon_set.png) no-repeat;}


/********************************************************
■ bg : 배경
********************************************************/
.mbg {background:url('/images/bg_pc.jpg') center no-repeat #000; background-size:cover; background-attachment:fixed;}
.ibg {background:url('/images/login_bg.jpg?2402') no-repeat center top;background-size: 100%;}



/********************************************************
■ minigame : 미니게임관련
********************************************************/
.content_title_mini{position: relative; margin-top:25px;padding: 10px; background-color: rgba(30, 34, 44, 0.7);border: 1px solid #02e3fd;}

.banner_mini_snail{background-image:url(/images/bn_sr.jpg); height:140px;padding-left:790px; padding-top:80px; line-height:25px;}
.banner_mini_power{background-image:url(/images/bn_ep.jpg?v=3); height:140px;padding-left:760px; padding-top:80px; line-height:25px;background-position: 0px -50px;}
.banner_mini_powerbca{background-image:url(/images/bn_bca.jpg?v=3); height:120px;padding-left:760px; padding-top:100px; line-height:25px;background-position: 0px -30px;}
.banner_mini_bladder1{background-image:url(/images/bn_lad1.jpg?v=3); height:140px;padding-left:760px; padding-top:80px; line-height:25px;background-position: 0px -50px;}
.banner_mini_bladder2{background-image:url(/images/bn_lad2.jpg?v=3); height:140px;padding-left:760px; padding-top:80px; line-height:25px;background-position: 0px -50px;}
.banner_mini_bladder3{background-image:url(/images/bn_lad3.jpg?v=3); height:140px;padding-left:760px; padding-top:80px; line-height:25px;background-position: 0px -50px;}
.banner_mini_rrgame{background-image:url(/images/bn_rrgame10m.jpg); height:140px;padding-left:760px; padding-top:80px; line-height:25px;background-position: 0px -50px;}
.banner_mini_rrgame5{background-image:url(/images/bn_rrgame5m.jpg); height:140px;padding-left:760px; padding-top:80px; line-height:25px;background-position: 0px -50px;}
.banner_mini_rrgame3{background-image:url(/images/bn_rrgame3m.jpg); height:140px;padding-left:760px; padding-top:80px; line-height:25px;background-position: 0px -50px;}
.banner_mini_bubble1{background-image:url(/images/bn_blad1.jpg?v=3); height:120px;padding-left:740px; padding-top:100px; line-height:25px;background-position: 0px -30px;}
.banner_mini_bubble3{background-image:url(/images/bn_blad3.jpg?v=4); height:120px;padding-left:740px; padding-top:100px; line-height:25px;background-position: 0px -30px;}
.banner_mini_bubble_power{background-image:url(/images/bn_blad2.jpg?v=4); height:120px;padding-left:740px; padding-top:100px; line-height:25px;background-position: 0px -30px;}
.banner_mini_card{background-image:url(/images/banner07.jpg?v=3); height:140px;padding-left:760px; padding-top:80px; line-height:25px;background-position: 0px -20px;}
.banner_mini_bca{background-image:url(/images/bn_mb.jpg); height:120px;padding-left:760px; padding-top:100px; line-height:25px;background-position: 0px -30px;}
.banner_mini_bca h3 {font-size:16px !important;}
.banner_mini_nine{background-image:url(/images/bn_nb2.jpg); height:120px;padding-left:760px; padding-top:100px; line-height:25px;background-position: 0px -30px;}
.banner_mini_nine h3 {font-size:16px !important;}
.banner_mini_oe{background-image:url(/images/bn_oe.jpg); height:120px;padding-left:760px; padding-top:100px; line-height:25px;background-position: 0px -30px;}
.banner_mini_oe h3 {font-size:16px !important;}
.banner_mini_wheel{background-image:url(/images/bn_wl.jpg); height:120px;padding-left:760px; padding-top:100px; line-height:25px;background-position: 0px -30px;}
.banner_mini_wheel h3 {font-size:16px !important;}
.banner_mini h3{color:#f9b00b; font-weight:bold; font-size:18px;margin-top:-30px;}
.banner_mini p{color:#fff;font-size:15px;font-weight:bold;}
.banner_mini_roulette{background-image:url(/images/banner_roulette.jpg); height:140px;padding-left:790px; padding-top:130px; line-height:25px;}

.banner_mini_hdari2min{background-image:url(/images/banner-dari.jpg); height:140px;padding-left:790px; padding-top:130px; line-height:25px;}
.banner_mini_hdari3min{background-image:url(/images/banner-dari3.jpg); height:140px;padding-left:790px; padding-top:130px; line-height:25px;}
.banner_mini_hsoccer{background-image:url(/images/banner-soccer.jpg); height:140px;padding-left:790px; padding-top:130px; line-height:25px;}
.banner_mini_hhl1m{background-image:url(/images/banner_highlow.jpg); height:140px;padding-left:790px; padding-top:130px; line-height:25px;}
.banner_mini_hhl{background-image:url(/images/banner_highlow.jpg); height:140px;padding-left:790px; padding-top:130px; line-height:25px;}
/********************************************************
■ layout : 레이아웃
********************************************************/
#warp {position: relative; /*min-width: 1200px;*/width: 1200px;margin:0 auto;}
#header {margin-bottom: 30px;}
#container {position: relative; min-height: 500px; padding-top: 10px; padding-bottom: 10px;}
#content {position: relative; margin-top:20px; padding: 10px; background-color: rgba(0, 0, 0, 0.7);}
#content::after {content: ''; clear: both; display: block;}
#content_left {float: left; width: 930px; margin-right: 10px;}

#content_right {float: right; width: 240px;}
.cont_row {position: relative;}

.row_lay {position: relative; width: 1200px; margin: 0 auto;}
.row_lay::after {content: ''; clear: both; display: block;}
@media (max-width: 1590px) {
    .warp_gm_mda {min-width: 1590px!important;}
}

#content_all {float: left; width: 1200px; margin-right: 10px; text-align:center;}

/********************************************************
■ sub title : 서브 타이틀
********************************************************/
.content_title{position: relative; margin-top:430px;padding: 10px; background-color: rgba(30, 34, 44, 0.7);border: 1px solid #02a5fd;}
.content_title_mini{position: relative; margin-top:50px;padding: 10px; background-color: rgba(30, 34, 44, 0.7);border: 1px solid #02e3fd;}
.sub_title { color: #02e3fd; font-size: 20px;font-weight: bold;letter-spacing: -1px;line-height: 50px;}
.sub_title span {display: inline-block; }

/********************************************************
■ side menu : 사이드 메뉴
********************************************************/

.side_menu {width: 61px; position: absolute; top: 0px; right: -70px;}
.side_menu ul .smenu01 {width: 61px;height: 59px;}
.side_menu ul .smenu01 a {width:59px; height: 55px; float: left;border: 2px solid #363738;margin:1px 0px; -webkit-transition: 0.3s; transition: 0.3s;}
.side_menu ul .smenu01 a:hover {border: 2px solid #02e3fd;}



/********************************************************
■ text scroll : 텍스트 스크롤
********************************************************/
.led {padding: 20px 0 0 0;}
.led .led_bx {overflow: hidden; line-height: 38px; padding: 0 40px; border: 1px solid #02d8fd; border-radius: 25px; -webkit-border-radius: 25px;max-height: 38px; background-color:#000;}
.led .led_bx span {animation:led_tx 1.5s infinite ease-in-out; -webkit-animation:led_tx 1.5s infinite ease-in-out;}
.led .led_bx .tx1 {color: #fff; font-size: 16px; font-weight: 600; letter-spacing: -1px;}
@keyframes led_tx {
    0% {opacity: 0.7;}
    30% {opacity: 1;}
    60% {opacity: 1;}
    100% {opacity: 0.7;}
}


.quickmenu {float: left; color: #aaa; margin-top:0px;margin-left: 190px; }
.quickmenu  li{display: table-cell; line-height: 63px; padding: 0 5px; text-align: center;  }
.quickmenu  li a {color: #fff; font-weight: 700; -webkit-transition: 0.5s; transition: 0.5s;}
.quickmenu  li a:hover {color: #fff;}

/********************************************************
■ member info : 회원 상단정보
********************************************************/
.area_lib {height: 55px; border-bottom: 1px solid #464646; }
.area_lib .info {float: right; color: #aaa; margin-top:0px;}
.area_lib .info li {display: table-cell; line-height: 63px; padding: 0 5px; text-align: center;}
.area_lib .info li i {display: inline-block; vertical-align: middle;}
.area_lib .info li img {margin: -4px 2px 0 0; vertical-align: middle;}
.area_lib .info li .if_name {display: inline-block; color: #fff; font-size: 14px; letter-spacing: -1px; font-weight: normal;}
.area_lib .info .end{padding:0;}
.area_lib .info li a {color: #e3ef54; font-weight: 700; -webkit-transition: 0.5s; transition: 0.5s;}
.area_lib .info li a:hover {color: #ffc87b;}
.area_lib .info li a.outbtn {display: block; line-height: 32px; padding: 0 15px;border:1px solid #02e3fd; border-radius: 60px; background-color:#000; -webkit-border-radius: 60px; color: #fff; font-size: 14px; font-weight: normal; text-align: center; border-radius: 15px; -webkit-border-radius: 15px; letter-spacing: -1px;}
.area_lib .info li a.outbtn:hover {background-color: #8b6c41;}
.area_lib .info .icon_set.setup {width: 17px; height: 17px; margin: -2px 0 0 4px; background-position: 0 0; -webkit-transition: 0.5s; transition: 0.5s;}
.area_lib .info .icon_set.setup:hover {transform: rotate(120deg); -webkit-transform: rotate(120deg);}
.area_lib .info .icon_set.cp {width: 18px; height: 18px; margin: -4px 4px 0 0; background-position: -20px -19px;}

.user-info .memo .icon_set.msg {display: inline-block;width: 18px; height: 14px; margin: -4px 4px 0 0; background-position: 0 -21px; vertical-align: middle}
.user-info .point .icon_set.coin {display: inline-block;width: 18px; height: 18px; margin: -4px 4px 0 0; background-position: -40px -19px; vertical-align: middle}
.user-info .cash .icon_set.pt {display: inline-block; width: 18px; height: 18px; margin: -4px 4px 0 0; background-position: -60px -19px; vertical-align: middle}

.chpoint {
    width: 40px;
    border: 1px solid #e68526;
    border-radius: 5px;
    /* height: 25px; */
    /* line-height: 25px; */
    float: right;
    /* margin-top: 15px; */
    margin-left: 5px;
    text-align: center;
    background-color: #de5511;
}


/********************************************************
■ menu : 메뉴
********************************************************/
.area_nav .nav {clear:both;float: right;}
.area_nav .nav li {display: inline-block; }
.area_nav .nav li a {display: inline-block; line-height: 64px; padding: 0 16px; font-size: 16px; color: #ddd; letter-spacing: -2px; text-shadow: 1px 1px 1px rgba(17, 17, 17, 0.7); -webkit-transition: 0.3s; transition: 0.3s}
.area_nav .nav li a:hover {color: #fff;}
.area_nav .nav li a .light {letter-spacing: 0; animation:light 4s infinite ease-in-out; -webkit-animation:light 4s infinite ease-in-out;}
.area_nav .nav li a .rltxt {font-size: 20px; animation:rltxt 1.5s infinite ease-in-out; -webkit-animation:rltxt 1.5s infinite ease-in-out;}
@keyframes light {
    0% {color:#ff7a2a}
    25% {color:#ffc52a}
    50% {color:#43ff2a}
    75% {color:#5da5ff}
    100% {color:#ef6eff}
}
@keyframes rltxt {
    0% {opacity: 0.4; color:#ffc52a;}
    30% {opacity: 1; color:#ffc52a;}
    60% {opacity: 1; color:#43ff2a;}
    100% {opacity: 0.4; color:#43ff2a;}
}

/********************************************************
■ logo : 로고
********************************************************/
.area_navsb .logo {height:22px;}
.area_navsb .logo a {display: block; width: 150px; height: 40px;}

/********************************************************
■ sub icon : 서브메뉴 아이콘
********************************************************/
.area_navsb {height:75px; margin:0 auto; padding-left:0px; font-size:18px;  font-family:"나눔고딕 ExtraBold"; background-color: #000; }
.area_navsb .row .navsb {float:right;  height:30px; line-height:30px;padding-top:0px;text-align:center; }
.area_navsb .navsb li {float:left; text-align: center; line-height:30px; }
.area_navsb .navsb .end{ padding:0; margin:0;}
.area_navsb .navsb li a {width:85px;float:left;display:relative; padding-top:-480px; cursor:pointer;}

.area_navsb .navsb  li a span { display:block; font-size:16px; }

.area_navsb .navsb li .downmenu{transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; visibility:hidden;top:100px; position:absolute; left:700px; border-top:2px  solid #02b1dd;  min-width:150px; z-index:8; opacity:0;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.36); padding-bottom:7px}
.area_navsb .navsb li .downmenu li{ background:none; display:block;height:35px;}
.area_navsb .navsb li .downmenu li a{line-height:20px; padding:3px 10px; font-size:15px; color:#767676; text-align:left}
.area_navsb .navsb li .downmenu li{float:none; }
.area_navsb .navsb li:hover .downmenu { opacity:1; top:73px;z-index:10; visibility:visible;width: 150px;height: 30px;line-height: 30px;}
.area_navsb .navsb li .downmenu a {width:130px;height: 30px;line-height: 30px !important;background-color:#111112;border-bottom:1px solid #02b1dd;}
.area_navsb .navsb li .downmenu a:hover {color: #e0b000;}
.area_navsb .navsb li a:hover span {-webkit-transform: scale(0.95); transform: scale(0.95);}
.area_navsb .navsb li .downmenu_s {left:310px; }
.area_navsb .navsb li .downmenu_bca {left:630px; }
.area_navsb .navsb li .downmenu_s2 {left:750px; }


.area_navsb li a:hover { height:35px;color: #02e3fd; display: inline-block;line-height:20px; }
.area_navsb .navsb li a:hover em {color: #ffc87b;}
.area_navsb .navsb li a span {display: block; height: 60px; margin: 0 auto; -webkit-transition: 0.3s; transition: 0.3s;}/*width: 100px; */
.area_navsb .navsb li a em {display: block; padding: 7px 0 0 0; color: #bbb; font-size: 17px; letter-spacing: -1px; -webkit-transition: 0.3s; transition: 0.3s;}


.user-info a:link, a:visited, a:active { color: #fff; text-decoration: none; font-weight: bold;}


/********************************************************
■ main banner : 메인베너
********************************************************/
#main_banner {margin-bottom: 30px;}


/********************************************************
■ main link : 메인링크
********************************************************/
#main_link {clear: both;}
.nav_link {overflow: hidden;}
.nav_link::after {content: ''; clear: both; display: block;}
.nav_link li {float: left;height: 224px; width:289px; height:115px; font-size:18px;  font-family: 'Black Han Sans', sans-serif; font-color:#fff; cursor: pointer;}
.nav_link li .end{padding:0;}
.nav_link li a {display: block; padding: 16px 9px 0 16px;}
.nav_link li:hover a h3 {margin-bottom: 6px; opacity: 1;}
.nav_link li a h3 {margin-bottom: 14px; font-size: 20px; font-weight: normal; letter-spacing: -2px; opacity: 0.8; -webkit-transition: 0.3s; transition: 0.3s; }
.nav_link li a p {display: inline-block; padding: 2px 0px; font-size: 13px; color: #CCC; letter-spacing: 0px;padding-top:8px; line-height:20px;}

.nav_link li.co_01 { width:289px;background-image:url(/images/co_01.gif?v=1);border: 1px solid #aaa; margin-right:11px;}
.nav_link li.co_01:hover{ width:289px;background-image:url(/images/co_01_over.gif);border: 1px solid #ffd900; margin-right:11px;border: 1px solid #ffd900;}

.nav_link li.co_02 { width:289px;background-image:url(/images/co_02.gif?v=1);border: 1px solid #aaa;margin-right:11px;}
.nav_link li.co_02:hover{ width:289px;background-image:url(/images/co_02_over.gif);border: 1px solid #ffd900; margin-right:11px;border: 1px solid #ffd900;}
.nav_link li.co_03 {width:289px;background-image:url(/images/co_03.gif?v=1);border: 1px solid #aaa;margin-right:11px;}
.nav_link li.co_03:hover{ width:289px;background-image:url(/images/co_03_over.gif);border: 1px solid #ffd900; margin-right:11px;border: 1px solid #ffd900;}
.nav_link li.co_04 {width:289px;background-image:url(/images/co_04.gif?v=1);border: 1px solid #aaa;}
.nav_link li.co_04:hover{ width:289px;background-image:url(/images/co_04_over.gif);border: 1px solid #ffd900; border: 1px solid #ffd900;}
.nav_link li.co_05 {width:592px;background-image:url(/images/co_05.gif?v=1);border: 1px solid #aaa;margin:11px 11px 0 0;margin-bottom: 11px;}
.nav_link li.co_05:hover{ width:592px;background-image:url(/images/co_05_over.gif);border: 1px solid #ffd900; border: 1px solid #ffd900;margin:11px 11px 0 0;margin-bottom: 11px;}
.nav_link li.co_06 {width:592px;background-image:url(/images/co_06.gif?v=1);border: 1px solid #aaa; margin-top:11px;margin-bottom: 11px;}
.nav_link li.co_06:hover{ width:592px;background-image:url(/images/co_06_over.gif);border: 1px solid #ffd900; border: 1px solid #ffd900; margin-top:11px;margin-bottom: 11px;}
.nav_link li.co_07 {width:592px;background-image:url(/images/co_07.gif?v=1);border: 1px solid #aaa;margin:11px 11px 0 0;}
.nav_link li.co_07:hover{ width:592px;background-image:url(/images/co_07_over.gif);border: 1px solid #ffd900; border: 1px solid #ffd900; margin:11px 11px 0 0;}
.nav_link li.co_08 {width:592px;background-image:url(/images/co_08.gif?v=1);border: 1px solid #aaa; margin-top:11px;}
.nav_link li.co_08:hover{ width:592px;background-image:url(/images/co_08_over.gif);border: 1px solid #ffd900; border: 1px solid #ffd900; margin-top:11px;}



/********************************************************
■ footer : 하단
********************************************************/
#footer {margin-top: 80px; background-color:#1c1b2; border-top: 1px solid #464646;}
#footer .copy {padding: 23px 0; text-align: center;}
#footer .copy p {padding: 10px 0 0 0; color: #9b9b99; font-size: 11px;}
#footer .copy a {display: inline-block; padding: 8px 20px; margin: 20px 0 0 0; background-color: #2B2B2B; color: #999;}


/********************************************************
■ scroll top : 스크롤 탑
********************************************************/
.scrtop {position: fixed; left: 50%; bottom: 180px; display: none; width: 40px; height: 40px; margin: 0 0 0 640px; background-color: #3c3533; border: 1px solid #5a4841; z-index: 99;}
.scrtop .scrtop_btn {display: block; width: 21px; height: 21px; margin: 10px auto 0 auto; background-position: -20px -39px; text-indent: -99999px;}
.scrdown {position: fixed; left: 50%; bottom: 130px; display: none; width: 40px; height: 40px; margin: 0 0 0 640px; background-color: #3c3533; border: 1px solid #5a4841; z-index: 99;}
.scrdown .scrdown_btn {display: block; width: 21px; height: 21px; margin: 10px auto 0 auto; background-position: -42px -39px; text-indent: -99999px;}





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


/********************************************************
■ category sub icon : 카테고리 서브아이콘
********************************************************/
.game_cate {padding: 5px; margin-bottom: 10px; background-color: #000; border: 1px solid #333; text-align: center; box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2); vertical-align:middle;}
.game_cate::after {content: ''; clear: both; display: block;}
.game_cate ul { }
.game_cate ul li {display: table-cell; width: 1%; border-left: 1px solid #333; -webkit-transition: 0.3s; transition: 0.3s;}
.game_cate ul .game_cate01{width: 24px; height: 24px; line-height: 36px; text-align: left; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding:10px;}

.game_cate ul li  .game_cate01 span {margin-left:15px;}
.game_cate ul li:first-child {border-left: none;}
.game_cate ul li a {vertical-align:middle;display: block; padding:0 38px;; margin:0; color: #bababa; font-size: 15px; letter-spacing: -1px; -webkit-transition: 0.3s; transition: 0.3s;position: relative; padding:20px;  height: 25px;}
.game_cate ul li a .cate01 { display:block; height: 30px;width: 30px; padding-left:10px; margin-top:-500px;}
.game_cate ul li a {border:1px solid #000;}
.game_cate ul li a:hover {border:1px solid #f9b00b;}
.game_cate ul li a.on {border: 1px solid #06adfd !important; color:#1d222c; }
.game_cate ul li:hover a span, .game_cate ul li a.on span {-webkit-transform: scale(0.95); transform: scale(0.95); opacity: 1;color:#fff;}


.game_cate li a p.cate1 { background-position: 0 0; }
.game_cate li a p.cate2 {background-position: -12px 0;}
.game_cate li a p.cate3 {background-position: -64px 0;}
.game_cate li a p.cate4 {background-position: -96px 0;}
.game_cate li a p.cate5 {background-position: 0 -32px;}
.game_cate li a p.cate6 {background-position: -32px -32px;}
.game_cate li a p.cate7 {background-position: -64px -32px;}
.game_cate li a p.cate8 {background-position: -96px -32px;}
.game_cate li a p.cate9 {background-position: 0 -64px;}z


/********************************************************
■ 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;}


/********************************************************
■ search : 검색
********************************************************/
.search {padding: 10px; margin-bottom: 10px; background-color: #1d222c; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);}
.search::after {content: ''; display: block; clear: both;}
.search span {display: inline-block; margin-right: 5px;}
.search .sch_left {float: left; color: #999;}
.search .sch_right {float: right;}
.search span input {width: 110px;}


/********************************************************
■ page move : 페이지이동
********************************************************/
.move {margin: 50px auto 0 auto; text-align: center;}
.move .page {overflow: hidden;}
.move .page li {display: inline-block; min-width: 34px; height: 34px; line-height: 34px; margin: 0 4px; vertical-align: middle; border: 1px solid #2d2d39;}
.move .page li.on a {color: #F0BA6D;}
.move .page li a {display: block; color: #999;}
.move .page li.next a, .move .page li.prev a {position: relative; width: 34px; height: 34px;}
.move .page li.next a::before, .move .page li.prev a::before {content: ''; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; border: 0 solid #ddd; border-width: 1px 1px 0 0;}
.move .page li.prev a::before {margin: -4px 0 0 -2px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
.move .page li.next a::before {margin: -4px 0 0 -6px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.move .page li.on span {color: #F0BA6D;}
.move .page li span {display: block; color: #999;}
.move .page li.next span, .move .page li.prev span {position: relative; width: 34px; height: 34px;}
.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 #ddd; border-width: 1px 1px 0 0;}
.move .page li.prev span::before {margin: -4px 0 0 -2px; -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);}


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

/* 카트 head */
#cart .ct_hd {overflow: hidden; border-bottom: 1px solid #111;}
#cart .ct_hd::after {content: ''; display: block; clear: both;}
#cart .ct_hd a {float: right; display: block; width: 50px; line-height: 30px; border-left: 1px solid #111; font-size: 12px; text-align: center; color: #ddd; -webkit-transition: 0.1s; transition: 0.1s}
#cart .ct_hd a.hold {background-color: #285A7E;}
#cart .ct_hd a.del {background-color: #6C1E1F;}
#cart .ct_hd .clock {float: left; width: 136px; height: 28px; line-height: 28px; background-color: #1b1e23;border: 1px solid #2e2e2e;text-align: center;}
#cart .ct_hd .clock span {font-size: 22px; color: #f9b00b; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);}

/* 카트 배팅리스트 */
#cart .showLayer {padding: 5px 5px 0 5px; border-bottom: 1px solid #111; background-color: #222; font-size: 13px;}
#cart .showLayer .crt_gm {position: relative; padding: 8px 5px 4px 5px; margin: 0 0 5px 0; background-color: #333; box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3); -webkit-transition: 0.3s; transition: 0.3s;}
#cart .showLayer .crt_gm:hover {background-color: #3b3b3b;}
#cart .showLayer .crt_gm p {line-height: 1; padding: 2px 0;}
#cart .showLayer .crt_gm p .tm {display: inline-block; width: 180px; line-height: 1.5; color: #888; font-size: 12px; letter-spacing: -0.5px;}
#cart .showLayer .crt_gm p .tm.cho {display: inline-block; width: 180px; color: #ddd; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#cart .showLayer .crt_gm p .odd {float: right; padding: 2px 0; color: #ff9d00;}
#cart .showLayer .crt_gm p a {position: absolute; right: 0px; top: 0px; width: 20px; height: 19px; background-color: #6C1E1F; text-indent: -99999px;}
#cart .showLayer .crt_gm p a.del {background-position: 0 -40px;}

/* 카트 정보 */
#cart .ct_bet {overflow: hidden; text-align: left; font-size: 13px;}
#cart .ct_bet .ct_bet_my {padding: 5px 10px; background-color: #3a3a3a ; border-bottom: 1px solid #f9b00b;}
#cart .ct_bet .ct_bet_my::after {content: ''; display: block; clear: both;}
#cart .ct_bet .ct_bet_my li {line-height: 28px;}
#cart .ct_bet .ct_bet_my li span {display: inline-block; color: #ddd; font-weight:bold;}
#cart .ct_bet .ct_bet_my li.tx {float: left; width: 40%; color: #999;}
#cart .ct_bet .ct_bet_my li.num {float: right; width: 60%; color: #999; text-align: right; letter-spacing: -0.5px;}
#cart .ct_bet .ct_bet_my li.num span {color: #fff;}
#cart #myMnySpan2 {color: #f9b00b;}
#cart .ct_bet .ct_bet_if {padding: 5px 10px; background-color: #1b1e23; border-bottom: 1px solid #2e2e2e; font-size: 13px;}
#cart .ct_bet .ct_bet_if::after {content: ''; display: block; clear: both;}
#cart .ct_bet .ct_bet_if li {line-height: 26px;}
#cart .ct_bet .ct_bet_if li span {display: inline-block; color: #ddd;font-weight: bold;}
#cart .ct_bet .ct_bet_if li.tx {float: left; width: 40%; color: #fff;line-height : 35px;}
#cart .ct_bet .ct_bet_if li.num {float: right; width: 60%; color: #888; text-align: right; letter-spacing: -0.5px;line-height : 35px;}
#cart .ct_bet .ct_bet_if li.odd span {color: #53af1b;}
#cart .ct_bet .ct_bet_if li.num .bet_ipt {padding: 0 5px;}
#cart .ct_bet .ct_bet_if li.num .bet_ipt input {
    width: 100%; height: 24px; line-height: 24px; background-color: transparent; font-size: 14px; text-align: right; color: #ddd;
    height: 20px;
    text-align: right;
    color: #FFF;
    background: #363f50;
    border: 1px solid #4b5a78;
}

/* 카트 쿠폰 */
#cart .ct_bet .ct_bet_cp {padding: 5px 10px; background-color: #2A2A2A; border-bottom: 1px solid #111; font-size: 13px;}
#cart .ct_bet .ct_bet_cp::after {content: ''; display: block; clear: both;}
#cart .ct_bet .ct_bet_cp li {line-height: 32px;}
#cart .ct_bet .ct_bet_cp li span {display: inline-block; color: #ddd; font-size: 12px;}
#cart .ct_bet .ct_bet_cp li.tx {float: left; width: 40%;}
#cart .ct_bet .ct_bet_cp li.num {float: right; width: 60%; text-align: right; letter-spacing: -0.5px;}
#cart .ct_bet .ct_bet_cp li.num span {color: #ffc600;}

/* 카트 버튼 */
#cart .ct_betbt {clear: both; overflow: hidden; padding: 5px 5px 0 5px; background-color: #1d222c;}
#cart .ct_betbt > div {display: block; font-size: 0; margin-bottom: 5px;}
#cart .ct_betbt > div .betbt {
    display: inline-block; width: 77px; margin-left: 4px; padding: 8px 0;
    background: linear-gradient(to top, #242423, #373637);
    border: 1px solid #3c3c3c;
    color: #ddd;
    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;
    font-weight: bold;
}
#cart .ct_betbt > div .betbt:active {box-shadow: inset 0 0 0 1px #241F1E,inset 0 3px 20px rgba(0, 0, 0, 0.7);}
#cart .ct_betbt > div .betbt:first-child {margin-left: 0px;}
#cart .ct_betbt > div .betbt:hover {opacity: 0.7;}
#cart .ct_betbt > div .cbt_re {
    width: 117px; padding: 8px 0;
    background: linear-gradient(to top, #800a0b, #a81e1f);
    border: 1px solid #a82c0d;
}
#cart .ct_betbt > div .cbt_re:hover {background-color: #a81e1f;}
#cart .ct_betbt > div .cbt_max {
    width: 117px; padding: 8px 0;
    background: linear-gradient(to top, #214d78, #2f67a0);
    border: 1px solid #3f74a8;
}
#cart .ct_betbt > div .cbt_max:hover {background-color: #1c5eaf;}

/* 카트 배팅버튼 */
#cart .ct_foot {clear: both; overflow: hidden; padding: 0 5px 5px 5px; background-color: #1d222c;}
#cart .ct_foot .betbt_now {
    width: 100%;
    height: 55px;
    text-align: center;
    font-size: 25px;
    color: #FFF;
    line-height: 35px;
    /*background: linear-gradient(to top, #324c21, #416829);*/
    background: linear-gradient(to top, #c57e30, #f9fd4a);
    border: 1px solid #1b44bf;
    text-shadow: 0px 0px 5px #000;
    cursor: pointer;
    transition: .3s;
}
#cart .ct_foot .betbt_now:hover {background-color: #524083; color: #fff;}
#cart .ct_foot .betbt_now:active {box-shadow: inset 0 0 0 1px #241F1E,inset 0 3px 30px rgba(0, 0, 0, 0.7);}

/* 카트 배너 */
#cart .ct_banner {display: block; padding: 0 5px 5px 5px; background-color: #1d222c;position: relative;cursor:pointer;}
#cart .ct_banner .sns_txt {position: absolute;top: 90px;left: 25px;font-size: 20px;font-weight: bold;color: #c19304;}

/********************************************************
■ game css : 게임관련
********************************************************/
/* game - 데이타 */
.game_data {font-family: 'Nanum Gothic',dotum,sans-serif;}
.game_row {display: block; font-family: 'Nanum Gothic',dotum,sans-serif;}

/* game - 헤드 */
.game_head {overflow: hidden; margin-bottom: 10px; border-top: 2px solid #05bafe;}
.game_head table {width: 100%; table-layout: fixed;  background-color: #000;border: 1px solid #111; }
.game_head table thead th {height: 34px; color: #fff; font-size: 12px; letter-spacing: -1px; font-weight: normal;}

/* game - 게임 리그 */
.g_head {clear: both; overflow: hidden; height: 30px; line-height: 30px; margin: 12px 0 6px 0; background-color: #222; text-align: left; letter-spacing: -1px; box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);font-size:15px;border-top: 2px solid #05bafe;}
/*.g_head.bg {height: 36px; line-height: 36px; background-color: #EFF0F1;}*/
.g_head img {width: 26px; height: 16px; margin: -3px 0 0 5px; vertical-align: middle;}
.g_head span {display: inline-block; margin-left: 10px;}
.g_head em {text-decoration: none; color: #fff; font-weight: normal;}
.g_head em strong {color: #fff; font-weight: normal;}

/* game - 리그명 컬러 */
.g_league_1 {color: #fff;font-weight: bold;}
.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: 40px !important; line-height: 40px !important; margin-bottom: 1px; letter-spacing: 0px;margin-left: 5px;}
.g_item li img {display: inline-block; vertical-align: middle;}

.g_day {width: 76px; text-align: center; color: #fff; font-size: 12px;font-weight: bold;}
.g_day span {color:#e55c59}
/* game - 게임 레이아웃 기본 */
.g_home {width: 345px; margin-right: 1px; padding: 0 5px; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; font-weight: bold;    border: 1px solid #444;}
.g_odd {width: 60px; margin-right: 1px; text-align: center; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; font-weight: bold;    border: 1px solid #444;}
.g_away {width: 345px; padding: 0 5px; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; font-weight: bold;    border: 1px solid #444;}

/* game - 게임 레이아웃 핸디 */
.g_home_h_s {width: 346px; 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: 346px; padding: 0 5px; cursor: pointer; font-weight: bold;}

/* game - 게임 레이아웃 스코어 */
.g_home_sc {width: 341px; 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: 341px; padding: 0 5px; cursor: pointer; font-weight: bold;}

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

/* game - 게임 레이아웃 공통 */
.g_home_n, .g_home_o, .g_home_d {width: 82%; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.g_away_n, .g_away_o, .g_away_d  {width: 82%; float: right; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.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_n, .g_away_odd_o, .g_away_odd_d {width: 18%; float: left; position: relative; letter-spacing: -0.5px;}
.g_odd_n, .g_odd_o, .g_odd_d, .g_odd_h {display: block;}

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

.g_home_o {color: #000; text-align: left; font-size: 12px;}
.g_home_odd_o {color: #000; text-align: right; font-size: 12px;}
.g_odd_o {color: #000; text-align: center; font-size: 12px;}
.g_away_odd_o {color: #000; text-align: left; font-size: 12px;}
.g_away_o {color: #000; text-align: right; font-size: 12px;}
.g_home_o span, .g_away_o span {color: #000!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: #ededed; text-align: center;}

/* game - 게임 레이아웃 기타 */
.g_more {text-align: center; font-size: 13px;}
.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: #aaa;}
.g_more.bet .mred {color: #777;}
.g_more.scr {width: 70px; color: #aaa;}
.g_more.win {width: 60px; color: #aaa;}

/* game - 레이아웃 스코어 */
.score_box {display: block; margin: 0 90px 10px 76px;}
.score_box h3 {margin: 3px 0 4px 0; height: 36px; line-height: 36px; color: #CEA05E; background-color: #222222; 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 131px 10px 336px;}
.score_box.mbt {display: block; margin: 0 101px 10px 247px;}

.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;  font-weight: bold;}
.score_line li a {display: block; -webkit-transition: 0.3s; transition: 0.3s;}

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

/* game - 게임 레이아웃 색상 */
.g_gr_nt {background-color: #2f4657;}
.g_gr_nto {background-color: #2fb3ed;}
.g_gr_n {background-color: #111;color:#fff;}
.g_gr_o {background-color: #e6ff33;}
.g_gr_c {background-color: #e6ff33;}
.g_gr_d {background-color: #393939;}
.g_gr_sc {background-color: #3b3331;}

.select {background-color: #e6ff33;}
.select > span {color:#000;}

.mouse_on {background-color: #e6ff33;}
.mouse_on > span {color:#000;}

/* game - 게임 레이아웃 펼침 */
.g_list_hold {background-color: #6C1E1F;}
.g_list_hold span {color: #ffc600;}
.g_list_hold em {color: #e2e7f2;}
.g_list_view {background-color: #3B3331;}
.g_list_view span {color: #ffc600;}
.g_list_view em {color: #e2e7f2;}

.g_list_hold, .g_list_view {width: 49px; height: 40px; margin-left: 1px; line-height: 40px; 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; line-height: 1; 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: 180px; 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;}

/* game - 게임결과 // 종합정보 */
.g_info {padding: 5px; background-color: #333; margin-top: 5px;}
.g_info ul {display: table; background-color: #222; border: 1px solid #111; color: #999;}
.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;}


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

.cate_row {display: block;}
.cate_row .ct_tit {line-height: 28px; padding: 0 10px; background-color: #3a3a3a; border-bottom: 1px solid #111; cursor: pointer;}
.cate_row .ct_tit img {width: 17px; height: 17px; margin: 0 3px 0 0; vertical-align: middle;}
.cate_row .ct_tit .cate_name {color: #D6A763;}

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


/********************************************************
■ multi : 멀티방
********************************************************/
/* 게임멀티 상단 */
.mlt_lnb {padding: 10px; margin: 0 0 15px 0; background-color: #3B3331; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);}
.mlt_lnb .mlt_guide {padding: 10px; margin-bottom: 10px; background-color: #222; border: 1px solid #111;}
.mlt_lnb .mlt_guide h3 {padding: 5px 0 15px 0; margin-bottom: 15px; border-bottom: 2px solid #3B3331; color: #ddd; font-size: 18px; font-weight: normal; letter-spacing: -2px;}
.mlt_lnb .mlt_guide p {line-height: 1.6; font-size: 13px; color: #999;}
.mlt_lnb .mlt_guide span {color: #e3b168; text-decoration: underline;}

/* 게임멀티 선택 */
.mlt_lnb .mlt_line {table-layout: fixed; padding: 10px; background-color: #222; border: 1px solid #111;}
.mlt_lnb .mlt_line h3 {padding: 5px 0 15px 0; border-bottom: 2px solid #3B3331; color: #ddd; 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: #999; font-size: 13px; text-align: center;}

/* 게임멀티 메인 */
.multigm {padding: 10px; background-color: #3B3331; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);}
.multigm .mlt_ch {display: inline-block; margin-left: 8px;}
.multigm .mlt_ch:first-child {margin-left: 0;} 
.multigm .mlt_ch h3 {padding: 10px 0 15px 0; text-align: center; font-size: 18px; color: #E2B068; font-weight: normal; letter-spacing: -2px;}
.multigm .mlt_ch .mlt_ifm {display: inline-block;overflow: hidden;width: 367px;max-height: 1200px;background-color: #222; border: 3px solid #222;}


/********************************************************
■ game : 가로 리스트
********************************************************/
/* 게임 텝 */
.tab_menu {clear: both; overflow: hidden; width: 930px; margin: 15px auto;}
.tab_menu .tab_h {border: 1px solid #333; border-collapse: collapse; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);} 
.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: 36px; line-height: 36px; border: 1px solid #111; background-color: #222; color: #aaa;}
.tab_menu .tab_h li.active {background-color: #3F3531; color: #F0BA6D !important;} 
.tab_menu .tab_content {border-top: none; clear: both; width: 930px;} 
.tab_menu .tab_view {display: none; padding-top: 5px;}  

/* 게임 가로 리스트 */
.chart_row {clear: both; overflow: hidden; margin: 15px auto;}
.chart_list {width: 930px; 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: 42px; border: 1px solid #222;}
.chart_list .chart_line tr th {background-color: #2A2A2A; border-left: 1px solid #333; border-bottom: 1px solid #333; border-top: 1px solid #333; font-size: 14px; color: #aaa; font-weight: normal;}
.chart_list .chart_line tr td {background-color: #161417; border-left: 1px solid #333; border-bottom: 1px solid #333;}

/* 게임 가로 리스트 볼 */
.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: -0.5px;}
.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: #ffc600; 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: #0f6dac;}
.ball_bg_2 {background-color: #b92010;}
.ball_bg_3 {background-color: #009333;}
.ball_bg_4 {background-color: #953cbc;}


/********************************************************
■ bustabit : 부스타빗
********************************************************/
/* 부스타빗 상단 */
.bst_row {padding: 10px; margin: 0 0 15px 0; background-color: #3B3331; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);}
.bst_row .bst_bet {padding: 10px; background-color: #222; border: 1px solid #111;}
.bst_row .bst_bet h3 {padding: 5px 0 15px 0; margin-bottom: 15px; border-bottom: 2px solid #3B3331; color: #ddd; font-size: 18px; font-weight: normal; letter-spacing: -2px;}
.bst_row .bst_bet a {display: inline-block; height: 30px; line-height: 30px; 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.7);}
.bst_row .bst_bet span {display: inline-block; height: 30px; margin-right: 20px;}
.bst_row .bst_bet .bst_coin {background-color: #4d403b; color: #ddd;}
.bst_row .bst_bet .bst_coin:hover {background-color: #62524c;}
.bst_row .bst_bet .bst_coin_del {background-color: #7C1E1E; color: #ddd;}
.bst_row .bst_bet .bst_coin_del:hover {background-color: #912323;}
.bst_row .bst_bet .bst_coin_now {background-color: #523c8e; color: #ddd;}
.bst_row .bst_bet .bst_coin_now:hover {background-color: #664dad;}
.bst_row .bst_bet .bst_num {width: 130px; height: 30px; line-height: 30px; padding: 0 10px; margin: -1px 5px 0 0; text-align: right;}


/********************************************************
■ minigame : 미니게임
********************************************************/
.live_cnt {text-align: center; background-color: transparent;}
.btn_set {position: relative; display: block; background: url(/images/minigame/btn_set.png?v=2) no-repeat;}

/* 아이프레임 // 공통 */
.live_gm {position: relative; max-width: 920px;  min-width: 610px; width: 100%; margin: 0 auto; z-index: 2;}
.live_gm .gm_bg {position: absolute; top: 0; left: 0; z-index: 3;}
.live_gm .gm_bg1 {position: absolute; bottom: 0px; right: 0; z-index: 3;}
.live_gm .left_tx {line-height: 1.3; font-family:Dotum,'돋움','arial',sans-serif;}
.live_gm .left_tx span {color: #ffd800;}
.live_gm .left_tx::-webkit-scrollbar-track {background-color: #5a3f2f; border-radius: 5px;}
.live_gm .left_tx::-webkit-scrollbar {width: 10px; background-color: #73503c;}
.live_gm .left_tx::-webkit-scrollbar-thumb {height: 50px; background-color: #fae6c5; border-radius: 5px;}
.live_gm .left_tx {scrollbar-base-color:#5a3f2f;scrollbar-face-color:#e8c957;scrollbar-3dlight-color: #5a3f2f;scrollbar-highlight-color:#5a3f2f;scrollbar-track-color:#5a3f2f;scrollbar-arrow-color:#e8c957;scrollbar-shadow-color:#5a3f2f;scrollbar-dark-shadow-color:#5a3f2f;}

/* 아이프레임 // 파워볼 */
.live_gm.ntry_pwb {height: 610px;}
.live_gm.ntry_pwb iframe {width: 920px; height: 610px;}

/* 아이프레임 // 파워사다리 */
.live_gm.ntry_pwsdr {height: 610px;}
.live_gm.ntry_pwsdr iframe {width: 920px; height: 610px;}

/* 아이프레임 // 키노사다리 */
.live_gm.ntry_knsdr {height: 610px;}
.live_gm.ntry_knsdr iframe {width: 920px; height: 610px;}

/* 아이프레임 // 로투스 홀짝 */
.live_gm.gm_ltshj {overflow: hidden; position: relative; width: 830px; height: 560px; margin: 0 auto; background-color: #202020; z-index: 1}
.live_gm.gm_ltshj iframe {position: absolute; left: 0; top: -30px; width: 830px; height: 579px; z-index: 0;}

/* 아이프레임 // 로투스 바카라1 */
.live_gm.gm_ltsbcr1 {overflow: hidden; position: relative; width: 830px; height: 665px; margin: 0 auto; background-color: #202020; z-index: 1}
.live_gm.gm_ltsbcr1 iframe {position: absolute; left: 0; top: -30px; width: 830px; height: 690px; z-index: 0;}

/* 아이프레임 // 로투스 바카라2 */
.live_gm.gm_ltsbcr2 {overflow: hidden; position: relative; width: 830px; height: 665px; margin: 0 auto; background-color: #202020; z-index: 1}
.live_gm.gm_ltsbcr2 iframe {position: absolute; left: 0; top: -30px; width: 830px; height: 690px; z-index: 0;}

/* 아이프레임 // 로투스 드래곤타이거 */
.live_gm.gm_ltsdt {overflow: hidden; position: relative; width: 830px; height: 560px; margin: 0 auto; background-color: #202020; z-index: 1}
.live_gm.gm_ltsdt iframe {position: absolute; left: 0; top: -30px; width: 830px; height: 579px; z-index: 0;}


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

.pwb_n, .pwb_o, .pwb_d {float: left; 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: 15px; font-weight: bold;}

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

.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: #ededed;}
.pwb_odd_n {color: #ffc356; text-align: right;}
.pwb_o {color: #000;}
.pwb_odd_o {color: #000; text-align: right;}
.pwb_d {color: #999;}
.pwb_odd_d {color: #999; text-align: right;}

.pwb_t_1 {color: #7fcb34;}
.pwb_t_2 {color: #6b9eff;}
.pwb_t_3 {color: #af7dff;}
.pwb_t_4 {color: #ffa557;}

/* 파워볼 레이아웃 - 일반 */
.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: #222; border-bottom: 1px solid #333;}
.g_pwb_info p {height: 34px; line-height: 34px; text-align: right; padding-right: 20px; color: #999;}
.g_pwb_info p span {color: #ddd; margin: 0 5px;}
.g_pwb_info p em {color: #00ff27; margin: 0 5px;}
.g_pwb_info p strong {color: #ffc400; margin: 0 5px; font-weight: normal;}


/********************************************************
■ 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: 40px; color: #1d222c; background-color: #07a7fc; border-bottom: 1px solid #111; letter-spacing: -1px; font-weight: normal;font-weight: bold;}
.board_list.lst table thead th {background-color:#0688fd;!important;}
.board_list table tbody tr {text-align: left; border-bottom: 1px solid #2a2a2a; letter-spacing: -0.5px;}
.board_list table tbody tr td {height: 40px; line-height: 40px; font-size: 13px; font-family: inherit;}
.board_list table tbody .b_notice {background-color: rgba(52, 46, 45, 0.6); border-bottom: 1px solid #111;}
.board_list table tbody .b_notice span {font-weight: 700;}
.board_list table tbody .b_notice img {vertical-align: middle;}
.board_list table tbody .b_number {text-align: center; color: #888; font-size: 11px;}
.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: #eaeaea; font-size: 13px;}
.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-left: 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: 13px;}
.board_list table tbody .b_admin {color: #bababa;}
.board_list table tbody .b_name {color: #bababa;}
.board_list table tbody .b_name_1 {color: #bababa; padding-left: 10px;}
.board_list table tbody .b_name img, .b_name_1 img {margin-right: 5px; vertical-align: middle; /*-webkit-animation:name_icon 3s linear infinite; -moz-animation:name_icon 3s linear infinite; animation:name_icon 3s linear infinite;*/}
.board_list table tbody .b_day {text-align: center; color: #f9b00b; font-size: 12px;}
.board_list table tbody .b_normal {text-align: center; color: #efae53;}
.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 5px; color: #fd7601; font-size: 12px; letter-spacing: -0.5px;}

@keyframes sbj_icon {
    0% {opacity: 0.6;}
    30%{opacity: 1;}    
    70%{opacity: 1;}    
    100%{opacity: 0.6;} 
}
/*@keyframes name_icon {
0% { transform: perspective(800px) rotateY(-360deg); background-position: 100% 0;  }
100% { transform: perspective(800px) rotateY(-0deg); background-position: 0 0;  }
}*/

.board_view {margin-bottom: 7px; text-align: left; border: 1px solid #111;}
.board_view h3 {font-size: 16px; height: 46px; line-height: 46px; padding: 0 12px; background-color: #453B39; border-bottom: 1px solid #111; color: #ccc; font-weight: normal;}
.board_view h3 span {color: #ffd800;}
.board_view_info {overflow: hidden; display: block; background-color: rgba(52, 46, 45, 0.6);}
.board_view_info dl {width: 100%; display: table; border-bottom: 1px solid #111; color: #888;}
.board_view_info dl dt {display: table-cell; height: 40px; line-height: 40px; padding: 0 10px 0 12px; font-size: 13px;}
.board_view_name {width: 50%;}
.board_view_name span {color: #ccc;}
.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: #ccc; line-height: 1.8; font-size: 13px; background-color: rgba(29, 29, 29, 0.5); border-bottom: 1px solid #111;}
.board_view_data img {max-width: 1000px; height: auto; margin: 0 auto;}

.comment_write {padding: 10px; background-color: rgba(49, 46, 45, 0.7); border: 1px solid #111; margin-top: 20px; overflow: hidden; text-align: left;}
.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;}
.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 #2a2a2a;}
.comment_re table tr th {font-weight: normal; padding-left: 12px; color: #bababa;} 
.comment_re table tr td {color: #ddd;}

.board_write {border: 1px solid #111; border-top: none;}
.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(59, 50, 49, 0.8); border-top: 1px solid #111; border-right: 1px solid #111; text-align: center; color: #ccc; font-weight: normal; font-size: 13px;}
.board_write table tr td {background-color: rgba(38, 38, 38, 0.8);}
.board_write table tr td .write_row_bx {margin: 10px;}
.board_write table tr td .write_row_bx input {width: 100%; height: 34px; line-height: 34px; padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box;}
.board_write table tr td .write_row_bx textarea {width: 100%; height: 300px; padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box;}
.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: 13px!important; color: #ccc;}
.bdtb_view td.tac {text-align: center!important; border-right: 1px solid #2a2a2a; color: #e3c000;}


/********************************************************
■ table : 테이블
********************************************************/
.cashin_order{padding:80px 190px; }

.gidbx {margin-bottom: 10px;}
.gidbx_hd {padding: 14px 0 14px 12px ; font-size: 15px; border-bottom: 1px solid #02a5fd;  color: #02e3fd;text-align: left; font-weight: normal;}
.gidbx_ct {padding: 10px 10px 10px 12px;  color: #02e3fd; text-align: left;}
.gidbx_ct > p {line-height: 1.8; padding-bottom: 5px;}
.gidbx_ct span {color: #ffc356;}

.gidbx_tb {border: 1px solid #fff; border-top: none;}
.gidbx_tb table {width: 100%; table-layout:fixed;}
.gidbx_tb table tr {border-top: 1px solid #fff;}
.gidbx_tb table tr th {background-color: #02a5fd; border-top: 1px solid #fff; border-right: 1px solid #fff; text-align: center; color: #1d222c; font-size: 13px; font-weight: normal;}
.gidbx_tb table tr td {height: 53px; padding: 0 10px;  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;}

.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 #fff; background-color: #222; text-align: center; color: #ccc; -webkit-transition: 0.3s; transition: 0.3s;}
.like_tb > table td:hover {background-color: rgba(82, 69, 68, 0.8)!important;}
.like_tb > table td:hover p {color: #ffc356;}
.like_tb > table td p {color: #999;}

.rulebx {padding: 10px;}
.rulebx h3 {padding: 15px 0; margin: 0 0 0 0; border-bottom: 1px solid #02e3fd;  color: #02e3fd; font-weight: normal;}
.rulebx .rule_c {padding: 20px;}
.rulebx .rule_c p {line-height: 2; color: #02e3fd;}
.rulebx .rule_n {padding: 20px 0; border-bottom: 1px solid #3b3231; border-top: 1px solid #3b3231; color: #02e3fd; 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;}
}


/********************************************************
■ coupon : 쿠폰
********************************************************/
.coupon_warp {padding: 10px; margin: 0 0 15px 0; background-color: #3B3331; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);}
.coupon_warp .cp_shop {padding: 10px; background-color: #222; border: 1px solid #111;}
.coupon_warp .cp_shop .cp_h3 {padding: 5px 0 15px 0; margin-bottom: 15px; border-bottom: 2px solid #3B3331; color: #ddd; font-size: 13px; font-weight: normal;}
.coupon_warp .cp_shop .cp_h3 span {display: inline-block;}
.coupon_warp .cp_shop a {display: inline-block; height: 30px; line-height: 30px; padding: 0 15px; color: #ddd; cursor: pointer;}
.coupon_warp .cp_shop a:active {box-shadow: inset 0 0 0 1px #111,inset 0 3px 20px rgba(0, 0, 0, 0.7);}
.coupon_warp .cp_shop .cp_coin {background-color: #4d403b; color: #ddd;}
.coupon_warp .cp_shop .cp_coin:hover {background-color: #62524c;}
.coupon_warp .cp_shop .cp_coin_del {background-color: #7C1E1E; color: #ddd;}
.coupon_warp .cp_shop .cp_coin_del:hover {background-color: #912323;}
.coupon_warp .cp_shop .cp_coin_now {background-color: #523c8e; color: #ddd;}
.coupon_warp .cp_shop .cp_coin_now:hover {background-color: #664dad;}
.coupon_warp .cp_shop .cp_num {width: 130px; height: 30px; line-height: 30px; padding: 0 10px; margin: -1px 5px 0 0; text-align: right;}

.coupon_shop {position: relative;}
.coupon_shop .cp_h4 {padding: 15px 0; margin: 20px 0 0 0;}
.coupon_shop .cp_h4 h4 {padding: 0 0 10px 0; font-size: 16px; color: #ffc356; font-weight: normal;}
.coupon_shop .cp_h4 p {color: #aaa;}

.coupon_shop .cp_list {overflow: hidden;}
.coupon_shop .cp_list::after {content: ''; clear: both; display: block;}
.coupon_shop .cp_list table {width: 100%; table-layout: fixed;}
.coupon_shop .cp_list table tr {background-color: rgba(59, 50, 49, 0.2);}
.coupon_shop .cp_list table tr td {height: 50px; padding: 10px; border: 1px solid #3B3331;}
.coupon_shop .cp_list table .cp_info {text-align: left; color: #aaa;}
.coupon_shop .cp_list table .cp_point {text-align: right; color: #aaa;}
.coupon_shop .cp_list table .cp_point span {color: #93f54b;}

.coupon_shop .cp_list .cp_banner {display: block; line-height: 50px; text-align: center; font-size: 16px; color: #fff; text-shadow: 1px 1px 1px rgba(17, 17, 17, 0.7); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);}
.coupon_shop .cp_list .cpbn_st_1 {background-color: #1a5d4b; border: 1px solid #006c4f;}
.coupon_shop .cp_list .cpbn_st_1 span {color: #ffce00;}
.coupon_shop .cp_list .cpbn_st_2 {background-color: #124264; border: 1px solid #215174;}
.coupon_shop .cp_list .cpbn_st_2 span {color: #ffce00;}
.coupon_shop .cp_list .cpbn_st_3 {background-color: #67115d; border: 1px solid #77146c;}
.coupon_shop .cp_list .cpbn_st_3 span {color: #ffce00;}


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

.roulette .roul_row {display: table; text-align: center; border: 1px solid #111; background-color: #222;}
.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; margin: 60px 0 40px 0; text-align: center;}
.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?v=2) 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?v=2) 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:170px; 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:444px; 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:450px; left:50%; margin-left:-206px; 
    -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:170px; left:50%; margin-left:-206px;
    -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: -20px; margin-left: -24px; width: 48px; height: 83px; background: url(/images/roulette/roulette_pin.png?v=2) no-repeat 0 0; background-size: 48px 83px; z-index: 12;}


/********************************************************
■ main popup : 메인 팝업
********************************************************/

.pop_box {width: 380px; z-index: 12;}
.pop_warp {background-color: #1c1c1c; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);}
.pop_warp h2 {padding: 15px 10px; background-color: #3B3331; border-bottom: 1px solid #161616; font-weight: normal; text-align: center; font-size: 16px; 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 #292929; color: #ccc;}
.pop_warp .pop_cont img {width: 100%; height: auto; display: block;}
.pop_warp .pop_foot {overflow: hidden; line-height: 44px; padding: 0 10px; border-top: 1px solid #161616; background-color: #3B3331; color: #ccc;}
.pop_warp .pop_foot::after {content: ''; clear: both; display: block;}
.pop_warp .pop_foot .fl {float: left;}
.pop_warp .pop_foot .fr {float: right;}
@keyframes pop_logo {
    0% {opacity: 0.3;}
    30%{opacity: 1;}    
    70%{opacity: 1;}    
    100%{opacity: 0.3;} 
}


/********************************************************
■ index : 첫화면
********************************************************/
#i_warp {max-width: 520px; min-width: 520px; padding: 0px; margin: 0 auto; text-align: center;margin-top:15%;}
#i_warp > img {margin-bottom: 30px;}

.login_warp {overflow: hidden; padding: 15px; border: 1px solid #555; background-color: rgba(0, 0, 0, 0.3); border-radius: 12px; -webkit-border-radius: 15px; box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.3);}

.login_row {display: none;}
.login_row.on {display: block;}
.code_row {display: none;}
.code_row.on {display: block;}

.login_label {display: inline-block; text-align: left;}
.login_label > p {padding: 0 10px; background-color: #4c4c4c; text-align: center; border: 1px solid #453a37; border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4) inset; font-size:10px;background: rgba(0,0,0,0.7);}
.login_label > p:hover {background:rgba(0,0,0,0.7); border: solid 1px #e3b95f; transition: 0.5s;}
.login_label > p > input {width: 100%; height: 40px; line-height: 20px; color: #02e3fd; background-color: transparent; }

.btn_login {display: inline-block; width: 80px; padding: 13px 0 14px 0; cursor: pointer; background-color: #02e3fd; color: #000; font-size: 13px; vertical-align: middle; border-radius: 3px; -webkit-border-radius: 3px; transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}
.btn_login:hover {background-color: #ffd35f; color: #000;}
.btn_join {display: inline-block; width: 80px; padding: 13px 0 14px 0; cursor: pointer; background-color: #000; color: #fff; font-size: 13px; vertical-align: middle; border-radius: 3px; -webkit-border-radius: 3px; transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}
.btn_join:hover {background-color: #4a4a4a; color: #fff;}
.btn_enter {display: inline-block; width: 80px; padding: 13px 0 14px 0; cursor: pointer; background-color: #845734; color: #fff; font-size: 13px; vertical-align: middle; border-radius: 3px; -webkit-border-radius: 3px; transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}
.btn_enter:hover {background-color: #9a653c; color: #fff;}
.btn_x {display: inline-block; width: 80px; padding: 13px 0 14px 0; cursor: pointer; background-color: #7C1E1E; color: #fff; font-size: 13px; vertical-align: middle; border-radius: 3px; -webkit-border-radius: 3px; transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}
.btn_x:hover {background-color: #8e2222; color: #fff;}

/********************************************************
■ index popup : 첫화면 팝업
********************************************************/
/*
.popup {display: none; width: 520px; padding: 50px 10px 10px 10px; background-color: #161417; border: 1px solid #453B39;}
.popup .b-close, .popup_1 .b-close {position: absolute; top: 0; right: 0; width: 40px; height: 40px; background:#453B39 url(/images/icon_closs.png?v=2) no-repeat ; background-size: 40px 40px; text-indent: -99999px;}
.popup .gidbx_tb table tr td {height: auto; padding: 10px 10px; background-color: rgba(38, 38, 38, 0.8); color: #ccc; font-size: 13px;}
.popup .gidbx_tb table tr td em {display: block; margin: 8px 0 0 0; color: #ffba00;}
.popup .gidbx_tb table tr td p {display: block; margin: 8px 0 0 0; font-size: 11px; color: #999;}
.popup .gidbx_tb table tr td > div {padding: 5px 0;}
*/
.m_content{position: relative;}
.f-40 {font-size: 40px !important;color:#f9b00b;}
.f-100 {font-size: 100px !important;color:#f9b00b;}
.bg-black {
    background: #1E2737;
    border: 1px solid #3a4352;
    background: url('linear-gradient.png') 0 0 repeat-x;
    background: -webkit-linear-gradient(180deg, #1E2737, #0B1423);
    background: -moz-linear-gradient(180deg, #1E2737, #0B1423);
    background: -ms-linear-gradient(180deg, #1E2737, #0B1423);
    background: -o-linear-gradient(180deg, #1E2737, #0B1423);
    background: linear-gradient(180deg, #1E2737, #0B1423);
}
.rounded-corner {
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}
.close_end {display: none;}
/********************************************************
■ left - right  banner
********************************************************/
.left_banner {width:250px;position: absolute;left:-260px;top:160px;}
.right_banner {width:250px;position: absolute;right:-260px;top:160px;}

.color_yellow {color: yellow;}



.wrap-exchange{
    color:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wrap-exchange .inner-exchange {
    margin: 0 1.5rem 0 1.5rem;
    min-width: 35rem;
    border-radius: 2.5rem;
    background:#494949;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    max-width:50rem;
    width: 100%;
    font-size:1.2rem;
}

.wrap-exchange .area-form{
    padding:2rem;
    border-radius: 2.5rem;
}

.wrap-exchange .area-form .tit{
    padding-bottom:1rem;
    margin-bottom:1rem;
    font-size:1.6rem;
    font-weight:bold;
    border-bottom:1px solid #515151;
    line-height:100%;
}
.wrap-exchange .area-form .num{
    font-size:1.4rem;
    text-align:right;
}

.wrap-exchange .area-form .num{
    font-size:1.4rem;
    text-align:right;
    font-family: 'esamanru', sans-serif;
    color:#fff;

}

.wrap-exchange .profile{
    width:8rem;
    height:8rem;
}
.wrap-exchange .txt_greet{
    font-size:1.7rem;
    color:#bfbfbf;
}
.wrap-exchange .area-form .txt{
    font-size:1.4rem;
    text-align:left;
    flex-basis:5rem;
}
.wrap-exchange .my_info{
    background:#313131;
    padding:2rem;
    border-radius: 2.5rem 2.5rem 0 0 ;
}
.wrap-exchange .section-ex{
    padding:1.5rem 1.5rem;
    background:#333;
    border-radius:0.5rem;
    color:#ccc;
}

.wrap-exchange .input-group .btn{
    font-size:1.3rem;
    padding:0.375rem 1.5rem;
    font-family: 'esamanru', sans-serif !important;
}

.wrap-exchange .form-control{
    padding: 0.5rem 1rem;
    font-size: 1.4rem;
    text-align:right;
    font-family: 'esamanru', sans-serif !important;
    color:#25aad3 !important;
}
.wrap-exchange .btn-start{
    font-size:1.8rem;
    padding:1.5rem 1.5rem;
    text-shadow:1px 1px 3px #1b1e21;
}

@media (min-width: 992px) {
    .wrap_header{box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);}
    /*.content{width:106rem;margin:0 auto;}*/
    .wrap_lobby{background:url("../img/bg_pc_lobby.jpg") no-repeat center;background-size:cover;}
    .wrap_list_room .list_room .room_info{height:7rem;justify-content:flex-start;}
    .wrap_list_room .list_room .area_left{justify-content:space-between;}
    .wrap_list_room .room_info .area_left .flex-grow-1{display:flex;flex-grow:unset !important;align-items:center;}
    .wrap_list_room .room_info .area_left .buyin{flex-basis:22rem;text-align:left;}
    .wrap_list_room .room_info .area_right .btn_d{display:inline-block;width:15rem !important;}
    .wrap_list_room .list_room .tit{margin-left:5rem;}
    .wrap_list_room .list_room .blind_point{margin-left:8rem;padding-top:0;}
    .wrap_list_room .list_room .blind_point .txt_blind{display:inline-block;margin-right:1rem;}
    .modal.basic_modal .wrap_member{border-radius:2rem;}
    .wrap_game_tab .game_tab{background:#191923;}
    .wrap_game_tab .game_tab li{width:21.2rem;}
    .modal.basic_modal .wrap_member .modal-header .btn-close{display:block;}
    .wrap_member .btn_back{display:none;}
}

@keyframes  flowText{
    0%{transform: translateX(0%)}
    100%{transform: translateX(-100%)}
}
@keyframes  flowText02{
    0%{transform: translateX(100%)}
    100%{transform: translateX(0%)}
}

.btn_d{padding:1rem 1.5rem;text-align:center;color:#fff;border-radius:0.5rem;font-weight:bold;font-family: 'esamanru', sans-serif !important;font-size:1.2rem;text-decoration:none;}
.btn_blue{color:#fff;background:radial-gradient(77.14% 77.14% at 50% 22.86%, #29AFE9 0%, #25AAD3 65.63%, #2A90C9 72.4%, #1D8AAC 97.4%);}
.btn_gray{color:#fff;background:radial-gradient(77.14% 77.14% at 50% 22.86%, #95989B 0%, #767676 64.06%, #5C5C5C 69.27%, #484848 97.4%);}

.ico-cash {
    background: #b79a0d; }

.ico-gamecash {
     background: #0688fd; }

.ico-point {
      background: #c32727; }