@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');

@charset "utf-8";

@font-face {
    font-family: "Montserrat";
    src: url("fonts/Montserrat-Regular.otf");
}

html {scrollbar-3dLight-Color: #555; scrollbar-arrow-color: #333; scrollbar-base-color: #333; scrollbar-Face-Color: #333; scrollbar-Track-Color: #333;
    scrollbar-DarkShadow-Color: #555; scrollbar-Highlight-Color: #555; scrollbar-Shadow-Color: #555}
/* Chrome, Safari용 스크롤 바 */
::-webkit-scrollbar {width: 3px;height: 0px;/* border: 4px solid #ffffff; */}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: #111}
::-webkit-scrollbar-track {background: #666666;-webkit-border-radius: 2.5px;border-radius: 2.5px;-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2);}
::-webkit-scrollbar-thumb {height: 30px;/* width: 5px; *//* background: #737373; */-webkit-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1);}

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input{margin:0;padding:0;list-style: none;}
/*body{font-size: 12px;background: rgb(15, 44, 60);font-family: 'nanum_bg', 'Noto Sans KR', sans-serif, 'Noto Serif KR', serif;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}*/
body { background: #fff; font-family: 'Nanum Gothic', sans-serif !important; font-size: 12px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
html,h1,h2,h3,h4,h5,h6,form,fieldset,img{margin:0;padding:0;border:0}
h1,h2,h3,h4,h5,h6{font-size:1em;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
#hd ul,nav ul,#ft ul{margin:0;padding:0;list-style:none}
legend{position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label,input,button,select,img{}
input,button{margin:0;padding:0;font-size: 12px;border: 0;outline: none;} 
button{cursor:pointer}
textarea,select{font-size:1em;outline: none;}
select{margin:0}
p{margin:0;padding:0;word-break:break-all}
hr{display:none}
a {color: #353535;text-decoration: none;cursor: pointer;}
a:link,a:visited{text-decoration:none}
a:hover,a:focus,a:active{/* color:#FFEB3B; */text-decoration:none !important;}
input:focus, input:active {outline: none;}
*, *::after, *::before {
  box-sizing: border-box;
}
#modal_charge {width:100%; height:100%;height:760px;}
#wrapper{width: 100%;overflow: hidden;margin: 0;padding: 0;}

/****  pc top header *****/
.cd-main-header {width: 100%;background:#fff;/*background: rgb(247, 247, 247) url(/img/bg/game_top_bg2.png) 100%;*/}
.box-head {position: relative;padding: 0px;width: 1200px;height:100%;margin: 0 auto;/* overflow: hidden; */}
.pc_logo {margin: 0 auto;text-align: left;width: 290px;
    /*left: 0;top: calc( 50% - 25px );position: absolute;*/
}
.logo_img { width: 100%; margin-top: 51px; }
.logo_img2 {width: 120px;transition: .3s;}
.top_line_bg {background: rgba(0, 0, 0, 0.5);margin: 0;padding: 0;overflow: hidden;}
.nav_box_bg {margin: 0;padding: 0;overflow: hidden;}
#head_login {margin: 0;padding: 0;}
#top_line {padding: 0;margin: 0;}
#top_line .line {overflow: hidden;height: 30px;}
.top_notice {height: 30px;overflow: hidden;width: 99.5%;padding: 0px 15px;margin: 5px auto;border: solid 1px rgba(255, 255, 255, 0.15);background: #1a3e52 url(/img/patten_login_bg.png);}
.top_notice ._notice_img {float: left;width: 5%;line-height: 30px;margin-right: 15px;}
.top_notice ._notice_ {float: left;width: 93%;line-height: 28px;font-size: 14px;color: #FFEB3B;/* text-shadow: 1px 1px 2px #000000; */}
.top_clock {/* position: absolute; *//* top: 60px; *//* right: 10px; *//* width: 127px; */padding:0;margin: 0;text-align: center;}
.top_clock .clock_zone {/* padding-left: 10px; */height: 30px;line-height: 30px;color: #fff;font-size: 22px;/* font-weight: bold; */}
.Language {width: 60px;height: 30px;line-height: 30px;text-align: center;/* background: #2b2b2b; */float: right;border-right: solid 1px #4e000e;border-left: solid 1px #4e000e;/* margin-right: 10px; */}
.Language .L_btn {font-size: 14px;color: #ddd;font-weight: 600;}
.qalist {width: 40px;height: 30px;line-height: 30px;text-align: center;/* background: #2b2b2b; */float: right;/* border-left: solid 1px #4e000e; */}
.qalist a {color: #ddd;font-size:16px}
.partner {width: 40px;height: 40px;line-height: 40px;text-align: center;background: #2b2b2b;float: right;border-left: solid 1px #111;}
.partner a {color: #ddd;font-size:16px}
.promotions {width: 80px;/* height: 30px; *//* line-height: 30px; */text-align: center;/* background: #2b2b2b; */float: right;/* border-left: solid 1px #4e000e; */}
.promotions a {color: #ddd;font-size:12px;}
.promotions .e_notice_icon {width:15px;margin-right: 5px;}
.coupon {position: absolute;background: #37525f;/* border: 2px solid #FFEB3B; */padding: 5px;color: #fff;z-index: 1;margin-top: 30px;margin-left: -20px;height: 45px;line-height: 18px;}
.coupon:after, .coupon:before {bottom: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.coupon:after {border-color: rgba(213, 80, 32, 0);border-bottom-color: #37525f;border-width: 7px;margin-left: -20px;}
.coupon:before {border-color: rgba(245, 169, 37, 0);/* border-bottom-color: #ffeb3b; */border-width: 10px;margin-left: -23px;}
.coupon{
    animation-name:show_down;
    animation-duration: 7s;
    animation-delay:1s;
    animation-fill-mode:both;
    -webkit-animation-name:show_down;
    -webkit-animation-duration:7s;
    -webkit-animation-delay:1s;
    -webkit-animation-fill-mode:both;

}
@keyframes show_down {
    0% {height: 0px;margin-top:-100%;} 
    15% {height:40px;margin-top: 30px;}
    70% {height:40px;margin-top: 30px;}  
    100% {height:0px;margin-top:-100%;} 
}

.coupon2 {display:none;position: absolute;background: rgb(0, 31, 50);border: 2px solid #023863;border-radius: 10px;padding: 5px;color: #fff;z-index: 1;margin-top: 47px;right:0px;height: 50px;line-height: 18px;}
.coupon2:after, .coupon2:before {bottom: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.coupon2:after {border-color: rgba(213, 80, 32, 0);border-bottom-color: #023863;border-width: 7px;margin-left: 15px;}
.coupon2:before {border-color: rgba(245, 169, 37, 0);border-bottom-color: #023863;border-width: 10px;margin-left: 12px;}
.coupon2{
    animation-name:show_down2;
    animation-duration: 3s;
    animation-delay:.5s;
    animation-fill-mode:both;
    -webkit-animation-name:show_down2;
    -webkit-animation-duration:3s;
    -webkit-animation-delay:.5s;
    -webkit-animation-fill-mode:both;
}
@keyframes show_down2 {
    0% {margin-top:-100%} 
    15% {height:50px;margin-top: 47px}
    70% {height:50px;margin-top: 47px}  
    100% {margin-top:-100%} 
}

#sidebar-wrapper, #page-content-wrapper {display:none}
.header_pc {margin: 0;padding: 0;display: inline-block;width:100%;}
.header_mobile {display:none;margin:0;padding:0;}
/*head login*/

.ico_web_shop { background-image: url(/img/icon/sprite.png);background-position: -75px -858px;width: 17px;height: 17px;}
.header-clock {margin-top: 10px;padding: 0 20px;}
@media screen and (max-width: 768px){
    .header-clock {text-align: center;margin-bottom: 10px;margin-top: 0px;}
}
.head-login {/*padding: 0 20px;*/
    width: 100%;
    min-height: 40px;
    max-width: 1212px;
    padding: 10px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: unset;
}
@media (max-width: 1416px){
    .head-login {
        width: 100%;
        max-width: 100%;
    }
}

.head-login ul li {
    text-align: right;
    padding: 0 5px;
    min-width: 100px;
    font-size: 14px;
    font-weight: bold;
    color: RGB(51,51,51);
    /*border: solid 1px rgba(146, 146, 146, 0.3);*/
    /*border-radius: 10px;*/
    /*background: rgb(71, 103, 126);*/
    margin: 0 10px;
    line-height: 20px;
    cursor: pointer;
}

.head-login ul li .blue-icon{
    color: #485EB5;
}
.head-login ul li:last-child {}
.head-login ul li a,.head-login ul li span a {
    color: #fff;
}

.head-login-on {width:100%;height:100%;display: flex;justify-content: space-between;flex-wrap: wrap;}

.head-login-on>.head_login-mn {
    /*width: 350px;*/
    /*border: solid 1px rgba(146, 146, 146, 0.3);border-radius: 10px;background: rgb(71, 103, 126);*/
    /* box-shadow: inset 1px 1px 1px 1px rgb(56, 83, 102); */}
.head-login-on>.head_login-mn>li {cursor: pointer;}
.head-login-on>.head_login-mn>li>a{
    color: #fff;
}
.head-login-on>.head_login-mn>li>a>img{width:15px}
.head-login-on>.head_login-mn>li>a>span{font-size: 12px;color: aqua;}
.head-login-on>.head_member_info li:last-child {
    margin-right: 0;
}
.head-login-on>.head_member_info {
    width:100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    /*border: solid 1px rgba(146, 146, 146, 0.3);border-radius: 10px;background: rgb(71, 103, 126);*/
    /* box-shadow: inset 1px 1px 1px 1px rgb(56, 83, 102); */
}
.head-login-on>.head_member_info li {}
.head-login-on>ul>.mb-logout {color: #FF5722;cursor: pointer;}
.head-login-on>ul>.mb-change {cursor: pointer;color: #F44336;}




.head-login-on .logout {display:inline-block;padding:0 7px;height:24px;line-height:24px;border:1px solid #bebebe;font-weight:bold;background:url('../img/main/login_bg.png') repeat}
.head-login-on .logout:hover {background:#f1f1f1;color:#587ef6}
.head-login-on .fa {font-size:1.25em;vertical-align:middle}

.head_login-mn li:last-child {}

.head_login-mn .tnb_nb {background:#960101;padding: 2px;display:inline-block;}



.head-login-cell {padding:0px;text-align: right;}
.head-login-cell .login-btn {width:100px;height: 35px;text-align:center;background: #cf385b;border: solid 1px #111111;cursor:pointer;letter-spacing:-1px;color: #fafafa;border-radius: 3px;letter-spacing: 1px !important;text-transform: uppercase !important;}
.head-login-cell .form-control:focus { border-color:#ccc !important; box-shadow:none !important; }
.head-login-cell .no-top-border {margin-top: 5px;color: #ddd;background-color: #444444!important;background-image: none !important;border: 1px solid #111111;width: 97% !important;height: 35px !important;padding: 5px 10px !important;font-size: 12px !important;line-height: 35px !important;}

.form-input-sm, .form-input-sm {color: #ddd;background: #7d0014;border: 1px solid #ff9800;width: 150px;height: 28px;padding: 0 10px;font-size: 12px;line-height: 30px;}
.form-input-sm:focus {border: 1px solid #222; box-shadow:none !important;}
.head-login-btn, #head-qa-btn, #head-join-btn {width: 100px;height: 28px;text-align:center;background: #a70b26;border: solid 1px #ff9800;cursor:pointer;color: #ddd;text-transform: uppercase;}
.head-login-btn:hover, #head-join-btn:hover {}

.head-logout-btn {background: #ff4445;padding: 5px;text-align:center;margin-top:5px;font-size: 12px;color: #ffffff;line-height: 20px;letter-spacing:-1px;}
.head-check-form {width:100% !important;height:45px !important;border-radius: 3px !important;}

.user-info-bax {margin:5px 0px;padding:0px; overflow:hidden}
.user-history-bax {margin:5px 0px;padding:0px; overflow:hidden}

#head-join-btn, #join-btn-check, #join-btn-close  {background: #ff9800 !important;color: #000000;font-weight: 600;}
#join-btn-check {background: #8BC34A !important;height: 45px !important;line-height: 45px !important;}
#join-btn-close {background: #F44336 !important;height: 45px !important;line-height: 45px !important;}
#head-join-btn:hover, #join-btn-check:hover, #join-btn-close:hover {opacity: 0.9;color: #FFEB3B !important; }

/*head login end*/



/* pc navigation */
#pc_nav {margin:0;background: #202020/*ffffff*/;box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);}
.pc_nav {margin: 0 auto;/* height: 60px;overflow: hidden; *//* padding: 0 10px; */}
.nav_cov {width: 100%;padding:0;}
.nav-area {width: 100%;}
.fixed-header {position:fixed;top:0;left:0;width:100%;padding:0;animation: slide-down 0.5s;/* opacity:0.95; */z-index: 3;background: rgb(0, 0, 0);box-shadow: 0px 3px 7px 1px rgba(0, 0, 0, 0.4);}
.fixed-cov {width: 100%;margin: 0 auto;float: unset;}
.fixed-img {width: 120px;}
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.95;
        transform: translateY(0);
    } 
}
/* pc navigation end */

/* Content */
.main_top {width:100%;height: auto;overflow: hidden;margin-top: 10px;}
.main_top .main_banner {width: 54%;padding: 0;margin: 0;float: left;overflow: hidden;}
.main_top .main_banner .banner_box {width:100%;height:220px;padding: 0;margin: 0;float: left;overflow: hidden;}
.main_top .main_banner .one_notice {width:100%;height:75px;line-height: 75px;padding: 0 20px;background: #546a7f;margin: 0;float: left;overflow: hidden;}

.main_top .notice_box {width:23%;height: 295px;padding: 5px 10px;margin: 0;float: left;overflow: hidden;background: #999;}
.main_top .event_box {width:23%;height: 295px;padding: 5px 10px;margin: 0;float: left;overflow: hidden;background: #888;}
#container {
    /*height: auto;width: 1200px;margin: 0 auto; margin-bottom: 10px; padding: 10px;padding-bottom: 0;margin-top: 10px;overflow: hidden;*/
    background: transparent;
    margin-top: 30px;
}
@media screen and (max-width: 768px){
    #container{
        margin-top: 10px;
    }
}
#side_in {float: right;padding: 0;padding-left: 5px;}
#game_quick {transition:all 0.5s;}
/*#con_in {padding: 0;overflow: hidden;}*/

.main_con{overflow: hidden;position:relative;padding: 0;margin: 20px 0 20px;width:100%;}
.Result {overflow: hidden;padding: 0;margin:0;height: 350px;float: left;padding: 20px;}
#Re_power {background: #385366;width:33.33%;} 
#Re_racing {background: #546a7f;width:33.33%;}
#Re_skeno {background: #47677e;width:33.33%;}

.Result header {border-bottom: 1px solid rgba(255,255,255,0.3);height: 35px;}
.Result header h2 {font-size:18px; font-weight:normal; color:#fff}
.Result .content {position: relative;text-align: center;color: #fff}
.Result .content h3 {font-size: 20px;margin-top: 10px;color: #fff;}
.Result .content h3 #power_No {line-height: 1em;}
.Result .content h3 .txt {line-height: 1em;}
.Result .content h3 .date {font-size: 13px;font-weight: 300;opacity: .7;}
.num_bax {width: 100%;overflow: hidden;padding: 15px 0;}
.num_bax .num {width: 100%;margin:0 auto;overflow: hidden;}
.ball, .ball_p, .friend, .friend_r {width: 40px;height: 40px;line-height: 40px;margin-left: 10px;float: left;font-size: 18px;border-radius: 50%;} 
.num .bonus {width: 20px;height: 50px;line-height: 46px;margin-left: 10px;float: left;font-size: 24px;}
.num_bax .num .ball {}
.num_bax .num .ball_p {background:#9e9e9e;text-shadow: 0px 0px 3px rgba(41, 56, 0, .8);}

.fri {width: 50% !important;}

#f_no1, #fr_no1 {background: #e4cd00;text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.62);}
#f_no2, #fr_no2 {background: #FF9800;text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);}
#f_no3, #fr_no3 {background: rgb(33, 150, 243);text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);}

.fri_r {}


.game_box {overflow: hidden;}
.game_box h4 {font-size: 18px;color: #ffe500;margin-bottom: 10px;}
.game_box h4 ._num {color: #fff;font-weight: 500;}
.game_box h4 .round {font-size: 16px;color: #ccc;}
.game_box h4 .start_date {font-size: 12px;color: #ccc;font-weight: 500;}
.game_box ul { margin: 0;padding: 0; overflow: hidden;}
.game_box ul li {float: left;height: 60px;}
.game_box ._home {width:39%;float: left;height: 60px;margin: 0.5%;background: #777;}
.game_box ._mu { width: 20%;float: left;height: 60px;line-height: 60px}
.game_box ._away {width:39%;float: left;height: 60px;margin: 0.5%;background: #777;}
.name {line-height: 30px;}
.ratio {line-height: 30px;}

.go_buy {width: 60%;margin: 10px auto;cursor: pointer;font-size: 20px;height: 55px;line-height: 55px;background: #39b33e;border: solid 1px #009a07;transition: .3s;}
.go_buy a {color: #fff}
.go_buy:hover {background: #2d9a32;}

.color_1 {background:rgb(255, 193, 7);text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);}
.color_2 {background:rgb(33, 150, 243);text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);}
.color_3 {background:rgb(255, 87, 34);text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);}
.color_4 {background:rgb(76, 175, 80);text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);}


.Result .content .num_bax .num .skn {width: 16.66%;float: left;height: 30px;line-height: 29px;background: #8BC34A;border: solid 1px #589ed3;}


#today_games {padding: 0;margin: 0;margin-bottom:20px;}
#main_1, #main_3 {float: left;width:23%;margin:1%;margin-top:0;}
#main_2 {float: left;height: 318px;width:25%;margin;margin-top:0;}
#main_4 {float: left;width: 100%;overflow: hidden;margin: 0;padding: 0 11px;margin-bottom: 20px;}

.today_bat_title, .today_notice {overflow: hidden;/* padding: 0 15px; */}
.today_bat_title li {float: left;line-height: 35px;text-align: left;font-size: 16px;/* font-weight: bold; */color: #ffffff;/* text-shadow: 0 1px #0c1f25; */}
.today_notice li {/* float: left; */line-height: 30px;text-align: center;font-size: 16px;font-weight: 600;color: #FF9800;text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.7);border-bottom: solid 1px #FF9800;}
.today_bat_title li img {width: 30px;}
.banner_title {position: absolute;z-index: 1;width: 100%;text-align: left;line-height: 60px;padding-left: 10px;font-size: 16px;/* font-weight: bold; */color: #ffffff;text-shadow: 0 1px #484848;/* border-bottom: solid 1px rgba(204, 204, 204, 0.5); */}

.main_notice {width:100%;float: left;}
.notice_box {padding: 0 15px;}
.notice_box ul {}
.notice_box ul li, .event_box ul li{height: 50px;border-bottom: solid 1px rgba(204, 204, 204, 0.18);transition: .3s;}
.notice_box ul li:last-child, .event_box ul li:last-child{border-bottom:none;}
.notice_box ul li a, .event_box ul li a {line-height: 50px;font-size: 14px;font-weight: 500;color: #fff;/* text-shadow: 0 1px rgba(0, 0, 0, 0.7); */}
.notice_box ul li a:hover, .event_box ul li a:hover {color:#FFEB3B !important;font-weight: bold;}
.banner {top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}

.loader_box {overflow:hidden;position:relative;height: 100%;width: 100%;margin-bottom: 14px;background: linear-gradient(to bottom, rgba(51, 51, 51, 0.6), rgba(34, 34, 34, 0.6));border: solid 1px rgba(0, 0, 0, 0.5);/* box-shadow: inset 0px 0px 3px 0px rgba(255, 255, 255, 0.1); */}
#sport_count_0, #sport_count_1, #sport_count_2, {max-height: 150px}
#Video_box {height: 317px;}
#cs_conter {height: 37px;background: url(/img/bg/cs_center.png);/* background-size: cover; */cursor: pointer;}
/*메인스포츠 미니 추가*/
.sport_title {}
.sport_title ul li{width: 100%;color: #fff;text-align: center;height: 35px;line-height: 35px;}
.sport_title #more{position: absolute;color: #ddd;height: 16px;line-height: 16px;padding: 0 5px;top: 16px;right: 8px;border-radius: 2px;background: #444444;cursor:pointer}
.sport_title #jongmok {position: absolute;width: 15px;height: 15px;top: 16px;left: 8px;background-size: cover;}
.sport_title #spg_type {position: absolute;left: 25px;color: #ddd;height: 16px;line-height: 16px;padding: 0 5px;top: 16px;}
.sport_box {color: #fff;text-shadow: 0 0 4px #000;width: 94%;padding: 5px;margin: 0 auto;background-size: cover;overflow:hidden;}
.sport_box ul{overflow: hidden;}
.sport_box ul:nth-child(1){background: rgba(0, 0, 0, 0.7);}
.sport_box ul:nth-child(2){}
.sport_box ul li{float: left;line-height: 35px;height: 35px;text-align: center;display: inline-block;text-overflow: ellipsis;white-space: normal;overflow: hidden;}
.sport_box #spg_home_team, .sport_box #spg_away_team {width: 40%;}
.sport_box #spg_mu_team{width: 20%;}
.sport_count span {color:#FFEB3B}

.sport_box #spg_home_ratio, .sport_box #spg_away_ratio{width: 40%;}
.sport_box #spg_mu_ratio{width: 20%;}

.sport_count {width: 100%;color: #fff;text-align: center;height: 35px;line-height: 35px;}
.sport_count .countdown {}
.buy {width: 100%;cursor:pointer;color: #fff;height: 25px; line-height: 25px; text-align: center;}

#main_result_box {padding: 0 20px;max-height: 150px}
#main_result_box .result_title {width: 100%;height: 30px;border-bottom: solid 1px #FF9800;}
#main_result_box .result_title h2 {line-height: 30px;text-align: center;font-size: 16px;font-weight: 600;color: #FF9800;text-shadow: 0px 0px 5px rgb(0, 0, 0);border-bottom: solid 1px #FF9800;}
#main_result_box .result_title span {position: absolute;color: #ddd;height: 16px;line-height: 16px;padding: 0 5px;top: 8px;right: 20px;border-radius: 2px;background: #ca5d04;cursor: pointer;}

#sport_result{color: #f5f5f5;position: relative;margin-top: 5px;text-shadow: 0 0 6px #000;}
.result_box{}
.result_box ul {padding: 1px 0;margin: 0;overflow: hidden;border-bottom: solid 1px rgba(204, 204, 204, 0.15);}
.result_box ul li {float: left;text-align: center;line-height: 20px;height: 20px;display: block;text-overflow: ellipsis;white-space: normal;overflow: hidden;}
.result_box #s_type_jongmok {position: absolute;width: 15px;height: 15px;margin-top: 3px;margin-left: 5px;background-size: cover;}
.result_box #home_name {width: 37%;text-align: right;padding-right: 20px;}
.result_box #mu_name {width: 10%;text-align:center;color: #FF5722;font-weight: bold;}
.result_box #away_name {width: 37%;text-align: left;padding-left: 20px;}
.result_box #home_result, .result_box #away_result {width: 6%;height: 18px;line-height: 18px;background: #121212;text-align: center;}

#mini_game_info {}
#mini_info_box {float: left;padding: 10px;margin-left:5px;margin-right:5px;margin-top: 0;margin-bottom: 0;width: 24.35%;background: linear-gradient(to bottom, rgba(35, 35, 35, 0.7), rgba(0, 0, 0, 0.7));}
#mini_info_box .mini_img {width: 100%;height: 80px;background-size: 100%;}
#mini_info_box .mini_name h2 {height: 30px;line-height: 30px;text-align: center;font-size: 14px;font-weight: 600;color: #FF9800;text-shadow: 0px 0px 5px rgb(0, 0, 0);border-bottom: solid 1px #8BC34A;}
#mini_info_box .mini_ratio {width: 100%;height: 25px;overflow: hidden;}
#mini_info_box .mini_ratio span {line-height: 25px;float: left;width: 30%;height: 25px;color: #fff;text-align: center;}
#mini_info_box .mini_ratio .right {width: 20%;}
#mini_info_box .mini_ratio .left {width: 20%;}
#mini_info_box p {height: 25px;line-height: 25px;width: 100%;color: #ddd;text-align: center;}
#mini_info_box .play {width: 100%;height: 30px;line-height: 30px;text-align: center;font-size: 15px;font-weight: 600;color: #8BC34A;text-shadow: 0px 0px 5px rgb(0, 0, 0);border-top: solid 1px #8BC34A;cursor: pointer;}

.real_sadari{background-image:url(/img/bg/friend_sadari.jpg)}
.real_dari{background-image:url(/img/bg/friend_roulette.jpg)}
.real_powerball{background-image:url(/img/bg/power.jpg)}
.real_skeno{background-image:url(/img/bg/skeno.jpg)}
.real_kdragon{background-image:url(/img/bg/kdragon.jpg)}
.real_pdragon{background-image:url(/img/bg/pdragon.jpg)}
.real_lotus{background-image:url(/img/bg/lotus.jpg)}
.real_lotus_bakara{background-image:url(/img/bg/lotus_bakara.jpg)}
.real_dragon{background-image:url(/img/bg/dragon_sadari.jpg)}
.real_richball{background-image:url(/img/bg/richball.jpg)}

#main_4 #mini_info_box:first-child {margin-left: 0;}
#main_4 #mini_info_box:last-child {margin-right: 0;}

#main_4>#mini_info_box:first-child:nth-last-child(4),                       
#main_4>#mini_info_box:first-child:nth-last-child(4)~div {width: 24.35%;} 
#main_4>#mini_info_box:first-child:nth-last-child(5),                       
#main_4>#mini_info_box:first-child:nth-last-child(5)~div {width: 19.3%;}
#main_4>#mini_info_box:first-child:nth-last-child(6),                       
#main_4>#mini_info_box:first-child:nth-last-child(6)~div {width:15.94%;}
/*메인스포츠 미니 추가 끝*/


.contents_middle {overflow: hidden;}
.contents_middle>ul {text-align: center;overflow: hidden;background: #ffffff;}
.contents_middle>ul>li {display: inline-block;position: relative;width: 180px;height: 112px;opacity: .3;cursor: pointer;overflow: hidden;transition: .3s;}
.contents_middle>ul>li>em {display: block;position: absolute;left: 50%;bottom: 32%;width: 180px;height: 74px;margin: -40px 0 0 -90px;text-align: center;}
.contents_middle>ul>li>em>img {width: 80%; margin-top: 8px;transition: .2s }
.contents_middle>ul>li>h1 {margin-top: 70px;text-align: center;font-size: 18px;color: #fff;font-weight: 600;text-shadow: 0px 0px 5px black;transition: .3s;}
.contents_middle>ul>li>h2 {text-align: center;color: #999;transition: .3s;margin-top: 5px;}
.contents_middle>ul>li:hover {opacity: 1 ;}
.contents_middle>ul>li:hover>em>img {width: 90%;margin-top: 0 }
.contents_middle>ul>li:hover>h1 {font-size: 18px;color: #ffffff;text-shadow: 0px 0px 5px black;}
.contents_middle>ul>li:hover>h2 {font-size: 14px;color: #FFF }
.inout_box>h1, .notice_box>h1 {font-size: 15px;font-weight: 400 }
.contents_bottom {padding: 10px 0 20px;overflow: hidden }
.inout_box, .support_box {padding: 19px 15px;float: left }
.inout_box {width: 283px;height: 319px;margin: 0 10px 10px 0;background: #000;overflow: hidden;padding-top: 0;}
.inout_box>h1 {color: #e5e5e5;margin-bottom: 10px;background-color: #000;z-index: 1;position: relative;padding: 10px 15px;margin-left: -15px;margin-right: -15px;}
.inout_box>h1>font {color: #f2cd00 }

.contents_middle>ul>li{ 
    -webkit-animation:blink 2s ease-in-out infinite alternate;
    -moz-animation:blink 2s ease-in-out infinite alternate;
    animation:blink 2s ease-in-out infinite alternate;
}
.contents_middle>ul>li:nth-child(1){ animation-delay: 1s;}
.contents_middle>ul>li:nth-child(2){ animation-delay: 2s;}
.contents_middle>ul>li:nth-child(3){ animation-delay: 3s;}
.contents_middle>ul>li:nth-child(4){ animation-delay: 4s;}
.contents_middle>ul>li:nth-child(5){ animation-delay: 5s;}
.contents_middle>ul>li:nth-child(6){ animation-delay: 6s;}
@-webkit-keyframes blink{0%{opacity: .3} 100%{opacity:1}}
@-moz-keyframes blink{0%{opacity:.3} 100%{opacity:1}}
@keyframes blink{0%{opacity:.3} 100%{opacity:1}}
@-webkit-keyframes slide_left{from{left:-100%;opacity:0} to{left:0px;opacity:1}}
@keyframes slide_left{from{left:-100%;opacity:0} to{left:0px;opacity:1}}
@-webkit-keyframes slide_right {from{right:-100%;opacity:0} to{right:0px;opacity:1}}
@keyframes slide_right {from{right:-100%;opacity:0} to{right:0px;opacity:1}}

#hd_pop{z-index:9999;position:relative;margin:0 auto;}
#hd_pop h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops{position:absolute;border: 1px solid rgb(39, 39, 39);background: rgba(0, 0, 0, 0.9);}
.hd_pops_con{}
.hd_pops_footer{padding: 5px 0;text-align:right;margin-top:0px;}
.hd_pops_footer button{margin-right: 10px;padding: 5px 15px;border: solid 0.5px #000;border-radius: 3px;background:linear-gradient(0deg, #600910 50%, #981a24 50%);color: #ccc;}
*:focus {outline: none;}

/**** fake charge ****/
.ce_title {width: 100%;color: #fff;font-size: 16px;height: 60px;line-height: 60px;}
.ce_title img {width: 50px;}
.ce_container {width: 100%;height: 290px;overflow: hidden;padding: 5px;margin: 2px;margin-top: 0;background: #1d1d1d;}
.ce_items {display:none;width: 100%;color: white;padding-left:0px;line-height: 25px;font-size: 12px;border-bottom: solid 1px #333;}
.ce_items table {border:0px;}
.ce_table tr td:nth-child(1){   color: #FFE1FF;width: 25%;margin-left:10px;overflow: hidden;}
.ce_table tr td:nth-child(2){margin-left:10px;color: #FF4500;width: 5%;overflow: hidden;}
.ce_table tr td:nth-child(3){margin-left:10px;color: #FFE1FF;width: 20%;overflow: hidden;text-align:right;}
.ce_table tr td:nth-child(4){margin-left:10px;color: #FF4500;width: 5%;overflow: hidden;}
.ce_table tr td:nth-child(5){margin-left:10px;color: #FFE1FF;width: 10%;overflow: hidden;}
.ce_table tr td:nth-child(6){margin-left:10px;color: #90EE90;width: 35%;overflow: hidden;text-align:right;}
/**** fake charge end****/



/**** Live sport_game ****/
#live_side_in {float: right;width: 14%;padding-top: 20px;}
#live_game_list {width: 85%;padding-top: 20px;}
#live_con_in {width: 86%;}
#live_game_quick {width: 238px;width: 15%;padding-top: 20px;}
/**** Live sport_game end****/



/**** Live main_game ****/
#min_game_box {background: #131313d4;height: 350px;padding:0;margin:0;transition: 0.3s;}
#main_min_game {color: #444;height: 360px;overflow: hidden;padding: 0;background: url(/img/banner/m_mini_bg.jpg) no-repeat;background-size: cover;/* border-left: solid 1px #3d0008; */}
#main_min_game .title {font-size: 25px;font-weight: bold;color: #FF9800;text-shadow: 0px 0px 1px #545454;}
#main_min_game .today_min {padding: 10px;width: 100%;margin: 0;/* background: rgb(22, 18, 78); */}
#main_min_game .today_min .game_type {font-size: 14px;color: #ffffff;text-shadow: 0 1px #10292d;margin-bottom: 5px;transition: 0.3s;-webkit-animation:load_bar 1s;animation:load_bar 1s;}
.today_min ._min_info {overflow: hidden;width: 100%;position: relative;}
.today_min ._min_info .game_date {font-size: 12px;color: #fff;line-height: 20px;padding: 3px 10px;background: rgb(3, 29, 31);border-radius: 5px;width: 40%;text-align: center;-webkit-animation:load_bar 1s;animation:load_bar 1s;}
.today_min ._min_info .game_number {font-size: 14px;color: #ffffff;text-shadow: 0 1px #245454;}
.today_min ._min_game {margin-top: 20px;font-size: 14px;}
.div_1 {background: rgba(0, 42, 105, 0.63);background: rgb(0, 100, 175);overflow: hidden;width: 44%;height: 167px;padding: 5px;border-radius: 5px;text-align: center;transition: 0.3s;float: left;box-shadow: inset 1px 1px 3px 0px rgb(45, 165, 255);}
.div_2 {overflow: hidden;background: rgb(171, 0, 0);width: 44%;height: 167px;padding: 5px;border-radius: 5px;text-align: center;transition: 0.3s;float: left;box-shadow: inset 1px 1px 2px 0px rgba(255, 97, 97, 0.5);}
.div_1, .div_2 {/*-webkit-animation:mini .7s;-moz-animation:mini .7s;animation:mini .7s;*/position: relative;}


@-keyframes mini {from{transform:rotateY(0deg)} to {transform:rotateY(360deg)}}
@-webkit-keyframes mini {from{transform:rotateY(0deg) } to {transform:rotateY(360deg)}}

.team_cv {text-align: center;padding: 5px;margin-top: 15px;}

.team_cv .hometeam {color: #fff;/* text-shadow: 0px 0px 2px #4a4a4a; */padding: 10px;background: #0288D1;/* border:solid 1px #21254c; */border-radius: 21px;}
.div_1 img, .div_2 img {width: 90%;margin: 20px 0 20px;}
.ratio_cv {
    margin-top: 10px;
}
.ratio_cv .home_ratio, .ratio_cv .away_ratio {color: white;padding: 3px 15px;background: rgb(0, 0, 0);border-radius: 5px;}
.team_cv .awayteam {color: #fff;text-shadow: 0px 0px 2px #4a4a4a;padding: 10px;background: #ce1e19;/* border:solid 1px #670d0e; */border-radius: 30px;}
.today_min ._min_game .vs {width: 12%;float: left;height: 135px;line-height: 167px;text-align:center;color: #ff002c;font-size: 25px;font-weight: bold;}


#button_list>a>input {background: #F44336;padding: 0 10px;height: 55px;width: 100%;font-size: 16px;transition: 0.3s;margin-top: 20px;color: #fff;font-weight: bold;text-shadow: 0 1px #ab0000;border-radius: 3px;/* border: solid 1px #8a5300; *//* box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.7); */}
#button_list>a>input:hover {background: #FF5722;transition: 0.3s;color: #fff;}
#countText {
      -webkit-animation-name: color2;
      -webkit-animation-duration: 5s;
      -webkit-animation-iteration-count: infinite;
      -webkit-animation-timing-function: linear;
      -webkit-animation-delay: 1s;
  }
  @-webkit-keyframes color2 {
      0%{ } 5%,25% {text-shadow:-2px -5px 10px #fb0017,-5px 0px 10px #3a00cd,-5px 5px 10px #00ff3a;}
      15%,35% {text-shadow: 2px 5px 10px #fb0017,5px 0px 10px #3a00cd,5px -5px 10px #00ff3a;}
      40% {text-shadow: none;}
}   

[class*='btn-']:hover {  cursor: pointer;  }
.quick_menu {transition: .3s;overflow: hidden;margin-bottom: 5px;}
.quick_menu .ul_1, .quick_menu .ul_2 {width: 101%;padding: 0;margin-left: -1px;margin-right: -1px;}
.quick_menu .ul_1 li, .quick_menu .ul_2 li {width: 25%;overflow: hidden;float: left;height: 30px;line-height: 30px;padding: 0;text-align: center;background: rgba(0, 0, 0, 0.5);background: linear-gradient(39deg, rgba(0, 0, 0, 0.53) 31%, rgba(80, 80, 80, 0.25) 55%, rgba(0, 0, 0, 0.51)82%);}
.quick_menu ul li a {color: #fff;text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);}
.quick_menu ul li a span {font-size: 12px;margin-left: 4px;transition: .3s}
.quick_menu ul li:hover, .quick_menu ul li a:hover, .quick_menu ul li a span:hover  {color: #FFEB3B;text-shadow: 0 1 5px rgba(0, 0, 0, 0.7);}




/*footer*/

#ft_copyright{text-align: center;background: #121212;padding: 0;}
.footer {width: 100%; margin: 10px auto; margin-bottom: 0; background: rgb(245, 245, 245); /* padding: 5px; */text-align: center;}
.footer .guide_btn {overflow: hidden;/* border-bottom: solid 1px #500000; */}
.footer .guide_btn>li {position: relative;float: left;width:33.3%;height: 37px;line-height: 30px;cursor: pointer;transition: .3s;}
.footer .guide_btn>li:first-child {margin-left: 0 }
.footer .guide_btn>li:hover {background: rgba(255, 255, 255, .2) }
.footer .guide_btn>li>span {margin: 0 10px;font-size:20px;color: #777;}
.footer .guide_btn>li>span>img {margin-top: -5px }
.footer .guide_btn>li>code {font-size: 12px;color: #777;background: none;font-weight: 600;font-size: 14px;}
.footer .guide_btn>li>var {position: absolute;right: -6px;bottom: 0 }

.footer_middle {padding: 20px 0 20px; background: #191d35;}
.footer_middle>div.center_wrap>img {margin-bottom: 35px }
.footer_middle>div.center_wrap>span {font-weight: 100;font-size: 12px;color: #999;}
.footer_middle>div.center_wrap>span>font {color: #FF5722;font-weight: 100;}
.footer_middle>div.center_wrap>ul {width: 80%;margin: auto;overflow: hidden;}
/*.footer_middle>div.center_wrap>ul>li {float: left;width: 12.5%;height: 33px;font-size: 30px;color: #666;line-height: 33px;}*/
.footer_middle>div.center_wrap>ul>li {float: left;width: 12.5%;height: 33px;font-size: 30px;color: #fff;line-height: 33px;}
.footer_middle>div.center_wrap>ul>li:last-child {/* color:#FF9800; *//* cursor: pointer; */}
.footer_middle>div.center_wrap>ul>li>span>img {margin-top: -3px }
.footer_middle>div.center_wrap>ul>li>code {font-size: 14px;color: #fefefe }
.footer_bottom {width: 100%; padding: 15px; background: #47677e;}
.footer_bottom>div.center_wrap {overflow: hidden;text-align: center;}
.footer_bottom>div.center_wrap>em {cursor: pointer;}
.footer_bottom>div.center_wrap>ul {margin-bottom: 10px;overflow: hidden;text-align: center;margin-top: 10px;}
.footer_bottom>div.center_wrap>ul>li {float: left;width: 9.09%;font-size: 12px;color: #999;cursor: pointer;transition: color .2s ease-out;}
.footer_bottom>div.center_wrap>ul>li:hover {color: #FFF }
.footer_bottom>div.center_wrap>span {font-size: 11px;color: #ccc;}
.footer_middle.css-footer-sportsbook-middle>div.center_wrap>img {margin-bottom: 0 }
.footer_bottom.css-footer-sportsbook-bottom>div.center_wrap {position: relative;}
.footer_bottom.css-footer-sportsbook-bottom>div.center_wrap>ul {width: 264px;margin: 0 auto;overflow: hidden;}
.footer_bottom.css-footer-sportsbook-bottom>div.center_wrap>ul>li>code {font-size: 14px;color: #fefefe;}
.footer_bottom.css-footer-sportsbook-bottom>div.center_wrap>span {position: absolute;right: 0;top: 0;}
.footer_min,.btn_refresh {display:none}

/****미니뷰****/
#leftflower{position: fixed;bottom: 0px;width: 300px;height: auto;line-height: 30px;padding: 5px;background:rgba(136, 0, 29, 0.77);color:#fff;right: 0px;box-shadow:;}
#leftflower .spg_game_row{width: 100%;border-bottom:1px dashed #444}
#leftflower .spg_game_row li{float: left;}
#leftflower .spg_game_row a {color:#fff}
#leftflower .alert_aaa{margin-left: 10px; height: 40px;}
#leftflower .alert_aaa .a_red{background: #FF5722;}
#leftflower .alert_aaa .a_img_src{width:10%;overflow: hidden;}
#leftflower .alert_aaa .a_spg_league{width: 35%;text-overflow: ellipsis;overflow: hidden;white-space:pre;padding-left:10px;}
#leftflower .alert_aaa .a_spg_game_date {width: 42%;text-overflow: ellipsis;overflow: hidden;white-space:pre;padding-left:5px;}
#leftflower .alert_aaa .a_flag {width: 5%;text-align: center;text-overflow: ellipsis;overflow: hidden;}
#leftflower .alert_bbb{margin-left:;width: 100%;float: left;}
#leftflower .alert_bbb .a_spg_home_team{width:35%;text-overflow: ellipsis;white-space:pre;overflow: hidden;text-align:left}
#leftflower .alert_bbb .a_spg_away_team{width:35%;text-overflow: ellipsis;white-space:pre;overflow: hidden;text-align:right}
#leftflower .alert_bbb .a_spg_home_result, #leftflower .alert_bbb .a_spg_away_result {width:10%;text-align:center}
#leftflower .alert_bbb .a_spg_vs {width:5%;text-align:center}


/****미니뷰버튼****/
.testswitch {position: fixed;right: 5px;top: 40%;width: 75px;margin: 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select: none;animation-name:switch_btn;animation-duration:1s;}
.testswitch-checkbox {display: none;}
.testswitch-label {display: block;overflow: hidden;cursor: pointer;/* border: 2px solid #0393db; */border-radius: 15px;box-shadow: 0px 0px 10px 1px rgba(255, 255, 255, 0.33);} 
.testswitch-inner {display: block; width: 200%; margin-left: -100%;transition: margin 0.3s ease-in 0s;} 
.testswitch-inner::before, .testswitch-inner::after {
    display: block;
    float: right;
    width: 50%;
    height: 30px;
    padding: 0;
    line-height: 30px;
    font-size: 12px;
    color: white;
    box-sizing: border-box;
}
.testswitch-inner::after {
    content: attr(data-on);
    /* padding-left: 3px; */
    background:rgba(62, 1, 9, 0.7);
    background: linear-gradient(0deg, rgba(62, 1, 9, 0.7) 50%, rgba(96, 9, 16, 0.7) 50%);
    color: #FFEB3B;
} 
.testswitch-inner::before {
    content: attr(data-off);
    /* padding-right: 3px; */
    background:rgb(255, 102, 68);
    background:linear-gradient(0deg, rgb(178, 39, 47) 50%, rgb(255, 102, 68) 50%);
    /* text-align: right; */
}
.testswitch-switch {
    position: absolute; 
    display: block; 
    width: 22px;
    height: 22px;
    margin: 4px;
    background: #FFFFFF;
    top: 0; 
    bottom: 0;
    right: 56px;
    border: 2px solid #999999; 
    border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}
.testswitch-checkbox:checked + .testswitch-label .testswitch-inner {margin-left: 0;}
.testswitch-checkbox:checked + .testswitch-label .testswitch-switch {right: 0px; }
@keyframes switch_btn{from{right:-200px;opacity:0} 80%{right:10px;opacity:1} to{bottom:0;opacity:1}}
/****공용버튼*****/
.btn_b01, .btn_b02, .btn_b03, .btn_b04, .btn_admin, .btn_confirm, .btn_submit, .btn_cancel  
{color: #fff;font-size: 12px;padding: 5px 10px;transition: .3s;background-image: linear-gradient(to bottom, #444444, #363636);box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);border: 1px solid rgba(0, 0, 0, 0.4);border-radius: 3px;}
.btn_admin, .btn_submit, .btn_cancel {background-image: linear-gradient(to bottom, #444444, #363636);box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);border: 1px solid rgba(0, 0, 0, 0.4);border-radius: 3px;}
.btn_b02 {background-image: linear-gradient(to bottom, #444444, #363636);box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);border: 1px solid rgba(0, 0, 0, 0.4);border-radius: 3px;}
.btn_b02:hover {background-image: linear-gradient(to bottom, #606060, #505050);}
.btn_admin:hover, .btn_submit:hover, .btn_cancel:hover {background-image: linear-gradient(to bottom, #606060, #505050);}

/* 페이징버튼 */
.pg_wrap {width: 100%;overflow: hidden;/* background: #1c1c1c; */padding:10px;margin:10px auto;}
.pg_current {display: inline-block;color: #fff;margin: 0 2px;padding: 7px 10px;font-size: 12px;background-image: linear-gradient(to bottom, #606060, #505050);box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);border: 1px solid rgba(0, 0, 0, 0.4);border-radius: 3px;}
.pg a:link, .pg a:visited {text-decoration: none;padding: 7px 10px;font-size: 12px;background-image: linear-gradient(to bottom, #444444, #363636);box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);border: 1px solid rgba(0, 0, 0, 0.4);border-radius: 3px;color: #ddd;}
.pg_next{background: #2b2b2b;}


.paging{text-align: center;padding: 5px;}
.paging_box{display: inline-block;}
.paging_box ul li {color: #ffffff;padding: 7px 10px;font-size: 12px;float: left;margin-left: 5px;cursor: pointer;background-image: linear-gradient(to bottom, rgba(99, 99, 99, 0.5) 15%, rgba(87, 87, 87, 0.5) 85%, rgba(78, 78, 78, 0.5) 30%);box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);border: 1px solid rgba(0, 0, 0, 0.4);border-radius: 3px;}

.paging .pageno{background-image: linear-gradient(to bottom, rgba(154, 154, 154, 0.5), rgba(121, 121, 121, 0.5));}

@media (max-width: 1200px) {
#side_in, #game_quick {display:none}
#live_con_in {width:100%;}
#live_game_list {width:100%;padding: 0;padding-top: 90px;}
#live_side_in {display:none;width:100%;margin-top: 65px;}
#live_game_quick {display:none}
}


@media (max-width: 1416px) {
    #floatL{
        display:none;
    }
.hd_pops {width:100% !important;left:0px !important;top: 0 !important; }    
.hd_pops_con{max-width:100% !important;padding: 0 5px;height: auto !important;}
.hd_pops_con img {width: 100% !important;}
.hd_pops_footer button {float: left;margin-left: 5px !important;margin-right: 0 !important;}
.coupon {display:none}

.main_top {margin-top: -15px;}
.main_top .main_banner {width: 100%;}
.main_top .main_banner .banner_box {height: auto;margin-bottom: 10px;}
.main_top .main_banner .one_notice {width:100%;height:75px;line-height: 75px;padding: 0 20px;background: #546a7f;margin: 0;float: left;overflow: hidden;}

.main_top .notice_box {width: 100%;}
.main_top .event_box {width: 100%;}


.today_bat_title, .today_notice {overflow: hidden;}
.today_bat_title li {float: left;line-height: 35px;text-align: left;font-size: 16px;color: #ffffff;}
.today_notice li {line-height: 30px;text-align: center;font-size: 16px;font-weight: 600;color: #FF9800;text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.7);border-bottom: solid 1px #FF9800;}

.notice_box {padding: 0 15px;}
.notice_box ul {}
.notice_box ul li, .event_box ul li{height: 50px;border-bottom: solid 1px rgba(204, 204, 204, 0.18);transition: .3s;}
.notice_box ul li:last-child, .event_box ul li:last-child{border-bottom:none;}
.notice_box ul li a, .event_box ul li a {line-height: 50px;font-size: 14px;font-weight: 500;color: #fff;/* text-shadow: 0 1px rgba(0, 0, 0, 0.7); */}
.notice_box ul li a:hover, .event_box ul li a:hover {color:#FFEB3B !important;font-weight: bold;}

#Re_power, #Re_racing, #Re_skeno {width:100%;padding: 10px;height: 264px;} 
.Result header {height: 25px;}
.Result header h2 {font-size: 16px;}
.Result .content {position: relative;text-align: center;color: #fff}
.Result .content h3 {font-size: 14px;margin-top: 10px;color: #fff;}
.Result .content h3 #power_No {line-height: 1em;}
.Result .content h3 .txt {line-height: 1em;}
.Result .content h3 .date {font-size: 13px;font-weight: 300;opacity: .7;}
.num_bax {width: 100%;overflow: hidden;padding: 10px 0;}
.num_bax .num {width: 100%;margin:0 auto;overflow: hidden;}
.ball, .ball_p, .friend, .friend_r {width: 30px;height: 30px;line-height: 30px;margin-left: 10px;font-size: 16px;} 
.num .bonus {width: 20px;height: 30px;line-height: 30px;margin-left: 5px;float: left;font-size: 24px;}
.num_bax .num .ball {}
.num_bax .num .ball_p {background:#9e9e9e;text-shadow: 0px 0px 3px rgba(41, 56, 0, .8);}

.fri {width: 50% !important;}

#f_no1, #fr_no1 {background: #e4cd00;text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.62);}
#f_no2, #fr_no2 {background: #FF9800;text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);}
#f_no3, #fr_no3 {background: rgb(33, 150, 243);text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);}

.fri_r {}


.game_box {overflow: hidden;}
.game_box h4 {font-size: 14px;color: #ffe500;margin-bottom: 10px;}
.game_box h4 ._num {color: #fff;font-weight: 500;}
.game_box h4 .round {font-size: 16px;color: #ccc;}
.game_box h4 .start_date {font-size: 12px;color: #ccc;font-weight: 500;}
.game_box ul { margin: 0;padding: 0; overflow: hidden;}
.game_box ul li {float: left;height: 60px;}
.game_box ._home {width:39%;float: left;height: 60px;margin: 0.5%;background: #777;}
.game_box ._mu { width: 20%;float: left;height: 60px;line-height: 60px}
.game_box ._away {width:39%;float: left;height: 60px;margin: 0.5%;background: #777;}
.name {line-height: 30px;}
.ratio {line-height: 30px;}

.go_buy {font-size: 18px;height: 40px;line-height: 40px;}
.go_buy a {color: #fff}
.go_buy:hover {background: #2d9a32;}

.color_1 {background:rgb(255, 193, 7);text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);}
.color_2 {background:rgb(33, 150, 243);text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);}
.color_3 {background:rgb(255, 87, 34);text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);}
.color_4 {background:rgb(76, 175, 80);text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);}


.Result .content .num_bax .num .skn {width: 16.66%;float: left;height: 30px;line-height: 29px;background: #8BC34A;border: solid 1px #589ed3;}


#modal_charge {width:100%;height:560px;}
#game_quick {display:none;} 
/*.header_pc {display:none;}  */
.header_mobile {display:block;position: relative;width: 100%;z-index:999;background: #f1f1f1 url(/img/bg/game_top_bg3.png);background-size: 100%;}
.top_notice {width:100%;padding: 0 10px;margin: 0;left: 0;height: 30px;overflow: hidden;float: left;} 
.top_notice ._notice_{width:100%;}
#container {width: 100%;/*margin: 161px 0 0;padding: 0;*/}
#pc_logo {text-align: center;/* background: url(/img/bg/game_top_bg3.png); */height: 60px;}   
#pc_logo img {width: 140px;position: absolute;left: 50%;top: 22px;margin-left: -57px;}
#mainbanner {padding-right:0}  
.main_m_btn {min-height: 62vh;}
.main_m_btn li {}
.main_m_btn li img{/* width: 100%; */}
.main_m_btn li span{}
.head_userinfo {width: 98%;margin: 0 auto;margin-bottom: 3px;overflow: hidden;height: 30px;line-height: 27px;border-radius: 15px;border: solid 1px rgba(78, 78, 78, 0.3);background: #2e6482;/* box-shadow: inset 0 1px 1px 1px rgba(0, 0, 0, 0.25); *//* border-left: none; *//* border-right: none; */}
.head_userinfo ul {}
.head_userinfo ul li {float: left;width: 25%;color: #ddd;text-align: center;white-space: nowrap;}
.head_userinfo ul li a {color: #ddd;}
.head_userinfo ul li span {margin-left:1px}
.head_btn {width: 100%;padding: 0;overflow: hidden;}
.head_btn ul{}
.head_btn ul li {width: 20%;float: left;height: 35px;line-height: 33px;color: #fff;text-align: center;border: 0.5px solid rgba(0, 0, 0, 0.5);border-radius: 0;box-shadow: inset 0 1px 1px 0px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(255, 255, 255, 0.06);background-image: linear-gradient(to bottom, rgb(46, 100, 130) , rgb(35, 78, 103));}
.head_btn .m_4 {width: 20%;}
.head_btn .m_4 a {color: #fff;}
#side_in, #game_quick {display:none;padding-left: 0;float: none;}
#con_in {width:100%;padding:0}
#con_in.long-height {height: 75vh;}
.quick_menu {/* background: #3f51b5; *//* border: solid 0px #ccc; */}
.quick_menu ul li {width: 50%;height: 35px;line-height: 35px;float: left;text-align: center;font-size: 14px;padding: 0;border: 1px solid rgb(0, 0, 0);border-radius: 0;box-shadow: inset 0 1px 1px 0px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(255, 255, 255, 0.06);background-image: linear-gradient(to bottom, rgb(0, 43, 68) , rgb(0, 27, 43));}
.quick_menu ul li a span {font-size: 12px;margin-left: 5px;}    
.nav .open > a { background-color: transparent; }
.nav .open > a:hover { background-color: transparent; }
.nav .open > a:focus { background-color: transparent; }
#wrapper {width:100%;min-height: 100%;padding:0;}
.btn_refresh {display:block;margin-left: 55px;position: absolute;top: 19px;width: 25px;z-index: 19;}
.btn_refresh a {font-size: 20px;color: #FF9800;}
#wrapper.toggled { padding-left: 220px;width:150%;display:block}
#wrapper.toggled #sidebar-wrapper { width: 220px; display:block}
#wrapper.toggled #page-content-wrapper { margin-right: -220px; position: absolute;display:block}
#sidebar-wrapper {
    display:block;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    background: #0e2633;
    height: 100%;
    left: 220px;
    margin-left: -220px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 0;
    z-index: 1000;
}
#sidebar-wrapper::-webkit-scrollbar {display: none;}
#page-content-wrapper {padding-top:0px;display:block;}
.sidebar-nav {list-style: none;margin: 0;padding: 0;position: absolute;top: 0;width: 220px;}
.sidebar-nav li {display: inline-block;line-height: 40px;position: relative;width: 100%;border-bottom: solid 1px rgba(134, 134, 134, 0.25);}
.sidebar-nav li:before {
  -moz-transition: width 0.2s ease-in;
  -ms-transition: width 0.2s ease-in;
  -webkit-transition: width 0.2s ease-in;
  background-color: #FF5722;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
  width: 3px;
  z-index: -1;
}
.sidebar-nav li:first-child a {
  background-color: #000000;
  color: #ffffff;
  font-size: 16px;
  /* font-weight: bold; */
}

.sidebar-nav li:nth-child(2):before {background-color: #FF5722;}
.sidebar-nav li:nth-child(3):before {background-color: #FF5722;}
.sidebar-nav li:nth-child(4):before {background-color: #FF5722;}
.sidebar-nav li:nth-child(5):before {background-color: #FF5722;}
.sidebar-nav li:nth-child(6):before {background-color: #FF5722;}
.sidebar-nav li:nth-child(7):before {background-color: #FF5722;}
.sidebar-nav li:nth-child(8):before {background-color: #FF5722;}
.sidebar-nav li:nth-child(9):before {background-color: #FF5722;}
.sidebar-nav li:hover:before {
  -webkit-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
  width: 100%;
}

.sidebar-nav li a {
  color: #ffffff;
  display: block;
  padding: 0 15px;
  text-decoration: none;
  font-size: 14px;
}

.sidebar-nav li.open:hover before {
  -webkit-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
  width: 100%;
}

.sidebar-nav .dropdown-menu {
  background-color: #222;
  border-radius: 0;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

.sidebar-nav li a:hover, .sidebar-nav li a:active, .sidebar-nav li a:focus, .sidebar-nav li.open a:hover, .sidebar-nav li.open a:active, .sidebar-nav li.open a:focus {
  background-color: transparent;
  color: #ffffff;
  text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
  font-size: 16px;
  height: 60px;
  line-height: 60px;
}





/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/

.hamburger {
  background: transparent;
  border: none;
  display: block;
  height: 20px;
  margin-left: 10px;
  position: fixed;
  top: 20px;
  width: 25px;
  z-index: 19;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}

.hamburger:hover { outline: none; }

.hamburger:focus { outline: none; }

.hamburger:active { outline: none; }

.hamburger.is-closed:before {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  color: #555555;
  content: '';
  display: block;
  font-size: 14px;
  line-height: 32px;
  opacity: 0;
  text-align: center;
  width: 100px;
}

.hamburger.is-closed:hover before {
  -webkit-transform: translate3d(-100px, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  display: block;
  opacity: 1;
}

.hamburger.is-closed:hover .hamb-top {
  -webkit-transition: all 0.35s ease-in-out;
  top: 0;
}

.hamburger.is-closed:hover .hamb-bottom {
  -webkit-transition: all 0.35s ease-in-out;
  bottom: 0;
}

.hamburger.is-closed .hamb-top {
  -webkit-transition: all 0.35s ease-in-out;
  background-color: #2e6482;
  top: 0px;
}

.hamburger.is-closed .hamb-middle {
  background-color: #2e6482;
  margin-top: -2px;
  top: 50%;
}

.hamburger.is-closed .hamb-bottom {
  -webkit-transition: all 0.35s ease-in-out;
  background-color: #2e6482;
  bottom: 0px;
}

.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom {
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%;
}

.hamburger.is-open .hamb-top {
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
  background-color: #2e6482;
  margin-top: -2px;
  top: 50%;
}

.hamburger.is-open .hamb-middle {
  background-color: #2e6482;
  display: none;
}

.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
  background-color: #2e6482;
  margin-top: -2px;
  top: 50%;
}

.hamburger.is-open:before {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  color: #ffffff;
  content: '';
  display: block;
  font-size: 14px;
  line-height: 32px;
  opacity: 0;
  text-align: center;
  width: 100px;
}

.hamburger.is-open:hover before {
  -webkit-transform: translate3d(-100px, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  display: block;
  opacity: 1;
}
.overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.leftmenuArea, .left2menuArea {position: fixed;top:0;display:none;margin-left: -300px;height:100%;width:250px;overflow-y:auto;background: #0e2633;z-index:1000;}
.siteMapBtn, .site2MapBtn {display: block;}
.siteMapBtn p {position:absolute;top: 19px;right: 10px;display: block;font-size: 22px;color: #2e6482 !important;cursor: pointer;transform: translate3d(0, 0, 0);transition: .2s;}
.site2MapBtn p {position:absolute;top: 19px;right: 50px;z-index: 1;display: block;font-size: 22px;color: #ffffff!important;cursor: pointer;transform: translate3d(0, 0, 0);transition: transform .4s;}
.side_open {
    display:block;
    animation-name:side_open;
    animation-duration: .5s;
    animation-fill-mode:both;
    -webkit-animation-name:side_open;
    -webkit-animation-duration:.5s;
    -webkit-animation-fill-mode:both;
}
@-webkit-keyframes side_open{0%{margin-left: -300px} 100%{margin-left:0px}}
@-moz-keyframes side_open{0%{margin-left: -300px} 100%{margin-left:0px}}
@keyframes side_open{0%{margin-left: -300px} 100%{margin-left:0px}}

/*.pc_nav {display:none}*/
#main_1 {padding: 0;height: 140px;}
#main_3, #main_6 {display:none}
#main_1, #main_2, #main_3, #main_4 {margin-bottom: 2px;}
#main_1, #main_5 {padding-right:0;}

#main_min_game {color: #ddd;height: 230px;background: #2b2b2b;overflow: hidden;padding: 5px;background: #ffffff url(/img/banner/soccer2.png) no-repeat;background-size: cover;}
#main_min_game .title {font-size: 25px;font-weight: bold;color: #FF9800;}
#main_min_game .today_min {padding: 5px;overflow: hidden;}
#main_min_game .today_min .game_type {font-size: 16px;margin-bottom: 5px;transition: 0.3s;width: 50%;font-weight: bold;float: left;color: #a70b26;}
.today_min .game_date {font-size: 12px;line-height: 20px;background: #8a2100;border-radius: 5px;width: 40%;float: left;text-align: center;}
.today_min ._min_game {margin-top: 0px;width: 100%;font-size: 16px;float: left;}
.today_min ._min_game .div_1, .today_min ._min_game .div_2 {margin-top:0px;color: #444;}
.today_min ._min_game .div_1 .hometeam, .today_min ._min_game .div_1 .awayteam {line-height: 25px;width: 70%;padding: 0 20px;color: #444;}

#sport_info .spg_game_row {width:100%;}
#sport_info .spg_game_row:nth-child(2), #sport_info .spg_game_row:nth-child(3) {display:none}
#sport_info .spg_game_row {width:100%;}
.contents_middle {width:100%;}

.game_title {display: none}
.game_icons {width: 14.28%}
.game_icons .icons {font-size: 22px;}
.game_icons .field {display:none}
.game_icons .Number {}

.game_title2 {width:14.28%;text-align: center;padding:5px;word-break: break-all;}
.game_title2 span {font-size: 16px;}

.game_away_ratio, .game_home_ratio, .bet_team {display:none}
#betting_table>ul>li>img, #betting_table>ul>.img_src {display:none}
.game_vs {width:4%}
.game_home_team, .game_away_team {width:22%}
.game_date, .bet_date {width: 13%;}
.footer {width: 100%}
.footer_min {display:block;}
.footer_middle {display:none;padding:10px 0 10px;background: #3a0000;}
.footer_middle>div.center_wrap>ul {width:100%;}
.footer_middle>div.center_wrap>ul>li{font-size: 25px;}
.testswitch {position: absolute;left: 5px;top: 100px;animation-name:qqqaaa;}
#leftflower {bottom: 5px;right: 5px;width: 300px;z-index: 3;}
/*svg:not(:root) {zoom:0.5;}*/
}
/*미디어쿼리 끝*/


/**************************************************************************************************************************************************************/
/**************************************************************************************************************************************************************/
/**************************************************************************************************************************************************************/
/**************************************************************************************************************************************************************/
/**************************************************************************************************************************************************************/
/**************************************************************************************************************************************************************/
/**************************************************************************************************************************************************************/
/**************************************************************************************************************************************************************/
/**************************************************************************************************************************************************************/
/**************************************************************************************************************************************************************/
/**************************************************************************************************************************************************************/


#infor {
    position: fixed;
    margin: 0 auto;
    width: 100%;
    background: #000000;
    height: 95px;
    border-bottom: solid 1px #2f2f2f;
    z-index: 1;
    animation-name:mymove00;
    animation-duration: 1.2s;
    animation-delay:0s;
    -webkit-animation-name:mymove00;
    -webkit-animation-duration: 1.2s;
    -webkit-animation-delay:0s;
}
#in_logo {float:left;height: 55px;width: 250px;padding-left: 20px;text-align: center;overflow: hidden;}
#in_logo img {margin-top: 0px;}
#in_box {float:left;width: 100%;height: 30px;overflow:hidden;background: #000;}
#in_member_left {margin-top: 0px;height: 30px;padding: 6px 10px;width: 20%;float: left;text-align: left;}
#in_member_center{margin-top: 0px;/* height: 30px; */padding: 6px 10px;width: 50%;float: left;}
#in_member_right {margin-top: 0px;padding-top: 15px;padding-right: 20px;float: right;text-align: right;}
.top_news{
    float: right;
    width: 70%;
    margin-top: 15px;
}
#in_member .top_betting_list{width:75px;height:20px;line-height:20px;color:#f6f6f6;display:inline-block;text-align:center;margin-bottom:5px;border-radius:3px;background:-moz-linear-gradient(top,#4373aa  0%,#0e1318  100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#b0b2c3 ),color-stop(100%,#b0b2c3 ));background:-webkit-linear-gradient(top,#4373aa  0%,#0e1318  100%);background:-o-linear-gradient(top,#4373aa  0%,#0e1318  100%);background:-ms-linear-gradient(top,#4373aa  0%,#0e1318  100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0b2c3 ',endColorstr='#b0b2c3 ',GradientType=0 );background:linear-gradient(to bottom,#4373aa  0%,#0e1318  100%);border:1px solid #3c3e49}
#in_member .top_money_charge{width:75px;height:20px;line-height:20px;color:#f6f6f6;display:inline-block;text-align:center;margin-bottom:5px;border-radius:3px;background:-moz-linear-gradient(top,#4373aa  0%,#0e1318  100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#b0b2c3 ),color-stop(100%,#b0b2c3 ));background:-webkit-linear-gradient(top,#4373aa  0%,#0e1318  100%);background:-o-linear-gradient(top,#4373aa  0%,#0e1318  100%);background:-ms-linear-gradient(top,#4373aa  0%,#0e1318  100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0b2c3 ',endColorstr='#b0b2c3 ',GradientType=0 );background:linear-gradient(to bottom,#4373aa  0%,#0e1318  100%);border:1px solid #3c3e49}
#in_member .top_money_exchange{width:75px;height:20px;line-height:20px;color:#f6f6f6;display:inline-block;text-align:center;margin-bottom:5px;border-radius:3px;background:-moz-linear-gradient(top,#4373aa  0%,#0e1318  100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#b0b2c3 ),color-stop(100%,#b0b2c3 ));background:-webkit-linear-gradient(top,#4373aa  0%,#0e1318  100%);background:-o-linear-gradient(top,#4373aa  0%,#0e1318  100%);background:-ms-linear-gradient(top,#4373aa  0%,#0e1318  100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0b2c3 ',endColorstr='#b0b2c3 ',GradientType=0 );background:linear-gradient(to bottom,#4373aa  0%,#0e1318  100%);border:1px solid #3c3e49}
#in_member .modify{width:75px;height:20px;line-height:20px;color:#f6f6f6;display:inline-block;text-align:center;margin-bottom:5px;border-radius:3px;background:-moz-linear-gradient(top,#4373aa 0%,#0e1318 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#b0b2c3),color-stop(100%,#b0b2c3));background:-webkit-linear-gradient(top,#4373aa 0%,#0e1318 100%);background:-o-linear-gradient(top,#4373aa 0%,#0e1318 100%);background:-ms-linear-gradient(top,#4373aa 0%,#0e1318 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0b2c3',endColorstr='#b0b2c3',GradientType=0 );background:linear-gradient(to bottom,#4373aa 0%,#0e1318 100%);border:1px solid #3c3e49}
#in_member .top_logout{width:75px;height:20px;line-height:20px;color:#f6f6f6;display:inline-block;text-align:center;margin-bottom:5px;border-radius:3px;background:-moz-linear-gradient(top,#4373aa 0%,#0e1318 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#b0b2c3),color-stop(100%,#b0b2c3));background:-webkit-linear-gradient(top,#4373aa 0%,#0e1318 100%);background:-o-linear-gradient(top,#4373aa 0%,#0e1318 100%);background:-ms-linear-gradient(top,#4373aa 0%,#0e1318 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0b2c3',endColorstr='#b0b2c3',GradientType=0 );background:linear-gradient(to bottom,#4373aa 0%,#0e1318 100%);border:1px solid #3c3e49}
#in_member .point_change{width:75px;height:20px;line-height:20px;color:#f6f6f6;display:inline-block;text-align:center;margin-bottom:5px;border-radius:3px;background:-moz-linear-gradient(top,#4373aa 0%,#0e1318 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#b0b2c3),color-stop(100%,#b0b2c3));background:-webkit-linear-gradient(top,#4373aa 0%,#0e1318 100%);background:-o-linear-gradient(top,#4373aa 0%,#0e1318 100%);background:-ms-linear-gradient(top,#4373aa 0%,#0e1318 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0b2c3',endColorstr='#b0b2c3',GradientType=0 );background:linear-gradient(to bottom,#4373aa 0%,#0e1318 100%);border:1px solid #3c3e49}
#in_member .friend_recm{width:75px;height:20px;line-height:20px;color:#f6f6f6;display:inline-block;text-align:center;margin-top: 0px;border-radius:3px;background:-moz-linear-gradient(top,#4373aa 0%,#0e1318 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#b0b2c3),color-stop(100%,#b0b2c3));background:-webkit-linear-gradient(top,#4373aa 0%,#0e1318 100%);background:-o-linear-gradient(top,#4373aa 0%,#0e1318 100%);background:-ms-linear-gradient(top,#4373aa 0%,#0e1318 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0b2c3',endColorstr='#b0b2c3',GradientType=0 );background:linear-gradient(to bottom,#4373aa 0%,#0e1318 100%);border:1px solid #3c3e49;}



/*tnb*/
.tnb-login {padding:10px 10px 5px; animation-name: img01;}
.tnb-login h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.tnb-login-on:after {display:block;visibility:hidden;clear:both;content:""}
.tnb-login:after {display:block;visibility:hidden;clear:both;content:""}

.tnb-login-on {color:#fff;position:relative;padding: 3px;}

.tnb-login-on ul:after {display:block;visibility:hidden;clear:both;content:""}
.tnb-login-on .item {/*! padding:10px; *//*! height:26px; */margin-bottom: 5px;}
.tnb-login-on .tnb_member_info {}
.tnb-login-on .sir_mb_img {border:}
.tnb-login-on a {
    width: 100%;
}
.tnb-login-on li:hover a {/* color:#587ef6; */}
.tnb-login-on .tnb_member_info li { float: left;border-bottom: solid 1px #003c5f;}
.tnb-login-on .tnb_member_info li.mb-img {width: 20%;height: 35px;text-align: center;overflow: hidden;}
.tnb-login-on .tnb_member_info li.mb-img .mb-lv {top: 45px;position: absolute;left: 5px;}
.tnb-login-on .tnb_member_info li.mb-nick {width: 80%;height: 35px;line-height: 35px;}
.tnb-login-on .tnb_member_info li.mb-point {width: 100%;height: 35px;line-height: 35px;}
.tnb-login-on .tnb_member_info li.mb-point span {color:#e2ff00;}
.tnb-login-on .tnb_member_info li.mb-mileage {width: 100%;height: 35px;line-height: 35px;}
.tnb-login-on .tnb_member_info li.mb-mileage span {/* color:#587ef6 */}
.tnb-login-on .tnb_member_info li.mb-info {top: 25px;right: 5px;}
.tnb-login-on .tnb_member_info li.mb-logout {width: 100%;}
.tnb-login-on .tnb_member_info li.mb-change {}
.tnb-login-on .tnb_member_info li a {color:#ddd;}
.tnb-login-on .tnb_member_info .nick {display:inline-block;vertical-align:middle;white-space:nowrap;word-wrap:normal;/*overflow:hidden*/}
.tnb-login-on .tnb_member_info .name_btn {margin:0;padding:0;line-height:1em;color:#757575;text-align:left;background:none}
.tnb-login-on .tnb_member_info .fa {}
.tnb-login-on .logout {display:inline-block;padding:0 7px;height:24px;line-height:24px;border:1px solid #bebebe;font-weight:bold;background:url('../img/main/login_bg.png') repeat}
.tnb-login-on .logout:hover {background:#f1f1f1;color:#587ef6}
.tnb-login-on .fa {font-size:1.25em;}

#tnb-login-mn {margin:0;padding:0;/* background: #101010; */}
#tnb-login-mn:after {display:block;visibility:hidden;clear:both;content:""}
#tnb-login-mn li {display: table-cell;/*! float:left; */width: 33.33%;height:50px;text-align:center;cursor: pointer;font-size: 11px;float: left;background-image: linear-gradient(to bottom, rgb(1, 55, 86) , rgb(0, 36, 58));box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0, 0, 0, 0.5);border: 1px solid rgb(0, 24, 38);border-radius: 3px;}
#tnb-login-mn li a {color: #ddd}
#tnb-login-mn li:hover {background: #000000;}
#tnb-login-mn li.icon-arm {width:58px}
#tnb-login-mn li .icon-login {display:inline-block;width: 100%;height:20px;margin:5px 0 2px;}
#tnb-login-mn li.icon-arm .icon-login {background:url('/img/member/login-icon-arm.png') center center no-repeat}
#tnb-login-mn li.icon-msg .icon-login {background:url('/img/member/login-icon-msg.png') center center no-repeat;}
#tnb-login-mn li.icon-charge .icon-login {background:url('/img/member/login-icon-charge.png') center center no-repeat}
#tnb-login-mn li.icon-excharge .icon-login {background:url('/img/member/login-icon-excharge.png') center center no-repeat}
#tnb-login-mn li.icon-my .icon-login {background:url('/img/member/login-icon-my.png') center center no-repeat}
#tnb-login-mn li.icon-friend .icon-login {background:url('/img/member/login-icon-friend.png') center center no-repeat}
#tnb-login-mn li.icon-qa .icon-login {background:url('/img/member/login-icon-qa.png') center center no-repeat}
#tnb-login-mn li.no-border {border-right:none}

#tnb-login-mn li:first-child {margin-left: 0px;}
#tnb-login-mn li:last-child {}

#tnb .tnb_nb {background:#960101;padding: 2px;display:inline-block;}
#tnb .read1 {background:#587ef6;color:#fff;font-weight:bold}
#tnb .nb_nb_new {background:tomato;color:#fff}
#tnb .arm0 {background:#eee;color:#757575}
#tnb .tnb_over {position:absolute;top:33px;left:26px;z-index:10006;display:none}
#tnb .tnb_over li {height:28px;line-height:28px}
#tnb .tnb_over li a {display:block;background:#333;border:1px solid #2b2b2b;margin-top:-1px;width:80px;padding:0 10px;color:#b0b0b0}
#tnb .tnb_over li a:hover {background:#222;color:#fff}
#tnb .sns-icon {float:left;margin:0 2px}
#tnb .sns-icon .ico {display:block;width:31px;height:31px;background:url('../img/main/sns_logo1.png') 0 0 no-repeat}
#tnb .sns-naver .ico {background-position:-36px 0;border-color:#18a400}
#tnb .sns-gg .ico {background-position:-71px 0;border-color:#ca2c19}

.out-login {padding:3px;overflow:hidden;/* background: #191919; *//* border: solid 1px #111111; */}
.login-box { display:table; width:65%; table-layout:fixed;float: left; }
.login-cell { display:table-cell; padding:0px; vertical-align:middle; }
.login-cell.login-btn {width: 35%;height: 75px;text-align:center;background: #cf385b;border: solid 1px #111111;cursor:pointer;letter-spacing:-1px;color: #fafafa;border-radius: 3px;letter-spacing: 1px !important;text-transform: uppercase !important;}
.login-cell .form-control:focus { border-color:#ccc !important; box-shadow:none !important; }
.login-cell .no-top-border {margin-top: 5px;color: #ddd;background-color: #444444!important;background-image: none !important;border: 1px solid #111111;width: 97% !important;height: 35px !important;padding: 5px 10px !important;font-size: 12px !important;line-height: 35px !important;}

.id-input-sm, .check-form {
    color: #000;
    background-color: #ddd!important;
    background-image: none !important;
    border: 1px solid #ccc;
    margin-top: 0px;
    width:97%;
    height: 35px;
    padding:5px 10px !important;
    font-size: 12px !important;
    line-height: 35px !important;
    margin-bottom: 5px;
    }
    
.id-input-sm:focus {border: 1px solid #ccc; box-shadow:none !important;}
.logout-btn {background: #ff4445;padding: 5px;text-align:center;margin-top:5px;font-size: 12px;color: #ffffff;line-height: 20px;letter-spacing:-1px;}
.check-form {width:100% !important;height:45px !important;border-radius: 3px !important;}

.user-info-bax {margin:5px 0px;padding:0px; overflow:hidden}
.user-history-bax {margin:5px 0px;padding:0px; overflow:hidden}

#join-btn, #join-btn-check, #join-btn-close, #lo_qa_btn  {
    width: 100%;
    height: 35px;
    line-height: 35px;
    background: #3366cc;
    border: solid 1px #888;
    margin-top:5px;
    color: #fafafa!important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    display: inline-block !important;
    border-radius: 3px !important;
    text-decoration: none;
}


#hd{z-index:9999;min-width:1200px;background:#0c0c0c}
.tabs{z-index:9999}
.tabs_Fixed{position:fixed;width:;top:0px}
.tabs_Fixed2{position:fixed;width:;top:px}
.hd_zindex{z-index:10 !important}
#hd_h1{position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper{position:relative;margin:0 auto;height:50px;width:100%;zoom:1;background:#0c0c0c}
#hd_wrapper:after{display:block;visibility:hidden;clear:both;content:""}
.hd_member{position:relative;margin:0 auto;width:1250px;zoom:1;height:30px;top:10px}
.hd_member_icon{position:absolute;float:left;width:470px;left:60px;top:5px}
.hd_member_r_icon{position:absolute;float:right;right:15px;top:5px}
.bet_money_charge_btn{width:65px;height:25px;line-height:25px;color:#ffffff;display:inline-block;text-align:center;margin-bottom:5px;border-radius:3px;background:-moz-linear-gradient(top,#000000 0%,#000000 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#000000),color-stop(100%,#000000));background:-webkit-linear-gradient(top,#000000 0%,#000000 100%);background:-o-linear-gradient(top,#000000 0%,#000000 100%);background:-ms-linear-gradient(top,#000000 0%,#000000 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000',endColorstr='#000000',GradientType=0 );background:linear-gradient(to bottom,#000000 0%,#000000 100%);border:1px solid #3c3e49}
.mb_goto{width:100px;height:20px;line-height:20px;color:#ffffff;display:inline-block;text-align:center;margin-bottom:5px;border-radius:3px;background:-moz-linear-gradient(top,#101010  0%,#101010  100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#101010 ),color-stop(100%,#101010 ));background:-webkit-linear-gradient(top,#101010  0%,#101010  100%);background:-o-linear-gradient(top,#101010  0%,#101010  100%);background:-ms-linear-gradient(top,#101010  0%,#101010  100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#101010 ',endColorstr='#101010 ',GradientType=0 );background:linear-gradient(to bottom,#101010  0%,#101010  100%);border:1px solid #3c3e49}
#hd_wrapper .hd_member_r_icon .my_money{color:#ffffff}
#hd_wrapper .hd_member_icon .top_betting_list{width:75px;height:20px;line-height:20px;color:#ffffff;display:inline-block;text-align:center;margin-bottom:5px;border-radius:3px;background:-moz-linear-gradient(top,#101010  0%,#101010  100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#101010 ),color-stop(100%,#101010 ));background:-webkit-linear-gradient(top,#101010  0%,#101010  100%);background:-o-linear-gradient(top,#101010  0%,#101010  100%);background:-ms-linear-gradient(top,#101010  0%,#101010  100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#101010 ',endColorstr='#101010 ',GradientType=0 );background:linear-gradient(to bottom,#101010  0%,#101010  100%);border:1px solid #3c3e49;background:#101010;FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#101010,endColorStr=#101010);background:-ms-linear-gradient(top,#101010,#101010);background:-webkit-linear-gradient(top,#101010,#101010);background:-o-linear-gradient(top,#101010,#101010)}
#hd_wrapper .hd_member_icon .top_money_charge{width:75px;height:20px;line-height:20px;color:#ffffff;display:inline-block;text-align:center;margin-bottom:5px;border-radius:3px;background:-moz-linear-gradient(top,#101010  0%,#101010  100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#101010 ),color-stop(100%,#101010 ));background:-webkit-linear-gradient(top,#101010  0%,#101010  100%);background:-o-linear-gradient(top,#101010  0%,#101010  100%);background:-ms-linear-gradient(top,#101010  0%,#101010  100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#101010 ',endColorstr='#101010 ',GradientType=0 );background:linear-gradient(to bottom,#101010  0%,#101010  100%);border:1px solid #3c3e49}
#hd_wrapper .hd_member_icon .top_money_exchange{width:75px;height:20px;line-height:20px;color:#ffffff;display:inline-block;text-align:center;margin-bottom:5px;border-radius:3px;background:-moz-linear-gradient(top,#101010  0%,#101010  100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#101010 ),color-stop(100%,#101010 ));background:-webkit-linear-gradient(top,#101010  0%,#101010  100%);background:-o-linear-gradient(top,#101010  0%,#101010  100%);background:-ms-linear-gradient(top,#101010  0%,#101010  100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#101010 ',endColorstr='#101010 ',GradientType=0 );background:linear-gradient(to bottom,#101010  0%,#101010  100%);border:1px solid #3c3e49}
#hd_wrapper .hd_member_icon .modify{width:75px;height:20px;line-height:20px;color:#ffffff;display:inline-block;text-align:center;margin-bottom:5px;border-radius:3px;background:-moz-linear-gradient(top,#101010 0%,#101010 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#101010),color-stop(100%,#101010));background:-webkit-linear-gradient(top,#101010 0%,#101010 100%);background:-o-linear-gradient(top,#101010 0%,#101010 100%);background:-ms-linear-gradient(top,#101010 0%,#101010 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#101010',endColorstr='#101010',GradientType=0 );background:linear-gradient(to bottom,#101010 0%,#101010 100%);border:1px solid #3c3e49}
#hd_wrapper .hd_member_icon .top_logout{width:75px;height:20px;line-height:20px;color:#ffffff;display:inline-block;text-align:center;margin-bottom:5px;border-radius:3px;background:-moz-linear-gradient(top,#1F63B3 0%,#1F63B3 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1F63B3),color-stop(100%,#1F63B3));background:-webkit-linear-gradient(top,#1F63B3 0%,#1F63B3 100%);background:-o-linear-gradient(top,#1F63B3 0%,#1F63B3 100%);background:-ms-linear-gradient(top,#1F63B3 0%,#1F63B3 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1F63B3',endColorstr='#1F63B3',GradientType=0 );background:linear-gradient(to bottom,#1F63B3 0%,#1F63B3 100%);border:1px solid #3c3e49}
#hd_wrapper .hd_member_r_icon .point_change{width:75px;height:20px;line-height:20px;color:#b2b2b7;display:inline-block;text-align:center;margin-bottom:5px;border-radius:3px;background:-moz-linear-gradient(top,#1f243b 0%,#1f243b 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1f243b),color-stop(100%,#1f243b));background:-webkit-linear-gradient(top,#1f243b 0%,#1f243b 100%);background:-o-linear-gradient(top,#1f243b 0%,#1f243b 100%);background:-ms-linear-gradient(top,#1f243b 0%,#1f243b 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f243b',endColorstr='#1f243b',GradientType=0 );background:linear-gradient(to bottom,#1f243b 0%,#1f243b 100%);border:1px solid #3c3e49}
#hd_wrapper .hd_member_r_icon .friend_recm{width:75px;height:20px;line-height:20px;color:#b2b2b7;display:inline-block;text-align:center;margin-bottom:5px;border-radius:3px;background:-moz-linear-gradient(top,#7b431a 0%,#7b431a 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#7b431a),color-stop(100%,#7b431a));background:-webkit-linear-gradient(top,#7b431a 0%,#7b431a 100%);background:-o-linear-gradient(top,#7b431a 0%,#7b431a 100%);background:-ms-linear-gradient(top,#7b431a 0%,#7b431a 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b431a',endColorstr='#7b431a',GradientType=0 );background:linear-gradient(to bottom,#7b431a 0%,#7b431a 100%);border:1px solid #3c3e49}
#hd_logo{position:relative;margin:0 auto;height:15px;width:100%;zoom:1}
#hd_logo:after{display:block;visibility:hidden;clear:both;content:""}
.hd_logo_top{position:relative;margin:0 auto;width:1250px;zoom:1}
.logo{position:relative;margin:0 auto;text-align:center}
.logo_right_menu{position:absolute;float:right;right:15px;top:130px}
#hd_menu{background:#0F2E52;border-top:1px solid #0E0E0E;border-bottom:1px solid #393939;position:relative;margin:0 auto;height:50px;width:100%;zoom:1;FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#0F2E52,endColorStr=#000000);background:-ms-linear-gradient(top,#0F2E52,#000000);background:-webkit-linear-gradient(top,#0F2E52,#000000);background:-o-linear-gradient(top,#0F2E52,#000000)}
#hd_menu:after{display:block;visibility:hidden;clear:both;content:""}
.hd_main_menu{position:relative;margin:0 auto;width:1250px;height:46px;left:15px}
.hd_left_menu{position:absolute;left:78px;height:50px;width:502px}
.hd_center_menu{position:absolute;left:50%;margin-left:-92px;top:0px}
.hd_right_menu{position:absolute;left:747px;height:50px;width:480px;top:-5px}
.hd_left_menu ul{float:left}
.hd_left_menu ul li{float:left;padding:14px 23px}
.hd_center_menu ul{float:left}
.hd_center_menu ul li{margin:0 auto}
.hd_right_menu ul{float:left}
.hd_right_menu ul li{float:left;padding:20px 13px}
.sub_menu{position:relative;margin:0 auto;padding-top:9px;height:54px;width:1215px;zoom:1;background:url('../img/sub_menu_bg_03.png') center top no-repeat;top:2px;left:24px}
.sub_menu_left{position:absolute;left:25px;height:50px;width:1165px}
.sub_menu_right{position:absolute;left:817px}
.sub_menu_left ul{margin:0 auto;width:1100px}
.sub_menu_left ul li{float:left;padding:3px 6px}
.sub_menu_left ul li>a{}
.sub_menu_right ul{float:left}
.sub_menu_right ul li{float:left;padding:15px 13px}
.hd_member_m{position:absolute;top:98px;left:120px}
.hd_member_c{position:absolute;top:98px;left:210px}
.hd_member_p{position:absolute;top:98px;left:300px}
.hd_member_clock{position:absolute;left:900px;top:-40px}
.hd_top_cat{margin:0 auto;text-align:center}
.hd_member_info{position:absolute;left:1072px;top:80px}
.hd_member_info_b{position:absolute;left:1072px;top:110px}
/*.mb_nick{color:#bebebe;font-family:NanumGothic;font-size:12px}
.mb_cash{color:#8fb2f0;font-family:NanumGothic;font-size:12px}
.mb_memo{color:#ff0000;font-family:NanumGothic;font-size:12px}
.mb_point{color:#9fd1de;font-family:NanumGothic;font-size:12px}*/
.mb_nick { color:#bebebe; font-family: 'Nanum Gothic', sans-serif !important; font-size: 12px; }
.mb_cash { color:#8fb2f0; font-family: 'Nanum Gothic', sans-serif !important; font-size: 12px; }
.mb_memo { color:#ff0000; font-family: 'Nanum Gothic', sans-serif !important; font-size: 12px; }
.mb_point{color:#9fd1de; font-family: 'Nanum Gothic', sans-serif !important; font-size: 12px; }
a.hd_info:focus,a.hd_info:hover,a.hd_info:active,a.hd_info:link,a.hd_info:visited{color:#e08821;/*font-weight:bold;*/text-decoration:none}
a.mny_tb:focus,a.mny_tb:hover,a.mny_tb:active,a.mny_tb:link,a.mny_tb:visited{color:#ffffff;/*font-weight:bold;*/text-decoration:none}
.hhdmenu{position:relative;margin:0 auto;width:1200px;zoom:1}

#gnb{position:relative;margin:-1px 0 0;border-top:1px dotted #dde4e9;border-bottom:1px solid #dde4e9;background:#ecf0f7}
#gnb h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb_1dul{margin:0 auto !important;padding:0;width:970px;zoom:1}
#gnb_1dul:after{display:block;visibility:hidden;clear:both;content:""}
.gnb_1dli{z-index:10;position:relative;float:left}
.gnb_1da{display:inline-block;padding:0 40px 0 10px;height:35px;background:url('../img/gnb_bg00.gif') center right no-repeat;/*font-weight:bold;*/line-height:2.95em;text-decoration:none}
.gnb_1da:focus,.gnb_1da:hover{background:url('../img/gnb_bg00.gif') #333 center right no-repeat;text-decoration:none}
.gnb_1dli_air .gnb_1da{background-color:#333;color:#fff}
.gnb_1dli_on .gnb_1da{background-color:#333;color:#fff}
.gnb_2dul{display:none;position:absolute;top:35px;width:180px}
.gnb_2da{display:block;padding:13px 10px;text-align:left;text-decoration:none}
.gnb_1dli_air .gnb_2da{background-color:#333;color:#fff}
.gnb_1dli_on .gnb_2da{background-color:#333;color:#fff}
.gnb_2da:focus,.gnb_2da:hover{background:#666;text-decoration:none}
.gnb_1dli_over .gnb_2dul{display:block;left:0;background:#fff}
.gnb_1dli_over2 .gnb_2dul{display:block;right:0;background:#fff}
#gnb_empty{padding:10px 0;width:100%;text-align:center;line-height:2em}
#gnb_empty a{text-decoration:underline}
#ft{position:relative;margin:0 auto;z-index:5;width:100%;zoom:1;left:25px;top:20px}

.at-container {margin:0 auto;padding: 10px;background:;}
#copymove{}
.copymove_current{float:right;color:#ff3061}
.copymove_currentbg{background:#f4f4f4}
#hd_login_msg{position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only,.sound_only{display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important;color: #ddd;}
#skip_to_container a{z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus,#skip_to_container a:active{width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;/*font-weight:bold;*/text-align:center;text-decoration:none;line-height:3.3em}

/* #captcha{position:relative;padding: 3px;border: solid 1px #363b41;border-radius: 5px;background: #363b41;margin-bottom: 10px;}
#captcha legend{position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img{width: 45%;height: 30px;border: 1px solid #ffffff;float: left;}
#captcha #captcha_mp3{position:absolute;top: 3px;left: 45.5%;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;padding: 0px !important;border-radius: 0px !important;background: #04415f00 !important;}
#captcha #captcha_mp3 span{position:absolute;top:0;left:0;width:23px;height:22px;background:url('../../../plugin/kcaptcha/img/sound.gif')}
#captcha #captcha_reload{position:absolute;left: 45.5%;margin:0;padding:0;width: 23px;height: 30px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;padding: 0px !important;border-radius: 0px !important;background: #e8e6e6 !important;}
#captcha #captcha_reload span{position:absolute;top:0;left:0;width:23px;height:22px;background:url('../../../plugin/kcaptcha/img/reload.gif');}
#captcha #captcha_key{margin:0 0 0 25px;padding:0 5px;width: 43.5%;float: right;height: 30px;border: 1px solid #32373c;color: #efefef;text-align: left;background: #3b4148;font-size:1.333em;line-height:2.8em;border-radius: 0px;}
#captcha #captcha_info{display: none;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em;} */


.cnt_cmt{display:inline-block;margin:0 0 0 3px;color:#fc0315}
.tbl_wrap table{width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption{padding:10px 0;text-align:left}
.tbl_head01{margin: 5px 0 10px;}
.tbl_head01 caption{padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th{/* padding: 0 5px; *//* border-top: 1px solid #cccccc; */border-bottom: 5px solid #323232;color: #fff;font-size: 14px;text-align:center;line-height: 40px;font-weight: 600;}
.tbl_head01 thead a{color:#ffffff}
.tbl_head01 thead th input{/* vertical-align:top */}
.tbl_head01 tfoot th,.tbl_head01 tfoot td{padding:10px 0;border-top: 1px solid #3C3C3C;border-bottom: 1px solid #3C3C3C;}
.tbl_head01 tbody th{padding:8px 0;border-top:1px solid #898484;border-bottom:1px solid #898484}
.tbl_head01 td{padding: 0 5px;height: 60px;word-break:break-all;font-size: 12px;}
.tbl_head01 a{color: #fff;}
.tbl_head02{margin:0 0 10px}
.tbl_head02 caption{padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th{padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a{color:#383838}
.tbl_head02 thead th input{vertical-align:top}
.tbl_head02 tfoot th,.tbl_head02 tfoot td{padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th{padding:5px 0;border-top:1px solid #898484;border-bottom:1px solid #898484}
.tbl_head02 td{padding:5px 3px;border-top:1px solid #898484;border-bottom:1px solid #898484;line-height:1.4em;word-break:break-all}
.tbl_head02 a{}
.tbl_frm01{margin:0 0 20px}
.tbl_frm01 table{width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th{width: 100px;padding:7px 13px;/* border: 1px solid #ccc; */background: #00395a;border-left:0;text-align:left;color: #fff;}
.tbl_frm01 td{padding: 7px;/* border-top: 1px solid #ccc; *//* border-bottom: 1px solid #ccc; */background: #00395a;}
.tbl_frm01 textarea,.frm_input{border: 1px solid #696969;border-radius: 3px;background: #777777;color: #fff;/* vertical-align:middle; *//* line-height:2em; */}
.tbl_frm01 textarea{padding:2px 2px 3px}
.frm_input{height: 30px;}
.tbl_frm01 textarea{width:98%;height: 60px;}
.tbl_frm01 a{text-decoration:none}
.tbl_frm01 .frm_file{display:block;margin-bottom:5px}
.tbl_frm01 .frm_info{display:block;padding:0 0 5px;line-height:1.4em}
.empty_table{padding:50px 0 !important;text-align:center}
.empty_list{padding:20px 0 !important;text-align:center}
.required,textarea.required{}
.td_board{width:120px;text-align:center}
.td_category{width:80px;text-align:center}
.td_chk{width:30px;text-align:center;}
.td_date{width: 100px;text-align:center;color: #ccc;}
.td_datetime{width: 130px;text-align:center;}
.td_group{width:100px;text-align:center}
.td_mb_id{width:100px;text-align:center}
.td_mng{width:80px;text-align:center}
.td_name{width: 150px;text-align: center;color: #ccc;}
.td_nick{width:100px;text-align:center}
.td_num{width: 60px;text-align:center;color: #ccc;}
.td_numbig{width:80px;text-align:center}
.td_stat{width: 100px;text-align:center;}
.txt_active{color:#5d910b}
.txt_done{color: #FFEB3B;}
.txt_expired{color:#ccc}
.txt_rdy{color: #FF5722;}
.new_win{background:#f6fef8;}
.new_win .tbl_wrap{margin: 0 10px;}
.new_win #win_title{font-size: 16px;font-weight: 500;}
.new_win #win_title .sv{font-size:0.75em;line-height:1.2em}
.new_win .win_ul{margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after{display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li{float:left;margin-left:-1px}
/*.new_win .win_ul a{display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:NanumGothic;font-weight:bold;text-decoration:none}*/
.new_win .win_ul a { border-right: 1px solid #455255; border-left: 1px solid #455255; color:#fff; display: block; font-family: 'Nanum Gothic', sans-serif !important; padding: 10px 10px 8px; text-decoration: none }
.new_win .win_desc{padding:20px}
.new_win .win_btn{clear:both;padding: 10px;text-align:center;}
.new_win .win_btn button{display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input{padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a{display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus,.new_win .win_btn a:hover{text-decoration:none}

.bet_info_left{color:#ffffff;text-shadow:0 1px black;background-color:rgba(128,124,124,0.03);border-color:#212425;border-width:1px 0;background-image:-webkit-linear-gradient(top,rgba(0,0,0,0.2),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,0.2),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,0.2),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,0.2),rgba(0,0,0,0));-webkit-box-shadow:inset 0 1px rgba(255,255,255,0.05),inset 0 -1px 1px rgba(0,0,0,0.15),1px 0 rgba(0,0,0,0.05),-1px 0 rgba(0,0,0,0.05),0 1px rgba(255,255,255,0.05);box-shadow:inset 0 1px rgba(255,255,255,0.05),inset 0 -1px 1px rgba(0,0,0,0.15),1px 0 rgba(0,0,0,0.05),-1px 0 rgba(0,0,0,0.05),0 1px rgba(255,255,255,0.05);text-align:center;/*font-weight:bold;*/font-size:14px}
.bet_info_cont{color:#ffffff;padding:10px 10px;text-shadow:0 1px black;background-color:rgba(128,124,124,0.03);border-color:#212425;border-width:1px 0;background-image:-webkit-linear-gradient(top,rgba(0,0,0,0.2),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,0.2),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,0.2),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,0.2),rgba(0,0,0,0));-webkit-box-shadow:inset 0 1px rgba(255,255,255,0.05),inset 0 -1px 1px rgba(0,0,0,0.15),1px 0 rgba(0,0,0,0.05),-1px 0 rgba(0,0,0,0.05),0 1px rgba(255,255,255,0.05);box-shadow:inset 0 1px rgba(255,255,255,0.05),inset 0 -1px 1px rgba(0,0,0,0.15),1px 0 rgba(0,0,0,0.05),-1px 0 rgba(0,0,0,0.05),0 1px rgba(255,255,255,0.05)}
.slipTeam{color:#fff200}
.cartPoint{color:#ff0000;/*font-weight:bold;*/}
.sub_cart_title{width:230px;height:40px}
.sub_cart_title_2{position:relative;float:left;margin:0 auto;margin-top:10px;margin-right:10px}
.sub_cart_title_1{position:relative;float:right;margin:0 auto;margin-top:10px;margin-right:10px}
.cart_lay{position:relative;float:right;margin:0 auto;width:230px;margin-right:5px}


.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 2.5px;
    padding-left: 2.5px;
}

.at-loader {background: rgba(0, 0, 0, 0.8);left: 0;top: 0;width: 100%;height: 100%;display: block;position: absolute;text-align:center;z-index: 9;}
/*.at-loader .loader {color:#ff9800; margin: -25px 0 0 -25px; left: 50%; top: 50%; width: 50px; height: 50px; line-height:50px; font-size: 45px;position: absolute;z-index: 10001;}
*/
.match-loader, .result-loader, .board-loader
{background: rgba(0, 0, 0, 0.8);left: 0;top: 0;width: 100%;height: 100%;display: block;position: absolute;text-align:center;z-index: 9;}

.match-loader .loader, .result-loader .loader, .board-loader .loader, .at-loader .loader, .page_loader .loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10001;
    margin: -50px 0 0 -50px;
    border: 5px solid rgba(121, 121, 121, 0);
    border-radius: 50%;
    border-bottom: solid 5px rgb(187, 27, 55);
    border-top: solid 5px rgb(187, 27, 55);
    width: 80px;
    height: 80px;
    -webkit-animation: spin .7s cubic-bezier(0.0, 0.0, 0.99, 0.99) infinite;
    -moz-animation: spin .7s cubic-bezier(0.0, 0.0, 0.99, 0.99) infinite;
    -ms-animation: spin .7s cubic-bezier(0.0, 0.0, 0.99, 0.99) infinite;
    -o-animation: spin .7s cubic-bezier(0.0, 0.0, 0.99, 0.99) infinite;
    animation: spin .7s cubic-bezier(0.0, 0.0, 0.99, 0.99) infinite;
}
.page_loader {display:none;/* background:rgba(0, 0, 0, 0.5); */left: 0;top: 0;width: 100%;height: 100%;position: fixed;text-align:center;z-index: 9;}
.page_loader .loader {
    position: absolute;
    left: 50%;
    top: 56%;
    z-index: 10001;
    margin: -50px 0 0 -50px;
    border: 5px solid rgba(121, 121, 121, 0);
    border-radius: 50%;
    border-bottom: solid 5px rgba(255, 100, 127, 0.82);
    border-top:solid 5px rgba(255, 100, 127, 0.82);
    width: 80px;
    height: 80px;
    -webkit-animation: spin .7s cubic-bezier(0.0, 0.0, 0.99, 0.99) infinite;
    -moz-animation: spin .7s cubic-bezier(0.0, 0.0, 0.99, 0.99) infinite;
    -ms-animation: spin .7s cubic-bezier(0.0, 0.0, 0.99, 0.99) infinite;
    -o-animation: spin .7s cubic-bezier(0.0, 0.0, 0.99, 0.99) infinite;
    animation: spin .7s cubic-bezier(0.0, 0.0, 0.99, 0.99) infinite;
}
@media (max-width: 780px) {
.page_loader .loader {top: 75%;}
}
.min-loader {background: rgba(8, 27, 31, 0.98);left: 0;top: 0;width: 100%;height: 100%;display: block;position: absolute;text-align:center;z-index: 8;}
.min-loader .loader {
     position: absolute;
     left: 50%;
     top: 50%;
     z-index: 10001;
     margin: -15px 0 0 -15px;
     border: 3px solid rgba(121, 121, 121, 0);
     border-radius: 50%;
     border-bottom: solid 3px rgba(115, 115, 115, 0.5);
     border-left: solid 3px rgba(115, 115, 115, 0.5);
     border-top: solid 3px rgba(115, 115, 115, 0.5);
     width: 30px;
     height: 30px;
     -webkit-animation: spin .7s cubic-bezier(0.0, 0.0, 0.99, 0.99) infinite;
     -moz-animation: spin .7s cubic-bezier(0.0, 0.0, 0.99, 0.99) infinite;
     -ms-animation: spin .7s cubic-bezier(0.0, 0.0, 0.99, 0.99) infinite;
     -o-animation: spin .7s cubic-bezier(0.0, 0.0, 0.99, 0.99) infinite;
     animation: spin .7s cubic-bezier(0.0, 0.0, 0.99, 0.99) infinite;
}
.min-loader .loader2 {
     position: absolute;
     left: 50%;
     top: 50%;
     z-index: 10001;
     margin: -10px 0 0 -10px;
     border: 3px solid rgba(121, 121, 121, 0);
     border-radius: 50%;
     border-bottom: solid 3px rgba(255, 255, 255, 0.5);
     border-left: solid 3px rgba(255, 255, 255, 0.5);
     border-top: solid 3px rgba(162, 162, 162, 0.5);
     width: 20px;
     height: 20px;
     -webkit-animation: spin .7s cubic-bezier(0.0, 0.0, 0.99, 0.99) infinite;
     -moz-animation: spin .7s cubic-bezier(0.0, 0.0, 0.99, 0.99) infinite;
     -ms-animation: spin .7s cubic-bezier(0.0, 0.0, 0.99, 0.99) infinite;
     -o-animation: spin .7s cubic-bezier(0.0, 0.0, 0.99, 0.99) infinite;
     animation: spin .7s cubic-bezier(0.0, 0.0, 0.99, 0.99) infinite;
}
.result-loader .loader, .board-loader .loader {top:250px;}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@-ms-keyframes spin {
    0% {-ms-transform: transform: rotate(0deg); }
    100% {-ms-transform: transform: rotate(360deg); }
}
@-o-keyframes spin { 
    0% {transform: transform: rotate(0deg); }
    100% {transform: transform: rotate(360deg); }
}
@-moz-keyframes spin { 
    0% {transform: transform: rotate(0deg); }
    100% {transform: transform: rotate(360deg); }
}



.menu, .menu ul, .menu li, .menu a {margin: 0;padding: 0;border: none;outline: none;}

/* Menu */
.menu {
    /* background: -moz-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -o-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -ms-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: linear-gradient(top, #4c4e5a 0%,#2c2d33 100%); */
}

.menu li {position: relative;list-style: none;height: 60px;
    margin: 0 10px;
    text-align: center;
    display: flex;
    width:auto !important;
    justify-content: center;
}

.menu li:only-child { width: 100%; }
.menu li:first-child:nth-last-child(2),                       
.menu li:first-child:nth-last-child(2)~li { width: 50%;} 
.menu li:first-child:nth-last-child(3),                       
.menu li:first-child:nth-last-child(3)~li { width: 33.33%;} 
.menu li:first-child:nth-last-child(4),                       
.menu li:first-child:nth-last-child(4)~li { width: 25%;} 
.menu li:first-child:nth-last-child(5),                       
.menu li:first-child:nth-last-child(5)~li { width: 20%;} 
.menu li:first-child:nth-last-child(6),                       
.menu li:first-child:nth-last-child(6)~li { width: 16.66%;} 
.menu li:first-child:nth-last-child(7),                      
.menu li:first-child:nth-last-child(7)~li { width: 14.28%;}                      
.menu li:first-child:nth-last-child(8),                       
.menu li:first-child:nth-last-child(8)~li { width: 12.5%;}     
.menu li:first-child:nth-last-child(9),                       
.menu li:first-child:nth-last-child(9)~li { width: 11.111%;} 
.menu li:first-child:nth-last-child(10),                       
.menu li:first-child:nth-last-child(10)~li {width: 10%;} 
.menu li:first-child:nth-last-child(11),                       
.menu li:first-child:nth-last-child(11)~li {width: 9.090%;}
.menu li:first-child:nth-last-child(12),                       
.menu li:first-child:nth-last-child(12)~li { width:8.333%; }
.menu li:first-child:nth-last-child(13),                       
.menu li:first-child:nth-last-child(13)~li { width:7.69%; }
.menu li:first-child:nth-last-child(14),                       
.menu li:first-child:nth-last-child(14)~li { width:7.14%; }
.menu li:first-child:nth-last-child(15),                       
.menu li:first-child:nth-last-child(15)~li { width:6.66%; }
.menu li:first-child:nth-last-child(16),                       
.menu li:first-child:nth-last-child(16)~li { width:6.25%; }
.menu li:first-child:nth-last-child(17),                       
.menu li:first-child:nth-last-child(17)~li { width:5.88%; }
.menu li:first-child:nth-last-child(18),                       
.menu li:first-child:nth-last-child(18)~li { width:5.555%; }

/* Links */

.menu li a {display: flex;text-decoration: none;color: #fff/*353535*/;transition:.2s;height: 100%;align-items: center;}
.menu li a img {}
.menu li a span {text-shadow: 0px 0px 2px #fff;font-size: 17px;font-weight: bold;}
.menu li:first-child a { border-left: none; }
.menu li:last-child a{ border-right: none; }

.menu li:hover > a {color: #FFEB3B;}
.menu li:hover > a img {}

/* Sub Menu */

.menu ul {
    position: absolute;
    top: 41px;
    /* opacity: 0; */
    background: #222222;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-transition: opacity .25s ease .1s;
    -moz-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
    z-index: 2;
}
.menu li:hover > ul { opacity: 1; }

.menu ul li {
    height: 0;
    overflow: hidden;
    padding: 0;
    -webkit-transition: height .25s ease .1s;
    -moz-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
}

.menu li:hover > ul li {
    height: 40px;
    overflow: visible;
    padding: 0;
}

.menu ul li a {
    width: 175px;
    padding: 4px 20px;
    margin: 0;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    z-index: 2;
}

.menu ul li:last-child a { border: none; }
#sub_li {text-align: left;}
#sub_li a {text-align: left;line-height: 30px;font-size: 14px;}
.sub_icon img {width:20px;}
.main_m_btn {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.main_m_btn li {
    width: 31.33%;
    padding: 2px;
    float: left;
    margin: 1%;
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05);
    border: 1px solid rgba(0, 0, 0, 0.4);
    background-image: linear-gradient(to bottom, rgb(0, 43, 68) , rgb(0, 27, 43));
    border-radius: 3px;
    text-align: center;
}
.main_m_btn li a {}
.main_m_btn li img {
    /* width: auto; */
}
.co_span {font-size: 12px;color: #FFEB3B;right: 20px;bottom: 6px;/*position: absolute;*/}
.con_sn {bottom: 0 !important;margin-left:0;margin-right:0;animation-duration:1.5s;animation-name:con_sn;animation-iteration-count:infinite;}
.co_sn {margin-left:0;margin-right:0;}
@keyframes con_sn {from { opacity:0 }to { font-weight: bold;opacity:1 }}

.sub_nav{padding: 5px !important;display:none;background: rgba(0, 0, 0, 0.5);border: 1px solid rgba(255, 255, 255, 0.2);width: 100%;height: auto;}
.sub_nav ul {overflow: hidden; margin: 0;padding: 0;}
.sub_nav ul li {float: left;text-align: center;list-style:none;position: relative;}
.sub_nav ul li:only-child { width: 100%; }
.sub_nav ul li:first-child:nth-last-child(2),                       
.sub_nav ul li:first-child:nth-last-child(2)~li { width: 50%; } 
.sub_nav ul li:first-child:nth-last-child(3),                       
.sub_nav ul li:first-child:nth-last-child(3)~li { width: 33.33%; } 
.sub_nav ul li:first-child:nth-last-child(4),                       
.sub_nav ul li:first-child:nth-last-child(4)~li { width: 25%; } 
.sub_nav ul li:first-child:nth-last-child(5),                       
.sub_nav ul li:first-child:nth-last-child(5)~li { width: 20%; } 
.sub_nav ul li:first-child:nth-last-child(6),                       
.sub_nav ul li:first-child:nth-last-child(6)~li { width: 16.66%; } 
.sub_nav ul li:first-child:nth-last-child(7),                      
.sub_nav ul li:first-child:nth-last-child(7)~li { width: 14.28%; }                      
.sub_nav ul li:first-child:nth-last-child(8),                       
.sub_nav ul li:first-child:nth-last-child(8)~li { width: 12.5%; }     
.sub_nav ul li:first-child:nth-last-child(9),                       
.sub_nav ul li:first-child:nth-last-child(9)~li { width: 11.111%; } 
.sub_nav ul li:first-child:nth-last-child(10),                       
.sub_nav ul li:first-child:nth-last-child(10)~li {width: 10%;} 
.sub_nav ul li:first-child:nth-last-child(11),                       
.sub_nav ul li:first-child:nth-last-child(11)~li {width: 9.090%;}
.sub_nav ul li:first-child:nth-last-child(12),                       
.sub_nav ul li:first-child:nth-last-child(12)~li { width:8.333%; }
.sub_nav ul li:first-child:nth-last-child(13),                       
.sub_nav ul li:first-child:nth-last-child(13)~li { width:8.333%; }
.sub_nav ul li:first-child:nth-last-child(14),                       
.sub_nav ul li:first-child:nth-last-child(14)~li { width:8.333%; }
.sub_nav ul li:first-child:nth-last-child(15),                       
.sub_nav ul li:first-child:nth-last-child(15)~li { width:8.333%; }
.sub_nav ul li:first-child:nth-last-child(16),                       
.sub_nav ul li:first-child:nth-last-child(16)~li { width:8.333%; }
.sub_nav ul li:hover {background:none;color:#FFEB3B }
.sub_nav ul li a {}
.sub_nav ul li span {position: absolute;bottom: 5px;left: 0;width: 100%;font-size: 12px;font-weight: bold;color: #FFEB3B;}
.sub_nav .sub_nav_li {padding: 0;height: 60px;background: rgb(0, 36, 58);box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);border: 1px solid rgba(0, 0, 0, 0.8);text-align: center;cursor: pointer;}



#floatR {
            position: absolute;
            width:80px;
            height: auto;
            overflow: hidden;
            opacity: 0;
            animation-name:fly;
            animation-duration: .8s;
            animation-delay:1s;
            animation-fill-mode:both;
            -webkit-animation-name:fly;
            -webkit-animation-duration:.8s;
            -webkit-animation-delay:1s;
            -webkit-animation-fill-mode:both;
    }
.side_in {width:100%;height: 84px;margin-bottom:0px;background-image: linear-gradient(to bottom, #444444, #383838);box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);text-align: center;border: 1px solid rgba(0, 0, 0, 0.4);}
.side_in2 {width:100%;height: 80px;margin-bottom:0px;text-align: center;font-size: 12px;border-bottom: solid 1px rgba(0, 0, 0, 0.16);}
.side_in2 a {color: #fff;}
.side_in3 {width:100%;height: 33px;margin-bottom:0px;text-align: center;}
.side_in img {}
.side_in span {width:100%;height:80px;}

#floatL {
            position: absolute;
            background: #1a1a1a;
            box-shadow: inset 0 0px 1px 1px rgba(255, 255, 255, 0.1);
            border: solid 1px rgba(255, 255, 255, 0.53);
            width: 90px;
            height:auto;
            padding: 0 3px;
            overflow: hidden;
            opacity: 0;
            animation-name:fly;
            animation-duration: .8s;
            animation-delay:1s;
            animation-fill-mode:both;
            -webkit-animation-name:fly;
            -webkit-animation-duration:.8s;
            -webkit-animation-delay:1s;
            -webkit-animation-fill-mode:both;
    }




@-webkit-keyframes fly{0%{opacity: 0;} 100%{opacity: 1;}}
@-moz-keyframes fly{0%{opacity: 0;} 100%{opacity: 1;}}
@keyframes fly{0%{opacity: 0;} 100%{opacity: 1;}}

#floatL .live_box {width: 100%;height: 100%;padding: 0;margin: 0;text-align: center;overflow: hidden;background: #404040;}  
#floatL .live_box .title {height: 50px;line-height: 50px;font-size: 14px;/* font-weight: bold; */color: #fff;}
#floatL .live_box .today_min {position: relative;/* background:#750e2b; */padding:0 5px 5px;color: #fff;/* text-shadow:0 1px #750e2b; */}
#floatL .live_box .today_min ._live_info{overflow: hidden;width: 100%;}
#floatL .live_box .today_min ._live_info ul {margin: 0;padding: 0;list-style: none;}
#floatL .live_box .today_min ._live_info ul li {float: left;height: 40px;line-height: 40px;width: 100%;text-overflow: ellipsis;white-space: pre;transition: color .2s ease;border-top: 1px solid rgba(255, 255, 255, 0.1);border-bottom: 1px solid rgba(0, 0, 0, 0.4);background-image: linear-gradient(to bottom, #333, #2c2c2c);}
#floatL .live_box .today_min ._live_info .img_url {}
#floatL .live_box .today_min ._live_info .league {}
#floatL .live_box .today_min ._live_info .game_date {}
#floatL .live_box .today_min ._min_game {margin: 0px;overflow: hidden;}
#floatL .live_box .today_min ._min_game ul {}
#floatL .live_box .today_min ._min_game ul li {float: left;height: 40px;line-height: 40px;text-overflow: ellipsis;white-space: pre;border-top: 1px solid rgba(255, 255, 255, 0.1);border-bottom: 1px solid rgba(0, 0, 0, 0.4);background-image: linear-gradient(to bottom, #333, #2c2c2c);}
#floatL .live_box .today_min ._min_game .hometeam {width: 100%;}
#floatL .live_box .today_min ._min_game .awayteam {width: 100%;}
#floatL .live_box .today_min ._min_game .home_score {width: 50%;}
#floatL .live_box .today_min ._min_game .away_score {width: 50%;}
#floatL .live_box .today_min ._min_game .h_status {width: 100%;}
#floatL .live_box .today_min .buy_btn {position: relative;line-height: 40px;}
#floatL .live_box .today_min .buy_btn .buy_go_btn {width:100%;padding: 0 10px;font-size: 12px;color: #fff;font-weight: bold;transition: 0.3s;background-image: linear-gradient(to bottom, #292929, #222222);box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);text-align: center;border: 1px solid rgba(0, 0, 0, 0.4);border-radius: 3px;}
#floatL .live_box .today_min .buy_btn .buy_go_btn:hover {background: #FF5722}
.no_game {display:none; position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(/img/banner/no_game.jpg);cursor: pointer;}


#MOVE_TOP_BTN ,#MOBILE_TOP_BTN{
    display: none;
    position: fixed;
    bottom: 50px;
    right: 50px;
    width: 45px;
    height: 45px;
    color: #607D8B;
    font-size: 45px;
}


.out_cont {position: absolute;width: 100%;height: 550px;margin:0;padding:0;top: 50%;margin-top: -275px;}
.logo_container {position: absolute;top: -173px;left: 50%;margin-left: -148px;}
.logo_container img {width:300px;}
.main_cont {float: left;width: 50%;height: 100%;margin:0;padding:0;color: #fff;background: rgba(0, 0, 0, 0.36);}
.main_cont .con_h {width: 100%;padding-top: 10px;text-align: center;}
.main_cont .con_h h2 {font-size: 40px;font-weight: 700;font-style: italic;}
.main_cont .con_h p {font-size: 30px;font-weight: 600;font-style: italic;}
.main_cont .con_img {position: relative;width: 80%;height: auto;overflow: hidden;margin: 50px auto;cursor: pointer;/* text-align: center; *//* margin-bottom: 50px; */}
.main_cont .con_img div {float: left;width: 18%;margin: 1%;height: 250px;opacity: 0;}
.main_cont ._go {position: relative;width: 100%;height: 60px;text-align: center;}
.main_cont ._go button {width: 33.33%;height: 60px;line-height: 60px;font-size: 24px;font-weight: 700;background: #FF5722;border-radius: 5px;}
._img_01 {
    /* margin-top: 0px !important; */
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
}
._img_02 {
    /* margin-top: 28px !important; */
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
}
._img_03 {
    /* margin-top: 0px !important; */
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
}
._img_04 {
    /* margin-top: 20px !important; */
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
}
._img_05 {
    /* margin-top: 5px !important; */
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
}




@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.choice_herder {width: 100%;overflow: hidden;background: rgba(0, 0, 0, 0.25);}
.header_ {/* width: 1250px; */margin: 0 auto;overflow: hidden;}
.header_ .head_ {width: 35%;float: right;}
.header_ .head_ .head_info {}
.header_ .head_ ul {}
.header_ .head_ ul li {width: 20%;float: left;height: 30px;line-height: 30px;font-size: 14px;text-align: center;}
.header_ .head_ ul li img {width: 16px;position: absolute;margin-top: 8px;}
.header_ .head_ ul li a {color: #fff;}
.header_ .head_ ul li span {padding-left: 20px;color: #fff;}
.mb-logout {cursor: pointer;}

@media (max-width: 780px) {

    #MOVE_TOP_BTN ,#MOBILE_TOP_BTN{bottom: 15px;right: 15px;} 
    .header_ .head_ {width: 100%;}  
    .header_ .head_ ul li {width: 33.33%;height: 35px;line-height: 35px;border: solid 1px #000;box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.2);font-size: 14px;text-align: center;}
    #xxxxxx {width: 50%;}

    .out_cont {height:450px;margin-top: -175px;}
    .logo_container {/* position: absolute; */top: -70px;left: 50%;margin-left: -53px;}
    .logo_container img {width: 106px;}
    
    .main_cont{width:100%;}
    .main_cont .con_h h2 {font-size: 30px;}
    .main_cont .con_img {margin:5px auto;width: 95%;}
    .main_cont .con_img div {width:48%;text-align: center;}
    ._img_02 {margin-top:0px !important;}
    .main_cont ._go {float:left; width:48%;margin: 1%;font-size:16px}
    .main_cont ._go button {width:100%;font-size:16px;height: 50px;line-height: 50px;}
}
@media (max-width: 321px) {
    .main_cont .con_h h2, .main_cont .con_h p {font-size: 20px;}
    .main_cont ._go button {line-height: 18px;white-space: pre-line;}
    .logo_container {top: -39px;left:0;margin-left: 5px;}
}

@media only screen and (min-width: 1300px) and (max-width: 1600px) {
    .md-modal { max-width:700px;}
}

@media only screen and (max-width: 468px) {
    .md-modal {
    top: 50%;
    left:0; 
    min-width: 320px;
    -webkit-transform: translateX(0%) translateY(-50%);
    -moz-transform: translateX(0%) translateY(-50%);
    -ms-transform: translateX(0%) translateY(-50%);
    transform: translateX(0%) translateY(-50%);
    }
    #money_btn {padding-left: 5px;}
    #money_btn a span{width: 23.5%;}
    /* .modal-container {height: 500px;} */
    .modal-container {}
    .md-content > div {padding:0;margin:0}
    .small_div_line ul li {/* float:none; */text-align:center;}
    .css3-tab .css3-tab-nav {display: block;margin:0px;}
    .css3-tab .css3-tab-nav label {box-sizing: border-box;width: 33.3%;padding:10px;}
    .modal-container-in {padding:0px;}
}

@media only screen and (max-width: 321px) {
    #modal_charge {height: 480px;}
}

.main-cont-img {width: 100%;visibility: hidden;}
/*.main-cont__wrapper {width: 100%;height: 100%;position: absolute;top: 0;background-image: url(../img/main-game-bg2.png);background-repeat: no-repeat;background-size: cover;}*/
.main-cont__wrapper {width: 100%;height: 100%;position: absolute;top: 0;}
.main-cont__wrapper::before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgb(2 40 59 / 33%);}
.main-cont__inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; color: #fff;}
/*.main-cont__inner h1 {font-size: 2em;font-family: 'Montserrat';}*/
.main-cont__inner h1 { font-size: 2em; font-family: 'Nanum Gothic', sans-serif !important; }
.main-cont__inner button {margin-top: 27px;}
@media (max-width: 611px){.main-cont__inner svg{width: 60%;}.main-cont__inner h1{font-size: 1.4em;}.main-cont-img{margin: 100px 0;}}
@media (max-width: 375px) {
    /*.head_btn ul {
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        width: 100%;
        flex-direction: row;
    }
    .head_btn ul li {
        flex-grow: 1;
        width: 33.33%;
    }*/
}

.white-card{
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    background: white;
}
.Row_bett{
    min-height: 569px;
    display: inline-block;
    padding: 0;
    font-size: 16px;
    color: #fff;
    margin-bottom: 20px;
    font-family: 'Nanum Gothic', sans-serif !important;
}

.color-red { color : #d43f3a; }
.color-blue { color : #2e6da4; }

.Row_bett table{font-size:inherit;width:100%;border-collapse:collapse;border-spacing:0;}
.Row_bett select,.Row_bett input,.Row_bett button,.Row_bett textarea{font:99% arial,helvetica,clean,sans-serif;}

/***        padding         ***/
.hide{display:none}
.resp_show_480{ display:none;}
.resp_show_550{ display:none !important;}


.color-red { color : #d43f3a; }
.color-blue { color : #2e6da4; }
.bg-eee { background : #EEE;}

.pd-a10 {padding:10px !important;}
.pd-t20 {padding-top:20px !important;}
.pd-t15 {padding-top:15px !important;}
.pd-t10 {padding-top:10px !important;}
.pd-b20 {padding-bottom:20px !important;}
.pd-b15 {padding-bottom:15px !important;}
.pd-b10 {padding-bottom:10px !important;}
.w50p {width:50% !important;}
.w40p {width:40% !important;}
.w30p {width:30% !important;}
.w20p {width:20% !important;}
.w10p {width:10% !important;}


.pd-a5 { padding:5px !important;}
.pd-a10 { padding:10px !important;}
.pd-a15 { padding:15px !important;}
.pd-a20 { padding:20px !important;}
.pd-a30 { padding:30px !important;}
.pd-a40 { padding:40px !important;}
.pd-a50 { padding:50px !important;}

.pd-l5 { padding-left:5px !important;}
.pd-l10 { padding-left:10px !important;}
.pd-l15 { padding-left:15px !important;}
.pd-l20 { padding-left:20px !important;}
.pd-l30 { padding-left:30px !important;}
.pd-l40 { padding-left:40px !important;}

.pd-r5 { padding-right:5px !important;}
.pd-r10 { padding-right:10px !important;}
.pd-r15 { padding-right:15px !important;}
.pd-r20 { padding-right:20px !important;}

.pd-t5 { padding-top:5px !important;}
.pd-t8 { padding-top:8px !important;}

.pd-lr10 { padding:3px 10px !important;}
.pd-lr15 { padding:5px 15px !important;}

.mg-a10 { margin:10px ;}
.mg-a20 { margin:20px ;}
.mg-a30 { margin:30px ;}

.mg-b10 { margin-bottom:10px ;}
.mg-b20 { margin-bottom:20px ;}
.mg-b30 { margin-bottom:30px ;}

.mg-l10 { margin-left:10px ;}

.mg-r5 { margin-right:5px ;}
.mg-r10 { margin-right:10px ;}

.w30 {width:30px !important;}
.w40 {width:40px !important;}
.w50 {width:50px !important;}
.w60 {width:60px !important;}
.w70 {width:70px !important;}
.w80 {width:80px !important;}
.w90 {width:90px !important;}
.w100 {width:100px !important;}
.w110 {width:110px !important;}
.w120 {width:120px !important;}
.w130 {width:130px !important;}
.w140 {width:140px !important;}
.w150 {width:150px !important;}
.w160 {width:160px !important;}
.w170 {width:170px !important;}
.w180 {width:180px !important;}
.w190 {width:190px !important;}
.w200 {width:200px !important;}
.w250 {width:250px !important;}
.w300 {width:300px !important;}


.bett_head {
    --background: #fff;
    padding: 10px;
    margin-bottom: 3px;
}

/*.bett_head .countdown_txt {*/
/*    width: 30%;*/
/*    text-align: center;*/
/*    display: inline-block;*/
/*}*/

.bett_head .countdown {
    display: block;
    font-size: 40px;
    color: #d43f3a;
    text-shadow: 1px 1px 1px #333;

}

.bett_head .next_txt {
    width: 30%;
    text-align: center;
    display: inline-block;
}

.bett_head .next {
    display: block;
    font-size: 40px;
    color: #2e6da4;
    text-shadow: 1px 1px 1px #333;
}

.bett_head .alink {
    width: 35%;
    text-align: right;
    display: inline-block;
}

.bett_head .alink a.active, .bett_head .alink a:hover
{
    padding: 5px 8px;
    border-bottom: 3px solid #2e6da4;
    border-radius: 10px;
}

.bett_head .alink a
{
    padding: 5px 8px;
    border-bottom: 3px;
    border-radius: 10px;
}


.bett_body {
    --background: #fff;
    padding: 15px 10px;
    position: relative;
    min-height: 569px;
}


.bett_table thead th {
    padding: 5px 10px;
}

.bett_table thead tr0, .bett_table tbody tr0 {
    border-bottom: 1px solid #ccc;
}

.bett_table th, .bett_table td
{padding: 5px 10px;text-align: center;}


.bett_table td.right
{text-align: right;}

.bett_table td.pt-15
{padding-top: 15px;}

.triangle i
{
    position: absolute;
    padding: 5px;
}

.triangle i:nth-child(odd)
{
    color: red;
    padding: 5px 10px;
}

.triangle i:nth-child(even)
{
    color: blue;
    padding: 5px 9px;
}

.hv_money_txt{
    margin-right:10px;
}
/*

.red_badge
{
    color: white;
    position: absolute;
    background: #d43f3a;
    border-radius: 8px;
    font-size: 12px;
    padding: 2px 4px;
    margin-top: -10px;
}
.blue_badge{
    color: white;
    position: absolute;
    background: #2e6da4;
    border-radius: 8px;
    font-size: 12px;
    padding: 2px 4px;
    margin-top: -10px;
} */

.red_button {
    border: 1px solid #d43f3a;
    border-radius: 5px;
    padding: 7px 20px;
    background: #da5c58;
    width: 170px;
    margin: 0 0 0 20px;
    color: #fff;
    font-weight: bold;
}
.blue_button {
    border: 1px solid #2e6da4;
    border-radius: 5px;
    padding: 7px 20px;
    background: #3884c7;
    width: 170px;
    margin: 0 0 0 20px;
    color: white;
    font-weight: bold;
}

.dark_order  {
    border: 1px solid #0a0a0a;
    border-radius: 5px;
    padding: 7px 20px;
    background:transparent;
    width: 170px;
    margin: 0;
    color: #FFFFFF;
    font-weight: bold;
}

.buy_order  {
    background: transparent;
    margin: 0;
    font-weight: bold !important;

    border: 4px solid #f94f5c;
    width: 100%;
    border-radius: 5px;
    font-size: 22px !important;
    color: #f94f5c;
    padding: 8px 0;
}

.sell_order  {
    background: transparent;
    margin: 0;
    font-weight: bold !important;

    border: 4px solid #4880f9;
    width: 100%;
    border-radius: 5px;
    font-size: 22px !important;
    color: #4880f9;
    padding: 8px 0;
}


.max_button_buy {
    border: 1px solid #d43f3a;
    border-radius: 5px;
    padding: 7px 20px;
    background: transparent;
    width: 170px;
    margin: 0;
    color: #d43f3a;
    font-weight: bold;
}
.max_button_sell {
    border: 1px solid #2e6da4;
    border-radius: 5px;
    padding: 7px 20px;
    background: transparent;
    width: 170px;
    margin: 0;
    color: #2e6da4;
    font-weight: bold;
}

.tr_money_buy{
    color : #d43f3a;
}

.tr_money_sell{
    color : #2e6da4;
}

.result_table thead th {
    padding-bottom: 10px;
}

.result_table thead tr, .result_table tbody tr {
    --border-bottom: 1px solid #ccc;
}

.result_table tbody tr:last-child {
    border-bottom: 0;
}

.result_table th, .result_table td
{padding: 10px 5px;text-align: center;}

.result_body tr:nth-child(even)
{
    background:#292f56;
}

.result_ul_body {

    display: inline-block;
    width: 100%;
    margin: 0 auto;
}

#my_result {display:inline-block;}


#Row_result .nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

#Row_result .nav>li>a{
    padding: 0;
    border:0;
    background: transparent;
    cursor: pointer;
}

#Row_result{
    font-size: 16px;
    /*font-family: Century Gothic,"맑은고딕", "Microsoft YaHei", Arial, Helvetica, sans-serif;*/
    font-family: 'Nanum Gothic', sans-serif !important;
}

#Row_result a { color:#fff;  outline:none; text-decoration:none; outline-style:none;}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

@media (max-width: 768px) {
    .bett_head {
        --background: #fff;
        padding: 10px;
        margin-bottom: 3px;
    }

    .bett_head .countdown_txt {
    }

    .bett_head .countdown {
        font-size: 30px;
    }

    .bett_head .next_txt {
    }

    .bett_head .next {
        font-size: 30px;
    }

    .bett_head .alink {
        display: none;
    }

    .bett_head .alink a.active, .bett_head .alink a:hover{
    }

    .bett_head .alink a{
    }

    #Row_result{width: 100%;margin-top: 10px;}

    .resp_hide_768{ display:none;}
    .resp_show_768{ display:block;}

    #cont_chart{     padding-top: 100px; }
    #cont_trade{}
    #chartFrame { width: 100%; height:450px; }
}
@media (max-width: 550px) {
    .resp_show_550{
        display: flex !important;
    }
    .resp_hide_550{ display:none;}
}
@media (max-width: 480px) {

    .bett_head {
        --background: #fff;
        padding: 10px 0;
        margin-bottom: 3px;
        margin-top:10px;
    }

    /*.bett_head .countdown_txt {*/
    /*    width: 48%;*/
    /*}*/

    .bett_head .countdown {
        font-size: 30px;
    }

    .bett_head .next_txt {
        width: 50%;
    }

    .bett_head .next {
        font-size: 30px;
    }

    .bett_head .alink {
        display: none;
    }

    .bett_head .alink a.active, .bett_head .alink a:hover{
    }

    .bett_head .alink a{
    }

    #cont_chart{ padding-top: 150px; }
    #cont_trade{}
    #chartFrame { width: 100%; height:300px; }

    .resp_hide_480{ display:none;}
    .resp_show_480{ display:block;}


    #Row_result{width: 100%;margin-top: 10px;}


    .red_button, .blue_button, .buy_order, .sell_order, .max_button_buy, .max_button_sell, .dark_order {
        padding: 7px 10px;
        width: 125px;
        margin:0;
    }
}

/* 팝업 레이어 계약서 */

#trade_paper{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    max-width: 450px;
    transform: translate(-50%, -50%);
    height: auto;
    border: 2px solid #111;
    z-index: 101;
    background: #eee;
    color: #111;
}

#trade_paper .pop-container{
    width: 100%;
}

.pop-container .pop-head{
    background: #222;
    padding: 10px;
    text-align: center;
    color: #FFF;
}

.pop-container .pop-body{
    padding: 10px;
}
.pop-body .title{
    font-size: 26px;
    text-align: center;
    padding: 3px 5px;
}
.pop-body .subtitle{
    font-size: 12px;
    display: block;
    color: #666;
    text-align: center;
    margin-bottom: 30px;
}
.pop-body .tr_date{
    display: block;
    text-align: center;
}
.pop-body .tr_money_txt{
    display: block;
    text-align: center;
}
.pop-body .tr_money{
    font-size: 30px;
    color: #CC0000;
    padding-left: 10px;
}
.pop-body .tbl_cont{
    margin: 20px 0;
    text-align: center;
}
.tbl_cont thead th{
    padding:10px;
}
.tbl_cont tbody td{
    text-align: right;
    padding-right: 20px;
}
.pop-body .tail{
    font-size: 12px;
    display: block;
    padding: 0 15px;
}

.pop-body .submit{
    display: inline-block;
    --float: right;
    padding: 10px 0;
    width:100%;
    text-align: center;
}
.pop-body .btn_trade{
    border: 1px solid #222;
    border-radius: 5px;
    padding: 7px 20px;
    background: #222;
    width: 170px;
    margin: 0 0 0 20px;
    color: #FFFFFF;
    font-weight: 900;
}

.pop-body .btn_trade_buy{
    border: 1px solid #d43f3a;
    border-radius: 5px;
    padding: 7px 20px;
    background: #d43f3a;
    width: 115px;
    margin: 0;
    color: #FFFFFF;
    font-weight: 900;
}

.pop-body .btn_trade_sell{
    border: 1px solid #2e6da4;
    border-radius: 5px;
    padding: 7px 20px;
    background: #2e6da4;
    width: 115px;
    margin: 0;
    color: #FFFFFF;
    font-weight: 900;
}

.pop-body .btn_trade_cancel{
    border: 1px solid #111;
    border-radius: 5px;
    padding: 7px 20px;
    background: #fff;
    width: 115px;
    margin: 0 20px 0 0;
    color: #111;
    font-weight: 900;
}

.fxgame_gbp_real__box > ul > li{
    padding: 0 !important;
}

.fxgame_gbp_real__box li a{
    padding: 16px 0;
    display: block;
}

@media screen and (max-width: 1024px){
    .pc_logo{
        position: unset;
        margin: 10px auto 0px;
    }
    .header-clock {
        margin-top:0 !important;
    }
    .box-head{

    }
}

@media screen and (max-width: 1416px){
    .box-head{
        width: 100%;
    }
}

ul.menu{
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    align-items: center;
    width: 100%;
    /*justify-content: space-evenly;*/
    justify-content: end;
}

@media screen and (max-width: 780px){
    .head-login-on{
        justify-content: center;
    }
    .head-login-on > ul{
        margin: 5px 5px;
    }
}

.header_mobile #pc_logo{
    /*position: absolute;*/
    /*top: 15px;*/
    /*left: calc( 50% - 130px);*/
    height: 55px;
    padding-top: 5px;
}

.header_mobile .header-clock{
    margin-left: 79px;
}

.header_mobile #pc_nav{
    margin: 40px 0 5px;
}

.bett_cart_title{
    background: #16707B;
    border-radius: 5px;
    font-size: 22px;
    line-height: 39px;
    color: #fff;
    text-align: center;
    margin: 0 3px 10px 3px;

    display: block;
    /*margin: 0 3px 20px 3px;*/
    padding: 10px;
    border: 1px solid #16707B;
}

.orange-row .bett_row_title,
.orange-row .bett_row_suffix,
.orange-row .bett_row_content
{
    background: rgb(255,152,0);
    border: 1px solid #f17c49;
}

.bett_row.blue-row{
    background: #6344FF;
    border: 1px solid #3f23e3;
}

.bett_row.orange-row{
    background: rgb(255,152,0);
    border: 1px solid #f17c49;
}

.bett_row_title,.bett_row_content,.bett_row_suffix{
    background: transparent;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid transparent;
}

.bett_row_content{
    border-radius: 5px 0 0 5px;
    border-right: 0 !important;
}

.bett_row_suffix{
    border-left: 0 !important;
    border-radius: 0 5px 5px 0;
    padding: 10px 10px 10px 0 !important;
    font-size: 22px;
}

.bett_row{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 3px 0 3px;
    border-radius: 5px;
}

.bett_row_title{
    margin: 5px 5px 5px 0;
    justify-self: start;
    font-size: 22px;
}

.bett_row_content{
    flex: 1 0;
    text-align: right;
}

#tr_money_mix{
    background: transparent;
    width: 100%;
    text-align: right;
    color: #FFA604;
    font-size: 22px;
}
#tr_money_mix::placeholder{
    color: #d7d7d7;
    font-size: 22px;
}
#tr_money_mix::-webkit-input-placeholder{
    color: #d7d7d7;
    font-size: 22px;
}
#tr_money_mix::-moz-placeholder{
    color: #d7d7d7;
    font-size: 22px;
}
#tr_money_mix:-moz-placeholder{
    color: #d7d7d7;
    font-size: 22px;
}
#tr_money_mix:-ms-input-placeholder{
    color: #d7d7d7;
    font-size: 22px;
}
#tr_money_mix::-ms-input-placeholder {
    color: #d7d7d7;
    font-size: 22px;
}

.bett_row_content:has(input[value='']) {
    visibility: hidden;
}

#tr_money_mix::-webkit-outer-spin-button,
#tr_money_mix::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }

/* Firefox */
#tr_money_mix[type=number] {
    -moz-appearance: textfield;
}

.bett_normal_row{
    display: flex;
    width:100%;
    padding:0 3px 0 3px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin:10px 10px 10px 0;
}

.bett_normal_row .flex-start{
    justify-self: flex-start;
    flex:1;
}

.bett_normal_row .flex-end{
    justify-self: flex-end;
    text-align: right;
    flex:1;
}

.buy_order:hover{
    background: #f94f5c;
    color:#FFF;
}

.sell_order:hover{
    background: #4880f9;
    color:#FFF;
}

.dark_order:hover{
    background: #111;
}

.max_button_buy:hover{
    border: 1px solid #fff;
    background: white;
}

.max_button_sell:hover{
    border: 1px solid #fff;
    background: white;
}

.pc_nav .menu li:last-of-type::after{
    display: none;
}
.pc_nav .menu li:after{
    content: '';
    width: 4px;
    height: 4px;
    background: #ffffff4d;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: -12px;
}



.game_type_btn {
    /* position:relative;
    float:left;
    top:15px;
  left:50px;     */
    margin-right: auto;
    margin-bottom: 15px;
}
.game_type_btn .coin {
    display: inline-flex;
    align-items: center;
    justify-content: space-around;
    color: #000000;
}
.game_type_btn .coin::after {
    content: '';
    width: 1px;
    height: 15px;
    background: #BBBBBB;
    margin-right: 5px;
}
.game_type_btn .coin:last-of-type::after {
    display: none;
}
.game_type_btn .coin.active {
    color: #02ACB8;
}
.game_type_btn .coin .img_wrapper img {
    width: 28px;
    margin-top: 5px;
}
.game_type_btn .coin p {
    font-size: 26px;
    font-weight: bold;
    margin: 0 15px 0 5px;
}
.game_type_btn .btn {
    border:1px solid #DDDDDD;
    color:#999999;
    width:110px;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:15px;
    border-radius: 3px;
}
.game_type_btn .btn.on {
    background:#fff;
    color:#00A4A0;
    border: 1px solid #02ACB8;
}

.game_type_btn button{
    background: none;
}



.state_section#real_time_info {
    float: unset;
    width: 100%;
    height: unset;
    border: none !important;
    margin: 10px 0 !important;
    background: unset;
}
.state_section .wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.state_section .wrap .box {
    display: flex;
    /*align-items: center;*/
    flex-direction: column;
    justify-content: space-between;
    width: calc(100%/4.1);
    border-radius: 5px;
    padding: 20px;
    /*padding: 20px 20px 12px 20px;*/
    background: #048ABF;
    /*font-weight: bold;*/
    /*height:100px*/

}
.state_section .wrap .box:nth-of-type(2) {
    background: #02ACB8;
}
.state_section .wrap .box:nth-of-type(3) {
    background: #5846b3;
}
.state_section .wrap .box:last-of-type {
    background: #717C9B;
}
.state_section .wrap .box p {
    font-size: 15px;
    letter-spacing: -0.38px;
    color: #FFFFFF;
}
.state_section .wrap .box p.bold {
    font-size: 26px;
    font-weight: bold;
}
.state_section .wrap .box p.bold span {
    font-size: 26px !important;
    font-weight: bold !important;
    animation: unset !important;
}
.state_section .wrap .box p.bold#now_price {
    position: unset;
    width: unset;
    height: unset;
    line-height: unset;
    text-align: unset;
    text-shadow: unset;
    font-size: 26px;
    /*color: #FFFFFF !important;*/
}
@media screen and (max-width: 820px) {
    #real_time_info {
        float: left !important;
    }
    .state_section .wrap {
        flex-direction: column;
    }
    .state_section .wrap .box {
        width: 100%;
        margin-top: 10px;
    }
    .modal__inner {
        width: 100%;
        box-sizing: border-box;
    }
    /* .header {height:100px} */
    .sub_section2 {padding:10px 0 0px;}
    .inner_game {padding:0 10px;}
    .game_type_btn .btn {height:30px; line-height:30px;}
    .chart-info .chart-label {top:310px; right:0px;}
    .chart-warp {height:355px;}
    /*.chart-price {display:none!important;}*/
    .rent-table02 {width:100%;}
    .end_times {width:100%;}
    .rest_times {width:100%; text-align: right;}
    .massage_pop {width:100%;}
    .rent_table .deal_input input {width:25px; height:25px;}
    .rent_table .deal_input .btn {width:25px; height:25px;}
    .table02 .deal_close {width:75px; left:4px;}
    .table02 th, .table02 td {height:40px; width:100%;}
    /* .table02 .btn {width:49%;} */
}
@media screen and (max-width: 500px) {
    .game_type_btn .coin {
        width: 49%;
        justify-content: flex-start;
        position: relative;
    }
    .game_type_btn .coin:first-of-type::after {
        position: absolute;
        right: 0;
    }
    .game_type_btn .coin p {
        font-size: 20px;
    }
    .game_type_btn .btn {
        width:calc(100%/3.1);
    }
    .game_type_btn{
        left:0;
    }
    /* .btn_m_gnb{
        top: 4%;
    } */
}

/*.btn.order_btn:hover{
    background: #717c98 !important;
    color: #fff !important;
}*/