@charset "utf-8";


* {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; background-color: #161B24; 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}
input {color:#333;}
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;}


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


/********************************************************
■ 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: #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_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: #7c1e1e; color: #fff;} /* 다크빨강 */
.btst_b {background-color: #1561db; color: #fff;} /* 파랑 */
.btst_bv {background-color: #1e3572; color: #fff;} /* 남색 */
.btst_o {background-color: #3C4D6E; color: #fff;} /* 주황 */
.btst_br {background-color: #3C4D6E; color: #fff;} /* 갈색 */
.btst_y {background-color: #FFC600; color: #2A313E;} /* 노랑 */
.btst_g {background-color: #1f7443; color: #fff;} /* 녹색 */
.btst_bg {background-color: #006465; color: #fff;} /* 청록 */
.btst_p {background-color: #6f0e86; color: #fff;} /* 보라 */
.btst_yg {background-color: #597e03; color: #fff;} /* 연두 */

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


/********************************************************
■ textarea : 텍스트 입력폼
********************************************************/
textarea {font-family:'NG',sans-serif;}
.txtr {overflow: hidden; line-height: 1.5; border: 1px solid #111; background-color: #171B22; 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: #171B22; border: 1px solid #111; color: #ededed;}
.input_ip {border: 1px solid #111; background-color: #171B22; color: #ddd; 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: none 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 #111; background: #1A1F27 none no-repeat 90% 50%; color: #ededed; 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 #343d50; background: #171b22 none 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: none no-repeat;}


/********************************************************
■ bg : 배경
********************************************************/
.mbg {background: #161B24 none no-repeat center top;}
.ibg {background: #161B24 url("../assets/mbg.jpg") no-repeat center top;}


/********************************************************
■ layout : 레이아웃
********************************************************/
#warp {position: relative; min-width: 1200px;}
#header {margin-bottom: 30px;}
#container {position: relative; min-height: 500px;}
#content {position: relative; padding: 10px; background-color: rgba(22, 27, 36, 0.8);}
#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 {position: relative; width: 1200px; margin: 0 auto;}
.row::after {content: ''; clear: both; display: block;}
@media (max-width: 1590px) {
    .warp_gm_mda {min-width: 1590px!important;}
}


/********************************************************
■ text scroll : 텍스트 스크롤
********************************************************/
.led {padding: 4px 0 12px 0; background-color: rgba(18, 22, 31, 0.7);}
.led .led_bx {overflow: hidden; line-height: 50px; padding: 0 40px; background-color: rgba(0, 0, 0, 0.4); border: 1px solid #273043; border-radius: 60px; -webkit-border-radius: 60px;}
.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: #4bc6e5; font-size: 16px; font-weight: 700; letter-spacing: -1px;}
@keyframes led_tx {
    0% {opacity: 0.7;}
    30% {opacity: 1;}
    60% {opacity: 1;}
    100% {opacity: 0.7;}
}


/********************************************************
■ member info : 회원 상단정보
********************************************************/
.area_lib {height: 64px; background-color: rgba(18, 22, 31, 0.8);}
.area_lib .info {float: right; color: #ccc;}
.area_lib .info li {display: table-cell; line-height: 63px; padding: 0 10px; 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 li a {color: #d9bc1d; font-weight: 700; -webkit-transition: 0.5s; transition: 0.5s;}
.area_lib .info li a:hover {color: #f5d109;}
.area_lib .info li a.outbtn {display: block; line-height: 32px; padding: 0 15px; background-color: #3C4D6E; 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: #4f658e;}
.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.msg {display: none; width: 18px; height: 14px; margin: -4px 4px 0 0; background-position: 0 -21px;}
.area_lib .info .icon_set.cp {display: none; width: 18px; height: 18px; margin: -4px 4px 0 0; background-position: -20px -19px;}
.area_lib .info .icon_set.coin {display: none; width: 18px; height: 18px; margin: -4px 4px 0 0; background-position: -40px -19px;}
.area_lib .info .icon_set.pt {display: none; width: 18px; height: 18px; margin: -4px 4px 0 0; background-position: -60px -19px;}


/********************************************************
■ logo : 로고
********************************************************/
.area_nav {clear: both; overflow: hidden; height: 64px; border-top: 1px solid #3c4d6d; border-bottom: 1px solid #000;
    background-image:linear-gradient(180deg, rgba(26, 37, 60, 0.88), rgba(7, 11, 18, 0.88)); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(26, 37, 60, 0.88)', endColorstr='rgba(7, 11, 18, 0.88)'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(30, 40, 60, 0.88)), to(rgba(7, 11, 18, 0.88))); /* for webkit browsers */
    background: -moz-linear-gradient(top,  rgba(26, 37, 60, 0.88),  rgba(7, 11, 18, 0.88)); /* for firefox 3.6+ */
}
.area_nav .logo {float: left;}
.area_nav .logo a {display: block; width: 107px; height: 49px; margin: 8px 0 0 0;}


/********************************************************
■ menu : 메뉴
********************************************************/
.area_nav .nav {float: right;}
.area_nav .nav li {float: left;}
.area_nav .nav li a {display: inline-block; line-height: 64px; padding: 0 16px; font-size: 16px; color: #fff; 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: #ffcd25;}
.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;}
}


/********************************************************
■ sub icon : 서브메뉴 아이콘
********************************************************/
.area_navsb {background-color: rgba(18, 22, 31, 0.7); }
.area_navsb .navsb {height: 100px;}
.area_navsb .navsb > li {position: relative; display: table-cell; width: 1%; text-align: center;}
.area_navsb .navsb > li > a {display: block; padding: 12px 0 14px 0;}
/*.area_navsb .navsb > li a:hover span {border-color: #0d1017; -webkit-transform: scale(0.85); transform: scale(0.85);}
.area_navsb .navsb > li a:hover em {color: #ffcd25;}*/
.area_navsb .navsb > li > a span {display: block; width: 60px; height: 60px; margin: 0 auto; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); border-radius: 100px; -webkit-border-radius: 100px; -webkit-transition: 0.3s; transition: 0.3s;}
.area_navsb .navsb > li > a em {display: block; padding: 7px 0 0 0; color: #ccc; font-size: 14px; letter-spacing: -1px; -webkit-transition: 0.3s; transition: 0.3s;}

.area_navsb .navsb > li .mg_icon {background: none no-repeat;}
.area_navsb .navsb > li .mg_icon.crs {background-position: 0 0;}
.area_navsb .navsb > li .mg_icon.lve {background-position: -62px 0;}
.area_navsb .navsb > li .mg_icon.scr {background-position: -124px 0;}
.area_navsb .navsb > li .mg_icon.pwb {background-position: -186px 0;}
.area_navsb .navsb > li .mg_icon.mgm {background-position: -248px 0;}
.area_navsb .navsb > li .mg_icon.lts {background-position: 0 -62px;}
.area_navsb .navsb > li .mg_icon.pwsdr {background-position: -62px -62px;}
.area_navsb .navsb > li .mg_icon.bst {background-position: -124px -62px;}
.area_navsb .navsb > li .mg_icon.mtgm {background-position: -186px -62px;}
.area_navsb .navsb > li .mg_icon.knsdr {background-position: -248px -62px;}
.area_navsb .navsb > li .mg_icon.bscard {background-position: -310px 0;}
.area_navsb .navsb > li .mg_icon.nextsdr {background-position: 0 -124px;}
.area_navsb .navsb > li .mg_icon.nextpwb {background-position: -62px -124px;}
.area_navsb .navsb > li .mg_icon.bet365 {background-position: -310px -62px;}
.area_navsb .navsb > li .mg_icon.nextgame {background-position: -124px -124px;}
.area_navsb .navsb > li .mg_icon.next_gostop {background-position: -186px -124px;}
.area_navsb .navsb > li .mg_icon.holdum {background: none;width:60px; height:60px;background-size:99% 99%;background-position: 0 3px;}

.area_navsb .navsb > li > a:hover, 
.area_navsb .navsb > li > a:hover em,
.area_navsb .navsb > li:hover a em {color: #ffc33d;}
.area_navsb .navsb > li > a:hover span, 
.area_navsb .navsb > li:hover a span {-webkit-transform: scale(0.9); transform: scale(0.9);}

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



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


/********************************************************
■ main link : 메인링크
********************************************************/
#main_link {clear: both;}
.nav_link {overflow: hidden; border: 1px solid #111;}
.nav_link::after {content: ''; clear: both; display: block;}
.nav_link li {float: left; width: 33.33%; height: 90px; border: 1px solid #161B24; box-sizing: border-box; -webkit-box-sizing: border-box;}
.nav_link li a {display: block; padding: 18px 18px 0 18px;}
.nav_link li:hover a h3 {margin-bottom: 6px;}
.nav_link li a h3 {margin-bottom: 14px; font-size: 20px; font-weight: normal; letter-spacing: -2px; -webkit-transition: 0.3s; transition: 0.3s;}
.nav_link li a p {display: inline-block; padding: 6px 10px; font-size: 14px; color: #ccc; letter-spacing: -1px;}

.nav_link li.co_brn {background-color: #2E3A50; background-image: none;}
.nav_link li.co_brn h3 {color: #fff;}
.nav_link li.co_brn p {background-color: rgba(0, 0, 0, 0.2); border-radius: 20px;}
.nav_link li.co_red {background-color: #6C1E1F; background-image: none;}
.nav_link li.co_red h3 {color: #fff;}
.nav_link li.co_red p {background-color: rgba(0, 0, 0, 0.2); border-radius: 20px;}
.nav_link li.co_blue {background-color: #0C5A34; background-image: none;}
.nav_link li.co_blue h3 {color: #fff;}
.nav_link li.co_blue p {background-color: rgba(0, 0, 0, 0.2); border-radius: 20px;}
.nav_link li.co_vio {background-color: #72441B; background-image: none;}
.nav_link li.co_vio h3 {color: #fff;}
.nav_link li.co_vio p {background-color: rgba(0, 0, 0, 0.2); border-radius: 20px;}


/********************************************************
■ footer : 하단
********************************************************/
#footer {margin-top: 100px; border-top: 1px solid #273349;}
#footer .copy {padding: 23px 0; text-align: center;}
#footer .copy p {padding: 10px 0 0 0; color: #818b9d; font-size: 11px;}
#footer .copy a {display: inline-block; padding: 8px 20px; margin: 20px 0 0 0; background-color: #1a202a; border: 1px solid #2d3646; color: #869098;}


/********************************************************
■ scroll top : 스크롤 탑
********************************************************/
.scrtop {position: fixed; left: 50%; bottom: 200px; display: none; width: 40px; height: 40px; margin: 0 0 0 640px; background-color: #273040; border: 1px solid #364258; 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: 150px; display: none; width: 40px; height: 40px; margin: 0 0 0 640px; background-color: #273040; border: 1px solid #364258; z-index: 99;}
.scrdown .scrdown_btn {display: block; width: 21px; height: 21px; margin: 10px auto 0 auto; background-position: -42px -39px; text-indent: -99999px;}


/********************************************************
■ sub title : 서브 타이틀
********************************************************/
.sub_title {border-bottom: 1px solid #273349; margin-bottom: 10px; color: #d0dee8; font-size: 20px; font-weight: normal; letter-spacing: -1px;}
.sub_title span {display: inline-block; padding: 10px 5px 8px 5px; border-bottom: 2px solid #7f9fba;}


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


/********************************************************
■ category sub icon : 카테고리 서브아이콘
********************************************************/
.game_cate {padding: 5px; margin-bottom: 10px; background-color: #29303c; text-align: center; box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2)}
.game_cate::after {content: ''; clear: both; display: block;}
.game_cate ul {background-color: #1A1F27; border: 1px solid #111;}
.game_cate ul li {display: table-cell; width: 1%; border-left: 0px solid #111; -webkit-transition: 0.3s; transition: 0.3s;}
.game_cate ul li:first-child {border-left: none;}
.game_cate ul li a {display: block; padding: 9px 0 10px 0; color: #bbb; font-size: 12px; letter-spacing: -1px; -webkit-transition: 0.3s; transition: 0.3s;}
.game_cate ul li a p {display: block; width: 30px; height: 30px; margin: 0 auto 5px auto; background: none no-repeat; text-indent: -99999px; opacity: 0.5; -webkit-transition: 0.3s; transition: 0.3s;}
.game_cate ul li:hover, .game_cate ul li a.on {background-color: #323D52;}
.game_cate ul li:hover a p, .game_cate ul li a.on p {-webkit-transform: scale(0.85); transform: scale(0.85); opacity: 1;}
.game_cate ul li a:hover, .game_cate ul li a.on{color: #fff;}

.game_cate li a p.cate0 {background-position: -32px -64px; animation:cate0 1.5s infinite ease-in-out; -webkit-animation:cate0 1.5s infinite ease-in-out;}
.game_cate li a p.cate1 {background-position: 0 0;}
.game_cate li a p.cate2 {background-position: -32px 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;}

@keyframes cate0 {
    0% {opacity: 0.6;}
    50% {opacity: 1;}
    100% {opacity: 0.6;}
}
.gm_hot {vertical-align: middle;}


/********************************************************
■ 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: #29303C; 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 #273349;}
.move .page li.on a {color: #80D012;}
.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 #999; 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: #80D012;}
.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 #999; 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: 19px; padding: 12px 0; 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: #3c6f2c;}
#cart .ct_hd a.del {background-color: #862c2c;}
#cart .ct_hd .clock {float: left; width: 138px; height: 21px; padding: 11px 0; background-color: #323D52; text-align: center;}
#cart .ct_hd .clock span {font-size: 22px; color: #d3d3d3; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);}

/* 카트 배팅리스트 */
#cart .ct_list {padding: 5px 0 0 0; border-bottom: 1px solid #111; background-color: #1A1F27; font-size: 13px;}
#cart .ct_list .crt_gm {position: relative; padding: 8px 5px 4px 5px; margin: 0 0 5px 0; border: 1px solid #2f394d; background-color: #232b39; box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3); -webkit-transition: 0.3s; transition: 0.3s;}
#cart .ct_list .crt_gm:hover {background-color: #2c3648;}
#cart .ct_list .crt_gm p {line-height: 1; padding: 2px 5px;}
#cart .ct_list .crt_gm p .tm {display: inline-block; width: 170px; line-height: 1.5; color: #848790; font-size: 12px; letter-spacing: -0.5px;}
#cart .ct_list .crt_gm p .tm.cho {display: inline-block; width: 170px; color: #ddd; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#cart .ct_list .crt_gm p .odd {float: right; padding: 2px 0; color: #d9af20;}
#cart .ct_list .crt_gm p a {position: absolute; right: 0px; top: 0px; width: 20px; height: 19px; background-color: #862C2C; text-indent: -99999px;}
#cart .ct_list .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: #323D52; border-bottom: 1px solid #111;}
#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;}
#cart .ct_bet .ct_bet_my li.tx {float: left; width: 40%; color: #bbbfc7;}
#cart .ct_bet .ct_bet_my li.num {float: right; width: 60%; color: #bbbfc7; text-align: right; letter-spacing: -0.5px;}
#cart .ct_bet .ct_bet_my li.num span {color: #ffc600;}

#cart .ct_bet .ct_bet_if {padding: 5px 10px 8px 10px; background-color: #252b38; border-bottom: 1px solid #111; 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;}
#cart .ct_bet .ct_bet_if li.tx {float: left; width: 40%; color: #93959d;}
#cart .ct_bet .ct_bet_if li.num {float: right; width: 60%; color: #93959d; text-align: right; letter-spacing: -0.5px;}
#cart .ct_bet .ct_bet_if li.odd span {color: #d9af20;}
#cart .ct_bet .ct_bet_if li.num .bet_ipt {padding: 0 5px; border: 1px solid #343d50; background-color: #171b22;}
#cart .ct_bet .ct_bet_if li.num .bet_ipt input {width: 100%; height: 30px; line-height: 30px; background-color: transparent; font-size: 14px; text-align: right; color: #fff;}

/* 카트 쿠폰 */
#cart .ct_bet .ct_bet_cp {padding: 5px 10px; background-color: #252b38; 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: #93959d; 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: #1A1F27;}
#cart .ct_betbt > div {display: block; font-size: 0; margin-bottom: 5px;}
#cart .ct_betbt > div .betbt {display: inline-block; width: 74px; margin-left: 4px; padding: 8px 0; background-color: #323d52; 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;}
#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 {background-color: #4e5e81; color: #fff;}
#cart .ct_betbt > div .cbt_re {width: 74px; padding: 8px 0; background-color: #985303; color: #fff;}
#cart .ct_betbt > div .cbt_re:hover {background-color: #d07102;}
#cart .ct_betbt > div .cbt_max {width: 152px; padding: 8px 0; background-color: #0d5c96; color: #fff;}
#cart .ct_betbt > div .cbt_max:hover {background-color: #1175bf;}

/* 카트 배팅버튼 */
#cart .ct_foot {clear: both; overflow: hidden; padding: 0 5px 5px 5px; background-color: #1a1f27;}
#cart .ct_foot .betbt_now {display: block; width: 100%; padding: 10px 0; background-color: #951f83; color: #fff; font-size: 15px; letter-spacing: -1px; font-weight: bold; cursor: pointer; outline: none; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); -webkit-transition: 0.3s; transition: 0.3s;}
#cart .ct_foot .betbt_now:hover {background-color: #b4289e; 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: #1a1f27;}


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

/* game - 헤드 */
.game_head {overflow: hidden; margin-bottom: 10px; box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2)}
.game_head table {width: 100%; table-layout: fixed; border-bottom: 1px solid #3e4b65; background-color: #2d374a;}
.game_head table thead th {height: 38px; color: #c4c4c4; 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: #232a35; border-top: 1px solid #2a3141; color: #ddd; text-align: left; letter-spacing: 0px; box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2)}
/*.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: #aaa; font-weight: normal;}
.g_head em strong {color: #4296de; font-weight: normal;}

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

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

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

.g_day {width: 76px; text-align: center; color: #666; font-size: 11px;}
.g_day span {color: #4296de;}

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

/* 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: 0px;}
.g_home_odd_n img, .g_home_odd_o img, .g_home_odd_d img {margin: 0 1px 0 0;}
.g_away_odd_n, .g_away_odd_o, .g_away_odd_d {width: 18%; float: left; position: relative; letter-spacing: 0px;}
.g_away_odd_n img, .g_away_odd_o img, .g_away_odd_d img {margin: 0 0 0 2px;}
.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: #f5c10e; text-align: right; font-size: 12px;}
.g_odd_n {color: #f5c10e; text-align: center; font-size: 12px;}
.g_away_odd_n {color: #f5c10e; 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: #999;}
.g_more.bet .mred {color: #666;}
.g_more.scr {width: 70px; color: #999;}
.g_more.win {width: 60px; color: #999;}

/* game - 레이아웃 스코어 */
.score_box {display: block; margin: 0 90px 10px 76px;}
.score_box h3 {margin: 3px 0 4px 0; height: 36px; line-height: 36px; color: #ccc; background-color: #1E242F; 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: #fff; background-color: #1E242F; font-weight: normal; font-size: 12px;}

/* game - 게임 레이아웃 색상 */
.g_gr_nt {background-color: #55324d;}
.g_gr_nto {background-color: #d0b90e;}
.g_gr_n {background-color: #2d374a;}
.g_gr_o {background-color: #80d012;}
.g_gr_c {background-color: #80d012;}
.g_gr_d {background-color: #2a2f36;}
.g_gr_sc {background-color: #2d374a;}

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

.g_list_hold, .g_list_view {width: 49px; height: 36px; margin-left: 1px; line-height: 36px; display: inline-block; cursor: pointer; text-align: center;}
.g_list_hold span, .g_list_view span {display: inline-block; line-height: 1; font-size: 12px; margin: 0 5px 0 0;}
.g_list_hold em, .g_list_view em {display: inline-block; 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: 220px; 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: #29303C; margin-top: 5px;}
.g_info ul {display: table; background-color: #1A1F27; 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: 61px; right: 50%; width: 180px; margin-right: 610px; background-color: #1A1F27; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);}
.side_cate h3 {background-color: #323D52; 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 3px; background-color: #252B38; 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: #e0e0e0;}

.cate_row .ct_list {overflow: hidden;}
.cate_row .ct_list::after {content: ''; clear: both; display: block;}
.cate_row .ct_list li {line-height: 30px; padding: 0 3px; border-bottom: 1px solid #111; cursor: pointer; letter-spacing: -1px; -webkit-transition: 0.3s; transition: 0.3s;}
.cate_row .ct_list li:hover {background-color: #31394a;}
.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: #63aad6; font-size: 12px;}


/********************************************************
■ multi : 멀티방
********************************************************/
/* 게임멀티 상단 */
.mlt_lnb {padding: 10px; margin: 0 0 15px 0; background-color: #29303C; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);}
.mlt_lnb .mlt_guide {padding: 10px; margin-bottom: 10px; background-color: #1A1F27; border: 1px solid #111;}
.mlt_lnb .mlt_guide h3 {padding: 5px 0 15px 0; margin-bottom: 15px; border-bottom: 2px solid #29303C; 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: #ffce01; text-decoration: underline;}

/* 게임멀티 선택 */
.mlt_lnb .mlt_line {table-layout: fixed; padding: 10px; background-color: #1A1F27; border: 1px solid #111;}
.mlt_lnb .mlt_line h3 {padding: 5px 0 15px 0; border-bottom: 2px solid #29303C; 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: #29303C; 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: #ededed; font-weight: normal; letter-spacing: -2px;}
.multigm .mlt_ch .mlt_ifm {display: inline-block;overflow: hidden;width: 367px;max-height: 1200px;background-color: #161b24; border: 3px solid #384150;}


/********************************************************
■ game : 가로 리스트
********************************************************/
/* 게임 텝 */
.tab_menu {clear: both; overflow: hidden; width: 930px; margin: 15px auto;}
.tab_menu .tab_h {border: 1px solid #323D52; 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: #252B38; color: #aaa;}
.tab_menu .tab_h li.active {background-color: #323D52; color: #fff !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: #252B38; border-left: 1px solid #333; border-bottom: 1px solid #323D52; border-top: 1px solid #323D52; font-size: 14px; color: #aaa; font-weight: normal;}
.chart_list .chart_line tr td {background-color: #161a21; border-left: 1px solid #333; border-bottom: 1px solid #323D52;}

/* 게임 가로 리스트 볼 */
.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: #29303C; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);}
.bst_row .bst_bet {padding: 10px; background-color: #1A1F27; border: 1px solid #111;}
.bst_row .bst_bet h3 {padding: 5px 0 15px 0; margin-bottom: 15px; border-bottom: 2px solid #29303C; 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; cursor: pointer;  -webkit-transition: 0.3s; transition: 0.3s;}
.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: #323D52; color: #ededed;}
.bst_row .bst_bet .bst_coin:hover {background-color: #414f6a;}
.bst_row .bst_bet .bst_coin_del {background-color: #7C1E1E; color: #ededed;}
.bst_row .bst_bet .bst_coin_del:hover {background-color: #982525;}
.bst_row .bst_bet .bst_coin_now {background-color: #01793d; color: #ededed;}
.bst_row .bst_bet .bst_coin_now:hover {background-color: #00a050;}
.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: none no-repeat;}

/* 아이프레임 // 공통 */
.live_gm {position: relative; max-width: 920px; min-width: 610px; width: 100%; margin: 0 auto 10px auto; z-index: 2;}

/* 아이프레임 // 넥스트게임 */
.live_gm .next_gm {position: relative; width: 830px; margin: 0 auto; z-index: 2;}
.live_gm .next_gm .gm_cover_1 {position: absolute; top: 18px; left: 20px; width: 150px; height: 40px; background-color: #040819; z-index: 3;}
.live_gm .next_gm .gm_cover_2 {position: absolute; top: 18px; right: 90px; width: 100px; height: 40px; background-color: #040819; z-index: 3;}
.live_gm .next_gm .gm_cover_3 {position: absolute; bottom: 18px; left: 10px; width: 160px; height: 40px; background-color: #3E2D2B; z-index: 3;}
.live_gm .next_gm .gm_cover_4_1 {position: absolute; top: 18px; left: 10px; width: 160px; height: 40px; background-color: #010C0E; z-index: 3;}
.live_gm .next_gm .gm_cover_4_2 {position: absolute; bottom: 10px; right: 16px; width: 200px; height: 40px; background-color: #010c0e; z-index: 3;}

/* 아이프레임 // 엔트리 미니게임 --- 공통 */
.live_gm .ntry_gm {position: relative; width: 830px; height: 640px; margin: 0 auto 10px auto; z-index: 2;}
.live_gm .ntry_gm .gm_cover_top_btn {position: absolute; top: 24px; left: 24px; width: 102px; height: 52px; background-color: rgba(2, 5, 15, 0.47); z-index: 3;
    background: #2B6FA4;
    background: -webkit-linear-gradient(#2B6FA4, #4188B5);
    background: -o-linear-gradient(#2B6FA4, #4188B5);
    background: linear-gradient(#2B6FA4, #4188B5);
}

/* 아이프레임 // 엔트리 미니게임 --- 파워볼 */
.live_gm.ntry_pwb {height: 640px; text-align: center;}
.live_gm.ntry_pwb iframe {width: 830px; height: 640px;}
.live_gm .ntry_gm .gm_cover_1_0 {position: absolute; top: 11px; left: 10px; width: 100px; height: 35px; background-color: #0d1122; z-index: 3;}
.live_gm .ntry_gm .gm_cover_1_1 {position: absolute; top: 11px; left: 285px; width: 262px; height: 96px; background-color: #0d1122; z-index: 3;}
.live_gm .ntry_gm .gm_cover_1_2 {position: absolute; top: 11px; right: 54px; width: 108px; height: 51px; background-color: #0d1122; z-index: 3;}
.live_gm .ntry_gm .gm_cover_1_3 {position: absolute; top: 152px; left: 20px; width: 236px; height: 466px; background-color: #0d1122; z-index: 3;}
.live_gm .ntry_gm .gm_cover_1_4 {position: absolute; top: 151px; right: 21px; width: 60px; height: 39px; background-color: #0d1122; z-index: 3;}
.live_gm .ntry_gm .gm_cover_1_5 {position: absolute; top: 567px; right: 21px; width: 233px; height: 49px; background-color: #0d1122; z-index: 3;}

/* 아이프레임 // 엔트리 미니게임 --- 파워사다리 */
.live_gm.ntry_pwsdr {height: 640px; text-align: center;}
.live_gm.ntry_pwsdr iframe {width: 830px; height: 640px;}
.live_gm .ntry_gm .gm_cover_2_0 {position: absolute; top: 11px; left: 10px; width: 100px; height: 35px; background-color: #0d1122; z-index: 3;}
.live_gm .ntry_gm .gm_cover_2_1 {position: absolute; top: 11px; left: 285px; width: 262px; height: 96px; background-color: #0d1122; z-index: 3;}
.live_gm .ntry_gm .gm_cover_2_2 {position: absolute; top: 11px; right: 54px; width: 108px; height: 51px; background-color: #0d1122; z-index: 3;}
.live_gm .ntry_gm .gm_cover_2_3 {position: absolute; top: 152px; left: 20px; width: 236px; height: 466px; background-color: #0d1122; z-index: 3;}
.live_gm .ntry_gm .gm_cover_2_4 {position: absolute; top: 151px; right: 21px; width: 60px; height: 39px; background-color: #0d1122; z-index: 3;}
.live_gm .ntry_gm .gm_cover_2_5 {position: absolute; top: 567px; right: 21px; width: 233px; height: 49px; background-color: #0d1122; z-index: 3;}

/* 아이프레임 // 엔트리 미니게임 --- 스피드키노 */
.live_gm.ntry_spdkn {height: 640px; text-align: center;}
.live_gm.ntry_spdkn iframe {width: 830px; height: 640px;}
.live_gm .ntry_gm .gm_cover_3_0 {position: absolute; top: 11px; left: 10px; width: 100px; height: 35px; background-color: #0d1122; z-index: 3;}
.live_gm .ntry_gm .gm_cover_3_1 {position: absolute; top: 11px; left: 285px; width: 262px; height: 96px; background-color: #0d1122; z-index: 3;}
.live_gm .ntry_gm .gm_cover_3_2 {position: absolute; top: 11px; right: 54px; width: 108px; height: 51px; background-color: #0d1122; z-index: 3;}
.live_gm .ntry_gm .gm_cover_3_3 {position: absolute; top: 152px; left: 20px; width: 236px; height: 466px; background-color: #0d1122; z-index: 3;}
.live_gm .ntry_gm .gm_cover_3_4 {position: absolute; top: 151px; right: 21px; width: 60px; height: 39px; background-color: #0d1122; z-index: 3;}
.live_gm .ntry_gm .gm_cover_3_5 {position: absolute; top: 567px; right: 21px; width: 233px; height: 49px; background-color: #0d1122; z-index: 3;}

/* 아이프레임 // 엔트리 미니게임 --- 키노사다리 */
.live_gm.ntry_knsdr {height: 640px; text-align: center;}
.live_gm.ntry_knsdr iframe {width: 830px; height: 640px;}
.live_gm .ntry_gm .gm_cover_4_0 {position: absolute; top: 11px; left: 10px; width: 100px; height: 35px; background-color: #0d1122; z-index: 3;}
.live_gm .ntry_gm .gm_cover_4_1 {position: absolute; top: 11px; left: 285px; width: 262px; height: 96px; background-color: #0d1122; z-index: 3;}
.live_gm .ntry_gm .gm_cover_4_2 {position: absolute; top: 11px; right: 54px; width: 108px; height: 51px; background-color: #0d1122; z-index: 3;}
.live_gm .ntry_gm .gm_cover_4_3 {position: absolute; top: 152px; left: 20px; width: 236px; height: 466px; background-color: #0d1122; z-index: 3;}
.live_gm .ntry_gm .gm_cover_4_4 {position: absolute; top: 151px; right: 21px; width: 60px; height: 39px; background-color: #0d1122; z-index: 3;}
.live_gm .ntry_gm .gm_cover_4_5 {position: absolute; top: 567px; right: 21px; width: 233px; height: 49px; background-color: #0d1122; z-index: 3;}

/* 아이프레임 // 엔트리 미니게임 --- 파워키노사다리 */
.live_gm.ntry_pwknsdr {height: 640px; text-align: center;}
.live_gm.ntry_pwknsdr iframe {width: 830px; height: 640px;}
.live_gm .ntry_gm .gm_cover_5_0 {position: absolute; top: 11px; left: 10px; width: 100px; height: 35px; background-color: #0d1122; z-index: 3;}
.live_gm .ntry_gm .gm_cover_5_1 {position: absolute; top: 11px; left: 285px; width: 262px; height: 96px; background-color: #0d1122; z-index: 3;}
.live_gm .ntry_gm .gm_cover_5_2 {position: absolute; top: 11px; right: 54px; width: 108px; height: 51px; background-color: #0d1122; z-index: 3;}
.live_gm .ntry_gm .gm_cover_5_3 {position: absolute; top: 152px; left: 20px; width: 236px; height: 466px; background-color: #0d1122; z-index: 3;}
.live_gm .ntry_gm .gm_cover_5_4 {position: absolute; top: 151px; right: 21px; width: 60px; height: 39px; background-color: #0d1122; z-index: 3;}
.live_gm .ntry_gm .gm_cover_5_5 {position: absolute; top: 567px; right: 21px; width: 233px; height: 49px; background-color: #0d1122; z-index: 3;}

/* 아이프레임 // 공통 버튼 */
.live_gm .live_gm_btn {padding: 20px 10px;}
.live_gm .live_gm_btn a {display: inline-block; height: 40px; line-height: 40px; padding: 0 12px; margin: 0 2px; background-color: #262B38; border: 1px solid #040404; color: #bababa; -webkit-transition: 0.3s; transition: 0.3s;}
.live_gm .live_gm_btn a:hover, .live_gm .live_gm_btn a.on {background-color: #37486a; color: #fff;}

/* 아이프레임 // 벳365 */
.bet365_gm {height: 280px;}
.bet365_gm iframe {width: 520px; height: 280px;}

/* 아이프레임 // 로투스 홀짝 */
.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: 12px; font-weight: bold;}

.pwb_day {width: 101px; padding: 0 0 0 10px; text-align: left; color: #666; 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: #e3b823; 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: #b274ba;}
.pwb_t_2 {color: #7dc1af;}
.pwb_t_3 {color: #cccc85;}
.pwb_t_4 {color: #c79468;}

/* 파워볼 레이아웃 - 일반 */
.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: #29303C; 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: #ddd; background-color: #2D374A; border-bottom: 1px solid #111; letter-spacing: -1px; font-weight: normal;}
.board_list.lst table thead th {background-color: #2D374A!important;}
.board_list table tbody tr {text-align: left; border-bottom: 1px solid #272f40; 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(38, 46, 62, 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: #888; font-size: 12px;}
.board_list table tbody .b_normal {text-align: center; color: #aaa;}
.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: #34b1ff; 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: #2D374A; 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(38, 46, 62, 0.7);}
.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: 20px 20px; color: #ccc; line-height: 1.8; font-size: 13px; background-color: rgba(27, 32, 44, 0.7); border-bottom: 1px solid #111;}
.board_view_data img {max-width: 1000px; height: auto; margin: 0 auto;}

.comment_write {padding: 10px; background-color: #252B38; 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 #272f40;}
.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: #2D374A; border-top: 1px solid #111; border-right: 1px solid #111; text-align: center; color: #ddd; font-weight: normal; font-size: 13px;}
.board_write table tr td {background-color: rgba(38, 46, 62, 0.6);}
.board_write table tr td .write_row_bx {margin: 10px;}
.board_write table tr td .write_row_bx input {width: 100%; height: 36px; line-height: 36px; 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 #272F40; color: #e3c000;}


/********************************************************
■ table : 테이블
********************************************************/
.gidbx {margin-bottom: 10px;}
.gidbx_hd {padding: 14px 0 14px 12px ; background-color: rgba(49, 59, 78, 0.7); font-size: 15px; color: #ddd; text-align: left; font-weight: normal;}
.gidbx_ct {padding: 10px 10px 10px 12px; background-color: rgba(27, 32, 44, 0.7); border: 1px solid #111; color: #ccc; text-align: left;}
.gidbx_ct > p {line-height: 1.8; padding-bottom: 5px;}
.gidbx_ct span {color: #ffce01;}

.gidbx_tb {border: 1px solid #111; border-top: none;}
.gidbx_tb table {width: 100%; table-layout:fixed;}
.gidbx_tb table tr {border-top: 1px solid #111;}
.gidbx_tb table tr th {background-color: #2D374A; border-top: 1px solid #111; border-right: 1px solid #111; text-align: center; color: #ddd; font-size: 13px; font-weight: normal;}
.gidbx_tb table tr td {height: 53px; padding: 0 10px; background-color: rgba(38, 46, 62, 0.6); color: #ddd; 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 #111; background-color: #222; text-align: center; color: #ccc; -webkit-transition: 0.3s; transition: 0.3s;}
.like_tb > table td:hover {background-color: rgba(59, 73, 98, 0.8)!important;}
.like_tb > table td:hover p {color: #56d8ff;}
.like_tb > table td p {color: #999;}

.rulebx {padding: 10px;}
.rulebx h3 {padding: 15px 10px; margin: 0 0 0 0; border-top: 1px solid #111; border-bottom: 1px solid #111; background-color: rgba(49, 59, 78, 0.7); color: #ddd; font-weight: normal;}
.rulebx .rule_c {padding: 20px;}
.rulebx .rule_c p {line-height: 2; color: #ccc;}
.rulebx .rule_n {padding: 20px 0; border-bottom: 1px solid #273349; border-top: 1px solid #273349; color: #FFEB3B; 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: #29303C; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);}
.coupon_warp .cp_shop {padding: 10px; background-color: #1A1F27; border: 1px solid #111;}
.coupon_warp .cp_shop .cp_h3 {padding: 5px 0 15px 0; margin-bottom: 15px; border-bottom: 2px solid #29303C; 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: #323D52; color: #ededed;}
.coupon_warp .cp_shop .cp_coin:hover {background-color: #414f6a;}
.coupon_warp .cp_shop .cp_coin_del {background-color: #7C1E1E; color: #ededed;}
.coupon_warp .cp_shop .cp_coin_del:hover {background-color: #982525;}
.coupon_warp .cp_shop .cp_coin_now {background-color: #6c3271; color: #ededed;}
.coupon_warp .cp_shop .cp_coin_now:hover {background-color: #823b88;}
.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: #fff; 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(38, 46, 62, 0.6);}
.coupon_shop .cp_list table tr td {height: 50px; padding: 10px; border: 1px solid #111;}
.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: #064f76; border: 1px solid #09679a;}
.coupon_shop .cp_list .cpbn_st_1 span {color: #ffce00;}
.coupon_shop .cp_list .cpbn_st_2 {background-color: #645112; border: 1px solid #886e19;}
.coupon_shop .cp_list .cpbn_st_2 span {color: #ffce00;}
.coupon_shop .cp_list .cpbn_st_3 {background-color: #671811; border: 1px solid #882118;}
.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: #29303C; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);}
.roulette .roul_head .roul_box {padding: 10px; background-color: #1A1F27; border: 1px solid #111;}
.roulette .roul_head .roul_box h3 {padding: 5px 0 15px 0; margin-bottom: 15px; border-bottom: 2px solid #29303C; 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: #1A1F27;}
.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:none 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: none 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: none no-repeat 0 0; background-size: 48px 83px; z-index: 12;}


/********************************************************
■ main popup : 메인 팝업
********************************************************/
.pop_box {width: 380px; z-index: 12;}
.pop_warp {background-color: #1A1F27; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);}
.pop_warp h2 {padding: 15px 10px; background-color: #323D52; border-bottom: 1px solid #111; 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 #252B38; 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: #252B38; 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 {width: 100%; padding: 320px 0 0 0; margin: 0 auto; text-align: center;}
#i_warp > img {margin-bottom: 0px;}
#i_warp::after {content: '본사이트는 크롬 브라우저에 최적화 되어 있습니다.'; display: block; clear: both; padding: 20px 0 0 0; color: #94a6b7;}

.login_warp {overflow: hidden; padding: 15px; border: 1px solid #141921; background-color: rgba(31, 42, 64, 0.9); border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.3);}

.login_row {display: none; width: 280px; margin: 0 auto}
.login_row.on {display: block;}
.code_row {display: none; width: 280px; margin: 0 auto}
.code_row.on {display: block;}

.login_label {display: block; text-align: left; margin-bottom: 8px;}
.login_label > p {padding: 0 10px; background-color: #171c24; text-align: center; border: 1px solid #293548; border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4) inset;}
.login_label > p > input {width: 100%; height: 40px; line-height: 40px; color: #ddd; background-color: transparent; font-size: 13px;}

.btn_login {display: inline-block; width: 133px; padding: 15px 0 16px 0; cursor: pointer; background-color: #3C4D6E; color: #fff; font-size: 13px; vertical-align: middle; border-radius: 2px; -webkit-border-radius: 2px; transition: .3s; -webkit-transition: .3s;}
.btn_login:hover {background-color: #495e86; color: #fff;}
.btn_join {display: inline-block; width: 133px; padding: 15px 0 16px 0; cursor: pointer; background-color: #037e6b; color: #fff; font-size: 13px; vertical-align: middle; border-radius: 2px; -webkit-border-radius: 2px; transition: .3s; -webkit-transition: .3s;}
.btn_join:hover {background-color: #009881; color: #fff;}
.btn_enter {display: inline-block; width: 133px; padding: 15px 0 16px 0; cursor: pointer; background-color: #845734; color: #fff; font-size: 13px; vertical-align: middle; border-radius: 2px; -webkit-border-radius: 2px; transition: .3s; -webkit-transition: .3s;}
.btn_enter:hover {background-color: #9a653c; color: #fff;}
.btn_x {display: inline-block; width: 133px; padding: 15px 0 16px 0; cursor: pointer; background-color: #7C1E1E; color: #fff; font-size: 13px; vertical-align: middle; border-radius: 2px; -webkit-border-radius: 2px; transition: .3s; -webkit-transition: .3s;}
.btn_x:hover {background-color: #8e2222; color: #fff;}

/********************************************************
■ index popup : 첫화면 팝업
********************************************************/
.popup {display: none; width: 520px; padding: 50px 10px 10px 10px; background-color: #1e232c; border: 1px solid #2f3848;}
.popup .b-close, .popup_1 .b-close {position: absolute; top: 0; right: 0; width: 40px; height: 40px; background:#2f3848 none no-repeat ; background-size: 40px 40px; text-indent: -99999px;}
.popup .gidbx_tb table tr td {height: auto; padding: 10px 10px; color: #ccc; font-size: 13px; text-align: left;}
.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;}


/********************************************************
■ security_box : 보안문자 - 1_10 추가
********************************************************/
.security_box {text-align: left; padding: 0 2px; margin-bottom: 8px;}
.security_box img {display: inline-block; vertical-align: middle;}
.security_box a {display: inline-block; line-height: 1.2; padding: 8px 9px; margin-left: -4px; background-color: #aa3185; color: #fff; vertical-align: middle;}
.security_box input {display: inline-block; width: 126px; line-height: 40px; padding: 0 5px; text-align: center; vertical-align: middle;}


/********************************************************
■ game : 개경주 - 추가
********************************************************/
.mg_grd_bg {
    background-color: #2A303C;
    background-image: -webkit-linear-gradient(top, #2A303C 0%, #1d2129 90%);
    background-image: -moz-linear-gradient(top, #2A303C 0%, #1d2129 90%);
    background-image: -o-linear-gradient(top, #2A303C 0%, #1d2129 90%);
    background-image: linear-gradient(180deg, #2A303C 0%, #1d2129 90%);
}
.mg_grd_head {
    background-color: #333D51;
    background-image: -webkit-linear-gradient(top, #333D51 0%, #1c212c 90%);
    background-image: -moz-linear-gradient(top, #333D51 0%, #1c212c 90%);
    background-image: -o-linear-gradient(top, #333D51 0%, #1c212c 90%);
    background-image: linear-gradient(180deg, #333D51 0%, #1c212c 90%);
}
.mg_grd_re {border-top: 1px solid #be732d; 
    background-color: #8b5522;
    background-image: -webkit-linear-gradient(top, #8b5522 0%, #4d2e11 90%);
    background-image: -moz-linear-gradient(top, #8b5522 0%, #4d2e11 90%);
    background-image: -o-linear-gradient(top, #8b5522 0%, #4d2e11 90%);
    background-image: linear-gradient(180deg, #8b5522 0%, #4d2e11 90%);
}

.mg_btn_dog, .mg_btn_gray, .mg_btn_green, .mg_btn_red, .mg_btn_blue, .mg_btn_yellow {border-top: 1px solid #484e5d;
    background-color: #343843;
    background-image: -webkit-linear-gradient(top, #343843 0%, #272a33 90%);
    background-image: -moz-linear-gradient(top, #343843 0%, #272a33 90%);
    background-image: -o-linear-gradient(top, #343843 0%, #272a33 90%);
    background-image: linear-gradient(180deg, #343843 0%, #272a33 90%);
}
.mg_btn_dog:hover, .mg_btn_dog.on {border-top: 1px solid #4b893a;
    background-color: #3D702F;
    background-image: -webkit-linear-gradient(top, #3D702F 0%, #213c1a 90%);
    background-image: -moz-linear-gradient(top, #3D702F 0%, #213c1a 90%);
    background-image: -o-linear-gradient(top, #3D702F 0%, #213c1a 90%);
    background-image: linear-gradient(180deg, #3D702F 0%, #213c1a 90%);
}
.mg_btn_gray:hover, mg_btn_gray.on {border-top: 1px solid #888;
    background-color: #444;
    background-image: -webkit-linear-gradient(top, #666 0%, #393939 90%);
    background-image: -moz-linear-gradient(top, #666 0%, #393939 90%);
    background-image: -o-linear-gradient(top, #666 0%, #393939 90%);
    background-image: linear-gradient(180deg, #666 0%, #393939 90%);
}
.mg_btn_green:hover, .mg_btn_green.on {border-top: 1px solid #4d8e3c;
    background-color: #3D702F;
    background-image: -webkit-linear-gradient(top, #3D702F 0%, #213c1a 90%);
    background-image: -moz-linear-gradient(top, #3D702F 0%, #213c1a 90%);
    background-image: -o-linear-gradient(top, #3D702F 0%, #213c1a 90%);
    background-image: linear-gradient(180deg, #3D702F 0%, #213c1a 90%);
}
.mg_btn_red:hover, .mg_btn_red.on {border-top: 1px solid #c11c1c;
    background-color: #7e0f0f;
    background-image: -webkit-linear-gradient(top, #951010 0%, #640c0c 90%);
    background-image: -moz-linear-gradient(top, #951010 0%, #640c0c 90%);
    background-image: -o-linear-gradient(top, #951010 0%, #640c0c 90%);
    background-image: linear-gradient(180deg, #951010 0%, #640c0c 90%);
}
.mg_btn_blue:hover, .mg_btn_blue.on {border-top: 1px solid #1b81cb;
    background-color: #0b4977;
    background-image: -webkit-linear-gradient(top, #0D5C96 0%, #0a3a5d 90%);
    background-image: -moz-linear-gradient(top, #0D5C96 0%, #0a3a5d 90%);
    background-image: -o-linear-gradient(top, #0D5C96 0%, #0a3a5d 90%);
    background-image: linear-gradient(180deg, #0D5C96 0%, #0a3a5d 90%);
}
.mg_btn_yellow:hover, .mg_btn_yellow.on {border-top: 1px solid #ffbd20;
    background-color: #c38f15;
    background-image: -webkit-linear-gradient(top, #d09918 0%, #74550a 90%);
    background-image: -moz-linear-gradient(top, #d09918 0%, #74550a 90%);
    background-image: -o-linear-gradient(top, #d09918 0%, #74550a 90%);
    background-image: linear-gradient(180deg, #d09918 0%, #74550a 90%);
}

@keyframes ring_spin { 
    100% { -webkit-transform: rotate(360deg);} 
}
@keyframes ring_title {
    0% {-webkit-transform: scale(1.1); transform: scale(1.1);}
    25% {-webkit-transform: scale(0.9); transform: scale(0.9);}
    50% {-webkit-transform: scale(1.1); transform: scale(1.1);}
    75% {-webkit-transform: scale(0.9); transform: scale(0.9);}
    100% {-webkit-transform: scale(1.1); transform: scale(1.1);}
}
@keyframes dog_game {
    0% {-webkit-transform: scale(1); transform: scale(1);}
    25% {-webkit-transform: scale(0.9); transform: scale(0.9);}
    50% {-webkit-transform: scale(1); transform: scale(1);}
    75% {-webkit-transform: scale(0.9); transform: scale(0.9);}
    100% {-webkit-transform: scale(1); transform: scale(1);}
}
@keyframes dog_game_pop {
    0% {opacity: 1;}
    50% {opacity: 0.3;}
    100% {opacity: 1;}
}


/* -- 미니게임 head --*/
.mg_game {box-shadow: 0 2px 4px #000;}
.mg_game_wrap {position: relative; display: table; table-layout: fixed; width: 100%; height: 100%; border-spacing: 10px; text-align: center;}
.mg_game_wrap > div {display: table-cell; height: 100%; border: 1px solid #000; vertical-align: top;}
.mg_game_wrap .mg_head {width: 200px; background-color: #161921; color: #ccc; font-size: 14px;}
.mg_game_wrap .mg_head .mg_time {padding: 15px 8px 0 8px; height: 68px; border-top: 1px solid #485774; border-bottom: 1px solid #000;}
.mg_game_wrap .mg_head .mg_time p {margin-bottom: 5px;}
.mg_game_wrap .mg_head .mg_time span {display: block; font-size: 34px; font-weight: bold; color: #3ab2c7; text-shadow: 0 2px 4px #000;}
.mg_game_wrap .mg_head .mg_th {padding: 15px 8px 0 8px; height: 60px; border-top: 1px solid #485774; border-bottom: 1px solid #000;}
.mg_game_wrap .mg_head .mg_th p {margin-bottom: 5px;}
.mg_game_wrap .mg_head .mg_th span {display: block; font-size: 24px; font-weight: bold; color: #eee; text-shadow: 0 2px 2px #000;}
.mg_game_wrap .mg_head .mg_count {padding: 18px 10px 10px 10px; box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.5);}
.mg_game_wrap .mg_head .mg_count p {padding: 5px 0;}
.mg_game_wrap .mg_head .mg_count span {display: inline-block; font-size: 24px; font-weight: bold; color: #fcc04e; text-shadow: 0 2px 2px #000;}
.mg_game_wrap .mg_head .mg_count .btn_retime {display: block; line-height: 40px; margin-top: 5px; color: #fff; box-shadow: 0 2px 2px #000;}

/* -- 미니게임 body --*/
.mg_game_wrap .mg_body {position: relative; padding: 10px; background-color: #161921; box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.5); box-sizing: border-box; -webkit-box-sizing: border-box;}
.mg_game_wrap .mg_body ul {display: table; width: 100%; height: 100%; table-layout: fixed; padding-top: 10px; border-spacing: 0; text-align: center; letter-spacing: -1px;}
.mg_game_wrap .mg_body ul.pd0 {padding: 0;}
.mg_game_wrap .mg_body ul.dog_ul {height: 127px;}
.mg_game_wrap .mg_body ul.ring_ul {height: 264px;}
.mg_game_wrap .mg_body ul li {display: table-cell; padding-left: 10px;}
.mg_game_wrap .mg_body ul li:first-child {padding: 0;}
.mg_game_wrap .mg_body ul li a {display: block; height: 100%; padding: 10px; box-shadow: 0 2px 2px #000;}

/* -- 미니게임 화면잠금 --*/
.mg_game_wrap .mg_body .hold_pop {display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, 0.8); text-align: center; z-index: 5;}
.mg_game_wrap .mg_body .hold_pop.on {display: table;}
.mg_game_wrap .mg_body .hold_pop h3 {display: table-cell; height: 288px; color: #F5C177; font-weight: normal; font-size: 18px; vertical-align: middle; -webkit-animation: dog_game_pop 1.5s infinite ease-in-out; animation: dog_game_pop 1.5s infinite ease-in-out;}

/* -- 미니게임 개경주 --*/
.mg_game_wrap .mg_body .dog_race p {width: 80px; height: auto; margin: 0 auto 0 auto;}
.mg_game_wrap .mg_body .dog_race img {width: 100%; height: auto; -webkit-transform: scale(1); transform: scale(1); transition: .3s; -webkit-transition: .3s;}
.mg_game_wrap .mg_body .dog_race h3 {line-height: 30px; color: #ccc; font-size: 14px; font-weight: normal; letter-spacing: -0.5px;}
.mg_game_wrap .mg_body .dog_race span {display: block; line-height: 28px; background-color: #141414; border-radius: 50px; color: #f6c50c; font-size: 14px;}
.mg_game_wrap .mg_body .dog_race:hover img,
.mg_game_wrap .mg_body .dog_race.on img {-webkit-transform: scale(0.9); transform: scale(0.9); -webkit-animation: dog_game 2s infinite ease-in-out; animation: dog_game 2s infinite ease-in-out;}
.mg_game_wrap .mg_body .dog_race:hover h3 {color: #fff; text-shadow: 0 1px 2px #000;}

/* -- 미니게임 링게임 --*/
.mg_game_wrap .mg_body .one_ring > div {position: relative;}
.mg_game_wrap .mg_body .one_ring > div p {width: 120px; height: 120px; margin: 25px auto 25px auto; background-color: transparent; border: 4px solid transparent; border-top: 4px solid transparent; border-radius: 50%; animation: 1s ring_spin linear infinite; -webkit-animation: 1s ring_spin linear infinite;}
.mg_game_wrap .mg_body .one_ring > div em {position: absolute; left: 0; top: 40px; display: block; width: 100%; font-size: 44px; color: #fff; text-align: center; text-shadow: 0 2px 2px #000; letter-spacing: -2px;}
.mg_game_wrap .mg_body .one_ring span {display: block; line-height: 38px; background-color: #141414; border-radius: 50px; color: #f6c50c; font-size: 16px;}

.mg_game_wrap .mg_body .one_ring:hover > div em, 
.mg_game_wrap .mg_body .one_ring.on > div em {-webkit-transform: scale(0.9); transform: scale(0.9); -webkit-animation: ring_title 2s infinite ease-in-out; animation: ring_title 2s infinite ease-in-out;}

.mg_game_wrap .mg_body .one_ring .ring_gray {border-color: #161616; border-top-color: #161921;}
.mg_game_wrap .mg_body .one_ring:hover .ring_gray,
.mg_game_wrap .mg_body .one_ring.on .ring_gray {border-top-color: #b4b4b4!important;}

.mg_game_wrap .mg_body .one_ring .ring_red {border-color: #161616; border-top-color: #161921;}
.mg_game_wrap .mg_body .one_ring:hover .ring_red,
.mg_game_wrap .mg_body .one_ring.on .ring_red {border-top-color: #f40b0b!important;}

.mg_game_wrap .mg_body .one_ring .ring_blue {border-color: #161616; border-top-color: #161921;}
.mg_game_wrap .mg_body .one_ring:hover .ring_blue,
.mg_game_wrap .mg_body .one_ring.on .ring_blue {border-top-color: #10a0ff!important;}

.mg_game_wrap .mg_body .one_ring .ring_yellow {border-color: #161616; border-top-color: #161921;}
.mg_game_wrap .mg_body .one_ring:hover .ring_yellow,
.mg_game_wrap .mg_body .one_ring.on .ring_yellow {border-top-color: #ffb814!important;}


/********************************************************
■ game : 팀 텍스트 색상 - 추가
********************************************************/
.team_red {color: #ff2c2c;}
.team_green {color: #00e246;}
.team_blue {color: #299aff;}

































/* 저장본에 없는 배경/닫기 이미지는 기본 색상과 문자로 대체합니다. */
.popup.is-open {display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;max-width:calc(100vw - 42px);}
.popup .b-close {text-indent:0;display:grid;place-items:center;color:white;font-size:12px;}
.modal-overlay {position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:99;}
a:focus-visible,input:focus-visible {outline:2px solid #a8caff;outline-offset:2px;}
@media(max-width:600px) {#i_warp {padding-top:120px;} #i_warp > img {max-width:90%;height:auto;}}
.register-card {width:320px;max-width:100%;margin:0 auto;color:#ddd;}
.register-card h1 {font-size:20px;font-weight:normal;margin:4px 0 20px;}
.register-card .login_label {margin-bottom:12px;}
.register-card .login_label > span {display:block;margin:0 0 7px 2px;font-size:13px;}
.register-buttons {display:flex;justify-content:center;gap:8px;margin-top:18px;}
.login-buttons {display:flex;gap:8px;align-items:stretch;}
.login-buttons > *, .register-buttons > * {box-sizing:border-box;flex:1;width:auto;min-height:44px;padding:0 8px;display:flex;align-items:center;justify-content:center;line-height:1;font-family:inherit;font-size:13px;font-weight:normal;border:0;margin:0;}
.panel-note {line-height:1.7;margin:12px 0 18px;color:#b7c5da;overflow-wrap:anywhere;}
.panel-note a,.pagination a {color:#c9dcff;}
.admin-shell {max-width:1120px;margin:0 auto;padding:50px 18px;color:#e3eaf5;}
.admin-header {display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:24px;}
.admin-header img {width:220px;max-width:100%;height:auto;}
.admin-header h1 {font-size:24px;flex:1;}
.admin-panel {box-sizing:border-box;padding:24px;margin-bottom:24px;background:rgba(31,42,64,.96);border:1px solid #384761;border-radius:5px;}
.admin-panel h2 {font-size:19px;margin-bottom:18px;}
.admin-panel h2 small {font-size:13px;font-weight:normal;margin-left:8px;color:#b7c5da;}
.section-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.table-scroll {overflow-x:auto;}
.admin-panel table {width:100%;text-align:left;line-height:1.5;}
.admin-panel th,.admin-panel td {padding:12px;border-bottom:1px solid #384761;white-space:nowrap;}
.admin-panel th {color:#aabbcf;background:#171c24;}
.admin-panel code {font-size:15px;letter-spacing:1px;user-select:all;color:#ffdc8b;}
.admin-panel button {font-family:inherit;}
.pagination {display:flex;justify-content:center;gap:20px;padding-top:20px;}
.code-create-form {display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;}
.code-create-form .login_label {width:320px;max-width:100%;margin:0;}
.code-create-form .login_label > span,.admin-password-form .login_label > span {display:block;margin-bottom:8px;color:#b7c5da;}
.admin-password-form {max-width:360px;}
.admin-password-form .login_label {margin-bottom:14px;}
/* Admin controls share dimensions regardless of anchor or button markup. */
.admin-shell {max-width:1240px;padding:40px 24px 64px;font-family:"Malgun Gothic",Arial,sans-serif;}
.admin-header {padding:0 4px 22px;border-bottom:1px solid rgba(180,200,225,.18);margin-bottom:28px;}
.admin-header h1 {font-size:22px;font-weight:600;letter-spacing:-.6px;}
.admin-header img {width:190px;}
.admin-panel {padding:28px;margin-bottom:24px;border:1px solid #344257;border-radius:14px;background:rgba(22,32,49,.97);box-shadow:0 12px 32px rgba(0,0,0,.16);}
.admin-panel h1,.admin-panel h2 {font-size:19px;line-height:1.4;font-weight:600;letter-spacing:-.4px;margin-bottom:22px;}
.admin-panel h2 small {display:inline-block;margin-left:10px;padding:4px 9px;border-radius:7px;background:#283449;color:#afc0d7;font-size:12px;vertical-align:middle;}
.admin-shell .btn_login,.admin-shell .btn_join,.admin-shell .btn_x {box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:68px;height:38px;padding:0 15px;margin:0;line-height:1;text-align:center;font:500 13px "Malgun Gothic",Arial,sans-serif;white-space:nowrap;border:1px solid transparent;border-radius:7px;cursor:pointer;transition:background .15s,border-color .15s;}
.admin-shell .btn_login {background:#293950;border-color:#40516c;color:#dce7f7;}
.admin-shell .btn_login:hover {background:#354a67;border-color:#637b9c;}
.admin-shell .btn_join {background:#c5a16b;border-color:#c5a16b;color:#151e2b;font-weight:700;}
.admin-shell .btn_join:hover {background:#dfba83;border-color:#dfba83;}
.admin-shell .btn_x {background:#3c2932;border-color:#6b3e4a;color:#ffb6bf;}
.admin-shell .btn_x:hover {background:#65343f;border-color:#a45665;color:#ffe1e5;}
.admin-shell a:focus-visible,.admin-shell button:focus-visible {outline:2px solid #e8c389;outline-offset:3px;}
.admin-panel .panel-note {color:#a0b1c8;font-size:12px;line-height:1.8;margin:14px 0 22px;}
.admin-panel .login_label > p {background:#111c2c;border:1px solid #3b4b63;border-radius:8px;box-shadow:none;}
.admin-panel .login_label > p:focus-within {border-color:#c5a16b;box-shadow:0 0 0 3px rgba(197,161,107,.13);}
.admin-panel .login_label > p > input {height:42px;line-height:42px;}
.admin-panel .login_label > p > input:focus-visible {outline:none;}
.admin-panel .table-scroll {border:1px solid #344257;border-radius:10px;}
.admin-panel th {padding:13px 16px;background:#101c2d;color:#92a6c2;font-size:11px;letter-spacing:.3px;font-weight:600;}
.admin-panel td {padding:16px;color:#dce5f2;border-color:#2b394d;font-size:13px;vertical-align:middle;}
.admin-panel tbody tr:last-child td {border-bottom:0;}
.admin-panel tbody tr:hover {background:rgba(115,148,188,.06);}
.admin-panel td:last-child form {display:inline-flex;vertical-align:middle;margin-right:4px;}
.admin-panel td:last-child > a {margin-right:4px;vertical-align:middle;}
.admin-panel td .btn_login,.admin-panel td .btn_join,.admin-panel td .btn_x {height:32px;min-width:54px;padding:0 11px;font-size:12px;border-radius:6px;}
.admin-panel code {font:500 13px Consolas,monospace;letter-spacing:.7px;color:#e2c28e;}
.status-badge {display:inline-flex;align-items:center;gap:6px;padding:5px 9px;font-size:11px;font-weight:600;border-radius:20px;line-height:1.2;}
.status-badge::before {content:"";width:5px;height:5px;border-radius:50%;background:currentColor;}
.status-badge.is-active {background:#193c37;color:#88d7bd;}
.status-badge.is-muted {background:#2d3748;color:#aebbd0;}
.status-badge.is-pending {background:#443923;color:#e2c184;}
.admin-shell .pagination {align-items:center;font-size:12px;color:#9cadc4;}
.admin-shell .pagination a {padding:7px 12px;border:1px solid #40516c;border-radius:6px;}
@media(max-width:600px) {.admin-shell {padding:24px 12px 40px;}.admin-panel {padding:18px;border-radius:10px;}.admin-header {gap:12px;}.admin-header img {width:145px;}.admin-header h1 {font-size:18px;}.code-create-form .login_label {width:100%;}.admin-panel td,.admin-panel th {padding:12px;}}
.form-message {padding:12px;margin-bottom:16px;line-height:1.6;color:#ffdc8b;background:#171c24;border:1px solid #384761;border-radius:3px;overflow-wrap:anywhere;}
#i_warp.register-page {padding-top:180px;padding-bottom:30px;}
@media(max-width:600px) {#i_warp.register-page {padding-top:80px;}}

/* Search and responsive layouts for the screens used by this site. */
.admin-shell,.admin-shell * {box-sizing:border-box;}
.admin-shell {width:100%;min-width:0;}
.admin-panel,.admin-header,.admin-password-form {min-width:0;}
.admin-panel h1,.admin-panel h2,.admin-panel label {overflow-wrap:anywhere;}
#members {scroll-margin-top:16px;}
.member-filters {display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;}
.member-filters .member-search {flex:1 1 300px;min-width:0;margin:0;}
.member-search > span {display:block;color:#b7c5da;margin-bottom:8px;}
.pending-filter {display:flex;align-items:center;gap:9px;min-height:44px;cursor:pointer;white-space:nowrap;color:#dce5f2;}
.pending-filter input {appearance:auto;width:18px;height:18px;accent-color:#c5a16b;flex:none;}
.filter-actions {display:flex;gap:8px;}
.filter-actions > * {min-height:44px;}
.admin-shell input {min-width:0;max-width:100%;}
.admin-panel .row-actions {white-space:normal;min-width:218px;}
.admin-panel .row-actions form,.admin-panel .row-actions > a {margin-top:3px;margin-bottom:3px;}
.popup.is-open {max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;}
@media(max-width:1100px) {
  .admin-panel .table-scroll {border:0;border-radius:0;overflow:visible;}
  .admin-panel .responsive-table {display:block;width:100%;}
  .responsive-table thead {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
  .responsive-table tbody {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
  .responsive-table tr {display:block;min-width:0;padding:12px;border:1px solid #344257;border-radius:10px;background:#152133;}
  .admin-panel .responsive-table td {display:grid;grid-template-columns:96px minmax(0,1fr);align-items:start;gap:10px;padding:8px 4px;border:0;white-space:normal;overflow-wrap:anywhere;line-height:1.6;}
  .responsive-table td::before {content:attr(data-label);font-size:12px;font-weight:500;color:#93a8c5;}
  .responsive-table td code {overflow-wrap:anywhere;word-break:break-word;line-height:1.6;}
  .responsive-table .status-badge {justify-self:start;align-self:center;}
  .admin-panel .responsive-table td.row-actions {display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;border-top:1px solid #304057;margin-top:8px;padding-top:12px;}
  .responsive-table .row-actions::before {content:none;}
  .admin-panel .responsive-table .row-actions form {display:flex;flex:1 1 74px;margin:0;}
  .admin-panel .responsive-table .row-actions > a {flex:1 1 62px;margin:0;}
  .admin-panel .responsive-table .row-actions form button {width:100%;}
  .admin-panel .responsive-table .btn_login,.admin-panel .responsive-table .btn_join,.admin-panel .responsive-table .btn_x {height:44px;min-width:0;padding:0 9px;font-size:13px;}
  .responsive-table tr.empty-row {grid-column:1 / -1;}
  .admin-panel .responsive-table .empty-row td {display:block;padding:16px 8px;color:#b7c5da;}
  .responsive-table .empty-row td::before {content:none;}
}
@media(max-width:700px) {
  body.ibg {background-size:auto 560px;background-position:center top;}
  .admin-shell {padding:20px 12px max(32px,env(safe-area-inset-bottom));}
  .admin-header {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:0 0 18px;margin-bottom:20px;}
  .admin-header img {width:160px;max-width:100%;}
  .admin-header h1 {grid-row:2;grid-column:1 / -1;margin:0;font-size:20px;}
  .admin-header form {grid-row:1;grid-column:2;}
  .admin-panel {padding:16px;margin-bottom:18px;}
  .admin-panel h1,.admin-panel h2 {font-size:18px;margin-bottom:18px;}
  .admin-panel h2 small {margin-left:6px;font-size:11px;}
  .responsive-table tbody {grid-template-columns:minmax(0,1fr);gap:12px;}
  .admin-panel .responsive-table td {grid-template-columns:92px minmax(0,1fr);}
  .member-filters {display:grid;grid-template-columns:minmax(0,1fr);gap:10px;}
  .member-filters .member-search {width:100%;}
  .pending-filter {white-space:normal;}
  .filter-actions {display:grid;grid-template-columns:1fr 1fr;}
  .code-create-form {display:grid;grid-template-columns:minmax(0,1fr);gap:12px;}
  .code-create-form .login_label,.admin-password-form {width:100%;max-width:none;}
  .admin-shell .btn_login,.admin-shell .btn_join,.admin-shell .btn_x {height:44px;min-height:44px;}
  .admin-shell .pagination {gap:16px;flex-wrap:wrap;}
  .admin-shell .pagination a {display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:64px;}
  .admin-panel .login_label > p > input,#i_warp .login_label > p > input {font-size:16px;height:46px;line-height:46px;}
  #i_warp,#i_warp.register-page {box-sizing:border-box;padding:80px 12px 32px;width:100%;}
  #i_warp > img {width:280px;max-width:90%;height:auto;}
  #i_warp .login_warp {box-sizing:border-box;width:100%;padding:18px 14px;border-radius:10px;}
  #i_warp .login_row,#i_warp .code_row,#i_warp .register-card {width:100%;max-width:360px;min-width:0;}
  #i_warp .login_label {box-sizing:border-box;max-width:100%;}
  #i_warp .login_label > p {padding:0 10px;}
  #i_warp .login_label input {box-sizing:border-box;min-width:0;max-width:100%;}
  #i_warp .security_box {display:grid;grid-template-columns:94px 44px minmax(0,1fr);gap:5px;align-items:center;padding:0;}
  #i_warp .security_box a {display:flex;align-items:center;justify-content:center;margin:0;padding:0;min-height:44px;border-radius:4px;}
  #i_warp .security_box input {box-sizing:border-box;width:100%;min-width:0;height:44px;line-height:44px;font-size:16px;padding:0 4px;}
  #i_warp .btn_login,#i_warp .btn_join,#i_warp .btn_enter,#i_warp .btn_x {box-sizing:border-box;min-height:44px;font-family:inherit;}
  #i_warp::after {line-height:1.6;font-size:12px;overflow-wrap:anywhere;}
  #pop.popup {box-sizing:border-box;width:calc(100vw - 24px);max-width:480px;padding:52px 16px 16px;}
  #pop .b-close {width:44px;height:44px;}
  #pop .gidbx_tb table,#pop .gidbx_tb tbody,#pop .gidbx_tb tr,#pop .gidbx_tb th,#pop .gidbx_tb td {display:block;box-sizing:border-box;width:100%;height:auto;}
  #pop colgroup {display:none;}
  #pop .gidbx_tb th {text-align:left;padding:10px 0 4px;}
  #pop .gidbx_tb th[colspan] {font-size:16px!important;line-height:1.6;padding:0 0 16px!important;overflow-wrap:anywhere;}
  #pop .gidbx_tb td {padding:4px 0 8px;}
  #pop input.input_ip {box-sizing:border-box;width:100%!important;min-height:44px;font-size:16px;padding:8px;}
}
@media(max-height:500px) and (max-width:950px) {#i_warp,#i_warp.register-page {padding-top:24px;}}