/* default */
* {
    margin: 0;
    padding: 0;
}

html {
    width: 100%;
    height: 100%;
}

/*바디에 긁기 방지*/
body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    font-family: 'SCDream', 'sans-serif', 'Dotum', '돋움';
    font-size: 12px;
    color: #ffffff;
    line-height: 100%;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

header,
footer,
div,
p,
ul,
li,
table,
th,
td,
textarea,
input,
select,
form,
h1,
h2,
h3,
h4,
h5,
h6,
dt,
dl,
dd,
em,
address,
section,
cite,
button {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    color: #ffffff;
    line-height: 100%;
    font-weight: 400;
    box-sizing: border-box;
}

ul,
ol,
dl,
dd,
dt,
li {
    list-style-type: none;
    margin: 0;
    padding: 0px;
    line-height: 100%;
}

table {
    width: 100%;
    /*table-layout:fixed;*/
    border-collapse: collapse;
    border-spacing: 0;
    word-break: break-all;
}

fieldset {
    border: 0;
    margin: 0px;
    padding: 0px;
}

legend {
    display: none;
    position: absolute;
    visibility: hidden;
}

caption {
    visibility: hidden;
    width: 0px;
    height: 0px;
    overflow: hidden;
    font-size: 0px;
    margin: 0px;
    padding: 0px;
    line-height: 0px;
    display: none;
}

img {
    border: 0;
    vertical-align: top;
}

optgroup {
    font-style: normal;
    font-size: 0px;
    height: 0px;
    line-height: 0px;
}

input,
select {
    margin: 0;
    vertical-align: middle;
}

button {
    cursor: pointer;
}

select {
    font-size: 12px;
    height: 32px;
}

/* 링크 */
a {
    text-decoration: none;
    /*color:#54585a;*/
    margin: 0px;
    padding: 0px;
}

a:link,
a:visited {
    text-decoration: none;
    /*color:#54585a;*/
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
    /*color:#54585a;*/
}

a:focus,
img:focus {
    outline: none;
}

/* 인풋 */
input[type="radio"] {
    width: 19px;
    height: 19px;
    margin-bottom: 1px;
}

input[type="checkbox"] {
    width: 19px;
    height: 19px;
    margin-bottom: 2px;
    outline: none;
    border: 1px solid #cbcbcc;
    background: #ffffff;
}

input:-ms-input-placeholder {
    color: #666666 !important;
}

input::-webkit-input-placeholder {
    color: #666666 !important;
}

input::-moz-placeholder {
    color: #666666 !important;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input::-ms-clear {
    display: none;
}

/* textarea */
textarea {
    width: 100%;
    padding: 10px;
    line-height: 20px;
    height: 100px;
    box-sizing: border-box;
    border: 1px solid #c4c6c7;
    background-color: black;
}

textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

textarea:-ms-input-placeholder {
    color: #cccccc;
}

textarea::-webkit-input-placeholder {
    color: #cccccc;
}

textarea::-moz-placeholder {
    color: #cccccc;
}

button {
    padding: 0;
    margin: 0;
    background-color: transparent;
    color: #ffffff;
    border: none;
    outline: none;
    display: inline-block;
    text-align: center;
    transition: 200ms all;
}

body {
    overflow-x: hidden;
}

body::-webkit-scrollbar {
    width: 10px;
}

body::-webkit-scrollbar-thumb {
    background: #760ea9;
    border-radius: 10px;
}

#wrap {
    min-width: 320px;
    position: relative;
    width: 100%;
    height: 101px;
    min-height: 55px;
    zoom: 1;
    z-index: 250;
}

body > .container {
    padding: 0;
}

/* 해더 */
header {
    position: fixed;
    height: 55px !important;
    width: 100%;
}

header .header_box {
    max-width: 3000px;
    margin: 0 auto;
    position: relative;
}

header h1 {
    padding: 10px 0px 0px 0px;
    width: 280px;
}

.header_box .top_addmenu {
    height: 40px;
    display: none;
    float: right;
    margin-right: 5px;
}

.header_box .top_myinfomation {
    height: 20px;
    display: none;
    float: left;
    margin-left: 5px;
    margin-top: 10px;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    transition: 200ms all;
    line-height: 14px;
}

.header_box .ico_bottom_menu {
    display: none;
    position: absolute;
    cursor: pointer;
    height: 100%;
    margin-top: 8px;
    min-width: 45px;
    color: #f99b21;
    font-size: 18px;
    font-weight: bold;
    vertical-align: middle;
    float: left;
}

.header_box .ico_bottom_menu svg {
    height: 28px;
    vertical-align: middle;
    margin-top: 5px;
    margin-left: 5px;
}


header #gnb {
    position: absolute;
    top: 0px;
    left: 280px;
    right: 0;
    height: 101px;
    overflow: hidden;
}

header #gnb ul {
    transition: 200ms all;
    width: 1600px;
}

/*header #gnb li {float:left;line-height:80px;font-weight:bold;padding:0px 13px 0px 0px;text-align:center;position:relative;cursor:pointer;font-size:18px;text-shadow: 1px 1px 1px #000;} 사이즈 크기 요청으로 아래것을 사용 (아이콘도 제거)*/
header #gnb li {
    float: left;
    line-height: 80px;
    font-weight: bold;
    padding: 0px 20px 0px 20px;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-size: 22px;
    text-shadow: 1px 1px 1px #000;
}

header #gnb li:after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    height: 0px;
    transition: 400ms all;
}

header #gnb li.on {
    color: #f48c00;
}

header #gnb li.on:after {
    height: 4px;
    background: #f48c00 !important;
}

header #gnb li:hover:after {
    height: 4px;
    background: #f5fec3;
}

header #gnb li img {
    height: 60px;
    margin-top: 10px;
}

header #gnb .arrow_area {
    position: absolute;
    top: 0;
    right: 0;
    width: 55px;
    text-align: center;
    background: #218aa5;
    display: none;
}

header #gnb .arrow_area button {
    width: 45px;
    display: block;
    margin: 1px auto 5px auto;
    height: 33px;
}


/*상단 서브메뉴*/
.submenu1 {
    position: absolute;
    left: 15%;
    top: 80px;
    z-index: 100;
    padding: 10px 0 15px 0;
    display: none;
    width: 60%;
    border: 1px solid #373737;
    background: #323239;
    color: #fff;
    border-radius: 5px;
    transition: 200ms all;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 7px 8px -6px, rgb(92, 94, 108) 1px 1px 6px -2px;
    /*-moz-border-radius-bottomright: 5px;-khtml-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-bottomleft: 5px;-khtml-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;*/
}

.submenu2 {
    position: absolute;
    left: 20%;
    top: 80px;
    z-index: 100;
    padding: 10px 0 15px 0;
    display: none;
    width: 60%;
    border: 1px solid #373737;
    background: #323239;
    color: #fff;
    border-radius: 5px;
    transition: 200ms all;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 7px 8px -6px, rgb(92, 94, 108) 1px 1px 6px -2px;
}

.submenu3 {
    position: absolute;
    left: 25%;
    top: 80px;
    z-index: 100;
    padding: 10px 0 15px 0;
    display: none;
    width: 60%;
    border: 1px solid #373737;
    background: #323239;
    color: #fff;
    border-radius: 5px;
    transition: 200ms all;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 7px 8px -6px, rgb(92, 94, 108) 1px 1px 6px -2px;
}

.submenu4 {
    position: absolute;
    left: 25%;
    top: 80px;
    z-index: 100;
    padding: 10px 0 15px 0;
    display: none;
    width: 60%;
    border: 1px solid #373737;
    background: #323239;
    color: #fff;
    border-radius: 5px;
    transition: 200ms all;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 7px 8px -6px, rgb(92, 94, 108) 1px 1px 6px -2px;
}

.submenu .other_menu_list {
    position: relative;
    width: 100%;
    height: 100%;
    margin-bottom: 3px;
    padding: 4px;
}

.submenu .other_menu_list .mune_list01 {
    margin: 0px 0px 0px 6px;
}

.submenu .other_menu_list .mune_list01 li {
    position: relative;
    margin: 5px;
    width: 200px;
    float: left;
}

.submenu .other_menu_list .mune_list02 {
    margin: 0px 0px 0px 6px;
}

.submenu .other_menu_list .mune_list02 li {
    position: relative;
    margin: 5px;
    width: 160px;
    float: left;
}

.submenu .other_menu_list .menu01 {
    height: 37px;
    border-radius: 5px;
    background-image: url(/images/client/bg_title1.jpg);
    ;
    color: #ffffff;
    font-weight: bold;
    transition: 200ms all;
    line-height: 37px;
    padding-left: 15px;
    border: 1px solid #000;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 7px 6px -6px, rgb(92, 94, 108) 1px 1px 4px -2px inset;
}

.submenu .other_menu_list .menu01 img {
    height: 28px;
    vertical-align: middle;
    margin: 0px 4px 2px 0px;
}

.submenu .other_menu_list .menu01:hover {
    color: #fff;
}

.submenu .other_menu_list .menu01.on {
    border: 1px solid #000;
    color: #ef9d07;
    font-weight: bold;
    font-size: 14px;
    border: 1px solid #429be1
}

.submenu .other_menu_list .menu01 .time {
    position: absolute;
    top: 4px;
    right: 10px;
    height: 28px;
    display: inline-block;
    width: 50px;
    text-align: center;
    line-height: 26px;
    font-weight: normal;
    border: 1px solid #1a223b;
    border-radius: 5px;
    background: #000;
}



/* gnb */
@media (min-width:800px) and (max-width:1600px) {
    header #gnb .arrow_area {
        display: block !important;
    }

    #top_addmenu {
        display: none;
    }

    #top_myinfomation {
        display: none;
    }
}

@media (min-width:320px) and (max-width:800px) {
    #top_addmenu {
        display: block;
    }

    #top_myinfomation {
        display: block;
    }

    header h1 #logoimg {
        margin-left: calc(60% - 90px)
            /*!important;width:150px*/
             !important;
        height: 30px !important;
        float: left;
    }

    /*header h1 #logoimg {height:30px;float:left;}*/
}


/*모바일 메뉴 스타일*/
header .mobile_header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
}

header .menu_ico {
    position: absolute;
    top: 7px;
    left: 9px;
    width: 47px;
    height: 42px;
    font-size: 0;
    cursor: pointer;
    background: #3c5c81;
    border-radius: 5px;
    transition: 200ms all;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 7px 6px -6px, rgb(92, 94, 108) 1px 1px 4px -2px inset;
}

header .menu_ico .icon {
    width: 16px;
    height: 16px;
    margin: 12px auto 0 auto;
}

header .menu_ico svg {
    fill: rgb(205, 205, 204);
    transition: 200ms all;
}

header .menu_ico:hover {
    background: #393a43;
}

header .menu_ico:hover svg {
    fill: rgb(255, 255, 255);
}

header .mobile_left_menu {
    position: fixed;
    width: 260px;
    height: calc(100% - 55px);
    top: 55px;
    left: -270px;
    background: #161e2e;
    z-index: 200;
    overflow-x: hidden;
    padding-bottom: 30px;
    transition: 400ms all;
    padding: 1px 5px;
    box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

header .mobile_left_menu::-webkit-scrollbar {
    width: 0px;
}

header .mobile_left_menu .logo {
    margin-bottom: 15px;
    text-align: center;
}

header .mobile_left_menu .logo img {
    height: 50px;
}

header .mobile_left_menu .menu01 {}

header .mobile_left_menu .menu01 li {
    cursor: pointer !important;
    height: 45px;
    margin-bottom: 1px;
    line-height: 45px;
    padding-left: 40px;
    font-weight: bold;
}

/**/
/*header .mobile_left_menu .menu01 li {cursor: pointer;height: 40px;margin-bottom: 3px;line-height: 40px;padding-left: 40px;font-weight: bold;}*/
header .mobile_left_menu .menu_divider {
    text-align: center;
    margin-bottom: 10px;
}

header .mobile_left_menu .menu02 {}

/*header .mobile_left_menu .menu02 li {cursor:pointer;height:45px;margin-bottom:15px;line-height:45px;padding-left:40px;font-weight:bold;}*/
header .mobile_left_menu .menu02 li {
    cursor: pointer;
    height: 45px;
    margin-bottom: 1px;
    line-height: 45px;
    padding-left: 40px;
    font-weight: bold;
}

header .mobile_user_ico {
    position: absolute;
    top: 7px;
    right: 9px;
    width: 47px;
    height: 42px;
    font-size: 0;
    cursor: pointer;
    background: #3c5c81;
    border-radius: 5px;
    transition: 200ms all;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 7px 6px -6px, rgb(92, 94, 108) 1px 1px 4px -2px inset;
}

header .mobile_user_ico .icon {
    width: 16px;
    height: 16px;
    margin: 12px auto 0 auto;
}

header .mobile_user_ico svg {
    fill: rgb(205, 205, 204);
    transition: 200ms all;
}

header .mobile_user_ico:hover {
    background: #393a43;
}

header .mobile_user_ico:hover svg {
    fill: rgb(255, 255, 255);
}

header .mobile_user_section {
    position: fixed;
    width: 280px;
    height: 100%;
    top: 0;
    right: -280px;
    background: #161e2e;
    z-index: 200;
    overflow-x: hidden;
    padding-bottom: 30px;
    transition: 400ms all;
    padding: 15px 10px 30px 10px;
    box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

header .mobile_user_section::-webkit-scrollbar {
    width: 0px;
}

header .mobile_user_section .logo {
    margin-bottom: 15px;
    text-align: center;
}

header .mobile_user_section .logo img {
    height: 50px;
}

/* 공통 */
.mask {
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    display: none;
}

.mask_layer {
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    display: none;
}

.msg_layer {
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    display: none;
}

/* 공통 박스 */
.box_type01 {
    border-radius: 5px;
    /*
    background: #273147;
    box-shadow: rgb(82, 82, 93) 1px 1px 4px -2px inset;
*/
}

.box_type02 {
    border-radius: 5px;
    background: #3c5c81;
    box-shadow: rgb(82, 82, 93) 1px 1px 4px -2px inset;
}

.box_type03 {
    border-radius: 7px;
    background: #13a47a;
}

.box_type04 {
    border-radius: 5px;
    border: 1px solid #8b9399;
    background: #323239;
    box-shadow: rgba(0, 0, 0, 0.35) 1px 1px 4px -2px inset;
}

/**/

/* 공통 버튼 */
.button_type01 {
    color: #fff;
    background: #1b2638;
    border-radius: 5px;
    border: 1px solid #5883cd;
    font-weight: bold;
    transition: 200ms all;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
}

.button_type01:hover {
    background: #354d76;
    font-size: 12px;
    color: #ffffff;
    border: 1px solid #18186a;
    cursor: hand !important;
}

.button_type01.on {
    color: #fff;
    background: #354d76;
    border: 1px solid #484853;
    cursor: default !important;
}

.button_type01_01 {
    color: #858c83 !important;
    background: #161821 !important;
    border: 1px solid #1c4b5a;
    display: none;
    cursor: default !important;
}

.button_type02 {
    background: #5f809a;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
    transition: 200ms all;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
    color: #ffffff;
    border: 1px solid #484853;
}

.button_type02:hover {
    color: #ffffff;
    background: #268ca7;
    border: 1px solid #484853;
}

.button_type02:on {
    color: #ffce92;
    background: #268ca7;
    border: 1px solid #484853;
}

.button_type02_01 {
    margin: 0 10px 0 10px;
    /*cursor: default !important;*/
    border: 1px solid #1a3143;
    color: #ffffff !important;
    background: #002a4b !important;
    display: none;
}

.button_type03 {
    background: #8585af;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
    transition: 200ms all;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
    color: #ffffff;
    border: 1px solid #484853;
}

.button_type03:hover {
    color: #ffffff;
    background: #268ca7;
    border: 1px solid #484853;
}

.button_close {
    width: 30px;
    height: 30px;
    color: #50e2e4;
    background: #2e2e35;
    border: 1px solid #393940;
    position: relative;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    border-radius: 5px;
}

.button_close:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 60%;
    top: 50%;
    right: 40%;
    background: #50e2e4;
    ;
    transform: translate(-50%, -50%) rotate(45deg);
}

.button_close:after {
    content: "";
    position: absolute;
    width: 3px;
    height: 60%;
    top: 50%;
    right: 40%;
    background: #50e2e4;
    transform: translate(-50%, -50%) rotate(-45deg);
}

.button_type01_02 {
    background: #3c5c81;
    border-radius: 5px;
    transition: 200ms all;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
    color: #c8c8c7;
    ;
}

.button_type01_02:hover {
    color: #ffffff;
    background: #393a43;
}

.button_type01_02.on {
    cursor: default !important;
    border: 1px solid #ffa604;
    color: #ffa604 !important;
    background: #312b20 !important;
}

.button_close {
    width: 30px;
    height: 30px;
    color: #50e2e4;
    background: #2e2e35;
    border: 1px solid #393940;
    position: relative;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    border-radius: 5px;
}

.button_close_02:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 60%;
    top: 50%;
    right: 40%;
    background: #50e2e4;
    ;
    transform: translate(-50%, -50%) rotate(45deg);
}

.button_close_02:after {
    content: "";
    position: absolute;
    width: 3px;
    height: 60%;
    top: 50%;
    right: 40%;
    background: #50e2e4;
    transform: translate(-50%, -50%) rotate(-45deg);
}

.button_typetab {
    color: #fff;
    background: #1b2638;
    border-top: 1px solid #5883cd;
    border-left: 1px solid #5883cd;
    border-right: 1px solid #5883cd;
    border-bottom: 0;
    font-weight: bold;
    transition: 200ms all;
}

.button_typetab:hover {
    background: #354d76;
    font-size: 12px;
    color: #ffffff;
    cursor: hand !important;
}

.button_typetab.on {
    color: #ffce92;
    background: #354d76;
    cursor: default !important;
}

/* 컨테이너 */
#container {
    /*max-width:2000px;*/
    margin: 0 auto;
}

/* 레프트 스포츠 */
#left_section {
    position: fixed;
    margin-left: 10px;
    width: 280px;
    top: 110px;
    bottom: 0;
    left: 0;
    z-index: 10;
}

#left_section.on {
    position: fixed;
    top: 110px;
}

.left_box {
    position: relative;
    height: 100%;
    overflow-y: auto;
}

.left_box .telegram {
    height: 60px;
    margin-bottom: 3px;
    cursor: pointer;
}

.left_box .telegram .ico {
    display: inline-block;
    margin: 10px 30px 0px 34px;
    float: left;
}

.left_box .telegram .name {
    display: inline-block;
    float: left;
    font-size: 16px;
    padding-top: 10px;
    line-height: 20px;
}

.left_box .telegram .name .address {
    display: block;
    font-size: 13px;
    color: #d7c509;
}

.left_box .host_address {
    height: 60px;
    margin-bottom: 15px;
    cursor: pointer;
}

.left_box .host_address .ico {
    display: inline-block;
    margin: 10px 18px 0px 34px;
    float: left;
}

.left_box .host_address .name {
    display: inline-block;
    float: left;
    font-size: 20px;
    padding-top: 10px;
    line-height: 20px;
}

.left_box .host_address .name .address {
    display: block;
    font-size: 13px;
    color: #d7c509;
}

/*스크롤 공지*/
.notice_scroll_list {
    margin-bottom: 3px;
    height: 40px;
    overflow: hidden
}

/* 210523 Chris Add 모바일에서 marquee div 넘어가서 overflow 수정함. */
#marquee1 {
    text-align: center;
    height: 25x;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0px 5px 0px 5px;
    color: #9dceff;
}

#marquee2 {
    text-align: center;
    height: 25x;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0px 5px 0px 5px;
    color: #9dceff;
}

.notice_scroll_list .time {
    width: 100%;
    text-align: center;
    padding: 12px 5px 0 5px;
    margin: 0px 2px 0px 2px;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 20px;
    line-height: 20px;
}


/* 스포츠 메뉴 */
.sports_menu_list {
    margin-bottom: 3px;
    padding: 4px;
}

.sports_menu_list h3 {
    height: 35px;
    border-radius: 7px;
    margin-bottom: 7px;
    font-size: 14px;
    line-height: 35px;
    padding: 0 10px;
    position: relative;
    font-weight: bold;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
    background: linear-gradient(to bottom, #16b182 0%, #35c196 100%) !important;
    border: 1px solid #12eba8;
    color: #fbff00;
}

/*
.sports_menu_list h3 .cor01 {
    color: #ffa604;
}
*/

.sports_menu_list h3 .date {
    position: absolute;
    top: 0px;
    right: 10px;
    color: #fff;
}

.sports_menu_list h3 img {
    vertical-align: middle;
    margin: 0px 6px 2px 0px;
}

.sports_menu_list h4 {
    background: #24242c;
    margin: 10px 6px;
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    border-radius: 2px;
}

.sports_menu_list .main_left {
    margin-bottom: 8px;
}

.sports_menu_list .main_left:last-child {
    margin-bottom: 0;
}

.sports_menu_list .main_left li {
    position: relative;
    background: #086b4d;
    height: 35px;
    padding: 7px 10px;
    cursor: pointer;
    line-height: 20px;
    font-size: 12px;
    transition: 200ms all;
    border-radius: 7px;
    margin-bottom: 3px;
}

.sports_menu_list .main_left li:hover {
    background: #1da37a;
}

.sports_menu_list .main_left li:hover .count {
    background: #6c9387;
}

.sports_menu_list .main_left li img {
    width: 20px;
    margin: 0px 4px 0px 0px;
    display: inline-block;
}

.sports_menu_list .main_left li .name {
    vertical-align: top;
}

.sports_menu_list .main_left li .count {
    position: absolute;
    top: 5px;
    right: 10px;
    font-weight: 600;
    width: 40px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background: #000000;
    color: #fee71b;
    border-radius: 3px;
}

.sports_menu_list .main_left li .count.on {
    color: #68e0ff;
}

.sports_menu_list .main_left2 {
    margin-bottom: 8px;
}

.sports_menu_list .main_left2:last-child {
    margin-bottom: 0;
}

.sports_menu_list .main_left2 li {
    border: 1px solid #268ca7;
    border-radius: 3px;
    background: #1b2333;
    height: 55px;
    padding: 4px 10px;
    cursor: pointer;
    line-height: 40px;
    font-size: 12px;
    transition: 200ms all;
    position: relative;
    margin-bottom: 3px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
}

.sports_menu_list .main_left2 li:hover {
    background: #273147;
}

.sports_menu_list .main_left2 li img {
    width: 15px;
    height: 15px;
    margin: 0px 0px 0px 4px;
    vertical-align: middle;
}

.sports_menu_list .main_left2 li .time {
    vertical-align: middle;
}

.sports_menu_list .main_left2 li .team_name {
    position: absolute;
    top: 5px;
    left: 70px;
}

.sports_menu_list .main_left2 li .team_name img {
    margin-bottom: 2px;
}

.sports_menu_list .main_left2 li .team_name .home {
    color: #ffa604;
    margin-bottom: 3px;
}

.sports_menu_list .main_left2 li .team_name .away {
    color: #ffa604;
}

.sports_menu_list .main_left3 {
    margin-bottom: 8px;
}

.sports_menu_list .main_left3:last-child {
    margin-bottom: 0;
}

.sports_menu_list .main_left3 li {
    border: 1px solid #268ca7;
    border-radius: 3px;
    background: #1b2333;
    height: 30px;
    padding: 4px 10px;
    cursor: pointer;
    line-height: 20px;
    font-size: 12px;
    transition: 200ms all;
    position: relative;
    margin-bottom: 3px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
}

.sports_menu_list .main_left3 li:hover {
    background: #273147;
}

.sports_menu_list .main_left3 li img {
    width: 15px;
    height: 15px;
    margin: 0px 0px 0px 4px;
    vertical-align: middle;
}

.sports_menu_list .main_left3 li .name {
    color: #ffa604;
    margin-left: 10px;
    width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}


.sports_menu_list .popular_list {
    margin: 0px 6px 10px 6px;
}

.sports_menu_list .popular_list li {
    border-radius: 5px;
    height: 45px;
    transition: 200ms all;
    line-height: 45px;
    padding-left: 15px;
    cursor: pointer;
    font-weight: bold;
    border: 1px solid transparent;
}

.sports_menu_list .popular_list li:hover {
    background: #2e2e35;
}

.sports_menu_list .popular_list li img {
    height: 26px;
    vertical-align: middle;
    margin: 0px 4px 2px 0px;
}

.sports_menu_list .popular_list li.on {
    background: #312b20;
    border: 1px solid #ffa604;
    color: #ffa604;
}

.sports_menu_list .my_favorites {
    margin: 0px 6px 20px 6px;
}

.sports_menu_list .my_favorites button {
    text-align: center;
    display: block;
    width: 100%;
    height: 40px;
    border-radius: 5px;
    background: #3c5c81;
    color: #c4c4c3;
    font-weight: bold;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
}

.sports_menu_list .my_favorites svg {
    width: 16px;
    vertical-align: middle;
    margin: 0px 0px 2px 4px;
}

.sports_menu_list .my_favorites button:hover {
    background: #393a43;
    color: #ffffff;
}

/* 스포츠 펼침 메뉴 */
.sports_menu_list .mune_list01 {
    margin: 0px 6px 10px 6px;
}

.sports_menu_list .mune_list01 li {
    position: relative;
}

.sports_menu_list .menu01 {
    margin-right: 45px;
    cursor: pointer;
    border: 1px solid transparent;
    font-weight: bold;
    border-radius: 5px;
    height: 45px;
    line-height: 45px;
    padding-left: 15px;
    transition: 200ms all;
}

.sports_menu_list .menu01 img {
    height: 26px;
    vertical-align: middle;
    margin: 0px 4px 2px 0px;
}

.sports_menu_list .menu01 span {
    color: #c4c4c3;
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    text-align: center;
    line-height: 45px;
}

.sports_menu_list .menu01 span svg {
    width: 13px;
    height: 13px;
}

.sports_menu_list .menu01:hover span {
    color: #ffffff;
}

.sports_menu_list .menu01 .close {
    display: none;
}

.sports_menu_list .menu01.on {
    background: #312b20;
    border: 1px solid #ffa604;
    color: #ffa604;
}

.sports_menu_list .menu_list02 {
    background: #33333a;
    border-radius: 5px;
    display: none;
}

.sports_menu_list .menu02 {
    margin-right: 45px;
    cursor: pointer;
    border: 1px solid transparent;
    font-weight: bold;
    border-radius: 5px;
    height: 35px;
    line-height: 35px;
    padding-left: 15px;
    transition: 200ms all;
}

.sports_menu_list .menu02 img {
    width: 14px;
    vertical-align: middle;
    margin: 0px 4px 2px 0px;
}

.sports_menu_list .menu02 span {
    color: #c4c4c3;
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    text-align: center;
    line-height: 35px;
}

.sports_menu_list .menu02 span svg {
    width: 13px;
    height: 13px;
}

.sports_menu_list .menu02:hover {
    background: #41414a;
}

.sports_menu_list .menu02:hover span {
    color: #ffffff;
}

.sports_menu_list .menu02 .close {
    display: none;
}

.sports_menu_list .menu02.on {
    background: #312b20;
    border: 1px solid #ffa604;
    color: #ffa604;
}

.sports_menu_list .menu_list03 {
    display: none;
}

.sports_menu_list .menu03 {
    margin-right: 45px;
    cursor: pointer;
    border: 1px solid transparent;
    font-weight: bold;
    border-radius: 5px;
    line-height: 35px;
    padding-left: 15px;
    transition: 200ms all;
    padding-left: 36px;
}

.sports_menu_list .menu03 span {
    color: #c4c4c3;
    position: absolute;
    top: 4px;
    right: 0;
    width: 45px;
    text-align: center;
}

.sports_menu_list .menu03 span svg {
    width: 13px;
    height: 13px;
}

.sports_menu_list .menu03:hover {
    background: #41414a;
}

.sports_menu_list .menu03:hover span {
    color: #ffffff;
}

.sports_menu_list .menu03 span.on {
    color: #ffa604 !important;
}

.sports_menu_list .menu03.on {
    background: #312b20;
    border: 1px solid #ffa604;
    color: #ffa604;
}

.sports_menu_list .all_view {
    margin: 0px 6px 5px 6px;
}

.sports_menu_list .all_view button {
    text-align: center;
    display: block;
    width: 100%;
    height: 40px;
    border-radius: 5px;
    background: #3c5c81;
    color: #c4c4c3;
    font-weight: bold;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 7px 6px -6px, rgb(92, 94, 108) 1px 1px 4px -2px inset;
}

.sports_menu_list .all_view svg {
    width: 16px;
    vertical-align: middle;
    margin: 0px 0px 2px 4px;
}

.sports_menu_list .all_view button:hover {
    background: #393a43;
    color: #ffffff;
}

/* 해외스포츠 레프트 메뉴 */
.sports_menu_list .sports_category {
    margin-bottom: 5px;
    *zoom: 1;
    position: relative;
}

.sports_menu_list .sports_category:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.sports_menu_list .sports_category li {
    width: 63px;
    height: 48px;
    float: left;
    padding: 3px;
}

.sports_menu_list .sports_category li button {
    width: 100%;
    height: 100%;
}

.sports_menu_list .sports_category li img {
    width: 25px;
}

.sports_menu_list .foreign_menu {
    padding: 3px;
}

.sports_menu_list .foreign_menu li {
    margin-bottom: 3px;
}

.sports_menu_list .foreign_menu .f_menu01 {
    position: relative;
    font-weight: bold;
    border-radius: 5px;
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
    background: #3c5c81;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 7px 6px -6px, rgb(92, 94, 108) 1px 1px 4px -2px inset;
}

.sports_menu_list .foreign_menu .f_menu01 img {
    width: 18px;
    vertical-align: middle;
    margin: 0px 4px 2px 0px;
}

.sports_menu_list .foreign_menu .f_menu01 span {
    color: #c4c4c3;
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    text-align: center;
    line-height: 50px;
}

.sports_menu_list .foreign_menu .f_menu01 span svg {
    width: 13px;
    height: 13px;
}

.sports_menu_list .foreign_menu .f_menu01 .close {
    display: none;
}

.sports_menu_list .foreign_menu .game_list {
    margin: 5px 0px;
    display: none;
}

.sports_menu_list .foreign_menu .game_list .sub_category {
    color: #9c9b9b;
    line-height: 14px;
    font-weight: bold;
    padding: 10px 0px;
}

.sports_menu_list .foreign_menu .game_list li {
    margin-bottom: 8px;
    padding: 7px;
    border-radius: 5px;
    background: #303037;
    cursor: pointer;
    display: table;
    width: 100%;
    padding: 10px 15px;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px, rgb(131, 131, 146) 1px 1px 4px -2px inset;
}

.sports_menu_list .foreign_menu .game_list .team_name {
    display: table-cell;
    width: 65%;
    vertical-align: middle;
}

.sports_menu_list .foreign_menu .game_list .team_name .home {
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px dotted #52525d;
    padding-bottom: 7px;
    line-height: 16px;
}

.sports_menu_list .foreign_menu .game_list .team_name .away {
    font-size: 14px;
    font-weight: bold;
    padding-top: 6px;
    line-height: 16px;
}

.sports_menu_list .foreign_menu .game_list .mach_time {
    display: table-cell;
    width: 30%;
    text-align: center;
    vertical-align: middle;
    padding: 0px 5px;
    color: #9c9b9b;
    line-height: 14px;
}

.sports_menu_list .foreign_menu .game_list .score {
    display: table-cell;
    width: 5%;
    text-align: center;
    vertical-align: middle;
    color: #cccccc;
}

.sports_menu_list .foreign_menu .game_list .score span {
    display: block;
    font-size: 11px;
    width: 13px;
    line-height: 17px;
    background: #52525d;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    border-radius: 3px;
}

.sports_menu_list .foreign_menu .game_list .score01 {
    margin-bottom: 15px;
    position: relative;
}

.sports_menu_list .foreign_menu .game_list .score01:after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 4px;
    width: 4px;
    height: 1px;
    background: #939293;
}

.sports_menu_list .foreign_menu .game_list li.on {
    border: 1px solid #ffa604;
    background: #312b20;
}

.sports_menu_list .foreign_menu .game_list li.on .team_name .home {
    border-bottom: 1px dotted #ffa604;
}

.sports_menu_list .foreign_menu .game_list li.on .score01:after {
    background: #ffa604;
}

/* 기타 게임 메뉴 */
.other_menu_list {
    margin-bottom: 3px;
    padding: 4px;
}

.other_menu_list .mune_list01 {
    margin: 10px 0;
}

.other_menu_list .mune_list01 li {
    position: relative;
    margin-bottom: 3px;
}

.other_menu_list .menu01 {
    height: 35px;
    border-radius: 7px;
    background: #086b4d;
    color: #dfdfdf;
    font-weight: 600;
    transition: 200ms all;
    line-height: 35px;
    padding-left: 15px;
    cursor: pointer;
}

.other_menu_list .menu01 img {
    height: 28px;
    vertical-align: middle;
    margin: 0px 4px 2px 0px;
    display: inline-block;
}

.other_menu_list .menu01:hover {
    background: #1da37a;
    font-size: 12px;
    color: #ffffff;
    cursor: hand !important;
}

.other_menu_list .menu01.on {
    background: #354d76;
    border: 1px solid #5d8ec7;
    color: #fff;
}

.other_menu_list .menu01 .time {
    position: absolute;
    top: 5px;
    right: 10px;
    height: 25px;
    display: inline-block;
    width: 50px;
    text-align: center;
    line-height: 25px;
    font-weight: normal;
    border-radius: 5px;
    background: #1d1c3c;
}

.other_menu_list .menu01:hover .time {
    background: #6c9387;
    color: #fff;
}

/* 카지노 슬롯 메뉴 
.button_type01 {color:#fff;background:#1b2638;border-radius:5px;border:1px solid #5883cd;font-weight: bold;transition:200ms all;box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;}
.button_type01:hover {background:#354d76;font-size:12px;color:#ffffff;border:1px solid #18186a;cursor: hand !important;}
.button_type01.on {color:#fff;background:#354d76;border:1px solid #484853;cursor: default !important;}
.button_type01_01 {color: #858c83 !important;background: #161821 !important; border: 1px solid #1c4b5a;display:none;cursor: default !important;}
*/

.casino_slot_list {
    margin-bottom: 3px;
    padding: 4px;
}

.casino_slot_list .mune_list01 {
    margin: 10px 6px 10px 6px;
}

.casino_slot_list .mune_list01 li {
    position: relative;
    margin-bottom: 6px;
}

.casino_slot_list .menu01 {
    height: 50px;
    border-radius: 5px;
    border: 1px solid #5883cd;
    background: #1b2638;
    color: #c4c4c3;
    font-weight: bold;
    transition: 200ms all;
    line-height: 48px;
    border: 1px solid transparent;
    cursor: pointer;
    text-align: center;
}

.casino_slot_list .menu01 img {
    height: 28px;
    vertical-align: middle;
    margin: 0px 4px 2px 0px;
}

.casino_slot_list .menu01:hover {
    background: #354d76;
    font-size: 12px;
    color: #ffffff;
    border: 1px solid #18186a;
    cursor: hand !important;
    ;
}

.casino_slot_list .menu01.on {
    background: #354d76;
    border: 1px solid #5d8ec7;
    color: #fff;
}

.casino_slot_list .menu01 span {
    color: #c4c4c3;
    position: absolute;
    top: 17px;
    right: 0;
    width: 45px;
    text-align: center;
    line-height: 48px;
}

.casino_slot_list .menu01 span svg {
    width: 13px;
    height: 13px;
}

.casino_slot_list .menu01:hover span {
    color: #ffffff;
}

.casino_slot_list .menu01 .close {}

.casino_slot_list .menu_list02 {
    margin-top: 6px;
    display: none;
}

.casino_slot_list .menu02 {
    height: 50px;
    border-radius: 5px;
    background: #273147;
    font-weight: bold;
    transition: 200ms all;
    line-height: 48px;
    border: 1px solid #268ca7;
    cursor: pointer;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.35) -1px 4px 4px;
}

.casino_slot_list .menu02:hover {
    background: #29292f;
}

.casino_slot_list .menu02 .name01 {
    display: none;
}

.casino_slot_list .menu02 img {
    margin: 3px 0px 0px -10px;
}

.casino_slot_list .menu02.on {
    border: 1px solid #ff0012;
    background: #501a1a;
}

.casino_slot_list .menu02.on .ico01 {
    display: none;
}

.casino_slot_list .menu02.on .name01 {
    display: block;
}

.casino_slot_list .menu02 .count01 {
    position: absolute;
    top: 15px;
    right: 7px;
    line-height: 20px;
    background: #000000;
    width: 40px;
    border-radius: 4px;
    text-align: center;
}

.casino_slot_list .menu_list03 {
    margin-top: 6px;
    display: none;
}

.casino_slot_list .menu_list03.on {
    display: block;
}

.casino_slot_list .menu_list03 li {
    margin-bottom: 2px;
}

.casino_slot_list .menu03 {
    height: 28px;
    border-radius: 5px;
    background: #35363e;
    font-weight: bold;
    transition: 200ms all;
    line-height: 26px;
    border: 1px solid transparent;
    cursor: pointer;
    padding-left: 15px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 2px;
}

.casino_slot_list .menu03:hover {
    background: #2c3a5c;
}

.casino_slot_list .menu03.on {
    border: 1px solid #ff0012;
    background: #501a1a;
}

.casino_slot_list .menu03 .count01 {
    position: absolute;
    top: 4px;
    right: 7px;
    line-height: 20px;
    background: #000000;
    width: 40px;
    border-radius: 4px;
    text-align: center;
}

/* 라이트 영역 */
#right_section {
    position: fixed;
    margin-right: 10px;
    width: 280px;
    top: 110px;
    bottom: 0;
    right: 0;
    z-index: 10;
    padding: 0 2px;
}

#right_section.on {
    position: fixed;
    top: 110px;
}

.right_box {
    position: relative;
    height: 100%;
    overflow-y: auto;
}

.user_box {
    padding: 5px 5px;
    margin-bottom: 3px;
    margin-bottom: 10px;
}

.user_box h3 {
    font-weight: bold;
    padding: 5px 0px 7px 5px;
}

.user_box .login_input {}

.user_box .login_input input {
    width: 100%;
    border: 1px solid #268ca7;
    background: #ffffff;
    color: #000000;
    font-weight: bold;
    text-align: center;
    height: 40px;
    border-radius: 4px;
    margin-bottom: 4px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
}

.user_box .login {
    display: block;
    width: 100%;
    height: 40px;
    border: 1px solid #ff0012;
    background: #501a1a;
    border-radius: 3px;
    font-size: 12px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
    margin-bottom: 4px;
    transition: 200ms all;
}

.user_box .login:hover {
    border: 1px solid #ff0000;
    background: #ff0000;
}

.user_box .member_join {
    display: block;
    width: 100%;
    height: 40px;
    border: 1px solid #00bfff;
    background: #0079ad;
    border-radius: 3px;
    font-size: 12px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
    margin-bottom: 4px;
    transition: 200ms all;
}

.user_box .member_join:hover {
    border: 1px solid #00bfff;
    background: #00bfff;
}

.user_box .user_name {
    height: 30px;
    border: 1px solid #268ca7;
    background: #273147;
    border-radius: 3px;
    font-size: 12px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
    padding: 0px 20px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 4px;
}

.user_box .user_name span {
    display: inline-block;
    width: auto;
}

.user_box .user_name .myinfo {
    float: right;
    color: #ffffff;
    cursor: pointer;
}

/* 210521 Chris Add */
.user_box .money {
    height: 30px;
    border: 1px solid #093d66;
    color: #fcbd6a;
    background: #002a4b;
    border-radius: 3px;
    font-size: 12px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
    padding: 0px 20px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 4px;
}

.user_box .money img {
    vertical-align: middle;
    margin-bottom: 2px;
}

.user_box .money .head {
    display: inline-block;
    color: #ffffff;
    width: 75px;
}

.user_box .point {
    height: 30px;
    border: 1px solid #268ca7;
    color: #f2ae53;
    background: #273147;
    border-radius: 3px;
    font-size: 12px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
    padding: 0px 20px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 4px;
    cursor: pointer;
    position: relative;
    transition: 200ms all;
}

.user_box .point:hover {
    background: #2c3a5c;
    border: 1px solid #429be1;
}

.user_box .point img {
    vertical-align: middle;
    margin-bottom: 2px;
}

.user_box .point .head {
    display: inline-block;
    color: #ffffff;
    width: 75px;
}

.user_box .point .change {
    position: absolute;
    top: 0;
    right: 20px;
    color: #ffffff;
}

.user_box .btn_list {
    margin: 0px 0px 5px -4px;
    *zoom: 1;
}

.user_box .btn_list:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.user_box .btn_list button {
    width: 31%;
    height: 30px;
    border: 1px solid #268ca7;
    background: #2c3a5c;
    border-radius: 3px;
    font-size: 12px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 3px;
    float: left;
    margin-left: 4px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 4px;
    cursor: pointer;
    position: relative;
    transition: 200ms all;
}

.user_box .btn_list button:hover {
    background: #273147;
    border: 1px solid #429be1;
}

.user_box .btn_list button span {
    border: 1px solid #ff0012;
    background: #501a1a;
    text-align: center;
    display: inline-block;
    line-height: 18px;
    vertical-align: top;
    width: 30px;
    height: 20px;
    border-radius: 2px;
    margin: 2px 0px 0px 4px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
}

.user_box .charge {
    display: block;
    width: 100%;
    height: 40px;
    border: 1px solid #ff7e87;
    background: #cf0000;
    border-radius: 3px;
    font-size: 12px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
    margin-bottom: 10px;
    transition: 200ms all;
}

.user_box .charge:hover {
    border: 1px solid #ff0000;
    background: #ff0000;
}

.user_box .exchange {
    display: block;
    width: 100%;
    height: 40px;
    border: 1px solid #00bfff;
    background: #0079ad;
    border-radius: 3px;
    font-size: 12px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
    margin-bottom: 10px;
    transition: 200ms all;
}

.user_box .exchange:hover {
    border: 1px solid #00bfff;
    background: #00bfff;
}

#list_load {
    width: 100%;
    height: 80px;
    border: 1px solid #268ca7;
    background: #273147;
    border-radius: 3px;
    font-size: 12px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 3px;
    float: left;
    line-height: 80px;
    font-weight: bold;
    margin-bottom: 40px;
    cursor: pointer;
    position: relative;
    transition: 200ms all;
    display: none;
}

#list_load_small {
    width: 80px;
    height: 25px;
    border: 1px solid #093d66;
    background: #2e6ea2;
    border-radius: 3px;
    font-size: 10px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 3px;
    line-height: 20px;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    transition: 200ms all;
    display: none;
    float: right;
    top: -5px;
    left: 360px;
}

.betting_cart {
    margin-bottom: 10px;
    padding: 6px 5px;
}

.betting_cart h3 {
    margin-bottom: 10px;
    height: 60px;
    line-height: 60px;
    background: #2e2e35;
    border: 1px solid #3a3a42;
    color: #f4c600;
    font-size: 24px;
    font-weight: bold;
    padding-left: 20px;
    border-radius: 4px;
}

.betting_cart h3 img {
    vertical-align: middle;
    margin-bottom: 4px;
}

.betting_cart .betting_list {
    margin-bottom: 10px;
}

.betting_cart .betting_list li {
    border: 1px solid #3a3a42;
    margin-bottom: 3px;
    border-radius: 4px;
}

/*.betting_cart h4 {line-height:26px;padding:0px 13px;height:29px;position:relative;font-weight:bold;}*/
.betting_cart h4 {
    line-height: 26px;
    padding: 0px 18px;
    position: relative;
    font-weight: bold;
}

.betting_cart h4 .del {
    position: absolute;
    top: 0;
    right: 0px;
    height: 100%;
    width: 28px;
    cursor: pointer;
    text-align: center;
}

.betting_cart h4 .del img {
    margin-top: 6px;
}

.betting_cart .name {
    line-height: 26px;
    padding: 0px 13px;
    height: 29px;
    position: relative;
    font-weight: bold;
}

.betting_cart .result {
    line-height: 26px;
    background: #996300;
    color: #ffd200;
    padding: 0px 13px;
    height: 29px;
    position: relative;
    font-weight: bold;
    cursor: pointer;
}

.betting_cart .result span {
    position: absolute;
    top: 0;
    right: 13px;
}

.betting_list .match {
    line-height: 20px;
    color: #ff7600;
    background: #223148;
    padding: 0px 5px;
    height: 20px;
    position: relative;
    font-weight: bold;
    cursor: pointer;
}

.betting_list .match span {
    position: absolute;
    top: 0;
    right: 5px;
}

.betting_list .matchteam {
    font-size: 11px;
    line-height: 13px;
    color: #39c0e3;
    background: #223148;
    padding: 0px 5px;
    height: 17px;
    position: relative;
    font-weight: bold;
    cursor: pointer;
    overflow: auto;
}

/*.betting_list .betoption {line-height:26px;border-top:1px solid #3f3f43;padding:0px 18px;position:relative;font-weight:bold;color:#ffd200;background:#1d293a;overflow:hidden;}*/
.betting_list .betoption {
    line-height: 20px;
    border-top: 1px solid #3f3f43;
    padding: 0px 18px;
    position: relative;
    /*font-weight:bold;*/
    color: #d5e8ff;
    background: #525b76;
    overflow: hidden;
}

.betting_list .betoption span {
    position: absolute;
    ;
    right: 5px;
}

.betting_cart .betting_box {
    background: #1d293a;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
    padding: 7px;
    border-radius: 4px;
}

.betting_cart .betting_box ul {
    margin-bottom: 12px;
}

.betting_cart .betting_box ul li {
    border-bottom: 1px solid #333340;
    line-height: 30px;
    position: relative;
    padding: 0px 3px;
}

.betting_cart .betting_box ul li span {
    position: absolute;
    top: 0;
    right: 3px;
    color: #ffa604;
    font-weight: bold;
}

.betting_cart .betting_box ul li input {
    background: #ffffff;
    color: #222222;
    text-indent: 10px;
    width: 110px;
    border: 1px solid #d3d3d3;
}

.betting_cart .betting_box .btn_list {
    margin: 0px 0px 5px -4px;
    *zoom: 1;
}

.betting_cart .betting_box .btn_list:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.betting_cart .betting_box .btn_list button {
    width: 48%;
    height: 30px;
    border: 1px solid #3e3e43;
    background: #2c3a5c;
    font-size: 12px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
    float: left;
    margin-left: 3px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 4px;
    cursor: pointer;
    position: relative;
    transition: 200ms all;
    border-radius: 3px;
}

.betting_cart .betting_box .btn_list button:hover {
    background: #273147;
    border: 1px solid #429be1;
}

.betting_cart .betting_box .btn_list button span {
    color: #ffa604;
}

.betting_cart .betting_box .max_bet {
    margin-bottom: 10px;
}

.betting_cart .betting_box .max_bet button {
    width: 100%;
    height: 30px;
    border: 1px solid #3e3e43;
    background: #501a1a;
    font-size: 12px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 4px;
    cursor: pointer;
    position: relative;
    transition: 200ms all;
    border-radius: 3px;
}

.betting_cart .betting_box .max_bet button:hover {
    color: #ffa604;
}

.betting_cart .betting_box .mix_bet {
    margin-bottom: 10px;
}

.betting_cart .betting_box .mix_bet button {
    width: 100%;
    height: 30px;
    border: 1px solid #3e3e43;
    background: #056f9a;
    font-size: 12px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 4px;
    cursor: pointer;
    position: relative;
    transition: 200ms all;
    border-radius: 3px;
}

.betting_cart .betting_box .mix_bet button:hover {
    color: #ffa604;
}

.betting_cart .betting_box .bet_arae {
    margin: 0px 0px 0px -4px;
    *zoom: 1;
}

.betting_cart .betting_box .bet_arae .bet_live_msg {
    color: yellow;
    font-size: 12px;
    line-height: 20px;
    padding: 0px 10px 10px;
}

.betting_cart .betting_box .bet_arae:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

/*.betting_cart .betting_box .bet_arae .btn_bet {width:115px;height:80px;border:1px solid #3e3e43;background:#2272d4;font-size:12px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;float:left;margin-left:4px;
	line-height:76px;font-weight:bold;margin-bottom:4px;cursor:pointer;position:relative;transition:200ms all;border-radius:3px;}*/
.betting_cart .betting_box .bet_arae .btn_bet {
    background: #9f874f;
    border: 1px solid transparent;
    border-radius: 5px;
    height: 80px;
    margin-left: 4px;
    width: 48%;
    margin-bottom: 7px;
    font-size: 15px;
    line-height: 20px;
    padding: 0px 10px;
    position: relative;
    font-weight: bold;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
}


.stickybox {
    position: fixed;
    display: none;
    width: 100px;
    z-index: 100;
    right: 3%;
    bottom: -100px;
    margin-left: 0;
    filter: alpha(opacity=90);
    opacity: .90;
    -moz-opacity: .90;
}

.stickybox .num {
    position: absolute;
    right: 17px;
    bottom: 15px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.top-container {
    position: fixed;
    cursor: pointer;
    opacity: 1;
    visibility: visible;
    z-index: 100;
    position: fixed;
    bottom: 0px;
    width: 80px;
    height: 80px;
    left: calc(100% - 380px);
    top: calc(100% - 100px);
    min-height: 0px;
    min-width: 80px;
    background-color: transparent;
    border: 0px;
    overflow: show;
    right: 0px;
    transition: none 0s ease 0s !important;
}

.top-container img {
    width: 80px;
}

.betting_cart .cardselcount_r {
    width: 30px;
    margin-left: 10px;
    ;
    top: 38px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: fff;
}



.betting_cart .betting_box .bet_arae .btn_bet:hover {
    color: #ffa604;
}

/*.betting_cart .betting_box .bet_arae .btn_del {width:115px;height:80px;border:1px solid #3e3e43;background:#e64848;font-size:12px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;float:left;margin-left:4px;
	line-height:76px;font-weight:bold;margin-bottom:4px;cursor:pointer;position:relative;transition:200ms all;border-radius:3px;}*/
.betting_cart .betting_box .bet_arae .btn_del {
    background: #4482a0;
    border: 1px solid transparent;
    border-radius: 5px;
    height: 80px;
    width: 48%;
    margin-bottom: 7px;
    font-size: 15px;
    line-height: 20px;
    padding: 0px 10px;
    position: relative;
    font-weight: bold;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
}


.betting_cart .betting_box .bet_arae .btn_del:hover {
    color: #ffa604;
}

.banner_area {
    margin-bottom: 20px;
}

.banner_area .chetting {
    border: 2px solid #ffea00;
    background: #0c1319;
    border-radius: 4px;
    height: 80px;
    margin-bottom: 5px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
    cursor: pointer;
    text-align: center;
    padding-top: 17px;
}

.banner_area .quest {
    border: 1px solid #268ca7;
    background: #273147;
    border-radius: 4px;
    height: 80px;
    margin-bottom: 5px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
    cursor: pointer;
    text-align: center;
    padding-top: 17px;
    transition: 200ms all;
}

.banner_area .quest:hover {
    background: #2c3a5c;
}

.banner_area img {
    cursor: pointer;
}

/* 푸터 */
footer .bg1 {
    background: #1a223b;
}

footer .bg2 {
    /*background-color: rgb(15, 19, 32);*/
}

footer .foot_site {
    margin: 0px 280px 50px 280px;
    max-width: 1440px;
}

footer .foot_site:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

footer .foot_site li {
    float: left;
    height: 65px;
    margin-right: 10px;
}

footer .footer_bottom {
    position: relative;
}

footer h1 {
    position: absolute;
    top: 0px;
    left: 0;
}

footer p {
    position: relative;
    left: 280px;
    margin: 0px 280px 0px 0px;
    font-size: 11px;
    padding: 0px 0px 0px 0px;
}

footer copyright {
    position: absolute;
    right: 10px;
    top: 70px;
    margin: 0px 280px 0px 0px;
    font-size: 12px;
    padding-left: 0px;
    f
}

footer copyright span {
    color: #c34013;
}

/*
#mobile_foot_menu {bottom: 0px;left: 0px;position: fixed;width: 100%;z-index:250;border-top-left-radius: 10px;border-top-right-radius: 10px;display:none;
	background-color: rgb(34, 34, 39);}*/
#mobile_foot_menu {
    bottom: 0px;
    left: 0px;
    position: fixed;
    width: 100%;
    z-index: 250;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: none;
    background-color: rgb(0 95 170);
    box-shadow: rgb(0 0 0 / 50%) 0px 0px 20px, rgb(9 42 83) 0px 6px 30px inset;
}

#mobile_foot_menu .foot_menu {
    height: 35px;
    margin: 5px 0px;
}

#mobile_foot_menu .foot_menu li {
    float: left;
    width: 20%;
    text-align: center;
    height: 100%;
}

#mobile_foot_menu .telegram {
    cursor: pointer;
}

#mobile_foot_menu .telegram .ico {
    display: block;
}

#mobile_foot_menu .telegram .ico img {
    height: 24px;
}

#mobile_foot_menu .telegram .name {
    float: left;
    font-size: 12px;
    padding-top: 3px;
    line-height: 18px;
}

#mobile_foot_menu .telegram .name .address {
    display: block;
    font-size: 12px;
    color: #d7c509;
}

#mobile_foot_menu .ico_customer {
    cursor: pointer;
    height: 100%;
    padding-top: 3px;
    min-width: 45px;
}

#mobile_foot_menu .ico_customer img {
    height: 35px;
}

#mobile_foot_menu .ico_chetting {
    cursor: pointer;
    height: 100%;
    padding-top: 3px;
    min-width: 45px;
}

#mobile_foot_menu .ico_chetting img {
    height: 35px;
}

#mobile_foot_menu .ico_cart {
    cursor: pointer;
    height: 100%;
    padding-top: 3px;
    min-width: 45px;
}

#mobile_foot_menu .ico_cart img {
    height: 35px;
}

#mobile_foot_menu .ico_cart num {
    position: relative;
    top: -5px;
    color: yellow;
    font-size: 20px;
    font-weight: bold;
}

#mobile_foot_menu .ico_bottom_menu {
    cursor: pointer;
    height: 100%;
    margin-top: 8px;
    min-width: 45px;
    color: #7ee629;
    font-size: 18px;
    font-weight: bold;
    vertical-align: middle;
}

#mobile_foot_menu .ico_bottom_menu svg {
    height: 28px;
    vertical-align: middle;
    margin-top: 5px;
    margin-left: 5px;
}

.mobile_betting_cart {
    position: fixed;
    width: 280px;
    height: calc(100% - 70px);
    top: 70px;
    right: -320px;
    background: #161e2e;
    z-index: 200;
    overflow-x: hidden;
    padding-bottom: 30px;
    transition: 400ms all;
    padding: 15px 10px 30px 0px;
    display: none;
    box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
    border-left: 1px solid #333;
}

.mobile_betting_cart .logo {
    margin-bottom: 15px;
    text-align: center;
}

.mobile_betting_cart .logo img {
    height: 50px;
}

.mobile_bottom_menu {
    position: fixed;
    width: 280px;
    height: 100%;
    top: 0;
    right: -280px;
    background: #222222;
    z-index: 200;
    overflow-x: hidden;
    padding-bottom: 30px;
    transition: 400ms all;
    padding: 15px 10px 30px 10px;
    display: none;
    box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

/* 컨텐츠 */

#contents {
    position: relative;
    margin: 4px 310px;
    /*    background: #0e1320 !important;*/
}

/* 메인 비쥬얼 */
.main_visual {
    position: relative;
    height: 390px;
    margin: 0 0 10px 0;
    overflow: hidden;
}

.main_visual .swiper-wrapper {}

.main_visual .swiper-slide {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px;
    border-radius: 4px;
}

.main_visual .swiper-pagination {
    display: block;
    height: 4px;
    box-sizing: border-box;
    margin-bottom: 20px;
    z-index: 1;
}

.main_visual .swiper-pagination-bullet {
    display: inline-block;
    width: 8%;
    height: 5px;
    background: #ede7dd;
    margin: 0 5px;
    opacity: 1;
    border-radius: 0;
    vertical-align: top;
}

.main_visual .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #c70000;
    opacity: 1;
}

.main_visual .bg01 {
    background: url("/images/client/main/main_bg_01.png?v=5") no-repeat;
    background-position: 70% left;
    background-position: center
}

.main_visual .bg02 {
    background: url("/images/client/main/main_bg_02.png?v=5") no-repeat;
    background-position: 70% left;
    background-position: center
}

.main_visual .bg03 {
    background: url("/images/client/main/main_bg_03.png?v=5") no-repeat;
    background-position: 70% top;
    background-position: center
}

.main_visual .bg04 {
    background: url("/images/client/main/main_bg_04.png?v=5") no-repeat;
    background-position: 70% top;
    background-position: center
}

.main_visual .bg05 {
    background: url("/images/client/main/main_bg_05.png?v=5") no-repeat;
    background-position: 70% top;
    background-position: center
}

.main_visual .bg06 {
    background: url("/images/client/main/main_bg_06.png?v=5") no-repeat;
    background-position: 70% top;
    background-position: center
}

.main_visual .bg07 {
    background: url("/images/client/main/main_bg_07.png?v=5") no-repeat;
    background-position: 70% top;
    background-position: center
}

.main_visual .box01 {
    width: 800px;
    margin: 30 auto;
    padding: 30px;
    text-shadow: 1px 1px 1px #000;
    background: #16161663;
}

.main_visual .box01 h3 {
    font-size: 24px;
    font-weight: bold;
    color: #fbe1a7;
}

.main_visual .box01 h3 strong {
    display: block;
    font-size: 70px;
    font-weight: bold;
    line-height: 70px;
    color: #fbe1a7;
}

.main_visual .box01 p {
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    padding-top: 30px;
}

.main_visual .box01 button {
    width: 230px;
    height: 43px;
    border: 1px solid #268ca7;
    background: #3c5c81;
    border-radius: 3px;
    transition: 200ms all;
    line-height: 40px;
    font-weight: bold;
    margin-top: 18px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
}

.main_visual .box01 button:hover {
    background: #218aa5;
}

.main_visual .box01 img {
    background-color: #585858bf;
    padding: 5px;
}

.main_visual .box02 {
    width: 350px;
    margin: 0 auto;
    padding-top: 85px;
    text-shadow: 1px 1px 1px #000;
}

.main_visual .box02 h3 {
    font-size: 24px;
    font-weight: bold;
    color: #ffb100;
}

.main_visual .box02 h3 strong {
    display: block;
    font-size: 70px;
    font-weight: bold;
    line-height: 70px;
    color: #ffb100;
}

.main_visual .box02 p {
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    padding-top: 30px;
}

.main_visual .box02 button {
    width: 230px;
    height: 43px;
    border: 1px solid #268ca7;
    background: #3c5c81;
    border-radius: 3px;
    transition: 200ms all;
    line-height: 40px;
    font-weight: bold;
    margin-top: 18px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
}

.main_visual .box02 button:hover {
    background: #218aa5;
}

.main_visual .box03 {
    width: 1280px;
    margin: 0 auto;
    padding-top: 15px;
    text-shadow: 1px 1px 1px #000;
}

.main_visual .box03 h3 {
    font-size: 24px;
    font-weight: bold;
    color: #ffb100;
}

.main_visual .box03 h3 strong {
    display: block;
    font-size: 70px;
    font-weight: bold;
    line-height: 70px;
    color: #ffb100;
}

.main_visual .box03 p {
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    padding-top: 10px;
}

.main_visual .box03 button {
    width: 230px;
    height: 43px;
    border: 1px solid #268ca7;
    background: #3c5c81;
    border-radius: 3px;
    transition: 200ms all;
    line-height: 40px;
    font-weight: bold;
    margin-top: 18px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
}

.main_visual .box03 button:hover {
    background: #218aa5;
}

.main_visual .box03 .bigwin {
    position: relative;
    height: 30px;
    width: 400px;
    background: #2d343b;
    line-height: 28px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 3px;
    border-radius: 4px;
    margin-bottom: 4px;
    padding-left: 15px;
    font-weight: bold;
    color: #f5f5f5
}

.main_visual .box03 .bigwin .time {
    display: inline-block;
    width: 15%;
    text-align: center;
}

.main_visual .box03 .bigwin .game {
    display: inline-block;
    width: 40%;
    text-align: left;
}

.main_visual .box03 .bigwin .user_id {
    display: inline-block;
    width: 15%;
    text-align: left;
}

.main_visual .box03 .bigwin .money {
    display: inline-block;
    width: 25%;
    text-align: right;
}

.main_visual_big {
    position: relative;
    height: 240px;
    margin: 10px 0 0 0;
    overflow: hidden;
    /*border-bottom:10px solid #ffc800;*/
    max-width: 1280px;
    margin: 0 auto;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 3px;
    border-radius: 4px;
    background: rgb(15 15 15 / 70%);
}

.main_visual_big .box03 .bigwin {
    position: relative;
    height: 30px;
    width: 400px;
    background: #2d343b75;
    line-height: 28px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 3px;
    border-radius: 4px;
    margin-bottom: 4px;
    padding-left: 15px;
    font-weight: bold;
    color: #f5f5f5
}

.main_visual_big .box03 .bigwin .time {
    display: inline-block;
    width: 15%;
    text-align: left;
    overflow: hidden;
}

.main_visual_big .box03 .bigwin .game {
    display: inline-block;
    width: 40%;
    text-align: left;
    overflow: hidden;
}

.main_visual_big .box03 .bigwin .user_id {
    display: inline-block;
    width: 15%;
    text-align: left;
    overflow: hidden;
}

.main_visual_big .box03 .bigwin .money {
    display: inline-block;
    width: 25%;
    text-align: right;
    overflow: hidden;
}

.main_visual_big .box03 {
    padding-top: 5px !important;
}

.main_visual_big .box03 .bigwin {
    width: 340px !important;
    height: 20px !important;
    line-height: 20px !important;
}

.main_visual_big .box03 h3 {
    font-size: 18px !important;
}

.mainvideo {
    width: 140%;
}


/* 메인 스포츠 매치 */
.main_sports {
    position: relative;
    *zoom: 1;
    margin-bottom: 15px;
}

.main_sports:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.main_sports section {
    width: 50%;
    float: left;
    padding: 0px 2px 0px 0px;
    min-height: 310px;
}

.main_sports section:last-child {
    padding: 0px 0px 0px 2px;
}

.main_sports .head {
    background: #2c3a5c;
    height: 40px;
    border: 1px solid transparent;
    border-radius: 5px;
    height: 40px;
    margin-bottom: 7px;
    font-size: 12px;
    line-height: 36px;
    padding: 0px 30px;
    position: relative;
    font-weight: bold;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
}

.main_sports .head h3 {
    font-size: 12px;
    line-height: 36px;
    font-weight: bold;
}

.main_sports .head h3 span {
    color: #ffa604;
}

.main_sports .head button {
    position: absolute;
    top: 3px;
    right: 20px;
    width: 70px;
    height: 30px;
    border: 1px solid #268ca7;
    background: #3c5c81;
    border-radius: 3px;
    font-size: 12px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
}

.main_sports .box01 {
    border: 1px solid #2d2d34;
    border-radius: 4px;
    background: #273147;
    padding: 8px;
    margin-bottom: 3px;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
}

.main_sports .box01 h4 {
    border-radius: 3px;
    background: #3c5c81;
    height: 30px;
    padding: 4px 10px;
    line-height: 20px;
    font-size: 12px;
    transition: 200ms all;
    margin-bottom: 3px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
}

.main_sports .box01 h4 .ico01 {
    height: 20px;
}

.main_sports .box01 h4 .arrow {
    vertical-align: middle;
    margin-bottom: 2px;
    margin-right: 10px;
}

.main_sports .box01 h4 .nation {
    height: 16px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.main_sports .box01 ul {
    margin-bottom: 8px;
}

.main_sports .box01 ul:last-child {
    margin-bottom: 0;
}

.main_sports .box01 ul li {
    border-bottom: 1px solid #373738;
    position: relative;
    padding: 6px 0px 10px 0px;
    *zoom: 1;
}

.main_sports .box01 ul li:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.main_sports .box01 ul li:before {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    height: 1px;
    background: #000000;
}

.main_sports .box01 .time_arae {
    float: left;
    width: 25%;
    text-align: center;
    line-height: 28px;
    font-size: 12px;
}

.main_sports .box01 .bet_area {
    float: left;
    width: 75%;
    text-align: center;
}

.main_sports .box01 .bet_area div {
    display: inline-block;
    line-height: 28px;
    height: 30px;
    border: 1px solid #484853;
    background: #3a3a42;
    border-radius: 3px;
    font-size: 12px;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
    transition: 200ms all;
}

.main_sports .box01 .bet_area .home {
    width: 40%;
    text-align: left;
    padding: 0px 10px;
}

.main_sports .box01 .bet_area .home:hover {
    background: #501a1a;
    border: 1px solid #ff0012;
}

.main_sports .box01 .bet_area .home.on {
    background: #cf4d2b;
    border: 1px solid #bd2727;
}

.main_sports .box01 .bet_area .vs {
    width: 14%;
    text-align: center;
    cursor: default;
}

.main_sports .box01 .bet_area .away {
    width: 40%;
    text-align: right;
    padding: 0px 10px;
}

.main_sports .box01 .bet_area .away:hover {
    background: #2688a3;
    border: 1px solid #00bfff;
}

.main_sports .box01 .bet_area .away.on {
    background: #00bfff;
    border: 1px solid #00bfff;
}

/* 메인 미니게임 */
.main_minigame {
    position: relative;
    *zoom: 1;
}

.main_minigame:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.main_minigame ul {
    margin: 0px -6px;
    height: 350px;
}

.main_minigame ul li {
    float: left;
    width: 25%;
    padding: 0px 7px;
    height: 100%;
}

.main_minigame ul li .box01 {
    position: relative;
    height: 100%;
    border: 1px solid #313138;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
    border-radius: 7px;
    cursor: pointer;
}

.main_minigame ul li .box01:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0c1319;
    opacity: 0.5;
    transition: 200ms all;
}

.main_minigame ul li .box01:hover:before {
    opacity: 0;
}

.main_minigame ul li .box01.bg01 {
    background: url("/images/client/img_minigame_01.png") no-repeat;
    background-position: center top;
    background-size: cover;
}

.main_minigame ul li .box01.bg02 {
    background: url("/images/client/img_minigame_02.png") no-repeat;
    background-position: center top;
    background-size: cover;
}

.main_minigame ul li .box01.bg03 {
    background: url("/images/client/img_minigame_03.png") no-repeat;
    background-position: center top;
    background-size: cover;
}

.main_minigame ul li .box01.bg04 {
    background: url("/images/client/img_minigame_04.png") no-repeat;
    background-position: center top;
    background-size: cover;
}

.main_minigame ul li .box01 h3 {
    position: relative;
    padding: 40px 0px 0px 25px;
    font-weight: bold;
    color: #ffea00;
    font-size: 12px;
    z-index: 10;
}

.main_minigame ul li .box01 h3 strong {
    display: block;
    color: #ffffff;
    font-size: 20px;
    line-height: 30px;
}

.main_minigame ul li .box01 .bottom01 {
    position: absolute;
    bottom: 0;
    left;
    0;
    width: 100%;
    line-height: 70px;
    text-align: center;
    background: #0c1319;
    border-top: 1px solid #268ca7;
    opacity: 0.5;
    z-index: 10;
}

/* 오늘의 경기 */
.today_sports {
    position: relative;
    border: 2px solid #ffea00;
    border-radius: 5px;
    background: url("/images/client/bg_today_02.png") no-repeat left top #0c1319;
    margin-bottom: 10px;
    min-height: 150px;
}

.today_sports:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    background: url("/images/client/bg_today_01.png") no-repeat right bottom;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.today_sports .title_area {
    position: absolute;
    top: 15px;
    left: 30px;
}

.today_sports .title_area h3 {
    font-size: 23px;
    font-weight: bold;
    color: #ffea00;
    background: #0c1319;
    line-height: 28px;
    padding: 0px 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.today_sports .title_area h4 {
    font-weight: bold;
    background: #0c1319;
    padding: 0px 5px;
    line-height: 14px;
}

.today_sports .more_btn {
    position: absolute;
    top: 15px;
    right: 25px;
}

.today_sports .more_btn button {
    height: 30px;
    width: 60px;
    border: 1px solid #ff0012;
    background: #501a1a;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
    font-weight: bold;
}

.today_sports .more_btn button:hover {
    background: #ff0012;
}

.today_sports .more_btn .close {
    display: none;
}

.today_sports .head_sports {
    position: relative;
    margin: 25px 20px 30px 210px;
    max-width: 520px;
}

.today_sports .head_sports:before {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    height: 1px;
    background: #000000;
}

.today_sports .head_sports .team_name {
    font-weight: bold;
    margin-bottom: 7px;
    padding-left: 10px;
}

.today_sports .head_sports .date {
    color: #2c3a5c;
    font-weight: bold;
    margin-bottom: 20px;
    padding-left: 10px;
}

.today_sports .head_sports .bet_area {
    padding-bottom: 10px;
    border-bottom: 1px solid #373738;
    *zoom: 1;
    text-align: center;
}

.today_sports .head_sports .bet_area:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.today_sports .head_sports .bet_area div {
    display: inline-block;
    line-height: 28px;
    height: 30px;
    border: 1px solid #484853;
    background: #3a3a42;
    border-radius: 3px;
    font-size: 12px;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
    transition: 200ms all;
}

.today_sports .head_sports .bet_area .home {
    width: 40%;
    text-align: left;
    padding: 0px 10px;
}

.today_sports .head_sports .bet_area .home:hover {
    background: #501a1a;
    border: 1px solid #ff0012;
}

.today_sports .head_sports .bet_area .home.on {
    background: #cf4d2b;
    border: 1px solid #bd2727;
}

.today_sports .head_sports .bet_area .vs {
    width: 14%;
    text-align: center;
    cursor: default;
}

.today_sports .head_sports .bet_area .draw {
    width: 14%;
    text-align: center;
    cursor: default;
}

.today_sports .head_sports .bet_area .draw:hover {
    background: #203123;
    border: 1px solid #85ffa5;
}

.today_sports .head_sports .bet_area .draw.on {
    background: #85ffa5;
    border: 1px solid #85ffa5;
}

.today_sports .head_sports .bet_area .away {
    width: 40%;
    text-align: right;
    padding: 0px 10px;
}

.today_sports .head_sports .bet_area .away:hover {
    background: #2688a3;
    border: 1px solid #00bfff;
}

.today_sports .head_sports .bet_area .away.on {
    background: #00bfff;
    border: 1px solid #00bfff;
}

.today_sports .more_list {
    position: relative;
    margin: 20px 50px;
    display: none;
}

.today_sports .more_list .list_box {
    *zoom: 1;
    padding-bottom: 14px;
    border-bottom: 1px solid #373738;
    margin-bottom: 15px;
    position: relative;
}

.today_sports .more_list .list_box:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.today_sports .more_list .list_box:before {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    height: 1px;
    background: #000000;
}

.today_sports .more_list .list_box li {
    float: left;
    width: 25%;
    padding: 5px;
}

.today_sports .more_list .box01 {
    border: 1px solid #484848;
    background: #1c1c25;
    border-radius: 5px;
    padding: 9px;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
}

.today_sports .more_list h4 {
    border-radius: 3px;
    background: #3c5c81;
    height: 30px;
    padding: 4px 10px;
    line-height: 20px;
    font-size: 12px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
}

.today_sports .more_list h4 .ico01 {
    height: 20px;
}

.today_sports .more_list h4 .arrow {
    vertical-align: middle;
    margin-bottom: 2px;
    margin-right: 10px;
}

.today_sports .more_list h4 .nation {
    height: 16px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.today_sports .more_list .game_list {
    padding-bottom: 10px;
    border-bottom: 1px solid #373738;
    position: relative;
}

.today_sports .more_list .game_list:before {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    height: 1px;
    background: #000000;
}

.today_sports .more_list .game_list:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.today_sports .more_list .game_list:last-child:before {
    background: none;
}

.today_sports .more_list .team_name {
    font-weight: bold;
    margin: 10px 0px 7px 0px;
    padding-left: 10px;
}

.today_sports .more_list .date {
    color: #a2a2a2;
    font-weight: bold;
    margin-bottom: 15px;
    padding-left: 10px;
}

.today_sports .more_list .bet_area {}

.today_sports .more_list .bet_area div {
    line-height: 28px;
    height: 30px;
    border: 1px solid #484853;
    background: #3a3a42;
    border-radius: 3px;
    font-size: 12px;
    cursor: pointer;
    position: relative;
    margin-bottom: 4px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
    transition: 200ms all;
}

.today_sports .more_list .bet_area .home {
    padding: 0px 10px;
}

.today_sports .more_list .bet_area .home:hover {
    background: #501a1a;
    border: 1px solid #ff0012;
}

.today_sports .more_list .bet_area .home.on {
    background: #cf4d2b;
    border: 1px solid #bd2727;
}

.today_sports .more_list .bet_area .vs {
    text-align: center;
}

.today_sports .more_list .bet_area .draw {
    text-align: center;
}

.today_sports .more_list .bet_area .draw:hover {
    background: #203123;
    border: 1px solid #85ffa5;
}

.today_sports .more_list .bet_area .draw.on {
    background: #76cb5c;
    border: 1px solid #85ffa5;
}

.today_sports .more_list .bet_area .away {
    padding: 0px 10px;
}

.today_sports .more_list .bet_area .away:hover {
    background: #2688a3;
    border: 1px solid #00bfff;
}

.today_sports .more_list .bet_area .away.on {
    background: #00bfff;
    border: 1px solid #00bfff;
}

.today_sports .more_list .bet_area .bed {
    position: absolute;
    top: 0;
    right: 10px;
    color: #ffa604;
    line-height: 28px;
}

.today_sports .more_list .add_list {
    text-align: center;
    cursor: pointer;
}

@media (min-width:1600px) and (max-width:1800px) {
    .today_sports .more_list {
        margin: 20px 10px !important;
    }
}

@media (min-width:1200px) and (max-width:1600px) {
    .today_sports .more_list {
        margin: 20px 10px !important;
    }

    .today_sports .more_list .list_box li {
        width: 50% !important;
    }
}

/* 스포츠 컨텐츠 */
.sports_head {}

.sports_head .menu_list {
    overflow: hidden;
    overflow-x: auto;
    margin-bottom: 0px;
}

/*.sports_head .menu_list {overflow:hidden;overflow-x:auto;height:60px;margin-bottom:10px;}
.sports_head .menu_list::-webkit-scrollbar {height:0px;}
.sports_head .menu_list ul {min-width:600px;*zoom:1;}*/
.sports_head .menu_list ul:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.sports_head .menu_list li {
    float: left;
    width: 250px;
    height: 60px;
    margin-bottom: 8px;
}

@media (min-width:320px) and (max-width:500px) {
    .sports_head .menu_list ul {
        min-width: 100%;
    }

    .sports_head .menu_list li {
        float: left;
        width: 24%;
        height: 60px;
        margin-right: 2px;
        margin-bottom: 2px;
    }
}

.sports_head .menu_list button {
    height: 60px;
    width: 100%;
}

.sports_head .menu_list button svg {
    width: 28px;
    vertical-align: middle;
    margin-right: 10px;
}

.sports_head .menu_list button span {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.sports_head .menu_list2 {
    display: none;
    overflow: hidden;
    margin-bottom: 10px;
    *zoom: 1;
}

.sports_head .menu_list2:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.sports_head .menu_list2 ul {}

.sports_head .menu_list2 ul li {
    float: left;
    margin-right: 8px;
}

.sports_head .menu_list2 ul button {
    height: 45px;
    width: 100%;
}

.sports_head .menu_list2 .list01 li {
    width: 50px;
}

.sports_head .menu_list2 .list01 li:first-child {
    width: 125px;
}

.sports_head .menu_list2 .list02 {
    top: -1px;
    left: 310px;
    width: 100%;
}

.sports_head .menu_list2 .list02 li {
    width: 50px;
    text-align: center;
}

.sports_head .menu_list2 .list02 li img {
    width: 25px;
}

.sports_head .menu_list2 .list02 li span {
    position: relative;
    top: -5px;
}

.sports_head .menu_list2 .list03 {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
}

.sports_head .menu_list2 .list03 li {
    width: 50px;
}

.sports_head .menu_list2 .list03 li img {
    width: 25px;
}

.sports_head .menu_list3 {
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
    *zoom: 1;
}

.sports_head .menu_list3:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.sports_head .menu_list3 ul {}

.sports_head .menu_list3 ul li {
    float: left;
    margin-right: 8px;
}

.sports_head .menu_list3 ul button {
    height: 45px;
    width: 100%;
}

.sports_head .menu_list3 .list01 li {
    width: 50px;
}

.sports_head .menu_list3 .list01 li:first-child {
    width: 125px;
}

.sports_head .menu_list3 .list02 {
    top: -1px;
    left: 310px;
    width: 100%;
}

.sports_head .menu_list3 .list02 li {
    width: 50px;
    text-align: center;
}

.sports_head .menu_list3 .list02 li img {
    width: 25px;
}

.sports_head .menu_list3 .list02 li span {
    position: relative;
    top: -5px;
}

.sports_head .menu_list3 .list03 {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
}

.sports_head .menu_list3 .list03 li {
    width: 50px;
}

.sports_head .menu_list3 .list03 li img {
    width: 25px;
}

.sports_head .sports_search {
    height: 45px;
    border: 1px solid #393a43;
    border-radius: 5px;
    position: relative;
    background: #3c5c81;
    margin-bottom: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
}

.sports_head .sports_search input {
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    color: #ffffff;
    text-indent: 60px;
    width: 95%;
}

.sports_head .sports_search input:-ms-input-placeholder {
    color: #757575 !important;
}

.sports_head .sports_search input::-webkit-input-placeholder {
    color: #757575 !important;
}

.sports_head .sports_search input::-moz-placeholder {
    color: #757575 !important;
}

.sports_head .sports_search svg {
    height: 25px;
    width: 25px;
    position: absolute;
    top: 10px;
    left: 15px;
    color: #ffa604;
}

.sports_head .menu_sub button {
    height: 30px;
    width: 100%;
}

.sports_head .menu_sub button svg {
    width: 28px;
    vertical-align: middle;
    margin-right: 10px;
}

.sports_head .menu_sub button span {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}


/* 스포츠 게임 해외형 리스트 */
.sports_game {
    margin-bottom: 0px;
}

.sports_game h2 {
    margin-bottom: 10px;
    position: relative;
    border: 1px solid transparent;
    border-radius: 5px;
    background: #273147;
    border: 1px solid #2d2d34;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    height: 45px;
    padding-left: 15px;
    line-height: 43px;
    font-size: 18px;
    color: #ef9d07;
}

.search_sdate {
    position: absolute;
    float: right;
    top: 1px;
    margin-left: 200px;
    color: #ef9d07;
    font-size: 15px;
    width: 100px;
}

.search_edate {
    position: absolute;
    float: right;
    top: 1px;
    margin-left: 257px;
    color: #ef9d07;
    font-size: 15px;
    width: 100px;
}

.sports_game:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.sports_game section {
    width: 100%;
    float: left;
    padding: 0px 2px 0px 0px;
}

.sports_game section:last-child {
    padding: 0px 0px 0px 2px;
}

/*
.sports_game .section1 {width:100%;float:left;height:800px;border-right:0px solid #ffa604;}
.sports_game .section2 {width:0%;height:800px;display:none;}*/

.sports_game .section1 {
    width: 100%;
    float: left;
    height: 100%;
    border-right: 0px solid #ffa604;
}

.sports_game .section2 {
    position: fixed;
    top: 160px;
    left: 50%;
    width: calc(50% - 280px) !important;
    height: calc(100vh - 60px);
    display: none;
}

/*.sports_game .section2 {position:fixed;top:120px;left:50%;width:50%;:}*/


/*메인 리스트 3개 배팅 버튼 옵션*/
.sports_game ul {
    margin-top: 2px;
}

.sports_game ul:last-child {
    margin-bottom: 0;
}

.sports_game ul li {
    position: relative;
    padding: 0px;
    *zoom: 1;
}

.sports_game ul li:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.sports_game ul li:before {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    height: 0px;
    background: #000000;
}

.sports_game ul li.li_border_x {
    border: 0;
    padding: 0;
    border-bottom: 3px solid #373738;
    margin-bottom: 10px;
}

.sports_game .type01 {
    float: left;
    width: 30%;
    height: 30px;
    text-align: center;
    line-height: 18px;
    padding: 0px 0px;
}

.sports_game .bet_area {
    float: left;
    width: 70%;
    text-align: center;
}

.sports_game .bet_area div {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    border: 1px solid #14211e;
    background: #304759;
    border-radius: 3px;
    font-size: 12px;
    cursor: pointer;
    position: relative;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%);
    vertical-align: top;
}

.sports_game .bet_area .home {
    width: 35%;
    text-align: right;
    padding: 0px 10px;
}

.sports_game .bet_area .home:hover {
    background: #2688a3;
    border: 1px solid #00bfff;
}

.sports_game .bet_area .home.on {
    background: #00bfff;
    border: 1px solid #00bfff;
}

.sports_game .bet_area .vs {
    width: 20%;
    text-align: center;
    cursor: default;
}

.sports_game .bet_area .draw {
    width: 20%;
    text-align: center;
}

.sports_game .bet_area .draw:hover {
    background: #2688a3;
    border: 1px solid #00bfff;
}

.sports_game .bet_area .draw.on {
    background: #00bfff;
    border: 1px solid #00bfff;
}

.sports_game .bet_area .drawnone {
    width: 20%;
    text-align: center;
}

.sports_game .bet_area .away {
    width: 35%;
    text-align: left;
    padding: 0px 10px;
}

.sports_game .bet_area .away:hover {
    background: #501a1a;
    border: 1px solid #ff0000;
}

.sports_game .bet_area .away.on {
    background: #cf4d2b;
    border: 1px solid #bd2727;
}

.sports_game .bet_area img {
    vertical-align: middle;
    margin: 5px;
}

/*변경배당 버튼 색상 변경*/
.sports_game .bet_area .home.ratio_up {
    border: 1px solid #7ee629;
    color: #7ee629;
}

.sports_game .bet_area .home.ratio_down {
    border: 1px solid #ff4a30;
    color: #ff4a30;
}

.sports_game .bet_area .draw.ratio_up {
    border: 1px solid #7ee629;
    color: #7ee629;
}

.sports_game .bet_area .draw.ratio_down {
    border: 1px solid #ff4a30;
    color: #ff4a30;
}

.sports_game .bet_area .away.ratio_up {
    border: 1px solid #7ee629;
    color: #7ee629;
}

.sports_game .bet_area .away.ratio_down {
    border: 1px solid #ff4a30;
    color: #ff4a30;
}

/*타임아웃된 게임 표시 바꾸기*/
.sports_game .menu_disable {
    color: #5f5f62;
}

/**/
.sports_game .time {
    color: #f4c600;
}

.sports_game .time_disable {
    color: #5f5f62;
}

.sports_game .bet_area .home_disable {
    width: 35%;
    text-align: left;
    padding: 0px 5px;
}

.sports_game .bet_area .home_disable.on {
    background: #cf4d2b;
    border: 1px solid #bd2727;
}

.sports_game .bet_area .draw_disable {
    width: 20%;
    text-align: center;
}

.sports_game .bet_area .draw_disable.on {
    background: #76cb5c;
    border: 1px solid #85ffa5;
}

.sports_game .bet_area .away_disable {
    width: 35%;
    text-align: right;
    padding: 0px 10px;
}

.sports_game .bet_area .away_disable.on {
    background: #00bfff;
    border: 1px solid #00bfff;
}


.sports_game .game_stat_iframe {
    position: relative;
    top: 0;
    width: 100%;
    text-align: center;
    padding: 0px 8px 0px 8px;
}

.sports_game .match_box {
    border-radius: 5px;
    padding: 10px;
    margin: 5px;
    inset;
    cursor: pointer;
}

.sports_game .match_box .tv_match {
    text-align: center;
    font-weight: bold;
    color: #fff;
    margin: 10px 0px 15px 0px;
}

.sports_game .match_box .tv_match svg {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.sports_game .match_box .team_name {
    width: 95%;
    margin: 0 auto;
    position: relative;
    *zoom: 1;
}

.sports_game .match_box .team_name:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.sports_game .match_box .team_name .home {
    float: left;
    width: 44%;
    transform: skew(20deg);
    background: #161619;
    border-top: 2px solid #ffa604;
    text-align: center;
    margin: 4px 0px;
    height: 55px;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
}

.sports_game .match_box .team_name .home span {
    display: block;
    transform: skew(-20deg);
    padding-top: 20px;
    font-size: 15px;
    line-height: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.sports_game .match_box .team_name .vs {
    position: absolute;
    top: 0;
    left: 40%;
    width: 20%;
    height: 100%;
    text-align: center;
    background: #3c5c81;
    z-index: 10;
    clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 26% 100%);
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px, rgb(82, 82, 93) 1px 1px 4px -2px inset;
}

.sports_game .match_box .team_name .vs span {
    display: block;
    padding-top: 20px;
    font-size: 18px;
}

.sports_game .match_box .team_name .away {
    float: right;
    width: 44%;
    transform: skew(-20deg);
    background: #161619;
    border-top: 2px solid #ffa604;
    text-align: center;
    margin: 4px 0px;
    height: 55px;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
}

.sports_game .match_box .team_name .away span {
    display: block;
    transform: skew(20deg);
    padding-left: 10px;
    padding-top: 20px;
    font-size: 15px;
    line-height: 18px;
    text-overflow: hidden;
    overflow: hidden;
}

.sports_game .match_box .location_img {
    height: 22px;
    vertical-align: middle;
}

.sports_game .match_box .speed {
    position: absolute;
    top: 0;
    right: 20px;
    text-align: right;
    font-weight: bold;
    color: #7a9ce1;
    margin: 10px 0px 15px 0px;
}

.sports_game .match_box .scorebox {
    position: absolute;
    top: 70px;
    left: 20px;
    text-align: right;
    font-weight: bold;
    color: #7a9ce1;
}


.sports_game .game_title {
    margin-top: 5px;
    margin-bottom: 0px;
    position: relative;
    /*border:1px solid #2d2d34;*/
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #161e2e;
    box-shadow: 0 0 10px rgb(0 0 0 / 40%);
    ;
    height: 30px;
}

.sports_game .game_title h4 {
    padding-left: 15px;
    line-height: 30px;
    font-size: 13px;
    color: #9c9b9b;
    width: 100%;
}

.sports_game .game_title .sport_img {
    width: 20px;
    vertical-align: middle;
    margin-right: 10px;
}

.sports_game .game_title .location_img {
    height: 16px;
    vertical-align: middle;
    margin-right: 10px;
}

.sports_game .game_title .arrow {
    width: 10px;
    vertical-align: middle;
    margin-right: 10px;
}

.sports_game .game_title .title_area {
    position: absolute;
    top: 0;
    right: 40px;
    width: 55%;
}

.sports_game .game_title .title_area .title01 {
    text-align: center;
    width: 34%;
    float: left;
    line-height: 43px;
    letter-spacing: -1px;
    color: #c8c8c7;
    font-weight: bold;
}

.sports_game .game_title .title_area .title02 {
    text-align: center;
    width: 34%;
    float: left;
    line-height: 43px;
    letter-spacing: -1px;
    color: #c8c8c7;
    font-weight: bold;
}

.sports_game .game_title .title_area .title03 {
    text-align: center;
    width: 30%;
    float: left;
    line-height: 43px;
    letter-spacing: -1px;
    color: #c8c8c7;
    font-weight: bold;
}

.sports_game .game_title .bookmark {
    position: absolute;
    top: 8px;
    right: 15px;
    width: 12px;
}

.sports_game .game_title .bookmark span {
    color: #9c9b9b;
}

.sports_game .game_title .bookmark span.on {
    color: #ffa604;
}

.sports_game .game_title .bookmark svg {
    width: 12px;
}

.sports_game .game_list {
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    background: #161e2e;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    min-height: 45px;
}

.sports_game .game_list.sel {
    margin-bottom: 5px;
    position: relative;
    border: 1px solid #fff;
    border-radius: 5px;
    background: #273147;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    min-height: 45px;
}

.sports_game .game_list.betting_on .bet_box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}

.sports_game .game_list.betting_on .section_box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}

.sports_game .game_list.open .game_head {
    width: 100%;
}

.sports_game .game_list.open .bet_box {
    display: none;
}

.sports_game .game_list.open .side_bet {
    display: none;
}

.sports_game .game_list.open .detail_bet {
    display: block;
}

.sports_game .game_head {
    width: 92%;
    margin-top: 4px;
    position: relative;
    display: table;
    cursor: pointer;
    ;
    min-height: 35px;
}

.sports_game .game_head .mach_info {
    width: 95px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding: 1px 10px;
}

.sports_game .game_head .mach_info .time {
    color: #f4c600;
    margin-left: 0px;
    width: 85px;
}

.sports_game .game_head .mach_info .hour {
    color: #ff7600;
    margin-left: 0px;
    width: 85px;
    font-size: 18px;
    margin-top: 3px;
}

.sports_game .game_head .mach_info .timedisable {
    color: #5f5f62;
    margin-left: 0px;
    width: 105px;
}

.sports_game .game_head .mach_info .score {
    color: #9c9b9b;
    line-height: 17px;
}

.sports_game .game_head .mach_info .score span {
    display: inline-block;
    background: #52525d;
    border-radius: 3px;
    width: 25px;
}

.sports_game .game_head .mach_info .period {
    color: #9c9b9b;
    padding-top: 5px;
    letter-spacing: -1px;
}

.sports_game .game_head .title_area {
    display: table-cell;
    vertical-align: middle;
    padding: 1px 0px 0px 0px;
}

.sports_game .game_head .title_area h3 {
    font-size: 14px;
    line-height: 18px;
    padding: 0px 0px 3px 0px;
    min-width: 190px;
}

.sports_game .game_head .title_area h4 {
    color: #9c9b9b;
    padding: 0px 0px 3px 0px;
    min-width: 250px;
}

.sports_game .game_head .favortes {
    position: absolute;
    left: 120px;
    top: 50%;
    margin-top: -12px;
    right: 10px;
    color: #9c9b9b;
    ;
    width: 20px;
}

.sports_game .game_head .favortes.on {
    color: #ffa604;
}

.sports_game .game_head .favortes svg {
    width: 16px;
    height: 16px;
}

.sports_game .bet_box {
    position: relative;
    top: 50%;
    left: 0px;
    width: 100%;
    min-height: 46px;
    text-align: left;
    /*background:#323239;*/
    padding: 5px 0 0px 0
}

.sports_game .bet_box:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.sports_game .bet_box .line01 {
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #13131e;
    min-width: 35px;
    line-height: 27px;
    text-align: center;
    margin-top: 0px;
    width: 100%;
    color: #cdcdcc;
    font-size: 12px;
    letter-spacing: -0.5px;
}

.sports_game .bet_box .line_area02 {
    float: left;
    width: 100%;
    text-align: left;
    padding: 0px 0 0px 5px;
}

.sports_game .btn_bet01 {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 30px;
    height: 30px;
    border: 1px solid #14211e;
    background: #304759;
    border-radius: 3px;
    font-size: 12px;
    cursor: pointer;
    position: relative;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%);
    vertical-align: top;
}

.sports_game .btn_bet01 .label {
    position: relative;
    left: 3px;
    width: 70%;
    color: #ffa604;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    text-align: left;
}

.sports_game .btn_bet01 .value {
    position: relative;
    right: 3px;
    width: 30%;
    color: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: right;
}

/* 상세배팅*/
.sports_game .btn_area .home:hover {
    background: #2688a3;
    border: 1px solid #00bfff;
}

.sports_game .btn_area .home.on {
    background: #00bfff;
    border: 1px solid #00bfff;
}

.sports_game .btn_area .home.menuOff_up {
    background: #00bfff;
    border: 1px solid #00bfff;
}

.sports_game .btn_area .home .bed {
    position: absolute;
    top: 0;
    left: 10px;
}

.sports_game .btn_area .draw:hover {
    background: #2688a3;
    border: 1px solid #85ffa5;
}

.sports_game .btn_area .draw.on {
    background: #00bfff;
    border: 1px solid #85ffa5;
}

.sports_game .btn_area .draw.menuOff_up {
    background: #00bfff;
    border: 1px solid #85ffa5;
}

.sports_game .btn_area .drawnone {
    text-align: center;
}

.sports_game .btn_area .away:hover {
    background: #501a1a;
    border: 1px solid #ff0000;
}

.sports_game .btn_area .away.on {
    background: #cf4d2b;
    border: 1px solid #bd2727;
}

.sports_game .btn_area .away.menuOff_up {
    background: #cf4d2b;
    border: 1px solid #bd2727;
}

.sports_game .btn_area .away.bed {
    position: absolute;
    top: 0;
    right: 10px;
}

.sports_game .btn_area img {
    vertical-align: middle;
}

/*변경배당 버튼 색상 변경*/
.sports_game .btn_area .home.ratio_up {
    border: 1px solid #7ee629;
    color: #7ee629;
}

.sports_game .btn_area .home.ratio_down {
    border: 1px solid #ff4a30;
    color: #ff4a30;
}

.sports_game .btn_area .draw.ratio_up {
    border: 1px solid #7ee629;
    color: #7ee629;
}

.sports_game .btn_area .draw.ratio_down {
    border: 1px solid #ff4a30;
    color: #ff4a30;
}

.sports_game .btn_area .away.ratio_up {
    border: 1px solid #7ee629;
    color: #7ee629;
}

.sports_game .btn_area .away.ratio_down {
    border: 1px solid #ff4a30;
    color: #ff4a30;
}

/*라이브 타이틀*/
.sports_game .game_title_live {
    margin-top: 0px;
    margin-bottom: 5px;
    position: relative;
    border: 1px solid #2d2d34;
    border-radius: 5px;
    background: #18181b;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    height: 40px;
}

.sports_game .game_title_live h4 {
    width: 60%;
    padding-left: 15px;
    line-height: 43px;
    font-size: 18px;
    color: #9c9b9b;
}

.sports_game .game_title_live h4 img {
    width: 26px;
    vertical-align: middle;
    margin-right: 10px;
}

.sports_game .game_title_live .title_area {
    position: absolute;
    top: 0;
    right: 5px;
    width: 30%;
}

.sports_game .game_title_live .title_area .title01 {
    text-align: center;
    width: 60%;
    float: left;
    line-height: 43px;
    letter-spacing: -1px;
    color: #c8c8c7;
    font-weight: bold;
}

.sports_game .game_title_live .title_area .title02 {
    text-align: center;
    width: 40%;
    float: left;
    line-height: 43px;
    letter-spacing: -1px;
    color: #c8c8c7;
    font-weight: bold;
}

.sports_game .game_title_live .bookmark {
    position: absolute;
    top: 12px;
    right: 15px;
    width: 12px;
}

.sports_game .game_title_live .bookmark span {
    color: #9c9b9b;
}

.sports_game .game_title_live .bookmark span.on {
    color: #ffa604;
}

.sports_game .game_title_live .bookmark svg {
    width: 12px;
}

.sports_game .game_head_live {
    width: 100%;
    margin-top: 4px;
    position: relative;
    display: table;
    cursor: pointer;
    ;
    min-height: 65px;
}

.sports_game .game_head_live .title_area_live {
    width: 90%;
    display: table-cell;
    vertical-align: middle;
}

.sports_game .game_head_live .title_area_live h3 {
    font-size: 14px;
    line-height: 18px;
}

.sports_game .game_head_live .title_area_live h4 {
    color: #9c9b9b;
}

.sports_game .game_head_live .mach_info {
    width: 10%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.sports_game .game_head_live .mach_info .time {
    color: #f4c600;
    margin-left: 0px;
    width: 85px;
}

.sports_game .game_head_live .mach_info .hour {
    color: #ff7600;
    margin-left: 0px;
    width: 85px;
    font-size: 18px;
    margin-top: 3px;
}

.sports_game .game_head_live .mach_info .timedisable {
    color: #5f5f62;
    margin-left: 0px;
    width: 105px;
}

.sports_game .game_head_live .status_info {
    width: 15%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.sports_game .game_head_live .status_info .score {
    color: #9c9b9b;
    line-height: 17px;
}

.sports_game .game_head_live .status_info .score span {
    display: inline-block;
    background: #52525d;
    border-radius: 3px;
}

.sports_game .game_head_live .status_info .period {
    color: #9c9b9b;
    padding-top: 5px;
    letter-spacing: -1px;
}

.sports_game .game_head_live .score_info {
    width: 15%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.sports_game .game_head_live .score_info .score {
    color: #9c9b9b;
    line-height: 17px;
}

.sports_game .game_head_live .score_info .score span {
    display: inline-block;
    background: #52525d;
    border-radius: 3px;
}

.sports_game .game_head_live .score_info .period {
    color: #9c9b9b;
    padding-top: 5px;
    letter-spacing: -1px;
}

.sports_game .status_box {
    position: absolute;
    right: 5px;
    width: 30%;
    height: 50px;
    text-align: center;
    margin-top: -38px;
    *zoom: 1;
}

.sports_game .status_box:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.sports_game .status_box .colum01 {
    float: left;
    width: 60%;
    padding: 0px 3px;
}

.sports_game .status_box .colum02 {
    float: left;
    width: 40%;
    padding: 0px 3px;
}


/*타임아웃된 게임 표시 바꾸기*/
.sports_game .menu_disable {
    color: #5f5f62;
}

/**/
.sports_game .game_list .side_bet_disable {
    position: absolute;
    top: 2px;
    right: 15px;
    color: #5f5f62;
    font-size: 12px;
}

.sports_game .game_list .side_bet {
    position: absolute;
    top: 2px;
    right: 15px;
    color: #f4c600;
    font-size: 12px;
}

.sports_game .game_list:hover .side_bet {
    color: #50e2e4;
}


/*해외형 배팅옵션 박스형(리스트내부)*/
.sports_game .detail_bet {
    margin-top: 10px;
    display: none;
}

.sports_game .detail_bet .iframe_area {
    margin: 20px 0px 30px 0px;
}

.sports_game .detail_bet .btn_box {
    position: relative;
    padding: 20px 10px;
}

.sports_game .detail_bet .btn_box button {
    height: 30px;
    padding: 0px 15px;
    margin: 0px 3px;
}

.sports_game .detail_bet .btn_box .close_detail {
    position: absolute;
    top: 20px;
    right: 15px;
}

.sports_game .detail_bet .betting_section {
    margin: 10px -5px;
    *zoom: 1;
}

.sports_game .detail_bet .betting_section:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

/*.sports_game .detail_bet .section01 {display:inline-block;;width:33.333%;padding:5px;}*/
.sports_game .detail_bet .section03 {
    display: inline-block;
    ;
    width: 33.333;
    padding: 5px;
}

.sports_game .detail_bet .section02 {
    display: inline-block;
    ;
    width: 50%;
    padding: 5px;
}

.sports_game .detail_bet .section01 {
    display: inline-block;
    ;
    width: 100%;
    padding: 5px;
}

.sports_game .detail_bet .section_box {
    border-radius: 5px;
    border: 1px solid #35353d;
    background: #2e2e35;
    padding: 1px 1px 10px 1px;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
}

.sports_game .detail_bet .section_box h3 {
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    color: #ffa604;
    background: #273147;
    border-radius: 4px;
    margin-bottom: 5px;
}

.sports_game .detail_bet .box01 {
    padding: 5px;
    position: relative;
    display: table;
    width: 100%;
}

.sports_game .detail_bet .box01 .btn_area {
    width: 33.33%;
    display: table-cell;
    vertical-align: bottom;
    padding: 0px 3px;
}

/*.sports_game .detail_bet .box01 .btn_area span {display:block;text-align:center;margin-bottom:7px;line-height:1.3em;font-weight:bold;letter-spacing:-0.5px;}*/
.sports_game .detail_bet .box01 .btn_area span {
    display: block;
    text-align: center;
    margin-bottom: 7px;
    line-height: 1.3em;
    letter-spacing: -0.5px;
}

.sports_game .detail_bet .box02 {
    padding: 5px;
    position: relative;
    display: table;
    width: 100%;
}

.sports_game .detail_bet .box02:hover .line_area span {
    color: #ffa604;
}

.sports_game .detail_bet .box02 .line_area {
    width: 33.33%;
    display: table-cell;
    vertical-align: bottom;
}

.sports_game .detail_bet .box02 .line_area span {
    display: block;
    text-align: right;
    color: #9c9b9b;
    line-height: 33px;
    padding-right: 10px;
    font-weight: bold;
}

.sports_game .detail_bet .box02 .btn_area {
    width: 33.33%;
    display: table-cell;
    vertical-align: bottom;
    padding: 2px;
    float: left;
}

.sports_game .detail_bet .box02 .btn_area span {
    display: block;
    text-align: center;
    margin-bottom: 7px;
    line-height: 1.3em;
    font-weight: bold;
    letter-spacing: -0.5px;
}

.sports_game .detail_bet .box03 {
    padding: 5px;
    position: relative;
    display: table;
    width: 100%;
}

.sports_game .detail_bet .box03:hover .line_area span {
    color: #ffa604;
}

.sports_game .detail_bet .box03 .line_area {
    width: 16%;
    display: table-cell;
    vertical-align: bottom;
}

.sports_game .detail_bet .box03 .line_area span {
    display: block;
    text-align: right;
    color: #9c9b9b;
    line-height: 33px;
    padding-right: 10px;
    font-weight: bold;
}

.sports_game .detail_bet .box03 .btn_area {
    width: 28%;
    display: table-cell;
    vertical-align: bottom;
    padding: 0px 3px;
}

.sports_game .detail_bet .box03 .btn_area span {
    display: block;
    text-align: center;
    margin-bottom: 7px;
    line-height: 1.3em;
    font-weight: bold;
    letter-spacing: -0.5px;
}

.sports_game .detail_bet .box04 {
    padding: 5px;
    position: relative;
    display: table;
    width: 70%;
    margin: 0 auto;
}

.sports_game .detail_bet .box04 .btn_area {
    width: 50%;
    display: table-cell;
    vertical-align: bottom;
    padding: 0px 3px;
}

.sports_game .detail_bet .box04 .btn_area span {
    display: block;
    text-align: center;
    margin-bottom: 7px;
    line-height: 1.3em;
    font-weight: bold;
    letter-spacing: -0.5px;
}


/*해외형 배팅옵션 박스형(사이드)*/
.sports_game .detail_bet_side {
    margin-top: 0px;
    display: block;
}

.sports_game .detail_bet_side .iframe_area {
    margin: 20px 0px 30px 0px;
}

.sports_game .detail_bet_side .btn_box {
    position: relative;
    padding: 20px 10px;
}

.sports_game .detail_bet_side .btn_box button {
    height: 30px;
    padding: 0px 15px;
    margin: 0px 3px;
}

.sports_game .detail_bet_side .btn_box .close_detail {
    position: absolute;
    top: 20px;
    right: 15px;
}

.sports_game .detail_bet_side .betting_section {
    margin: 10px -5px;
    *zoom: 1;
}

.sports_game .detail_bet_side .betting_section:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

/*.sports_game .detail_bet_side .section01 {display:inline-block;;width:33.333%;padding:5px;}*/
.sports_game .detail_bet_side .section02 {
    display: inline-block;
    width: 33.333;
    padding: 5px;
}

.sports_game .detail_bet_side .section02 {
    display: inline-block;
    width: 50%;
    padding: 5px;
}

.sports_game .detail_bet_side .section01 {
    display: inline-block;
    width: 100%;
    padding: 5px;
}

.sports_game .detail_bet_side .section_box {
    border-radius: 5px;
    padding: 1px 1px 10px 1px;
    position: relative;
}

.sports_game .detail_bet_side .section_box h3 {
    line-height: 28px;
    text-align: left;
    font-size: 14px;
    color: #7796d5;
    background: #273147;
    border-radius: 4px;
    padding-left: 15px;
    margin-bottom: 5px;
}

.sports_game .detail_bet_side .section_box .team1 {
    position: relative;
    left: 10px;
    top: -27px;
    width: 230px;
    display: block;
    line-height: 1.3em;
    font-weight: bold;
    letter-spacing: -0.5px;
}

.sports_game .detail_bet_side .section_box .team2 {
    display: block;
    text-align: center;
    margin-bottom: 7px;
    line-height: 1.3em;
    font-weight: bold;
    letter-spacing: -0.5px;
}

.sports_game .detail_bet_side .box01 {
    padding: 5px;
    position: relative;
    display: table;
    width: 100%;
}

.sports_game .detail_bet_side .box01 .btn_area {
    width: 33.33%;
    display: table-cell;
    vertical-align: bottom;
    padding: 0px 3px 3px 0px;
}

/*.sports_game .detail_bet_side .box01 .btn_area span {display:block;text-align:center;margin-bottom:7px;line-height:1.3em;font-weight:bold;letter-spacing:-0.5px;}*/
.sports_game .detail_bet_side .box01 .btn_area span {
    display: block;
    text-align: center;
    margin-bottom: 7px;
    line-height: 1.3em;
    letter-spacing: -0.5px;
}

.sports_game .detail_bet_side .box02 {
    padding: 5px;
    position: relative;
    display: table;
    width: 100%;
}

.sports_game .detail_bet_side .box02:hover .line_area span {
    color: #ffa604;
}

.sports_game .detail_bet_side .box02 .line_area {
    width: 33.33%;
    display: table-cell;
    vertical-align: bottom;
}

.sports_game .detail_bet_side .box02 .line_area span {
    display: block;
    text-align: right;
    color: #9c9b9b;
    line-height: 33px;
    padding-right: 10px;
    font-weight: bold;
}

.sports_game .detail_bet_side .box02 .btn_area {
    width: 33.33%;
    display: table-cell;
    vertical-align: bottom;
    padding: 2px;
    float: left;
}

.sports_game .detail_bet_side .box02 .btn_area span {
    display: block;
    text-align: center;
    margin-bottom: 7px;
    line-height: 1.3em;
    font-weight: bold;
    letter-spacing: -0.5px;
}


/* 라이브 스포츠 리스트[원래 버전] */
.sports_game .livegame_head {
    margin-bottom: 10px;
    position: relative;
    border-radius: 5px;
    background: #273147;
    height: 85px;
    *zoom: 1;
    display: table;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px, rgb(82, 82, 93) 1px 1px 4px -2px inset;
}

.sports_game .livegame_head:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.sports_game .livegame_head .title {
    display: table-cell;
    width: 160px;
    vertical-align: middle;
    padding: 0px 0px 0px 20px;
    color: #ff9a1b;
    font-weight: bold;
    font-size: 16px;
}

.sports_game .livegame_head .title svg {
    width: 26px;
    height: 26px;
    vertical-align: middle;
}

.sports_game .livegame_head .text_area {
    display: table-cell;
    vertical-align: middle;
    font-size: 11px;
    color: #cdcdcc;
    line-height: 14px;
}

.sports_game .livegame_head .update {
    position: absolute;
    top: 27px;
    right: 20px;
    font-size: 11px;
    color: #cdcdcc;
}

.sports_game .livegame_head .update .count {
    vertical-align: middle;
    display: inline-block;
    border: 1px solid #ffa604;
    color: #ffa604;
    border-radius: 3px;
    height: 22px;
    width: 28px;
    text-align: center;
    line-height: 20px;
    margin-left: 6px;
}

.sports_game .livegame_head .update .pause {
    vertical-align: middle;
    height: 30px;
    width: 90px;
    border-radius: 5px;
    margin-left: 6px;
    line-height: 28px;
    color: #cdcdcc;
    background: #3c5c81;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
}

.sports_game .livegame_head .update .pause:hover {
    color: #ffffff;
    background: #393a43;
}

.sports_game .livegame_head .update .pause svg {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: 0px 0px 2px 10px;
}

.sports_game .livegame_head .update .paused {
    vertical-align: middle;
    display: inline-block;
    border: 1px solid #ffa604;
    color: #ffa604;
    border-radius: 3px;
    height: 22px;
    width: 50px;
    text-align: center;
    line-height: 20px;
    margin-left: 6px;
}

.sports_game .livegame_head .update .resume {
    vertical-align: middle;
    border: 1px solid #7ee629;
    height: 30px;
    width: 90px;
    border-radius: 5px;
    margin-left: 6px;
    line-height: 26px;
    color: #7ee629;
}

.sports_game .livegame_head .update .resume:hover {
    background: #7ee629;
    color: #222222;
}

.sports_game .livegame_head .update .resume svg {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: 0px 0px 2px 6px;
}

.sports_game .livegame_list {
    position: relative;
}

.sports_game .livegame_list .simple_box {
    height: 65px;
    position: relative;
    cursor: pointer;
    border-radius: 5px;
    background: #29292f;
    border: 1px solid #2e2e35;
    margin-bottom: 6px;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
}

.sports_game .livegame_list .simple_box:hover .ticket_btn {
    display: block;
}

.sports_game .livegame_list .simple_box .category {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 100%;
    display: table;
}

.sports_game .livegame_list .simple_box .category img {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -9px;
}

.sports_game .livegame_list .simple_box .category .name {
    line-height: 14px;
    color: #9c9b9b;
    letter-spacing: -0.5px;
    padding: 0px 0px 0px 34px;
    display: table-cell;
    vertical-align: middle;
}

.sports_game .livegame_list .simple_box .mach_box {
    margin: 0px 320px 0px 200px;
    position: relative;
}

.sports_game .livegame_list .simple_box .mach_box .team_name {
    font-size: 14px;
    padding: 15px 0px 8px 0px;
}

.sports_game .livegame_list .simple_box .mach_box .count_area {
    position: absolute;
    top: 15px;
    right: 20px;
}

.sports_game .livegame_list .simple_box .mach_box .count_area .combo {
    display: inline-block;
    border: 1px solid #ffd200;
    padding: 1px 8px 2px 8px;
    border-radius: 9px;
    font-size: 9px;
    line-height: 12px;
    color: #cdcdcc;
}

.sports_game .livegame_list .simple_box .mach_box .count_area .single {
    display: inline-block;
    border: 1px solid #797979;
    padding: 1px 8px 2px 8px;
    border-radius: 9px;
    font-size: 9px;
    line-height: 12px;
    color: #cdcdcc;
}

.sports_game .livegame_list .simple_box .mach_box .count_area .livebet {
    display: inline-block;
    border: 1px solid #ff4a30;
    padding: 1px 8px 2px 8px;
    border-radius: 9px;
    font-size: 9px;
    line-height: 12px;
    color: #cdcdcc;
}

.sports_game .livegame_list .simple_box .mach_box .count_area .count {
    color: #ffc51e;
    padding-left: 5px;
}

.sports_game .livegame_list .simple_box .mach_box .market {
    color: #9c9b9b;
}

.sports_game .livegame_list .simple_box .mach_box .market span {
    color: #50e2e4;
    display: inline-block;
    margin-left: 10px;
}

.sports_game .livegame_list .simple_box .bet_total {
    position: absolute;
    right: 70px;
    width: 250px;
    top: 15px;
}

.sports_game .livegame_list .simple_box .bet_total .odds {
    display: inline-block;
    width: 65px;
    height: 30px;
    text-align: center;
    color: #50e2e4;
    border-radius: 5px;
    border: 1px solid #52525d;
    background: #3a3a42;
    line-height: 28px;
    font-size: 15px;
    margin-right: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
}

.sports_game .livegame_list .simple_box .bet_total .stake {
    display: inline-block;
    color: #9c9b9b;
}

.sports_game .livegame_list .simple_box .bet_total .eur01 {
    font-size: 15px;
    color: #7ee629;
    margin-right: 15px;
}

.sports_game .livegame_list .simple_box .bet_total .eur01 span {
    font-size: 9px;
}

.sports_game .livegame_list .simple_box .bet_total .eur02 {
    font-size: 15px;
    color: #ffa61a;
    margin-left: 5px;
}

.sports_game .livegame_list .simple_box .bet_total .eur02 span {
    font-size: 9px;
}

.sports_game .livegame_list .simple_box .location {
    position: absolute;
    top: 15px;
    right: 10px;
    width: 60px;
    text-align: center;
}

.sports_game .livegame_list .simple_box .location img {
    width: 14px;
    height: 14px;
    margin-bottom: 5px;
}

.sports_game .livegame_list .simple_box .location .city {
    display: block;
    text-align: center;
    width: 60px;
    color: #9c9b9b;
}

.sports_game .livegame_list .simple_box .ticket_btn {
    position: absolute;
    top: 15px;
    right: 10px;
    width: 60px;
    text-align: center;
    display: none;
}

.sports_game .livegame_list .simple_box .ticket_btn button {
    border-radius: 5px;
    background: #7ee629;
    color: #222222;
    height: 35px;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
}

@media (min-width:1200px) and (max-width:1450px) {
    .sports_game .livegame_list .simple_box .category .name {
        display: none !important;
    }

    .sports_game .livegame_list .simple_box .mach_box {
        margin-left: 50px !important;
    }
}

.sports_game .livegame_list .detail_box {
    position: relative;
    border: 1px solid #3a3a42;
    background: #29292f;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    padding: 10px 20px 10px 20px;
    margin-bottom: 6px;
    display: none;
}

.sports_game .livegame_list .detail_box .head_text {
    color: #cdcdcc;
    font-size: 8px;
    margin-bottom: 15px;
    padding-left: 5px;
}

.sports_game .livegame_list .detail_box .bet_total {
    margin-bottom: 10px;
}

.sports_game .livegame_list .detail_box .bet_total .odds {
    display: inline-block;
    width: 80px;
    height: 35px;
    text-align: center;
    color: #000000;
    border-radius: 5px;
    border: 1px solid #66e6e7;
    background: #50e2e4;
    line-height: 32px;
    font-size: 17px;
    margin-right: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
}

.sports_game .livegame_list .detail_box .bet_total .stake {
    display: inline-block;
    color: #9c9b9b;
}

.sports_game .livegame_list .detail_box .bet_total .eur01 {
    font-size: 17px;
    color: #7ee629;
    margin-right: 15px;
}

.sports_game .livegame_list .detail_box .bet_total .eur01 span {
    font-size: 10px;
}

.sports_game .livegame_list .detail_box .bet_total .eur02 {
    font-size: 17px;
    color: #ffa61a;
    margin-left: 5px;
}

.sports_game .livegame_list .detail_box .bet_total .eur02 span {
    font-size: 10px;
}

.sports_game .livegame_list .detail_box .ticket_detail {
    border: 1px solid #3f3f48;
    background: #35353d;
    position: relative;
    border-radius: 5px;
    margin-bottom: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
}

.sports_game .livegame_list .detail_box .ticket_detail .category {
    position: absolute;
    top: 50%;
    left: 0;
    width: 200px;
    margin-top: -9px;
}

.sports_game .livegame_list .detail_box .ticket_detail .category img {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -9px;
}

.sports_game .livegame_list .detail_box .ticket_detail .category .name {
    line-height: 14px;
    color: #9c9b9b;
    letter-spacing: -0.5px;
    padding: 0px 0px 0px 34px;
    vertical-align: middle;
}

.sports_game .livegame_list .detail_box .ticket_detail .mach_box {
    margin: 0px 200px 0px 170px;
    position: relative;
}

.sports_game .livegame_list .detail_box .ticket_detail .mach_box .team_name {
    font-size: 14px;
    padding: 15px 0px 8px 0px;
}

.sports_game .livegame_list .detail_box .ticket_detail .mach_box .market {
    color: #9c9b9b;
    margin-bottom: 15px;
}

.sports_game .livegame_list .detail_box .ticket_detail .mach_box .market span {
    color: #50e2e4;
    display: inline-block;
    margin-left: 10px;
}

.sports_game .livegame_list .detail_box .ticket_detail .mach_box .combo {
    display: inline-block;
    border: 1px solid #ffd200;
    padding: 1px 8px 2px 8px;
    border-radius: 9px;
    font-size: 9px;
    line-height: 12px;
    color: #cdcdcc;
    vertical-align: middle;
}

.sports_game .livegame_list .detail_box .ticket_detail .mach_box .single {
    display: inline-block;
    border: 1px solid #797979;
    padding: 1px 8px 2px 8px;
    border-radius: 9px;
    font-size: 9px;
    line-height: 12px;
    color: #cdcdcc;
    vertical-align: middle;
}

.sports_game .livegame_list .detail_box .ticket_detail .mach_box .livebet {
    display: inline-block;
    border: 1px solid #ff4a30;
    padding: 1px 8px 2px 8px;
    border-radius: 9px;
    font-size: 9px;
    line-height: 12px;
    color: #cdcdcc;
    vertical-align: middle;
}

.sports_game .livegame_list .detail_box .ticket_detail .mach_box .count {
    color: #ffc51e;
    padding-left: 5px;
}

.sports_game .livegame_list .detail_box .ticket_detail .bet_total2 {
    position: absolute;
    top: 17px;
    right: 80px;
}

.sports_game .livegame_list .detail_box .ticket_detail .bet_total2 .odds {
    display: inline-block;
    width: 65px;
    height: 30px;
    text-align: center;
    color: #50e2e4;
    border-radius: 5px;
    border: 1px solid #52525d;
    background: #3a3a42;
    line-height: 28px;
    font-size: 15px;
    margin-right: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
}

.sports_game .livegame_list .detail_box .ticket_detail .bet_total2 .outcount {
    color: #50e2e4;
    font-size: 14px;
    display: none;
}

.sports_game .livegame_list .detail_box .ticket_detail .date_area {
    position: absolute;
    top: 13px;
    right: 10px;
    text-align: center;
}

.sports_game .livegame_list .detail_box .ticket_detail .date_area .pending {
    display: inline-block;
    width: 50px;
    line-height: 22px;
    border-radius: 12px;
    border: 1px solid #696979;
    background: #52525d;
    color: #c5cdcc;
    letter-spacing: -1px;
}

.sports_game .livegame_list .detail_box .ticket_detail .date_area .date {
    color: #9c9b9b;
    margin-top: 5px;
    font-size: 11px;
    letter-spacing: -0.5px;
}

.sports_game .livegame_list .detail_box .ticket_btn {
    position: absolute;
    top: 30px;
    right: 20px;
    width: 100px;
    text-align: center;
}

.sports_game .livegame_list .detail_box .ticket_btn button {
    border-radius: 5px;
    background: #7ee629;
    color: #222222;
    height: 40px;
    width: 100%;
    box-shadow: rgb(154, 235, 87) 2px 2px 1px inset, rgba(0, 0, 0, 0.35) 0px 3px 4px;
}

.sports_game .livegame_list .detail_box .close_detail {
    position: absolute;
    top: -15px;
    right: 10px;
}

/* 국내 스포츠 게임 */
.bonus_div {
    position: relative;
    top: 0%;
    left: 0%;
    width: 100%;
    margin: 0px 0px 0px 0px;
    z-index: 1;
    margin-left: 0px;
    border-radius: 4px;
    padding: 8px;
    margin-bottom: 3px;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
}

.ko_sports_game .bet_area .bonus {
    width: 100%;
    /*text-align:right;padding:0px 10px;*/
}

.ko_sports_game .bet_area .bonus:hover {
    background: #2688a3;
    border: 1px solid #00bfff;
}

.ko_sports_game .bet_area .bonus.on {
    background: #00bfff;
    border: 1px solid #00bfff;
}


.ko_sports_game {
    padding: 2px;
}

.ko_sports_game h4 {
    border-radius: 3px;
    padding: 4px 10px;
    line-height: 43px;
    font-size: 12px;
    position: relative;
    margin-bottom: 3px;
    background: #1b243c;
}

.ko_sports_game h4 .ico01 {
    height: 30px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.ko_sports_game h4 .ico02 {
    height: 20px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.ko_sports_game h4 .arrow {
    vertical-align: middle;
    margin-bottom: 2px;
    margin-right: 10px;
}

.ko_sports_game h4 .nation {
    height: 16px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.ko_sports_game h4 .time {
    display: inline-block;
    position: absolute;
    top: 4px;
    right: 10px;
}

.ko_sports_game h4 .lasttime {
    display: inline-block;
    position: absolute;
    top: 4px;
    right: 160px;
    color: #c0c0c0;
}

.ko_sports_game h4 .league_name {
    color: #ff7600;
}

.ko_sports_game ul {
    margin-bottom: 8px;
}

.ko_sports_game ul:last-child {
    margin-bottom: 0;
}

.ko_sports_game ul li {
    position: relative;
    padding: 0px;
    *zoom: 1;
}

.ko_sports_game ul li:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.ko_sports_game ul li:before {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    height: 0px;
    background: #000000;
}

.ko_sports_game ul li.li_border_x {
    border: 1;
    padding: 0;
    border-bottom: 1px solid #1d2844;
    margin-bottom: 4px;
}

.ko_sports_game .type01 {
    float: left;
    width: 15%;
    height: 34px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    line-height: 34px;
    padding: 1px 0px;
    font-family: 'SCDream';
}

.ko_sports_game .bet_area {
    float: left;
    width: 85%;
    text-align: center;
}

.ko_sports_game .bet_area div {
    color: #fff;
    background-color: #304759;
    border: 1px solid #14211e;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: SCDream;
    font-size: 9pt;
    min-height: 34px;
    transition: 0.2s ease;
}

.ko_sports_game .bet_area .home {
    width: 40%;
    text-align: right;
    padding: 0px 10px;
}

.ko_sports_game .bet_area .home:hover {
    background: #2688a3;
    border: 1px solid #00bfff;
}

.ko_sports_game .bet_area .home.on {
    background: #00bfff;
    border: 1px solid #00bfff;
}

.ko_sports_game .bet_area .home .bed {
    top: 0;
}

.ko_sports_game .bet_area .home .team_name {
    position: absolute;
    top: 0;
    left: 10px;
}

.ko_sports_game .bet_area .vs {
    width: 14%;
    text-align: center;
    cursor: default;
}

.ko_sports_game .bet_area .draw {
    width: 14%;
    text-align: center;
}

.ko_sports_game .bet_area .draw:hover {
    background: #203123;
    border: 1px solid #85ffa5;
}

.ko_sports_game .bet_area .draw.on {
    background: #76cb5c;
    border: 1px solid #85ffa5;
}

.ko_sports_game .bet_area .drawnone {
    width: 14%;
    text-align: center;
}

.ko_sports_game .bet_area .away {
    width: 40%;
    text-align: left;
    padding: 0px 10px;
}

.ko_sports_game .bet_area .away:hover {
    background: #501a1a;
    border: 1px solid #ff0000;
}

.ko_sports_game .bet_area .away.on {
    background: #cf4d2b;
    border: 1px solid #bd2727;
}

.ko_sports_game .bet_area .away .bed {
    top: 0;
}

.ko_sports_game .bet_area .away .team_name {
    position: absolute;
    top: 0;
    right: 10px;
}

.ko_sports_game .bet_area img {
    vertical-align: middle;
    margin-top: 0px;
}

/*변경배당 버튼 색상 변경*/
.ko_sports_game .bet_area .home.ratio_up {
    border: 1px solid #7ee629;
    color: #7ee629;
}

.ko_sports_game .bet_area .home.ratio_down {
    border: 1px solid #ff4a30;
    color: #ff4a30;
}

.ko_sports_game .bet_area .draw.ratio_up {
    border: 1px solid #7ee629;
    color: #7ee629;
}

.ko_sports_game .bet_area .draw.ratio_down {
    border: 1px solid #ff4a30;
    color: #ff4a30;
}

.ko_sports_game .bet_area .away.ratio_up {
    border: 1px solid #7ee629;
    color: #7ee629;
}

.ko_sports_game .bet_area .away.ratio_down {
    border: 1px solid #ff4a30;
    color: #ff4a30;
}

/*타임아웃된 게임 표시 바꾸기*/
.ko_sports_game .menu_disable {
    color: #5f5f62;
}

/**/
.ko_sports_game .time {
    color: #f4c600;
}

.ko_sports_game .time_disable {
    color: #5f5f62;
}

.ko_sports_game .bet_area .home_disable {
    width: 40%;
    text-align: right;
    padding: 0px 10px;
}

.ko_sports_game .bet_area .home_disable.on {
    background: #00bfff;
    border: 1px solid #00bfff;
}

.ko_sports_game .bet_area .draw_disable {
    width: 14%;
    text-align: center;
}

.ko_sports_game .bet_area .draw_disable.on {
    background: #76cb5c;
    border: 1px solid #85ffa5;
}

.ko_sports_game .bet_area .away_disable {
    width: 40%;
    text-align: left;
    padding: 0px 5px;
}

.ko_sports_game .bet_area .away_disable.on {
    background: #cf4d2b;
    border: 1px solid #bd2727;
}


/*배팅내역,결과 미친병아리 추가 마우스 롤오버 효과 제거*/
.bet_history_game {
    border: 1px solid #2d2d34;
    border-radius: 4px;
    background: #273147;
    padding: 8px;
    margin-bottom: 3px;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
}

.bet_history_game h4 {
    border-radius: 3px;
    background: #3c5c81;
    height: 43px;
    padding: 4px 10px;
    line-height: 43px;
    font-size: 12px;
    position: relative;
    margin-bottom: 3px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
}

.bet_history_game h4 .ico01 {
    height: 30px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.bet_history_game h4 .ico02 {
    height: 20px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.bet_history_game h4 .arrow {
    vertical-align: middle;
    margin-bottom: 2px;
    margin-right: 10px;
}

.bet_history_game h4 .nation {
    height: 16px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.bet_history_game h4 .time {
    display: inline-block;
    position: absolute;
    top: 4px;
    right: 10px;
}

.bet_history_game h4 .lasttime {
    display: inline-block;
    position: absolute;
    top: 4px;
    right: 160px;
    color: #c0c0c0;
}

.bet_history_game .match-league {
    color: #ff7600;
}

.bet_history_game .match-team {
    font-size: 14px;
}

.bet_history_game ul {
    margin-bottom: 8px;
}

.bet_history_game ul:last-child {
    margin-bottom: 0;
}

.bet_history_game ul li {
    position: relative;
    padding: 0px;
    *zoom: 1;
    margin-top: 5px;
}

.bet_history_game ul li:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.bet_history_game ul li:before {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    height: 0px;
    background: #000000;
}

.bet_history_game ul li.li_border_x {
    border: 0;
    padding: 0;
    border-bottom: 3px solid #373738;
    margin-bottom: 10px;
}

.bet_history_game .type01 {
    float: left;
    width: 15%;
    height: 30px;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    padding: 12px 0px;
}

.bet_history_game .bet_area {
    float: left;
    width: 85%;
    text-align: center;
}

.bet_history_game .bet_area div {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    border: 1px solid #484853;
    background: #3a3a42;
    border-radius: 3px;
    font-size: 12px;
    cursor: pointer;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
    vertical-align: top;
}


/*PC 배팅내역*/
.bet_history {
    float: left;
    width: 85%;
    text-align: center;
}

.bet_history div {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    border: 1px solid #484853;
    background: #3a3a42;
    border-radius: 3px;
    font-size: 12px;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
    vertical-align: middle;
}

.bet_history .home {
    width: 30%;
    text-align: left;
    padding: 0px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.bet_history .home.on {
    background: #00bfff;
    border: 1px solid #00bfff;
}

.bet_history .home .bed {
    position: absolute;
    top: 0;
    right: 10px;
}

.bet_history .vs {
    width: 15%;
    text-align: center;
    cursor: default;
}

.bet_history .draw {
    width: 15%;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.bet_history .draw.on {
    background: #76cb5c;
    border: 1px solid #85ffa5;
}

.bet_history .away {
    width: 30%;
    text-align: right;
    padding: 0px 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.bet_history .away.on {
    background: #cf4d2b;
    border: 1px solid #bd2727;
}

.bet_history .away .bed {
    position: absolute;
    top: 0;
    left: 10px;
}

.bet_history .result {
    width: 10%;
    text-align: center;
    padding: 0px 5px;
    background: #4b552c;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.bet_history .team_name {
    font-size: 12px;
    color: #ffffff;
}

.bet_history .home p {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    width: 70%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.betting_list_history {}

.betviewmore {
    display: none;
}

.bet_history2 {
    float: left;
    width: 100%;
    text-align: center;
}

.bet_history2 div {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    border: 1px solid #484853;
    background: #3a3a42;
    border-radius: 3px;
    font-size: 12px;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
    vertical-align: top;
}

.bet_history2 .home {
    width: 50%;
    text-align: left;
    padding-left: 5px;
}

.bet_history2 .home.on {
    background: #00bfff;
    border: 1px solid #00bfff;
}

.bet_history2 img {
    vertical-align: middle;
    margin-top: -4px;
}

.bet_history2 .result {
    width: 10%;
    text-align: center;
    padding: 0px 5px;
    background: #4b552c;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.bet_history_game .betting_info {
    margin: 0px 0px 0px 0px;
    min-height: 60px;
    vertical-align: middle;
    position: relative;
    ;
    border-radius: 5px;
    background: #041c30;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
}

.bet_history_game .betting_info ul {
    padding: 5px 10px;
    *zoom: 1;
    min-height: 20px;
    vertical-align: middle;
}

.bet_history_game .betting_info ul:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.bet_history_game .betting_info li {
    padding-right: 20px;
    float: left;
    line-height: 26px;
    height: 26px;
    min-width: 80px;
    vertical-align: middle;
}

.bet_history_game .betting_info .fc01 {
    color: #ffa604;
    font-weight: bold;
}

.bet_history_game .betting_info button {
    height: 26px;
    width: 84px;
}


/* 들어오는 배팅 보기 */
.incom_bet {
    border: 1px solid #2d2d34;
    border-radius: 5px;
    padding: 8px;
    margin-bottom: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    position: relative;
    background: url('/images/client/bg_incom_01.png') repeat;
}

.incom_bet h3 {
    text-align: center;
    margin: 30px 0px 20px;
}

.incom_bet .graph_box {
    margin: 0 auto 20px auto;
    width: 300px;
    position: relative;
    height: 300px;
}

.incom_bet .graph_box .text_box {
    text-align: center;
    position: absolute;
    left: 35px;
    z-index: 1;
    display: block;
    width: 230px;
}

.incom_bet .graph_box .text_box h4 {
    font-size: 30px;
    padding: 80px 0px 30px 0px;
    text-shadow: #000000 2px 3px, blue 0 0 3px, blue 0 0 6px;
}

.incom_bet .graph_box .text_box .price {
    font-size: 25px;
    padding-bottom: 12px;
    text-shadow: #000000 2px 3px, blue 0 0 3px, blue 0 0 6px;
    border-bottom: 1px solid #8a8a8b;
    margin: 0px 20px;
}

.incom_bet .graph_box .text_box p {
    font-size: 15px;
    padding: 15px 0px 20px 0px;
}

.incom_bet .graph_box .reloadding {
    position: absolute;
    bottom: 70px;
    left: 50%;
    margin-left: -23px;
    width: 30px;
    height: 30px;
    z-index: 100;
}

.incom_bet .graph_box .graph {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.incom_bet .people_num {
    position: absolute;
    top: 70px;
    left: 4%;
    width: 320px;
    margin: 40px auto 20px auto;
    text-align: center;
}

.incom_bet .people_num h4 {
    font-size: 30px;
    padding: 0px 0px 30px 0px;
    text-shadow: #000000 2px 3px, blue 0 0 3px, blue 0 0 6px;
}

.incom_bet .people_num .people_count {
    font-size: 30px;
    padding-bottom: 12px;
    text-shadow: #000000 2px 3px, blue 0 0 3px, blue 0 0 6px;
    border-bottom: 1px solid #8a8a8b;
}

.incom_bet .people_num p {
    font-size: 15px;
    padding: 15px 0px 20px 0px;
}

.incom_bet .people_num .sp_count {
    width: 100%;
    display: table;
}

.incom_bet .people_num .sp_count li {
    width: 20%;
    padding: 0px 2px;
    display: table-cell;
}

.incom_bet .people_num .sp_count .box01 {
    border-radius: 5px;
}

.incom_bet .people_num .sp_count img {
    width: 25px;
    margin: 10px 0px 10px 0px;
}

.incom_bet .people_num .sp_count .count {
    font-weight: bold;
    padding-bottom: 10px;
}

.incom_bet .people_num .sp_count .per {
    font-weight: bold;
    padding-bottom: 10px;
}

.incom_bet .price_box {
    position: absolute;
    top: 70px;
    right: 4%;
    width: 320px;
    margin: 40px auto 20px auto;
}

.incom_bet .price_box h4 {
    font-size: 30px;
    padding: 0px 0px 30px 0px;
    text-shadow: #000000 2px 3px, blue 0 0 3px, blue 0 0 6px;
    text-align: center;
}

.incom_bet .price_box .sp_price {}

.incom_bet .price_box .sp_price li {
    margin-bottom: 6px;
}

.incom_bet .price_box .sp_price .box01 {
    border-radius: 15px;
    height: 30px;
    position: relative;
    line-height: 30px;
    font-weight: bold;
}

.incom_bet .price_box .sp_price img {
    width: 24px;
    margin: 0px 0px 2px 2px;
    vertical-align: middle;
}

.incom_bet .price_box .sp_price .price {
    position: absolute;
    top: 0;
    right: 65px;
}

.incom_bet .price_box .sp_price .more {
    position: absolute;
    top: 0px;
    right: 10px;
    height: 100%;
    width: 30px;
}

.incom_bet .price_box .sp_price .more img {
    width: 18px;
}

.incom_bet .bg01 {
    background: #7775b9;
}

.incom_bet .bg02 {
    background: #3a5caa;
}

.incom_bet .bg03 {
    background: #6ab3de;
}

.incom_bet .bg04 {
    background: #5ea59f;
}

.incom_bet .bg05 {
    background: #9c7969;
}

@media (min-width:1300px) and (max-width:1700px) {
    .incom_bet {
        padding-bottom: 300px !important;
    }

    .incom_bet .people_num {
        top: 420px !important;
    }

    .incom_bet .price_box {
        top: 420px !important;
    }
}

@media (min-width:1200px) and (max-width:1300px) {
    .incom_bet .people_num {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
    }

    .incom_bet .price_box {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
    }
}

/* 벨런스 들어오는 배팅 리스트 */
.incom_list {
    border: 1px solid #2d2d34;
    border-radius: 5px;
    background: #273147;
    padding: 8px;
    margin-bottom: 3px;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
}

.incom_list h4 {
    border-radius: 3px;
    background: #3c5c81;
    height: 43px;
    padding: 4px 10px;
    line-height: 35px;
    font-size: 12px;
    position: relative;
    margin-bottom: 3px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
}

.incom_list h4 .ico01 {
    height: 30px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.incom_list h4 .arrow {
    vertical-align: middle;
    margin-bottom: 2px;
    margin-right: 10px;
}

.incom_list h4 .nation {
    height: 16px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.incom_list h4 .time {
    display: inline-block;
    position: absolute;
    top: 4px;
    right: 10px;
}

.incom_list ul {
    margin-bottom: 8px;
}

.incom_list ul:last-child {
    margin-bottom: 0;
}

.incom_list ul li {
    border-bottom: 1px solid #373738;
    position: relative;
    padding: 6px 0px 10px 0px;
    *zoom: 1;
}

.incom_list ul li:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.incom_list ul li:before {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    height: 1px;
    background: #000000;
}

.incom_list .type01 {
    float: left;
    width: 15%;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
}

.incom_list .type01 .title01 {
    height: 45px;
    border: 1px solid #268ca7;
    background: #3c5c81;
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
    line-height: 43px;
    margin-bottom: 4px;
}

.incom_list .type01 .text01 {
    height: 23px;
    border: 1px solid #268ca7;
    background: #273147;
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
    line-height: 21px;
    margin-bottom: 4px;
    color: #ffa604;
    letter-spacing: -0.5px;
}

.incom_list .bet_area {
    float: left;
    width: 75%;
    text-align: center;
}

.incom_list .bet_area .bet01 {
    line-height: 43px;
    height: 45px;
    border: 1px solid #484853;
    background: #3a3a42;
    border-radius: 3px;
    font-size: 12px;
    cursor: pointer;
    position: relative;
    padding: 0px 10px;
    margin-bottom: 4px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.incom_list .bet_area .bet01:hover {
    background: #2688a3;
    border: 1px solid #00bfff;
}

.incom_list .bet_area .bet01.on {
    background: #00bfff;
    border: 1px solid #00bfff;
}

.incom_list .bet_area .bet01.ratio_up {
    border: 1px solid #7ee629;
    color: #7ee629;
}

.incom_list .bet_area .bet01.ratio_down {
    border: 1px solid #ff4a30;
    color: #ff4a30;
}

.incom_list .bet_area .no_bet01 {
    line-height: 70px;
    height: 72px;
    border: 1px solid #484853;
    background: #3a3a42;
    border-radius: 3px;
    font-size: 12px;
    position: relative;
    padding: 0px 10px;
    margin-bottom: 4px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.incom_list .bet_area .home {
    display: inline-block;
    width: 35%;
    text-align: left;
    vertical-align: top;
}

.incom_list .bet_area .home .bed {
    position: absolute;
    top: 0;
    right: 10px;
}

.incom_list .bet_area .vs {
    display: inline-block;
    width: 26%;
    text-align: center;
    vertical-align: top;
}

.incom_list .bet_area .draw {
    display: inline-block;
    width: 26%;
    text-align: center;
    vertical-align: top;
}

.incom_list .bet_area .away {
    display: inline-block;
    width: 35%;
    text-align: right;
    vertical-align: top;
}

.incom_list .bet_area .away .bed {
    position: absolute;
    top: 0;
    left: 10px;
}

.incom_list .bet_area .per_box {
    height: 23px;
    border: 1px solid #268ca7;
    background: #273147;
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
    line-height: 21px;
    margin-bottom: 4px;
    text-align: center;
    position: relative;
}

.incom_list .bet_area .per_box .count {
    position: relative;
    z-index: 10;
    letter-spacing: -0.5px;
}

.incom_list .bet_area .per_box .count span {
    color: #ffa604;
}

.incom_list .bet_area .per_box .per01 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #501a1a;
    border: 1px solid #ff0012;
    border-radius: 3px;
    transition: .5s;
}

.incom_list .bet_btn {
    float: left;
    width: 10%;
}

.incom_list .bet_btn button {
    width: 100%;
    height: 72px;
}

.incom_list2 {
    position: relative;
    height: 200px;
    margin-bottom: 10px;
    display: none;
}

.incom_list2.bg01 {
    background: url('/images/client/bg_incom_n01.png?v=1') no-repeat center center;
    background-size: cover;
}

.incom_list2.bg02 {
    background: url('/images/client/bg_incom_n02.png?v=1') no-repeat center center;
    background-size: cover;
}

.incom_list2.bg03 {
    background: url('/images/client/bg_incom_n03.png?v=1') no-repeat center center;
    background-size: cover;
}

.incom_list2.bg04 {
    background: url('/images/client/bg_incom_n04.png?v=1') no-repeat center center;
    background-size: cover;
}

.incom_list2.bg05 {
    background: url('/images/client/bg_incom_n05.png?v=1') no-repeat center center;
    background-size: cover;
}

.incom_list2.bg06 {
    background: url('/images/client/bg_incom_n06.png?v=1') no-repeat center center;
    background-size: cover;
}

.incom_list2 .rodding_box {
    position: relative;
    height: 100%;
}

.incom_list2 .rodding_box .home_area {
    position: absolute;
    bottom: 40%;
    left: 30px;
    width: 30%;
}

.incom_list2 .rodding_box .home_area .team_name {
    font-size: 30px;
    color: #ffffff;
    letter-spacing: -0.1em;
    margin-bottom: 6px;
}

.incom_list2 .rodding_box .home_area .bed {
    font-size: 30px;
    color: #fff10d;
}

.incom_list2 .rodding_box .vs {
    text-align: center;
    padding-top: 20px;
    font-size: 70px;
    margin-bottom: 10px;
    height: 90px;
}

.incom_list2 .rodding_box .away_area {
    position: absolute;
    bottom: 40%;
    right: 30px;
    width: 30%;
}

.incom_list2 .rodding_box .away_area .team_name {
    font-size: 30px;
    color: #ffffff;
    letter-spacing: -0.1em;
    margin-bottom: 6px;
    text-align: right;
}

.incom_list2 .rodding_box .away_area .bed {
    font-size: 30px;
    color: #fff10d;
    text-align: right;
}

.incom_list2 .rodding_box .msg_text {
    text-align: center;
    font-size: 22px;
    margin-bottom: 10px;
    height: 25px;
}

.incom_list2 .rodding_box .msg_text2 {
    border: 1px solid #fb0212;
    background: #501a1a;
    color: #fff10d;
    margin: 0 auto;
    width: 620px;
    line-height: 28px;
    font-size: 15px;
    text-align: center;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
}

.incom_list2 .view_box {
    position: relative;
    z-index: 10;
    height: 100%;
}

.incom_list2 .view_box .head {
    text-align: center;
    line-height: 30px;
    font-size: 24px;
    font-weight: bold;
}

.incom_list2 .view_box .team_box {
    height: 45px;
    display: table;
    width: 100%;
    background: rgb(0 0 0 / 0.28);
}

.incom_list2 .view_box .team_box .home_name {
    display: table-cell;
    text-align: center;
    width: 25%;
    font-size: 20px;
    vertical-align: middle;
    letter-spacing: -0.1em;
}

.incom_list2 .view_box .team_box .home_bed {
    display: table-cell;
    text-align: center;
    width: 15%;
    font-size: 20px;
    vertical-align: middle;
    color: #fff10d;
}

.incom_list2 .view_box .team_box .vs {
    display: table-cell;
    text-align: center;
    width: 10%;
    vertical-align: middle;
}

.incom_list2 .view_box .team_box .away_bed {
    display: table-cell;
    text-align: center;
    width: 15%;
    font-size: 20px;
    vertical-align: middle;
    color: #fff10d;
}

.incom_list2 .view_box .team_box .away_name {
    display: table-cell;
    text-align: center;
    width: 25%;
    font-size: 20px;
    vertical-align: middle;
    letter-spacing: -0.1em;
}

.incom_list2 .view_box .count_box {
    position: relative;
    height: 80px;
}

.incom_list2 .view_box .count_box .home_count {
    position: absolute;
    top: 10px;
    left: 20px;
}

.incom_list2 .view_box .count_box .home_count img {
    vertical-align: middle;
    margin-right: 15px;
}

.incom_list2 .view_box .count_box .away_count {
    position: absolute;
    top: 10px;
    right: 20px;
}

.incom_list2 .view_box .count_box .away_count img {
    vertical-align: middle;
    margin-left: 15px;
}

.incom_list2 .view_box .count_box .counter_money {
    font-size: 50px;
    line-height: 55px;
    vertical-align: middle;
    display: inline-block;
    letter-spacing: -0.05em;
}

.incom_list2 .view_box .count_box .vs {
    text-align: center;
}

.incom_list2 .view_box .count_box .vs .vs_name {
    font-size: 50px;
    line-height: 50px;
}

.incom_list2 .view_box .count_box .vs .vs_bed {
    font-size: 20px;
    color: #fff10d;
}

.incom_list2 .view_box .bet_box {
    height: 45px;
    display: table;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: relative;
}

.incom_list2 .view_box .bet_box .home_bet {
    position: absolute;
    top: 8px;
    left: 30px;
    font-size: 20px;
}

.incom_list2 .view_box .bet_box .vs_bet {
    padding-top: 8px;
    text-align: center;
}

.incom_list2 .view_box .bet_box .away_bet {
    position: absolute;
    top: 8px;
    right: 30px;
    font-size: 20px;
}

.incom_list2 .view_box .bet_box button {
    border: 1px solid #ff0012;
    border-radius: 4px;
    background: #501a1a;
    height: 30px;
    width: 90px;
}

.incom_list2 .blue_arrow {
    position: absolute;
    top: 0;
    right: 50%;
    width: 50%;
    height: 100%;
}

.incom_list2 .blue_arrow .bg01 {
    width: 0%;
    height: 100%;
    background: url('/images/client/bg_arrow_blue.png') no-repeat top left;
    animation: blue_arrow 4s 1s infinite;
}

/*@keyframes blue_arrow {
	from{left:100%;width:0%;}
	to{left:50%;width:50%;}
}*/
.incom_list2 .red_arrow {
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    height: 100%;
    text-align: left;
}

.incom_list2 .red_arrow .bg01 {
    position: absolute;
    top: 0;
    height: 100%;
    background: url('/images/client/bg_arrow_red.png') no-repeat top right;
    animation: red_arrow 4s 1s infinite;
}

/*
@keyframes red_arrow {
	from{right:100%;width:0%;}
	to{right:20%;width:80%;}
}*/

@media (min-width:1200px) and (max-width:1400px) {
    .incom_list2 .rodding_box .home_area .team_name {
        font-size: 22px !important;
    }

    .incom_list2 .rodding_box .away_area .team_name {
        font-size: 22px !important;
    }

    .incom_list2 .view_box .team_box .home_name {
        font-size: 16px !important;
    }

    .incom_list2 .view_box .team_box .away_name {
        font-size: 16px !important;
    }

    .incom_list2 .view_box .count_box .counter_money {
        font-size: 34px !important;
    }
}

.btn_betting_del {
    text-align: right;
}

.btn_betting_del button {
    height: 40px;
    width: 100px;
    font-weight: bold;
}



/* 미니게임 게임 메인 */
.minigame_main {
    position: relative;
    *zoom: 1;
    padding: 0px 5px;
}

.minigame_main:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.minigame_main .box01 {
    float: left;
    /*width:16.666%;min-width:260px;*/
    text-align: center;
    position: relative;
    margin: 0 auto 20px auto;
    /*min-height:555px;*/
}

.minigame_main .box01 .img_box {}

.minigame_main .box01 .menu_list {
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
}

.minigame_main .box01 .menu_list li {
    width: 250px;
    margin: 0 auto;
}

.minigame_main .box01 .menu_list li button {
    border: 1px solid #268ca7;
    background: #273147;
    font-weight: bold;
    border-radius: 5px;
    width: 100%;
    line-height: 38px;
    margin-bottom: 4px;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
}

.minigame_main .box01 .menu_list li button:hover {
    background: #2c3a5c;
    box-shadow: rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
}

@media (min-width:1450px) and (max-width:1730px) {
    .minigame_main .box01 {
        width: 20% !important;
    }
}

@media (min-width:1200px) and (max-width:1449px) {
    .minigame_main .box01 {
        width: 25% !important;
    }
}

/* 미니게임 게임 메인 */
.minigame_main_m {
    position: relative;
    *zoom: 1;
    padding: 0px 10px;
}

.minigame_main_m:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.minigame_main_m .box01 {
    float: left;
    width: 14.28%;
    text-align: center;
    position: relative;
    cursor: pointer;
    padding: 10px 5px 10px 5px;
}

.minigame_main_m .box01 .img_box {
    border: 1px solid #666666;
}

.minigame_main_m .box01 .img_box img {
    width: 100%;
}

.minigame_main_m .box01 .time {
    position: absolute;
    top: 30px;
    right: 25px;
    font-size: 25px;
    color: #ffffff;
    font-weight: bold;
}

.minigame_main_m .box01 .play {
    position: absolute;
    bottom: 10px;
    left: 5px;
    right: 5px;
    text-align: center;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    background: rgba(0, 0, 0, 0.7);
    line-height: 50px;
}

.minigame_main_m .box01:hover .img_box {
    border: 1px solid #8ef965;
}

.minigame_main_m .box01:hover .play {
    background: #1a7f00;
}

/* 미니게임 게임 리스트 */
.mini_game_bet {}

.mini_game_bet h2 {
    margin-bottom: 10px;
    position: relative;
    border: 1px solid #2d2d34;
    border-radius: 5px;
    background: #273147;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    height: 45px;
    padding-left: 15px;
    line-height: 43px;
    font-size: 18px;
    color: #ef9d07;
}

.mini_game_bet .game_box {
    position: relative;
    border: 1px solid #2d2d34;
    border-radius: 5px;
    background: url('/images/client/bg_minigame_01.jpg') no-repeat center center;
    background-size: cover;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    padding: 1px;
    margin-bottom: 10px;
    *zoom: 1;
}

.mini_game_bet .game_box:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.mini_game_bet .view_section {
    float: left;
    width: 50%;
    min-width: 320px;
}

.mini_game_bet .view_section .game_view {
    border: 2px solid #ffea00;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    height: 667px;
    overflow: hidden;
}

.mini_game_bet .view_section .game_view ::-webkit-scrollbar {
    width: 5px;
}

.mini_game_bet .view_section .game_view::-webkit-scrollbar-thumb {
    background: #89898d;
    border-radius: 10px;
}

@media (min-width:300px) and (max-width:500px) {
    .mini_game_bet .view_section .game_view {
        border: 2px solid #ffea00;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 5px;
        height: 500px;
        overflow: hidden;
    }
}

.mini_game_bet .view_section_lotus {
    float: left;
    width: 70%;
    min-width: 320px;
    /*max-width: 840px;*/
}

.mini_game_bet .view_section_lotus .game_view {
    border: 2px solid #37738d;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    height: 620px;
    overflow: hidden;
}

.mini_game_bet .view_section_lotus .game_view ::-webkit-scrollbar {
    width: 5px;
}

.mini_game_bet .view_section_lotus .game_view::-webkit-scrollbar-thumb {
    background: #89898d;
    border-radius: 10px;
}

#betting_disable {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 30px;
    text-align: center;
    vertical-align: middle;
    color: white;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    z-index: 4;
}

#diableimg {
    position: relative;
    vertical-align: middle;
    margin: 5px;
    top: 30%;
}

.content_loading {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 30px;
    text-align: center;
    vertical-align: middle;
    color: white;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    z-index: 4;
}

.content_loadingimg {
    position: relative;
    vertical-align: middle;
    margin: 5px;
    top: 30%;
    width: 200px;
}

.content_loadingtxt {
    position: relative;
    vertical-align: middle;
    margin: 5px;
    top: 30%;
    font-size: 30px;
    text-align: center;
    vertical-align: top;
}


.mini_game_bet .bet_section {
    float: left;
    width: 50%;
    /*min-width:320px;*/
}

.mini_game_bet .bet_section .time_box {
    background: #141414;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    text-align: center;
    padding: 10px 0px;
    border-radius: 5px;
    margin-bottom: 0px;
}

.mini_game_bet .bet_section .time_box h3 {
    font-size: 15px;
    line-height: 1.2em;
}

.mini_game_bet .bet_section .time_box .time_area {
    font-size: 42px;
    font-weight: bold;
    line-height: 1.1em;
    color: #e69928;
}

.mini_game_bet .bet_section .time_box .btn_center {
    margin-top: 10px;
}

.mini_game_bet .bet_section .time_box .btn_center button {
    height: 40px;
    width: 50%;
}

.mini_game_bet .bet_section .bet_list01 {
    *zoom: 1;
}

.mini_game_bet .bet_section .bet_list01:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.mini_game_bet .bet_section .bet_list01 .list_box01 {
    display: inline-block;
    min-width: 310px;
    padding: 0px 5px 25px 5px;
    text-align: center;
    width: 100%;
}

.mini_game_bet .bet_section .bet_list01 .list_box01 h4 {
    background: #3c5c81;
    border: 1px solid #268ca7;
    border-radius: 5px;
    line-height: 28px;
    margin: 0 auto 5px auto;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
}

.mini_game_bet .bet_section .bet_list01 .bet_btn01 {
    margin: 0px auto;
    *zoom: 1;
}

.mini_game_bet .bet_section .bet_list01 .bet_btn01:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.mini_game_bet .bet_section .bet_list01 .bet_btn01 .btn01 {
    width: 25%;
    margin-bottom: 6px;
}

.mini_game_bet .bet_section .bet_list01 .bet_btn02 {
    margin: 0px auto;
    *zoom: 1;
}

.mini_game_bet .bet_section .bet_list01 .bet_btn02:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.mini_game_bet .bet_section .bet_list01 .bet_btn02 .btn01 {
    width: 28%;
    margin-bottom: 6px;
}

.mini_game_bet .bet_section .bet_list01 .bet_btn03 {
    margin: 0px auto;
    *zoom: 1;
}

.mini_game_bet .bet_section .bet_list01 .bet_btn03:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.mini_game_bet .bet_section .bet_list01 .bet_btn03 .btn01 {
    width: 10%;
    margin-bottom: 6px;
}

.mini_game_bet .bet_section .bet_list01 .bet_btn03 .btn01 button {
    font-size: 16px;
}

.mini_game_bet .bet_section .bet_list01 .btn01 {
    position: relative;
    float: left;
    height: 60px;
    padding: 0px 3px;
}

.mini_game_bet .bet_section .bet_list01 .btn_blue {
    border: 1px solid #268ca7;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    background: #273147;
    font-size: 20px;
    position: relative;
    padding-bottom: 7px;
    color: #089fd4;
    font-weight: bold;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
}

.mini_game_bet .bet_section .bet_list01 .btn_blue:hover,
.mini_game_bet .bet_section .bet_list01 .btn_blue.on {
    border: 1px solid #089fd4;
    background: #089fd4;
    color: #ffffff;
}

.mini_game_bet .bet_section .bet_list01 .btn_red {
    border: 1px solid #268ca7;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    background: #273147;
    font-size: 20px;
    position: relative;
    padding-bottom: 7px;
    color: #ff0000;
    font-weight: bold;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
}

.mini_game_bet .bet_section .bet_list01 .btn_red:hover,
.mini_game_bet .bet_section .bet_list01 .btn_red.on {
    border: 1px solid #ff0000;
    background: #ff0000;
    color: #ffffff;
}

.mini_game_bet .bet_section .bet_list01 .btn_green {
    border: 1px solid #268ca7;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    background: #273147;
    font-size: 20px;
    position: relative;
    padding-bottom: 7px;
    color: #76cb5c;
    font-weight: bold;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
}

.mini_game_bet .bet_section .bet_list01 .btn_green:hover,
.mini_game_bet .bet_section .bet_list01 .btn_green.on {
    border: 1px solid #76cb5c;
    background: #76cb5c;
    color: #ffffff;
}

.mini_game_bet .bet_section .bet_list01 .bedd {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    text-align: center;
    display: block;
    color: #ffffff;
    font-size: 12px;
}

.mini_game_bet .bet_section .bet_list01 .count {
    position: absolute;
    top: 1%;
    left: 0px;
    width: 100%;
    text-align: center;
    display: block;
    color: #ffffff;
    font-size: 14px;
}

.mini_game_bet .bet_section .bet_list01 .line {
    position: absolute;
    top: 7px;
    right: 7px;
    text-align: center;
    display: block;
    color: #ffffff;
    font-size: 12px;
    background: #002a4b;
    width: 26px;
    height: 26px;
    border-radius: 4px;
    line-height: 26px;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
}

.mini_game_bet .bet_section .bet_cart_box {
    position: relative;
}

.mini_game_bet .bet_section .btn_minigame {
    margin: 10px 3px;
}

.mini_game_bet .bet_section .btn_minigame button {
    width: 100%;
    height: 90px;
    border: 1px solid #85ffa5;
    background: #203123;
    font-size: 20px;
    border-radius: 5px;
    font-weight: bold;
}

.mini_game_bet .bet_section .btn_minigame button:hover {
    background: #76cb5c;
}

@media (min-width:800px) and (max-width:1855px) {

    /* 미니 게임 버튼 영역 사이즈 */
    .mini_game_bet .bet_section .bet_list01 .list_box01 {
        width: 100% !important;
    }

    .mini_game_bet .bet_section .bet_cart .info_box {
        width: 100% !important;
    }

    .mini_game_bet .bet_section .bet_cart .btn_box {
        width: 100% !important;
    }

}

.minigame_btn {
    margin: 0px -4px 4px -4px;
    position: relative;
    display: none;
}

.minigame_btn h3 {
    border: 1px solid #ffa604;
    height: 40px;
    font-weight: bold;
    border-radius: 5px;
    line-height: 38px;
    margin: 0px 4px 10px 4px;
    padding-left: 10px;
    cursor: pointer;
    display: none;
    background: url("/images/client/arrow_down_01.png") no-repeat #312b20;
    background-position: 97% center;
}

.minigame_btn h3.on {
    background: url("/images/client/arrow_up_01.png") no-repeat #312b20;
    background-position: 97% center;
}

.minigame_btn ul {
    *zoom: 1;
}

.minigame_btn ul:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.minigame_btn li {
    margin-bottom: 6px;
    float: left;
    padding: 0px 4px;
    min-width: 128px;
}

.minigame_btn li button {
    border: 1px solid #268ca7;
    background: #3c5c81;
    height: 40px;
    font-weight: bold;
    border-radius: 5px;
    width: 100%;
}

.minigame_btn li.on button {
    background: #312b20;
    border: 1px solid #ffa604;
}



/* 가상경기 */
/*.virtual_sports {border:1px solid #2d2d34;border-radius:4px;background:#273147;padding:8px;margin-bottom:3px;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;}*/
.virtual_sports {
    /*border:1px solid #2d2d34;*/
    border-radius: 4px;
    background: #273147;
    /*box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;*/
}

.virtual_sports_result {
    background-image: url(/images/client/login_bg.png);
}

.virtual_sports_result .head {
    background: #3c5c81;
    height: 40px;
    border: 1px solid transparent;
    border-radius: 5px;
    height: 40px;
    margin-bottom: 7px;
    font-size: 12px;
    line-height: 36px;
    padding: 0px 30px;
    position: relative;
    font-weight: bold;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
}

.virtual_sports_result .head h3 {
    font-size: 14px;
    line-height: 40px;
    font-weight: bold;
}

.virtual_sports_result .head h3 span {
    color: #ef9d07;
}

.virtual_sports_result .head button {
    position: absolute;
    top: 3px;
    right: 20px;
    width: 70px;
    height: 30px;
    border: 1px solid #093d66;
    background: #3c5c81;
    border-radius: 3px;
    font-size: 12px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
}

/*.virtual_sports {margin-bottom:10px;position:relative;display:table;width:100%;background:url("/images/client/bg_virtual_01.jpg") no-repeat;background-size:cover;border-radius:10px;padding:10px;
	box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px, rgb(82, 82, 93) 1px 1px 4px -2px inset;
}*/
.virtual_sports section {
    display: table-cell;
    vertical-align: top;
}

.virtual_sports .virtual_sports_vod {
    width: 500px;
}

.virtual_sports .virtual_sports_bet {
    width: calc(100% - 500px);
}

.virtual_sports .vod_box {
    border-radius: 5px;
    padding: 10px;
    margin: 5px;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px, rgb(82, 82, 93) 1px 1px 4px -2px inset;
}

.virtual_sports .vod_box .vod_area {}

.virtual_sports .vod_box .vod_area img {
    width: 100%;
}

.virtual_sports .vod_box .title_area {
    text-align: center;
    font-size: 14px;
    padding: 8px 0px 0px 0px;
}

.virtual_sports .vod_box .title_area .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    vertical-align: middle;
    margin: 0px 6px 2px 0px;
    background: #ff0000;
    border-radius: 100%;
}

.virtual_sports .vod_box .title_area .week {
    color: #ffa604;
}

.virtual_sports .match_box {
    background: #273147;
    border-radius: 5px;
    padding: 10px;
    margin: 5px;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px, rgb(82, 82, 93) 1px 1px 4px -2px inset;
}

.virtual_sports .match_box .tv_match {
    width: 110px;
    text-align: left;
    font-weight: bold;
    color: #ffa604;
    margin: 10px 0px 15px 0px;
}

.virtual_sports .match_box .tv_match svg {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.virtual_sports .match_box .live_time {
    text-align: left;
    font-weight: bold;
    color: #ee4540;
    font-size: 14px;
    margin: 10px 0px 15px 0px;
}

.virtual_sports .match_box .team_name {
    width: 95%;
    margin: 0 auto;
    position: relative;
    *zoom: 1;
    clear: left;
}

.virtual_sports .match_box .team_name:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.virtual_sports .match_box .team_name .home {
    float: left;
    width: 44%;
    transform: skew(20deg);
    background: #161619;
    border-top: 2px solid #ffa604;
    text-align: center;
    margin: 4px 0px;
    height: 55px;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
}

.virtual_sports .match_box .team_name .home span {
    display: block;
    transform: skew(-20deg);
    padding-top: 20px;
    font-size: 15px;
}

.virtual_sports .match_box .team_name .vs {
    position: absolute;
    top: 0;
    left: 40%;
    width: 20%;
    height: 100%;
    text-align: center;
    background: #3c5c81;
    z-index: 0;
    clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 26% 100%);
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px, rgb(82, 82, 93) 1px 1px 4px -2px inset;
}

.virtual_sports .match_box .team_name .vs span {
    display: block;
    padding-top: 20px;
    font-size: 18px;
}

.virtual_sports .match_box .team_name .away {
    float: right;
    width: 44%;
    transform: skew(-20deg);
    background: #161619;
    border-top: 2px solid #ffa604;
    text-align: center;
    margin: 4px 0px;
    height: 55px;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
}

.virtual_sports .match_box .team_name .away span {
    display: block;
    transform: skew(20deg);
    padding-top: 20px;
    font-size: 15px;
}

.virtual_sports .match_box .match_result {
    margin-top: 15px;
}

.virtual_sports .match_box .match_result .title {
    font-size: 14px;
    text-align: center;
    color: #9f9fa1;
    margin-bottom: 10px;
}

.virtual_sports .match_box .button_area {
    text-align: center;
    margin-bottom: 5px;
}

.virtual_sports .match_box .button_area button {
    width: 22%;
    height: 38px;
    border: 1px solid #484853;
    background: #3a3a42;
    color: #50e2e4;
    font-size: 15px;
    border-radius: 5px;
    font-weight: bold;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
}

.virtual_sports .match_box .button_area button:hover {
    border: 1px solid #50e2e4;
    background: #2b484d;
}

.virtual_sports .btn_box {
    margin: 10px 5px;
}

.virtual_sports .btn_box button {
    height: 40px;
    width: 49%;
    font-weight: bold;
}

.virtual_sports .btn_box button:last-child {
    float: right;
}

.virtual_sports .history_box {
    height: 511px;
    background: #273147;
    border-radius: 5px;
    padding: 10px;
    margin: 5px;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px, rgb(82, 82, 93) 1px 1px 4px -2px inset;
}

/*가상경기 배팅 옵션*/
.virtual_sports h4 {
    border-radius: 3px;
    background: #3c5c81;
    padding: 4px 10px;
    line-height: 43px;
    font-size: 12px;
    position: relative;
    margin-bottom: 15px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
}

.virtual_sports h4 .ico01 {
    height: 30px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.virtual_sports h4 .ico02 {
    height: 20px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.virtual_sports h4 .arrow {
    vertical-align: middle;
    margin-bottom: 2px;
    margin-right: 10px;
}

.virtual_sports h4 .nation {
    height: 16px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.virtual_sports h4 .league_name {
    color: #ff7600;
}

.virtual_sports h4 .team1_name {
    position: absolute;
    display: none;
}

.virtual_sports h4 .time {
    display: inline-block;
    position: absolute;
    top: 4px;
    right: 10px;
    font-weight: bold;
}

.virtual_sports h4 .lasttime {
    display: inline-block;
    position: absolute;
    top: 4px;
    right: 160px;
    height: 20px;
    color: #fff;
    font-weight: bold;
    color: #ff7600;
}

.virtual_sports ul {
    margin-bottom: 8px;
}

.virtual_sports ul:last-child {
    margin-bottom: 0;
}

.virtual_sports ul li {
    position: relative;
    padding: 0px;
    *zoom: 1;
}

.virtual_sports ul li:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.virtual_sports ul li:before {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    height: 0px;
    background: #000000;
}

.virtual_sports ul li.li_border_x {
    border: 0;
    padding: 0;
    border-bottom: 3px solid #294d70;
    margin-bottom: 10px;
}

.virtual_sports .history_box .history_date {
    position: absolute;
    display: block;
    width: 50px;
}

.virtual_sports .history_box .history_time {
    position: absolute;
    display: block;
    ;
    width: 50px;
}

/*
.virtual_sports .type01 {float:left;width:15%;text-align:center;line-height:18px;font-size:12px;padding:12px 0px;}
.virtual_sports .bet_area {float:left;width:85%;text-align:center;}
.virtual_sports .bet_area div {display:inline-block;line-height:45px;height:45px;border:1px solid #484853;background:#3a3a42;border-radius:3px;font-size:12px;cursor:pointer;position:relative;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
vertical-align:top;}
.virtual_sports .bet_area .home {width:40%;text-align:right;padding:0px 10px;}
.virtual_sports .bet_area .home:hover {background:#2688a3;border:1px solid #00bfff;}
.virtual_sports .bet_area .home.on {background:#00bfff;border:1px solid #00bfff;}
.virtual_sports .bet_area .home .bed {position:absolute;top:0;left:10px;}
.virtual_sports .bet_area .vs {width:14%;text-align:center;cursor:default;}
.virtual_sports .bet_area .draw {width:14%;text-align:center;}
.virtual_sports .bet_area .draw:hover {background:#2688a3;border:1px solid #00bfff;}
.virtual_sports .bet_area .draw.on {background:#00bfff;border:1px solid #00bfff;}
.virtual_sports .bet_area .drawnone {width:14%;text-align:center;}
.virtual_sports .bet_area .away {width:40%;text-align:left;padding:0px 5px;}
.virtual_sports .bet_area .away:hover {background:#2688a3;border:1px solid #00bfff;}
.virtual_sports .bet_area .away.on {background:#00bfff;border:1px solid #00bfff;}
.virtual_sports .bet_area .away .bed {position:absolute;top:0;right:10px;}
.virtual_sports .bet_area img {vertical-align:middle;margin-top:0px;}
*/
.virtual_sports .type01 {
    float: left;
    width: 15%;
    height: 40px;
    text-align: center;
    line-height: 30px;
    padding: 6px 0px;
}

.virtual_sports .bet_area {
    float: left;
    width: 85%;
    text-align: center;
}

.virtual_sports .bet_area div {
    display: inline-block;
    border: 1px solid #181818;
    border-radius: 3px;
    font-size: 12px;
    cursor: pointer;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
    vertical-align: top;
}

.virtual_sports .bet_area .home {
    height: 40px;
    width: 40%;
    text-align: right;
    padding: 0px 10px;
    line-height: 40px;
    background-color: #484853;
}

.virtual_sports .bet_area .home:hover {
    background: #2688a3;
    border: 1px solid #00bfff;
}

.virtual_sports .bet_area .home.on {
    background: #00bfff;
    border: 1px solid #00bfff;
}

.virtual_sports .bet_area .home .bed {
    top: 0;
}

.virtual_sports .bet_area .home .team_name {
    position: absolute;
    top: 0;
    left: 10px;
}

.virtual_sports .bet_area .vs {
    height: 40px;
    width: 14%;
    text-align: center;
    cursor: default;
    line-height: 40px;
}

.virtual_sports .bet_area .draw {
    height: 40px;
    width: 14%;
    text-align: center;
    line-height: 40px;
    background-color: #484853;
}

.virtual_sports .bet_area .draw:hover {
    background: #2688a3;
    border: 1px solid #00bfff;
}

.virtual_sports .bet_area .draw.on {
    background: #00bfff;
    border: 1px solid #00bfff;
}

.virtual_sports .bet_area .drawnone {
    height: 40px;
    width: 14%;
    text-align: center;
    line-height: 40px;
    background-color: #484853;
}

.virtual_sports .bet_area .away {
    height: 40px;
    width: 40%;
    text-align: left;
    padding: 0px 5px;
    line-height: 40px;
    background-color: #484853;
}

.virtual_sports .bet_area .away:hover {
    background: #2688a3;
    border: 1px solid #00bfff;
}

.virtual_sports .bet_area .away.on {
    background: #00bfff;
    border: 1px solid #00bfff;
}

.virtual_sports .bet_area .away .bed {
    top: 0;
    margin-left: 4px;
}

.virtual_sports .bet_area .away .team_name {
    position: absolute;
    top: 0;
    right: 10px;
}

.virtual_sports .bet_area img {
    vertical-align: middle;
    margin-top: 0px;
}


.virtual_sports .bet_area_dog {
    float: left;
    width: 100%;
    text-align: center;
}

.virtual_sports .bet_area_dog div {
    display: inline-block;
    line-height: 28px;
    border: 1px solid #484853;
    background: #3a3a42;
    border-radius: 3px;
    font-size: 12px;
    cursor: pointer;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
    vertical-align: top;
}

.virtual_sports .bet_area_dog .home {
    width: 32%;
    text-align: left;
    padding-left: 5px;
    margin-top: 5px;
}

.virtual_sports .bet_area_dog .home:hover {
    background: #2688a3;
    border: 1px solid #00bfff;
}

.virtual_sports .bet_area_dog .home.on {
    background: #2688a3;
    border: 1px solid #00bfff;
}

.virtual_sports .bet_area_dog .home .bed {
    position: absolute;
    top: 0;
    right: 10px;
}

.virtual_sports .bet_area_dog img {
    vertical-align: middle;
    margin: 0px;
}

.virtualgame_btn {
    margin: 0px -4px 4px -4px;
    position: relative;
    display: none;
}

.virtualgame_btn h3 {
    border: 1px solid #ffa604;
    height: 40px;
    font-weight: bold;
    border-radius: 5px;
    line-height: 38px;
    margin: 0px 4px 10px 4px;
    padding-left: 10px;
    cursor: pointer;
    display: none;
    background: url("/images/client/arrow_down_01.png") no-repeat #312b20;
    background-position: 97% center;
}

.virtualgame_btn h3.on {
    background: url("/images/client/arrow_up_01.png") no-repeat #312b20;
    background-position: 97% center;
}

.virtualgame_btn ul {
    *zoom: 1;
}

.virtualgame_btn ul:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.virtualgame_btn li {
    margin-bottom: 6px;
    float: left;
    padding: 0px 4px;
    min-width: 128px;
}

.virtualgame_btn li button {
    border: 1px solid #268ca7;
    background: #3c5c81;
    height: 40px;
    font-weight: bold;
    border-radius: 5px;
    width: 100%;
}

.virtualgame_btn li.on button {
    background: #312b20;
    border: 1px solid #ffa604;
}


.game_page {
    position: relative;
    overflow: hidden;
    margin: 10px 0px;
}

.game_page button {
    height: 40px;
    width: 50px;
}

.game_page ul {
    display: table;
}

.game_page ul li {
    display: table-cell;
}

.game_page ul li button {
    margin: 0px 5px;
}

.game_page .title01 {
    position: absolute;
    top: 0;
    left: 0;
    width: 75px;
    padding: 5px;
    height: 100%;
    font-size: 11px;
    line-height: 14px;
    background: #121316;
    color: #ffa604;
}

.game_page .left_btn {
    position: absolute;
    top: 0;
    left: 75px;
    background: #121316;
}

.game_page .left_btn button {
    width: 40px;
    color: #ffa604;
    margin: 0px 5px;
}

.game_page .left_btn svg {
    width: 18px;
    height: 24px;
}

.game_page .right_btn {
    position: absolute;
    top: 0;
    right: 0;
    background: #121316;
}

.game_page .right_btn button {
    width: 40px;
    color: #ffa604;
    margin: 0px 5px;
}

.game_page .right_btn svg {
    width: 18px;
    height: 24px;
}

/* 경기 결과 */
.result_btn {
    margin: 0px -4px 4px -4px;
    position: relative;
}

.result_btn h3 {
    border: 1px solid #ffa604;
    height: 40px;
    font-weight: bold;
    border-radius: 5px;
    line-height: 38px;
    margin: 0px 4px 10px 4px;
    padding-left: 10px;
    cursor: pointer;
    display: none;
    background: url("/images/client/arrow_down_01.png") no-repeat #312b20;
    background-position: 97% center;
}

.result_btn h3.on {
    background: url("/images/client/arrow_up_01.png") no-repeat #312b20;
    background-position: 97% center;
}

.result_btn ul {
    *zoom: 1;
}

.result_btn ul:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.result_btn li {
    margin-bottom: 6px;
    float: left;
    padding: 0px 4px;
    min-width: 128px;
}

.result_btn li button {
    border: 1px solid #268ca7;
    background: #3c5c81;
    height: 40px;
    font-weight: bold;
    border-radius: 5px;
    width: 100%;
}

.result_btn li.on button {
    background: #312b20;
    border: 1px solid #ffa604;
}

.result_section {
    border: 1px solid #2d2d34;
    border-radius: 4px;
    background: #273147;
    padding: 8px;
    margin-bottom: 3px;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
}

.result_section h4 {
    border-radius: 3px;
    background: #3c5c81;
    padding: 4px 10px;
    line-height: 20px;
    font-size: 12px;
    transition: 200ms all;
    margin-bottom: 3px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
    max-width: 1000%;
}

.result_section h4 .ico01 {
    height: 20px;
}

.result_section h4 .arrow {
    vertical-align: middle;
    margin-bottom: 2px;
    margin-right: 10px;
}

.result_section h4 .nation {
    height: 16px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.result_section ul {
    margin-bottom: 8px;
}

.result_section ul:last-child {
    margin-bottom: 0;
}

.result_section ul li {
    border-bottom: 1px solid #373738;
    position: relative;
    padding: 6px 0px 10px 0px;
    *zoom: 1;
}

.result_section ul li:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.result_section ul li:before {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    height: 1px;
    background: #000000;
}

.result_section .time_arae {
    float: left;
    width: 20%;
    text-align: left;
    line-height: 18px;
    font-size: 12px;
    padding: 5px 0px;
    padding-left: 10px;
}

.result_section .bet_area {
    float: left;
    width: 80%;
    text-align: center;
}

.result_section .bet_area div {
    display: inline-block;
    line-height: 28px;
    height: 30px;
    border: 1px solid #484853;
    background: #3a3a42;
    border-radius: 3px;
    font-size: 12px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.result_section .bet_area .home {
    width: 40%;
    text-align: right;
    padding: 0px 10px;
}

.result_section .bet_area .home.on {
    background: #00bfff;
    border: 1px solid #00bfff;
}

.result_section .bet_area .vs {
    width: 14%;
    text-align: center;
    cursor: default;
}

.result_section .bet_area .vs.on {
    background: #203123;
    border: 1px solid #85ffa5;
    color: #ffa604;
}

.result_section .bet_area .away {
    width: 40%;
    text-align: left;
    padding: 0px 10px;
}

.result_section .bet_area .away.on {
    background: #cf4d2b;
    border: 1px solid #bd2727;
}

.result_section .bet_history2 {
    float: left;
    width: 100%;
    text-align: center;
}

.result_section .bet_history2 div {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    border: 1px solid #484853;
    background: #3a3a42;
    border-radius: 3px;
    font-size: 12px;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
    vertical-align: top;
}

.result_section .bet_history2 .home {
    width: 24%;
    text-align: left;
    margin-left: 5px;
    margin-top: 5px;
    float: left;
}

.result_section .bet_history2 .home.on {
    background: #00bfff;
    border: 1px solid #00bfff;
}

.result_section .bet_history2 img {
    vertical-align: middle;
    margin-top: -4px;
}

.result_section .bet_history2 .result {
    width: 10%;
    text-align: center;
    padding: 0px 5px;
    background: #4b552c;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

/* 게시판 형식 */
.board_content {}

.board_content p {
    line-height: 30px;
}

.board_box {}

.board_box h2 {
    margin-bottom: 10px;
    position: relative;
    border: 1px solid #2d2d34;
    border-radius: 5px;
    background: #273147;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    height: 45px;
    padding-left: 15px;
    line-height: 43px;
    font-size: 18px;
    color: #ef9d07;
}

.board_box .message_box {
    margin: 15px;
    border: 1px solid #ff0012;
    background: #501a1a;
    border-radius: 5px;
    font-weight: bold;
    line-height: 48px;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    margin-bottom: 10px;
    padding: 20px;
}

.board_box .message_box h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.board_box .message_box p {
    line-height: 20px;
}

.board_box .message_box span {
    color: #ffa604;
}

.charge_exchange {
    position: relative;
    border: 1px solid #273147;
    border-radius: 5px;
    background: #273147;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    padding: 1px;
    margin-bottom: 10px;
    padding: 7px;
}

.charge_exchange .btn_money {
    margin: 20px 0px 10px 0px;
    text-align: center;
}

.charge_exchange .btn_money button {
    border: 1px solid #268ca7;
    border-radius: 5px;
    background: #3c5c81;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    line-height: 40px;
    padding: 20px 0px 10px 0px;
    font-weight: bold;
    width: 11%;
    margin: 0px 3px 10px 3px;
    min-width: 140px;
}

.charge_exchange .btn_money button:hover {
    background: #2c3a5c;
}

.charge_exchange .head {
    color: #ffa604;
    font-weight: bold;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 20px;
    line-height: 48px;
}

.charge_exchange .input_area {
    border: 1px solid #268ca7;
    border-radius: 5px;
    background: #3c5c81;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    line-height: 48px;
    min-height: 68px;
    padding: 10px 0px;
    position: relative;
    margin-bottom: 10px;
}

.charge_exchange .input_box {
    margin-left: 100px;
    *zoom: 1;
}

.charge_exchange .input_box:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.charge_exchange .input_box .text01 {
    display: inline-block;
    float: left;
    margin-right: 10px;
    font-weight: bold;
    padding: 15px 0px;
    line-height: 18px;
}

.charge_exchange .input_box input {
    border: 1px solid #268ca7;
    background: #273147;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    border-radius: 5px;
    height: 40px;
    width: 200px;
    margin: 4px 10px 2px 0px;
    float: left;
    text-align: center;
    color: #ffa604;
    font-weight: bold;
}

.charge_exchange .input_box input:-ms-input-placeholder {
    color: #ffffff !important;
}

.charge_exchange .input_box input::-webkit-input-placeholder {
    color: #ffffff !important;
}

.charge_exchange .input_box input::-moz-placeholder {
    color: #ffffff !important;
}

.charge_exchange .money01 {
    text-align: right !important;
    padding-right: 10px;
    font-size: 30px;
    font-weight: bold;
    color: #ff0000 !important;
}

.charge_exchange .input_area .btn_area {
    float: left;
    margin-right: 10px;
}

.charge_exchange .input_area .btn_area button {
    border: 1px solid #268ca7;
    border-radius: 5px;
    background: #3c5c81;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    height: 40px;
    padding: 0px 10px;
    font-weight: bold;
    margin-top: 4px;
}

.charge_exchange .input_area .btn_area button:hover {
    background: #ff0000;
}

.charge_exchange .btn_change button {
    width: 100%;
    height: 70px;
    border: 1px solid #85ffa5;
    background: #203123;
    font-size: 24px;
    border-radius: 5px;
    font-weight: bold;
}

.charge_exchange .btn_change button:hover {
    background: #76cb5c;
}

.board_box .money_box_01 {
    position: relative;
    border: 1px solid #4c64aa;
    border-radius: 5px;
    padding: 1px;
    margin: 15px;
}

.board_box .money_box_01 table {
    margin: 10px 0px;
}

.board_box .money_box_01 th {
    text-align: center;
    padding: 8px 20px 6px 10px;
    color: #ffffff;
    font-weight: bold;
    border-bottom: 1px solid #4c64aa;
    line-height: 18px;
}

.board_box .money_box_01 td {
    padding: 8px 0px 6px 0px;
    vertical-align: top;
    border-bottom: 1px solid #4c64aa;
    line-height: 18px;
}

.board_box .money_box_01 input {
    width: 60%;
    vertical-align: top;
    height: 30px;
    background: #3c5c81;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 3px, rgba(255, 255, 255, 0.22) 1px 1px 1px -2px inset;
    border-radius: 5px;
    text-indent: 10px;
    margin-right: 5px;
    font-size: 12px;
}

.board_box .money_box_01 input:-ms-input-placeholder {
    color: #9c9b9b !important;
}

.board_box .money_box_01 input::-webkit-input-placeholder {
    color: #9c9b9b !important;
}

.board_box .money_box_01 input::-moz-placeholder {
    color: #9c9b9b !important;
}

.board_box .money_box_01 td button {
    height: 30px;
    min-width: 65px;
}

.board_box .money_box_01 .btn_area {
    margin: 10px 0px 0px 0px;
}

.board_box .money_box_01 .btn_area button {
    margin: 0px 5px 10px 0px;
    min-width: 80px;
}

.board_box .money_box_01 .btn_center {
    margin: 30px 0px;
    text-align: center;
}

.board_box .money_box_01 .btn_center button {
    height: 60px;
    width: 300px;
}

.board_box .money_box_01 .fc01 {
    color: #ffa604;
}

.bet_history_game .fc02 {
    color: yellow;
    font-size: 25px;
    font-weight: bold;
    position: absolute;
    right: 15px;
    bottom: 20%;
}


.history_list {
    position: relative;
    border-radius: 5px;
    padding: 1px;
    margin-bottom: 5px;
}

.history_list table {
    border-radius: 5px;
}

.history_list th {
    font-weight: bold;
    color: #ffffff;
    padding: 10px 0px 10px 0px;
    line-height: 15px;
    vertical-align: top;
    border-bottom: 1px solid #2d2d34;
}

.history_list td {
    padding: 5px 2px 3px 2px;
    border-bottom: 1px solid #2d2d34;
    color: #9c9b9b;
    line-height: 15px;
}

.history_list td a {
    color: #9c9b9b;
    transition: 200ms all;
}

.history_list td a:hover {
    color: #ffffff;
}

.board_list {
    position: relative;
    border: 1px solid #2d2d34;
    border-radius: 5px;
    background: #273147;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    padding: 1px;
    margin-bottom: 10px;
}

.board_list table {
    border-radius: 5px;
}

.board_list th {
    font-weight: bold;
    color: #b9cf00;
    padding: 10px 0px 10px 0px;
    line-height: 18px;
    vertical-align: top;
    border-bottom: 1px solid #2d2d34;
}

.board_list td {
    text-align: center;
    padding: 8px 5px 6px 5px;
    border-bottom: 1px solid #2d2d34;
    color: #9c9b9b;
    line-height: 18px;
}

.board_list td a {
    color: #9c9b9b;
    transition: 200ms all;
}

.board_list td a:hover {
    color: #ffffff;
}

.board_list td img {
    vertical-align: middle;
}

.board_list .ta_left {
    text-align: left;
    font-weight: bold;
}

.board_list .search_area {
    position: relative;
    left: 10px;
    margin-top: 15px;
    margin-bottom: 25px;
    padding-left: 15px;
}

.board_list .search_area select {
    height: 30px;
    vertical-align: top;
    background: #3c5c81;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 3px, rgba(255, 255, 255, 0.22) 1px 1px 1px -2px inset;
    border-radius: 5px;
    border: 1px solid transparent;
}

.board_list .search_area input {
    width: 120px;
    vertical-align: top;
    height: 30px;
    background: #3c5c81;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 3px, rgba(255, 255, 255, 0.22) 1px 1px 1px -2px inset;
    border-radius: 5px;
    text-indent: 10px;
}

.board_list .search_area .btn01 {
    position: absolute;
    top: 0;
    right: 10px;
}

.board_list .search_area button {
    height: 30px;
    min-width: 40px;
    padding: 0px 15px;
}

.board_list .state {
    color: #ffa604;
}

.board_list .btn_center {
    margin: 30px 0px;
    text-align: center;
}

.board_list .btn_center button {
    height: 60px;
    min-width: 300px;
    padding: 0px 15px;
}

.board_list .btn_right {
    margin: 30px 0px;
    text-align: right;
    padding-right: 15px;
}

.board_list .btn_right button {
    height: 30px;
    min-width: 40px;
    padding: 0px 15px;
}

.board_list .button_type01 {
    height: 30px;
    width: 140px;
}

.board_view {
    position: relative;
    border: 1px solid #2d2d34;
    border-radius: 5px;
    background: #273147;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    padding: 1px;
    margin-bottom: 10px;
}

.board_view .view_text {
    padding: 20px;
    border-bottom: 1px solid #2d2d34;
    line-height: 22px;
}

.board_view .reply_text {
    padding: 20px;
    border-bottom: 1px solid #2d2d34;
    line-height: 22px;
    color: #ffa604;
}

.board_view .reply_list {
    border-top: 1px solid #273147;
}

.board_view .reply_list li {
    border-bottom: 1px solid #2d2d34;
    padding: 8px 20px 6px 20px;
    line-height: 22px;
    color: #9c9b9b;
}

.board_view .reply_list li strong {
    color: #9c9b9b;
}

.board_view .reply_input {
    margin-top: 20px;
    text-align: center;
    color: #9c9b9b;
    font-weight: bold;
}

.board_view .reply_input .char_count {
    position: relative;
    left: 17%;
    top: -10px;
    float: left;
}

.board_view .reply_input textarea {
    width: 55%;
    height: 45px;
    padding: 5px 5px 5px 5px;
    vertical-align: middle;
    background: #3c5c81;
    margin: 0px 5px 0px 5px;
    color: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 1px -2px inset;
    border-radius: 5px;
    border: 1px solid transparent;
}

.board_view .button_type01 {
    height: 30px;
    width: 80px;
}

.board_view .btn_center {
    margin: 30px 0px;
    text-align: center;
}

.board_write {
    position: relative;
    border: 1px solid #2d2d34;
    border-radius: 5px;
    background: #273147;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    padding: 1px;
    margin-bottom: 10px;
}

.board_write table {
    margin-top: 10px;
}

.board_write th {
    text-align: center;
    padding: 8px 20px 6px 10px;
    color: #ffffff;
    font-weight: bold;
}

.board_write td {
    text-align: left;
    padding: 8px 0px 2px 0px;
    vertical-align: top;
}

.board_write input {
    width: 90%;
    vertical-align: top;
    height: 30px;
    background: #3c5c81;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 3px, rgba(255, 255, 255, 0.22) 1px 1px 1px -2px inset;
    border-radius: 5px;
    text-indent: 10px;
    margin: 0px 5% 0px 0%;
    font-size: 12px;
}

.board_write input:-ms-input-placeholder {
    color: #9c9b9b !important;
}

.board_write input::-webkit-input-placeholder {
    color: #9c9b9b !important;
}

.board_write input::-moz-placeholder {
    color: #9c9b9b !important;
}

.board_write textarea {
    width: 90%;
    height: 145px;
    padding: 5px 5px 5px 5px;
    vertical-align: middle;
    background: #3c5c81;
    margin: 0px;
    color: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 3px, rgba(255, 255, 255, 0.22) 1px 1px 1px -2px inset;
    border-radius: 5px;
    border: 1px solid transparent;
}

.board_write .button_type01 {
    height: 30px;
    width: 80px;
}

.board_write .btn_center {
    margin: 30px 0px;
    text-align: center;
}

/* page_skip */
.page_skip {
    text-align: center;
    margin: 30px 0px 30px 0px;
}

.page_skip span {
    display: inline-block;
    padding: 0px 4px;
}

.page_skip a {
    display: inline-block;
    line-height: 28px;
    color: #000 !important;
    background: #fff;
    border-radius: 5px;
    transition: 200ms all;
    padding: 0px 15px;
    border: 1px solid transparent;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
    color: #c8c8c7;
}

.page_skip a:hover {
    color: #000;
    background: #fff;
}

.page_skip a.on {
    cursor: default !important;
    border: 1px solid #fff;
    color: #fff !important;
    background: #242a30 !important;
}

/* 포인트 전환 */
.point_change {
    position: relative;
    border: 1px solid #2d2d34;
    border-radius: 5px;
    background: #273147;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    padding: 1px;
    margin-bottom: 10px;
    padding: 7px;
}

.point_change .my_point {
    border: 1px solid #268ca7;
    border-radius: 5px;
    background: #3c5c81;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    margin-bottom: 5px;
    position: relative;
}

.point_change .head {
    color: #ffa604;
    font-weight: bold;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 20px;
    line-height: 48px;
}

.point_change .point01 {
    font-size: 30px;
    font-weight: bold;
    margin-left: 100px;
    line-height: 48px;
    padding: 10px 0px;
}

.point_change .point_input {
    border: 1px solid #268ca7;
    border-radius: 5px;
    background: #3c5c81;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    line-height: 48px;
    min-height: 68px;
    padding: 10px 0px;
    position: relative;
    margin-bottom: 10px;
}

.point_change .input_box {
    margin-left: 100px;
    *zoom: 1;
}

.point_change .input_box:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.point_change .input_box input {
    border: 1px solid #268ca7;
    background: #273147;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    border-radius: 5px;
    height: 40px;
    width: 200px;
    text-indent: 10px;
    float: left;
    margin: 4px 10px 2px 0px;
    ;
}

.point_change .input_box input:-ms-input-placeholder {
    color: #ffffff !important;
}

.point_change .input_box input::-webkit-input-placeholder {
    color: #ffffff !important;
}

.point_change .input_box input::-moz-placeholder {
    color: #ffffff !important;
}

.point_change .input_box .btn_area {
    float: left;
    margin-right: 10px;
}

.point_change .input_box .btn_area button {
    border: 1px solid #268ca7;
    border-radius: 5px;
    background: #3c5c81;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    height: 40px;
    width: 60px;
    font-weight: bold;
    margin-top: 4px;
}

.point_change .input_box .btn_area button:hover {
    background: #ff0000;
}

.point_change .btn_change button {
    width: 100%;
    height: 70px;
    border: 1px solid #85ffa5;
    background: #203123;
    font-size: 20px;
    border-radius: 5px;
    font-weight: bold;
}

.point_change .btn_change button:hover {
    background: #76cb5c;
}

/* 쪽지 및 추천인 */
.message_count {
    border: 1px solid #ff0012;
    background: #501a1a;
    border-radius: 5px;
    padding: 0px 20px;
    font-weight: bold;
    line-height: 48px;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    margin-bottom: 10px;
}

.message_count span {
    color: #ffa604;
}

/* 출석부 */
.attend_box {
    position: relative;
    border: 1px solid #2d2d34;
    border-radius: 5px;
    background: #222227;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    padding: 1px;
    margin-bottom: 10px;
    padding: 7px;
}

.attend_box h3 {
    text-align: center;
    margin: 50px 0px;
    width: 100%
}

.attend_box h3 sub {
    text-align: center;
    margin: 5px 0px;
    width: 100%;
    font-size: 12px;
    color: #FFE400;
}

.attend_box .month {
    text-align: center;
    font-size: 30px;
    color: #ffa604;
    line-height: 30px;
    margin-bottom: 20px;
}

.attend_box .month a {
    color: #ffa604;
}

.attend_box .attend_table table {
    margin-bottom: 10px;
}

.attend_box .attend_table td {
    border: 1px solid #3b3b3b;
    text-align: center;
    padding: 15px 0px 20px 0px;
    position: relative;
}

.attend_box .attend_table td span {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.attend_box .attend_table td img {
    max-width: 100px;
}

/* 복권이벤트 */
.lottery_box {
    position: relative;
    border: 1px solid #2d2d34;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    padding: 40px 5px;
    margin-bottom: 30px;
    background: url("/images/client/bg_lottery_01.jpg") no-repeat center center;
    background-size: cover;
}

.lottery_box .box01 {
    width: 100%;
    max-width: 748px;
    margin: 0 auto;
}

.lottery_box .box01 h3 {
    margin-bottom: 30px;
}

.lottery_box .box01 h3 img {
    width: 100%;
    max-width: 493px;
}

.lottery_box .event_area {
    text-align: center;
    background: url("/images/client/bg_lottery_02.jpg") no-repeat top center;
    background-size: cover;
    padding: 5% 0px 7% 0px;
}

.lottery_box .event_area .img01 {
    display: inline-block;
    position: relative;
    width: 80%;
}

.lottery_box .event_area .img01 img {
    width: 100%;
}

.lottery_box .event_area .img01 .point_text {
    position: absolute;
    top: 28%;
    left: 35%;
    text-align: left;
    line-height: 28px;
    font-size: 18px;
    font-weight: bold;
}

.lottery_box .event_area .img01 .point_text span {
    color: #fe4300;
}

.lottery_box .event_area .img01 .mask01 {
    position: absolute;
    top: 7.5%;
    right: 2.5%;
    left: 3.5%;
    bottom: 7.5%;
    background: #000000;
    z-index: 10;
}

.lottery_box .event_area .img01 .mask01 span {
    display: inline-block;
    padding-top: 14%;
    color: #aba592;
    font-size: 18px;
    letter-spacing: -1px;
    font-weight: bold;
}

.lottery_box .info_area {
    width: 300px;
    margin: 30px auto 0px auto;
}

.lottery_box .info_area .count {
    height: 30px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #268ca7;
    background: #3c5c81;
    font-weight: bold;
    margin-bottom: 7px;
    text-align: center;
    line-height: 28px;
    box-shadow: rgba(0, 0, 0, 0.35) 2px 4px 4px;
}

.lottery_box .info_area .count span {
    display: inline-block;
    padding-left: 15px;
    color: #ffbd00;
}

.lottery_box .info_area .btn_area {
    position: relative;
}

.lottery_box .info_area .btn_area button {
    height: 50px;
    width: 49%;
    border-radius: 5px;
    border: 1px solid #268ca7;
    background: #3c5c81;
    font-weight: bold;
    box-shadow: rgba(0, 0, 0, 0.35) 2px 4px 4px;
}

.lottery_box .info_area .btn_area button:last-child {
    float: right;
}

.lottery_box .info_area .btn_area button:hover {
    background: #203123;
    border: 1px solid #85ffa5;
    color: #ffa604;
}

/* 이벤트 섹션 */
.event_section {}

.event_section .head_btn {
    margin-bottom: 35px;
    padding-left: 10px;
}

.event_section .head_btn button {
    margin-right: 3px;
    height: 40px;
    width: 100px;
    border-radius: 5px;
    border: 1px solid #268ca7;
    background: #3c5c81;
    font-weight: bold;
    margin-bottom: 7px;
    box-shadow: rgba(0, 0, 0, 0.35) 2px 4px 4px;
}

.event_section .head_btn button.on {
    background: #312b20;
    border: 1px solid #ffa604;
}

.event_section .event_list {
    *zoom: 1;
}

.event_section .event_list:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.event_section .event_list li {
    /*float:left;*/
    width: 24%;
    margin-bottom: 30px;
    display: inline-block;
}

.event_section .event_list .img_box {
    padding: 0px 15px 10px 15px;
    text-align: center;
}

.event_section .event_list .img_box img {
    width: 100%;
}

.event_section .event_list h3 {
    border-bottom: 1px solid #474747;
    font-weight: bold;
    padding: 5px 10px;
    line-height: 20px;
    margin: 0px 15px;
    position: relative;
}

.event_section .event_list h3:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    background: #000000;
    height: 1px;
}

.event_section .event_list .btn_area {
    margin: 10px 25px 0px 25px;
}

.event_section .event_list .btn_area .cate01 {
    display: inline-block;
    height: 40px;
    line-height: 38px;
    width: 80px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #ff0012;
    background: #501a1a;
    font-weight: bold;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.35) 2px 4px 4px;
}

.event_section .event_list .btn_area .cate02 {
    display: inline-block;
    height: 40px;
    line-height: 38px;
    width: 80px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #00bfff;
    background: #1a4050;
    font-weight: bold;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.35) 2px 4px 4px;
}

.event_section .event_list .btn_area button {
    margin-right: 3px;
    height: 40px;
    width: 80px;
    border-radius: 5px;
    border: 1px solid #268ca7;
    background: #3c5c81;
    font-weight: bold;
    margin-bottom: 7px;
    box-shadow: rgba(0, 0, 0, 0.35) 2px 4px 4px;
}

/* 이벤트 미디어 사이즈 */
@media (min-width:1450px) and (max-width:1700px) {
    .event_section .event_list li {
        /*float:left;*/
        width: 33% !important;
        display: inline-block;
    }
}

@media (min-width:1200px) and (max-width:1450px) {
    .event_section .event_list li {
        /*float:left;*/
        width: 49% !important;
        display: inline-block;
    }
}

/* 회원가입 */
.member_code {
    border: 1px solid #ff0012;
    background: #501a1a;
    border-radius: 5px;
    padding: 0px 20px;
    font-weight: bold;
    line-height: 48px;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    margin-bottom: 10px;
}

.member_code .code_box {
    text-align: center;
    line-height: 48px;
    font-size: 20px;
    font-weight: bold;
}

.member_code .code_box input {
    border: 1px solid #85ffa5;
    background: #76cb5c;
    border-radius: 5px;
    width: 200px;
    text-align: center;
    height: 30px;
    vertical-align: top;
    color: #000000;
    margin-top: 9px;
    font-size: 18px;
}

.member_section {
    position: relative;
    border: 1px solid #2d2d34;
    border-radius: 5px;
    background: #273147;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    padding: 40px 10px 0px 10px;
    margin-bottom: 10px;
}

.member_section .member_box {
    *zoom: 1;
}

.member_section .member_box:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.member_section .member_box .box01 {
    float: left;
    width: 50%;
    padding: 0px 20px;
    position: relative;
}

.member_section .member_box .agree_area {
    margin: 0px 0px 30px 0px;
}

.member_section .member_box h3 {
    position: relative;
    height: 35px;
    font-size: 15px;
    font-weight: bold;
}

.member_section .member_box .agree_check {
    position: absolute;
    top: 4px;
    right: 0;
    color: #76cb5c;
    font-weight: bold;
    font-size: 12px;
}

.member_section .member_box .terms_box {
    height: 100px;
    border: 1px solid #4d4f60;
    background: #3c3d46;
    overflow-y: auto;
    padding: 20px;
    line-height: 16px;
    color: #89898d;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 6px -3px;
}

.member_section .member_box .terms_box::-webkit-scrollbar {
    width: 5px;
}

.member_section .member_box .terms_box::-webkit-scrollbar-thumb {
    background: #89898d;
    border-radius: 10px;
}

.member_section .member_box .all_check {
    margin-top: 18px;
    color: #76cb5c;
    font-weight: bold;
}

/* 회원가입 롤링 */
.member_section .member_rolling {
    position: relative;
    height: 390px;
    overflow: hidden;
}

.member_section .member_rolling .swiper-wrapper {
    border-radius: 4px;
}

.member_section .member_rolling .swiper-slide {
    border: 1px solid #268ca7;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px;
    border-radius: 4px;
}

.member_section .member_rolling .swiper-pagination {
    display: block;
    height: 4px;
    box-sizing: border-box;
    bottom: 20px;
}

.member_section .member_rolling .swiper-pagination-bullet {
    display: inline-block;
    width: 8%;
    height: 4px;
    background: #2c3a5c;
    margin: 0 3px;
    opacity: 1;
    border-radius: 0;
    vertical-align: top;
}

.member_section .member_rolling .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ffa604;
    opacity: 1;
}

.member_section .member_rolling .bg01 {
    background: url("/images/client/main_bg_01.png") no-repeat;
    background-position: 70% top;
}

.member_section .member_rolling .bg02 {
    background: url("/images/client/main_bg_02.png") no-repeat;
    background-position: 70% top;
}

.member_section .member_rolling .bg03 {
    background: url("/images/client/main_bg_03.png") no-repeat;
    background-position: 70% top;
}

.member_section .member_rolling .bg04 {
    background: url("/images/client/main_bg_04.png") no-repeat;
    background-position: 70% top;
}

.member_section .member_rolling .bg05 {
    background: url("/images/client/main_bg_05.png?v=1") no-repeat;
    background-position: 70% top;
}

.member_section .member_rolling .bg06 {
    background: url("/images/client/main_bg_06.png") no-repeat;
    background-position: 70% top;
}

.member_section .member_rolling .bg07 {
    background: url("/images/client/main_bg_07.png") no-repeat;
    background-position: 70% top;
}

.member_section .member_rolling .box01 {
    width: 100%;
    padding-top: 115px;
}

.member_section .member_rolling .box01 h4 {
    font-size: 20px;
    font-weight: bold;
}

.member_section .member_rolling .box01 h4 strong {
    display: block;
    font-size: 70px;
    font-weight: bold;
    line-height: 70px;
}

.member_section .member_rolling .box01 p {
    color: #989898;
    font-size: 9px;
    line-height: 12px;
}

.member_section .member_rolling .box01 button {
    width: 230px;
    height: 43px;
    border: 1px solid #268ca7;
    background: #34343b;
    border-radius: 3px;
    transition: 200ms all;
    line-height: 40px;
    font-weight: bold;
    margin-top: 18px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
}

.member_section .member_rolling .box01 button:hover {
    background: #2c3a5c;
}

.member_section .member_box .input_area {
    *zoom: 1;
    border-bottom: 1px solid #737373;
    position: relative;
    margin-bottom: 30px;
    margin: 0px -5px 30px -5px;
}

.member_section .member_box .input_area:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.member_section .member_box .input_area:before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #000000;
}

.member_section .member_box .input_area:last-child {
    border: 0;
}

.member_section .member_box .input_area:last-child:before {
    height: 0;
}

.member_section .member_box .btn_check {
    position: absolute;
    top: -5px;
    right: 0;
}

.member_section .member_box .btn_check button {
    width: 80px;
    height: 30px;
    border: 1px solid #268ca7;
    background: #273147;
    border-radius: 5px;
    transition: 200ms all;
    line-height: 28px;
    font-weight: bold;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
}

.member_section .member_box .btn_check button:hover {
    background: #501a1a;
    border: 1px solid #ff0012;
}

.member_section .member_box .box_left {
    float: left;
    width: 50%;
    padding: 0px 5px;
}

.member_section .member_box .input_box {
    margin-bottom: 22px;
    position: relative;
}

.member_section .member_box .input_box .select_box {
    display: block;
    width: 35%;
}

.member_section .member_box .input_box select {
    height: 50px;
    border: 1px solid #4d4f60;
    background: #3c3d46;
    line-height: 48px;
    border-radius: 5px;
    width: 95%;
    margin-bottom: 10px;
    text-indent: 10px;
    font-weight: bold;
    font-size: 14px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 6px -3px;
}

.member_section .member_box .input_box input {
    height: 50px;
    border: 1px solid #4d4f60;
    background: #3c3d46;
    line-height: 48px;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 10px;
    text-indent: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 6px -3px;
}

.member_section .member_box .input_box input:-ms-input-placeholder {
    color: #ffffff !important;
    font-weight: bold;
}

.member_section .member_box .input_box input::-webkit-input-placeholder {
    color: #ffffff !important;
    font-weight: bold;
}

.member_section .member_box .input_box input::-moz-placeholder {
    color: #ffffff !important;
    font-weight: bold;
}

.member_section .member_box .input_box .right01 {
    position: absolute;
    top: 0;
    right: 0;
    width: 65%;
}

.member_section .member_box .input_box p {
    letter-spacing: -1px;
    line-height: 18px;
}

.member_section .member_box .btn_join {
    margin-top: -20px;
    position: relative;
}

.member_section .member_box .btn_join button {
    width: 49%;
    height: 105px;
    border: 1px solid #85ffa5;
    background: #203123;
    font-size: 20px;
    border-radius: 5px;
    font-weight: bold;
}

.member_section .member_box .btn_join button:hover {
    background: #76cb5c;
}

.member_section .member_box .btn_join button:last-child {
    float: right;
}

@media (min-width:1200px) and (max-width:1800px) {
    .member_section .member_rolling {
        display: none !important;
    }

    .member_section .member_box .box01 {
        width: 100% !important;
    }
}

/* 레이어 팝업 */
.popup_section {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 320px;
    margin: 0px 0px 0px 0px;
    z-index: 10002;
    margin-left: 0px;
}

.popup_section .pop_box {
    /*background-image: url(/images/client/login_bg.png);*/
    background: #151414e0;
    border: 1px solid #268ca7;
    border-radius: 5px;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
}

.popup_section .pop_box h2 {
    margin: 4px;
    border: 1px solid #093d66;
    border-radius: 5px;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
    line-height: 38px;
    padding-left: 15px;
    height: 38px;
    color: #fffa68;
}

.popup_section .pop_box .close_pop {
    position: absolute;
    top: 11px;
    right: 11px;
    cursor: pointer;
}

.popup_section .confirm_box {
    background: #273147;
    border: 1px solid #268ca7;
    border-radius: 5px;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
    height: 170px;
}

.popup_section .confirm_box h2 {
    margin: 4px;
    border: 1px solid #268ca7;
    border-radius: 5px;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
    line-height: 38px;
    padding-left: 15px;
    height: 38px;
}

.popup_section .confirm_box .close_pop {
    position: absolute;
    top: 11px;
    right: 11px;
    cursor: pointer;
}

.popup_section .confirm_box .btn_area {
    position: relative;
    top: 15px;
    width: 100%;
}

.popup_section .confirm_box .btn_area .yes {
    position: relative;
    left: 40px;
    height: 30px;
    width: 100px;
    background: #43434b;
    font-size: 12px;
    font-weight: bold;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 3px;
}

.popup_section .confirm_box .btn_area .no {
    position: relative;
    margin-left: 80px;
    height: 30px;
    width: 100px;
    background: #43434b;
    font-size: 12px;
    font-weight: bold;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 3px;
}

.popup_section .login_box {
    margin: 40px 9px 10px 9px;
}

.popup_section .login_box * {
    font-style: italic;
}

.popup_section .login_box h3 {
    line-height: 70px;
    background: #18181b;
    color: #ffa604;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.popup_section .login_box .input_area {
    border-top: 1px solid #353537;
}

.popup_section .login_box .input_area li {
    height: 58px;
    border-bottom: 1px solid #353537;
}

.popup_section .login_box .input_area input {
    height: 100%;
    text-indent: 68px;
    width: 100%;
}

.popup_section .login_box .input_area input:-ms-input-placeholder {
    color: #888888 !important;
}

.popup_section .login_box .input_area input::-webkit-input-placeholder {
    color: #888888 !important;
}

.popup_section .login_box .input_area input::-moz-placeholder {
    color: #888888 !important;
}

.popup_section .login_box .input_area .login01 {
    background: url("/images/client/ico_login_01.png") no-repeat 15px center;
}

.popup_section .login_box .input_area .password01 {
    background: url("/images/client/ico_password_01.png") no-repeat 15px center;
}

.popup_section .login_box .check_login {
    margin: 20px 0px;
    padding-left: 20px;
    position: relative;
    color: #888888;
}

.popup_section .login_box .check_login .find_password {
    position: absolute;
    top: 0;
    right: 20px;
    cursor: pointer;
}

.popup_section .login_box .btn_login {}

.popup_section .login_box .btn_login button {
    height: 70px;
    width: 100%;
    background: #e79808;
    font-size: 30px;
    font-weight: bold;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 3px;
}

.popup_section .login_box .btn_login button:hover {
    color: #000000;
}

.popup_section .login_box .join_text {
    margin-top: 10px;
    text-align: center;
    font-size: 13px;
}

.popup_section .login_box .join_text a {
    color: #fff;
}

.popup_section .pop_message {
    padding: 10px 10px 15px 10px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    color: #dac12e;
}

.popup_section .event_img {
    margin: 10px 10px 15px 10px;
}

.popup_section .event_img img {
    width: 100%;
}

.popup_section .sever_img {
    margin: 20px 10px 0px 10px;
}

.popup_section .sever_img img {
    width: 100%;
}

.popup_section .message01 {
    padding: 10px 10px 15px 10px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    color: #ff0000;
}

.popup_message {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 186px;
    margin: -151px 0px 0px -93px;
    z-index: 200;
}

.popup_message .message_box {
    position: relative;
    cursor: pointer;
}

.popup_message .message_box .count01 {
    position: absolute;
    top: 120px;
    left: 50;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    display: block;
    line-height: 26px;
    color: #ffc800;
}

.popup_message .message_box .count02 {
    position: absolute;
    top: 145px;
    left: 50;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    display: block;
    line-height: 26px;
}

/* 카지노 슬롯 메인 */
.casino_slot_main {}

.casino_slot_main .main_box {
    float: left;
    margin-bottom: 7px;
    border-radius: 5px;
    border: 1px solid #093d66;
    /*height:630px;*/
    width: 50%;
    position: relative;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.35) 2px 4px 4px;
}

.casino_slot_main .main_box.bg01 {
    background: url("/images/client/bg_casino_slot_01.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}

.casino_slot_main .main_box.bg02 {
    background: url("/images/client/bg_casino_slot_02.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}

.casino_slot_main .main_box.bg03 {
    background: url("/images/client/bg_pokeo_01.jpg?ver=1") no-repeat;
    background-size: cover;
    background-position: center;
}

.casino_slot_main .main_box h3 {
    margin: 70px 0px 10px 0px;
}

.casino_slot_main .main_box p {
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 1px #000;
}

.casino_slot_main .main_box .btn_go button {
    margin-bottom: 140px;
    position: relative;
    top: 20px;
    height: 43px;
    width: 230px;
    background: #9c9cd4;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #093d66;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 3px;
}

.casino_slot_main .main_box .btn_go button:hover {
    background: #43434b;
}

.casino_slot_main .main_box .game_logo {
    position: absolute;
    left: 20px;
    bottom: 15px;
    right: 20px;
}

.casino_slot_main .main_box .game_logo li {
    display: inline-block;
    width: 8.5%;
    max-width: 90px;
    margin-bottom: 10px;
}

.casino_slot_main .main_box .game_logo li img {
    width: 100%;
    opacity: 0.6;
}

.casino_slot_main .main_list {
    /*position:relative;*/
    *zoom: 1;
}

.casino_slot_main .main_list:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.casino_slot_main .main_list .list_box {
    float: left;
    width: 50%;
    padding: 0px 1.5px;
    margin-bottom: 6px;
}

.casino_slot_main .main_list .list_box .subtitle {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    line-height: 28px;
    margin-bottom: 4px;
}

.casino_slot_main .main_list h3 {
    font-size: 15px;
    font-weight: bold;
    color: #ffa604;
    border: 1px solid #ffa604;
    background: #2d343b;
    line-height: 48px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 3px;
    margin-bottom: 4px;
}

.casino_slot_main .main_list .list_type01 li {
    position: relative;
    height: 30px;
    background: #2d343b;
    line-height: 28px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 3px;
    margin-bottom: 4px;
    font-weight: bold;
    color: #acaeaf;
    padding: 0 10 0 10;
}

.casino_slot_main .main_list .list_type01 .time {
    display: inline-block;
    /*width:15%;*/
    text-align: center;
}

.casino_slot_main .main_list .list_type01 .game {
    display: inline-block;
    /*width:40%;*/
    text-align: left;
}

.casino_slot_main .main_list .list_type01 .user_id {
    display: inline-block;
    /*width:15%;*/
    text-align: left;
}

.casino_slot_main .main_list .list_type01 .money {
    display: inline-block;
    /*width:25%;*/
    text-align: right;
}

.casino_slot_main .main_list .list_type02 li {
    position: relative;
    height: 30px;
    background: #2d343b;
    line-height: 28px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 3px;
    margin-bottom: 4px;
    font-weight: bold;
    color: #acaeaf;
    padding: 0 10 0 10;
}

.casino_slot_main .main_list .list_type02 .user_id {
    display: inline-block;
    padding-left: 15px;
}

.casino_slot_main .main_list .list_type02 .user_id .num {
    background: #008fff;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    line-height: 20px;
    margin-right: 6px;
}

.casino_slot_main .main_list .list_type02 .money {
    display: inline-block;
    text-align: right;
    float: right;
    padding-right: 15px;
}

@media (min-width:1200px) and (max-width:1400px) {
    .casino_slot_main .main_list .list_box {
        width: 50% !important;
    }
}

/* 카지노 메인 */
.casino_main {}

.casino_main .head_box {
    position: relative;
    margin: 0px 0px 20px 20px;
    min-height: 60px;
}

.casino_main .head_box .ico {
    position: absolute;
    top: 0;
    left: 0;
}

.casino_main .head_box h2 {
    padding-left: 85px;
    font-size: 25px;
    color: #ffff83;
    font-weight: bold;
    margin-bottom: 7px;
    line-height: 25px;
}

.casino_main .head_box p {
    padding-left: 85px;
    font-size: 15px;
    font-weight: bold;
    color: #a9a8a9;
    line-height: 18px;
    letter-spacing: -0.5px;
    /*width:65%;*/
}

.casino_main .head_box p span {
    color: #a96614;
}

.casino_main .game_list {
    *zoom: 1;
}

.casino_main .game_list:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.casino_main .game_list li {
    float: left;
    width: 33.33%;
    padding: 0px 5px;
    margin-bottom: 10px;
}

.casino_main .game_list .box01 {
    position: relative;
    cursor: pointer;
}

.casino_main .game_list .box01:hover:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    border-width: 2px;
    border-style: solid;
    box-sizing: border-box;
    border-image: linear-gradient(to bottom, #e7d48a 0%, #c6612c 100%);
    border-image-slice: 1;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 6px;
}

.casino_main .game_list .box01:hover .play {
    display: block;
}

.casino_main .game_list .img_area img {
    width: 100%;
}

.casino_main .game_list h3 {
    position: absolute;
    bottom: 15%;
    left: 0;
}

.casino_main .game_list .name {
    display: block;
    border: 1px solid #268ca7;
    border-radius: 3px;
    background: #273147;
    width: 120px;
    height: 25px;
    line-height: 23px;
    text-align: center;
    margin-left: 30px;
    font-weight: bold;
}

.casino_main .game_list .play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -42px 0px 0px -42px;
    z-index: 10;
    display: none;
}

@media (min-width:1200px) and (max-width:1500px) {
    .casino_main .game_list li {
        width: 50% !important;
    }
}

/* 슬롯 메인 */
.slot_main {
    position: relative;
    border: 1px solid #2d2d34;
    border-radius: 5px;
    background: url('/images/client/bg_minigame_01.jpg') no-repeat center center;
    background-size: cover;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    padding: 20px 10px;
}

.slot_main .head_box {
    position: relative;
    margin: 0px 0px 20px 20px;
    min-height: 60px;
}

.slot_main .head_box .ico {
    position: absolute;
    top: 0px;
    left: 0;
}

.slot_main .head_box h2 {
    padding-left: 90px;
    font-size: 25px;
    color: #ffff83;
    font-weight: bold;
    margin-bottom: 7px;
    line-height: 25px;
}

.slot_main .head_box p {
    padding-left: 90px;
    font-size: 15px;
    font-weight: bold;
    color: #a9a8a9;
    line-height: 18px;
    letter-spacing: -0.5px;
    /*width:65%;*/
}

.slot_main .head_box .game_company {
    position: absolute;
    top: 0;
    right: 10px;
    width: 240px;
    z-index: 99;
}

.slot_main .head_box .game_company .btn_area {
    margin-bottom: 5px;
}

.slot_main .head_box .game_company .btn_area button {
    height: 50px;
    width: 100%;
    border-radius: 5px;
    font-weight: bold;
    font-size: 15px;
    text-align: left;
    padding-left: 25px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
    background: url('/images/client/bul_down_01.png') no-repeat #2c3a5c;
    background-position: 93% 48%;
}

.slot_main .head_box .game_company .btn_area button:hover {
    background-color: #484955;
}

.slot_main .head_box .game_company .btn_area button.on {
    background: url('/images/client/bul_up_01.png') no-repeat #2c3a5c;
    background-position: 93% 48%;
}

.slot_main .head_box .game_company .company_list {
    background: rgba(0, 0, 0, 0.85);
    padding: 10px 0px;
    border-radius: 5px;
    display: none;
}

.slot_main .head_box .game_company .company_list li {
    cursor: pointer;
    padding: 6px 15px;
    margin-bottom: 5px;
    font-size: 15px;
    color: #8d8d8d;
    font-weight: bold;
}

.slot_main .head_box .game_company .company_list li:hover {
    color: #ffffff;
}

@media (min-width:1200px) and (max-width:1400px) {
    .slot_main .head_box {
        padding-bottom: 60px;
    }

    .slot_main .head_box .game_company {
        top: 60px !important;
    }
}

.slot_main .game_list {
    *zoom: 1;
}

.slot_main .game_list:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.slot_main .game_list li {
    display: inline-block;
    width: 19.7%;
    padding: 0px 5px;
    margin-bottom: 15px;
    cursor: pointer;
}

.slot_main .game_list .box01 {
    position: relative;
    cursor: pointer;
}

.slot_main .game_list .box01:hover:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 46px;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    border-width: 2px;
    border-style: solid;
    box-sizing: border-box;
    border-image: linear-gradient(to bottom, #e7d48a 0%, #c6612c 100%);
    border-image-slice: 1;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 6px;
}

.slot_main .game_list .box01:hover .play {
    display: block;
}

.slot_main .game_list .box01:hover h3 {
    color: #ffff83;
}

.slot_main .game_list .play {
    position: absolute;
    top: 35%;
    left: 50%;
    margin: -25px 0px 0px -25px;
    z-index: 10;
    display: none;
}

.slot_main .game_list .play img {
    width: 50px;
}

.slot_main .game_list .img_area {
    margin-bottom: 10px;
}

.slot_main .game_list .img_area img {
    width: 100%;
}

.slot_main .game_list h3 {
    color: #a9a8a9;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
}

.slot_main .btn_more {
    text-align: center;
    margin: 20px 0px;
}

.slot_main .btn_more button {
    background: #2c3a5c;
    height: 50px;
    width: 95%;
    border-radius: 5px;
    font-weight: bold;
    font-size: 15px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
}

.slot_main .btn_more button:hover {
    background: #484955;
}

@media (min-width:1200px) and (max-width:1500px) {
    .slot_main .game_list li {
        width: 25% !important;
    }
}

/* 슬롯 게임 팝업 */
.popup_slot_game {
    position: fixed;
    z-index: 200;
    top: 10%;
    left: 10%;
    background: #000000;
    border: 1px solid #ffffff;
    width: 80%;
}

.popup_slot_game .pop_box {
    border: 10px solid #232a2f;
    border-top: none;
}

.popup_slot_game .pop_box .head_area {
    height: 35px;
    position: relative;
    background: #232a2f;
}

.popup_slot_game .pop_box h2 {
    line-height: 35px;
    padding-left: 10px;
    color: #ffa604;
    font-size: 15px;
    font-weight: bold;
}

.popup_slot_game .pop_box .time {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -40px;
    line-height: 35px;
    font-weight: bold;
}

.popup_slot_game .pop_box .time img {
    vertical-align: middle;
}

.popup_slot_game .pop_box .option {
    position: absolute;
    top: 5px;
    right: 10px;
}

.popup_slot_game .pop_box .option img {
    margin-left: 5px;
    cursor: pointer;
}

.popup_slot_game .pop_box .game_area {}

.popup_slot_game .pop_box .game_area img {
    width: 100%;
}

/* 머니 이동 */
.money_move {
    border: 1px solid #00bfff;
    background: #1a4050;
    border-radius: 5px;
    margin-bottom: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    padding: 10px 4px;
}

.money_move h3 {
    font-size: 15px;
    font-weight: bold;
    line-height: 25px;
    margin: 0px 0px 10px 5px;
}

.money_move h3 img {
    vertical-align: middle;
    margin: 0px 5px 2px 0px;
}

.money_move .company_select {
    position: relative;
    width: 100%;
    z-index: 1;
}

.money_move .company_select .btn_area {
    margin-bottom: 5px;
}

.money_move .company_select .btn_area button {
    height: 50px;
    width: 100%;
    border-radius: 5px;
    font-weight: bold;
    font-size: 15px;
    text-align: left;
    padding-left: 25px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
    background: url('../images/bul_down_01.png') no-repeat #2c3a5c;
    background-position: 93% 48%;
}

.money_move .company_select .btn_area button:hover {
    background-color: #484955;
}

.money_move .company_select .btn_area button.on {
    background: url('../images/bul_up_01.png') no-repeat #2c3a5c;
    background-position: 93% 48%;
}

.money_move .company_select .company_list {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.85);
    padding: 10px 0px;
    border-radius: 5px;
    display: none;
}

.money_move .company_select .company_list li {
    cursor: pointer;
    padding: 6px 15px;
    margin-bottom: 5px;
    font-size: 15px;
    color: #8d8d8d;
    font-weight: bold;
}

.money_move .company_select .company_list li:hover {
    color: #ffffff;
}

.money_move .input_area {
    margin-bottom: 5px;
}

.money_move .input_area input {
    border: 1px solid #268ca7;
    border-radius: 5px;
    background: #273147;
    text-indent: 10px;
    line-height: 48px;
    font-size: 15px;
    font-weight: bold;
    width: 100%;
    height: 50px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
}

.money_move .input_area input:-ms-input-placeholder {
    color: #ffffff !important;
}

.money_move .input_area input::-webkit-input-placeholder {
    color: #ffffff !important;
}

.money_move .input_area input::-moz-placeholder {
    color: #ffffff !important;
}

#coverBG {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .42);
    z-index: 10001;
    display: none;
}

#coverBG2 {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .42);
    z-index: 10001;
    display: none;
}

#loading {
    position: fixed;
    left: 50%;
    margin-left: -60px;
    top: 50%;
    margin-top: -33px;
    z-index: 999999;
}

#loading img {
    width: 120px;
}

.display_none {
    display: none;
}

/*대출 */
.loan {
    margin-bottom: 60px;
}

.loan_left {
    width: 450px;
    height: 1000px;
    float: left;
    position: relative;
    border: 1px solid #404044;
    border-radius: 5px;
    padding: 15px;
}

.loan_left .month {
    position: relative;
    width: 420px;
    height: 970px;
    background: #111316;
    border-radius: 5px;
}

.loan_right {
    margin-left: 460px;
    border: 1px solid #404044;
    border-radius: 5px;
}

.loan_right ul {
    text-align: center;
}

.loan_right ul li {
    min-width: 320px;
    min-height: 478px;
    display: inline-block;
    padding: 10px;
    vertical-align: top;
    max-width: 100%;
}

.loan_right ul li img {
    max-width: 100%;
}

.month_title {
    color: #FFF600;
    padding: 15px;
    font-weight: bold;
    font-size: 18px;
}

.bar_graph {
    height: 30px;
    background: #3c5c81;
    color: #ffffff;
    padding: 6px;
}

.bar_graph:nth-child(even) {
    background: #273147;
}

.bar_graph .graph_day {
    float: left;
    width: 10%;
    text-align: center;
    color: #e0951f;
}

.bar_graph .per_bar {
    display: inline-block;
    width: 81%;
    margin: 0px 10px;
    height: 20px;
    background: ##0c0e0e;
    vertical-align: middle;
    border-radius: 11px;
    position: relative;
    line-height: 20px;
    border-bottom: 1px solid #707070;
}

.bar_graph .per_bar .left_bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    line-height: 20px;
    padding-left: 10px;
    font-size: 13px;
    border-radius: 11px;
    box-shadow: 3px 0px 7px 0px #070c02 inset;
}

.bar_graph .blue {
    background: #3498db;
    color: #ffffff;
}

.bar_graph .green {
    background: #fff;
    color: #000;
}

.bar_graph .greens {
    background: #039622;
    background: -moz-radial-gradient(center, ellipse cover, #039622 0%, #005700 67%, #002400 88%);
    background: -webkit-radial-gradient(center, ellipse cover, #039622 0%, #005700 67%, #002400 88%);
    background: radial-gradient(ellipse at center, #039622 0%, #005700 67%, #002400 88%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#039622', endColorstr='#002400', GradientType=1);
}

.graph {
    height: 50px;
    width: 90%;
    background: #E0E0E0;
    color: #ffffff;
    margin-left: 20px;
    border-radius: 25px;
}

.graph .left_bar {
    height: 50px;
    line-height: 50px;
    padding-left: 10px;
    font-size: 20px;
    border-radius: 20px;
    background: #ffa604;
    color: #ffffff;
}

.my_loan {
    margin-top: 20px;
}

.text02 {
    display: inline-block;
    float: left;
    margin-right: 10px;
    font-weight: bold;
    padding: 15px 0px;
    line-height: 18px;
    color: #ACACAE;
    font-size: 23px;
    min-width: 300px;
}

.charge_exchange .input_boxs {
    margin-left: 130px;
    *zoom: 1;
}

.charge_exchange .input_boxs:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.charge_exchange .input_boxs .text01 {
    display: inline-block;
    float: left;
    margin-right: 10px;
    font-weight: bold;
    padding: 15px 0px;
    line-height: 18px;
}

.charge_exchange .input_boxs input {
    border: 1px solid #59b341;
    background: #273147;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    border-radius: 5px;
    height: 40px;
    width: 90%;
    text-align: left;
    margin: 4px 10px 2px 0px;
    float: right;
    text-align: center;
    color: #2eff00;
    font-weight: bold;
}

.charge_exchange .input_boxs input:-ms-input-placeholder {
    color: #ffffff !important;
}

.charge_exchange .input_boxs input::-webkit-input-placeholder {
    color: #ffffff !important;
}

.charge_exchange .input_boxs input::-moz-placeholder {
    color: #ffffff !important;
}

.charge_exchange .heads {
    color: #FFA604;
    font-weight: bold;
    display: inline-block;
    position: absolute;
    left: 20px;
    line-height: 48px;
}

@media (min-width:320px) and (max-width:860px) {
    .loan {
        width: 100% !important;
    }

    .loan_left {
        width: 100% !important;
        ;
        display: inline-block;
    }

    .loan_right {
        width: 100%;
        display: inline-block;
        margin-left: 0px;
    }

    .text02 {
        min-width: 200px;
    }

    .charge_exchange .input_boxs input {
        width: 155px;
    }

    .loan_left .month {
        width: 100%;
    }


    .charge_exchange .input_area .btn_area {
        margin-right: 0px;
    }
}

.btnmoney button {
    margin: 0px 5px 10px 0px;
    min-width: 80px;
}


/*스포츠 탭메뉴*/
.tab-container .tab {
    height: 30px;
    transition: 200ms all;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
    color: #c8c8c7;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.tab-container .tab:hover {
    color: #ffffff;
    background: #3c5c81;
}

.tab-container .tab.on {
    cursor: default !important;
    color: #5d8ec7 !important;
    background: #312b20 !important;
}

.tab-container .etabs {
    overflow: hidden;
    margin: 0 15px 0 15px;
    padding: 0;
    border-bottom: 1px solid #5d8ec7;
}

.tab-container .etabs .tab {
    display: inline-block;
    float: left;
    width: 100%;
    margin-left: 2px;
    text-align: center;
}

.tab-container .etabs .tab a {
    margin-top: 7px;
    height: 25px;
    vertical-align: middle;
    display: block;
    width: 100%;
    color: #999;
    line-height: 20px;
}

.tab-container .etabs .tab a:hover {}

.tab-container .etabs .tab.active {
    position: relative;
    top: 0px;
    color: #fff;
    background: #5d8ec7;
}

.tab-container .tab a.active {
    font-weight: bold !important;
    color: #fff;
    ;
}

.tab-container h5 {
    display: none
}

.tab-container .tabstyle4 {
    margin: 10px;
    padding: 0;
    min-height: 300px;
    padding-bottom: 150px;
}

.tab-container .btnstyle_confirm:hover {
    color: #ffff00
}

/*메뉴 탭메뉴*/
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    overflow: hidden;
}

.nav > li {
    font-size: 14px;
    font-weight: bold;
    position: relative;
    display: block
}

.nav > li > a {
    position: relative;
    display: block;
    height: 40px;
    min-width: 110px;
    max-width: 150px;
    vertical-align: middle;
    text-align: center;
}

.nav > li > a:focus,
.nav > li > a:hover {
    text-decoration: none;
    background: linear-gradient(to bottom, #22a57f 1%, #6a998c 100%);
    color: #fff;
}

.nav > li.disabled > a {
    color: #ddd
}

.nav > li.disabled > a:focus,
.nav > li.disabled > a:hover {
    color: #ddd;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
    background-color: #354d76;
    border-color: #337ab7
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav > li > a > img {
    max-width: none
}

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

.nav-tabs > li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    background: linear-gradient(to bottom, #4eebbd 0%, #0e4131 100%);
    border: 1px solid #5a9a8a;
    border-radius: 7px 7px 0 0;
    color: #fff;
}

.nav-tabs > li > a:hover {
    border: 1px solid #5a9a8a;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    color: #fee71b;
    cursor: default;
    background: linear-gradient(to bottom, #12a378 0%, #0d8460 100%) !important;
    border: 1px solid #5a9a8a;
    border-bottom-color: transparent
}

.num.red {
    color: #fee71b;
}

.rate .num {
    color: #fff !important;
}

/* 메인 중앙 롤오버 메뉴 */
.mainmenu {
    position: relative;
    display: block;
    width: 100%;
    max-width: 1440px;
}

.mainmenu .menuarea {
    padding: 0 1% 0 1%
}

.mainmenu .menuarea li {
    width: 20%;
    float: left;
    margin-right: 0px;
    margin-bottom: 5px;
}

.mainmenu .menuarea li img {
    max-width: 100%;
    height: auto;
    display: block;
}

.mainmenu .menuarea:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

A.roll img {
    display: inline;
    border: 0
}

A.roll img.over {
    display: none
}

A.roll:hover {
    border: 0;
    text-decoration: none;
}

A.roll:hover img {
    display: none
}

A.roll:hover img.over {
    display: inline
}

A.roll:active img {
    display: none
}

A.roll:active img.over {
    display: inline
}

A.roll {
    margin: 0;
    padding: 0;
}


/*회원 충전/환전 스텝에서 사용*/
.stepWrap {
    margin: 0 auto;
    min-height: 200px;
    border: 1px solid #d2a655;
    border-radius: 3px;
    margin-bottom: 5px;
}

.stepWrap .num {
    display: inline-block;
    width: 19%;
    min-width: 70px;
    max-width: 200px;
    padding: 20px 0 10px 0;
    border-bottom: #fff solid 3px;
}

.stepWrap .on {
    border-bottom: #ff8100 solid 3px;
    color: #ff8100;
    font-weight: 700;
}

/* #ff0000 */
.stepWrap .step {
    text-align: center;
    font-size: 13px;
    font-weight: 300;
}

.stepWrap .textWrap {
    margin: 0 auto;
    width: 98%;
    min-height: 150px;
    padding: 30px 10px 20px 10px;
    border: #000 solid 0px;
    text-align: center;
}

.stepWrap .button {
    border-radius: 3px;
    margin-top: 20px;
    padding: 8px 15px 8px 15px;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    box-shadow: rgb(0 0 0 / 50%) 0px 2px 3px;
}

.stepWrap .btn_next_step {
    background: #54c211;
}

.stepWrap .btn_next_step:hover {
    background: #008000;
}

.stepWrap .btn_move_page {
    background: #ff3535;
}

.stepWrap .btn_move_page:hover {
    background: #ff0000;
}

.stepWrap .bank_info {
    font-size: 15px;
    font-weight: 700;
}

#coupon_sn {
    max-width: 260px;
}

.button_qb_info {
    background: #FFE400;
    background-image: -webkit-linear-gradient(top, #FFE400, #FF5E00);
    background-image: -moz-linear-gradient(top, #FFE400, #FF5E00);
    background-image: -ms-linear-gradient(top, #FFE400, #FF5E00);
    background-image: -o-linear-gradient(top, #FFE400, #FF5E00);
    background-image: -webkit-gradient(to bottom, #FFE400, #FF5E00);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    line-height: 20px;
    color: #000000 !important;
    width: 180px;
    font-size: 18px;
    font-weight: 700;
    padding: 3px;
    -webkit-box-shadow: 1px 1px 20px 0 #000000;
    -moz-box-shadow: 1px 1px 20px 0 #000000;
    box-shadow: 1px 1px 20px 0 #000000;
    text-shadow: 1px 1px 20px #DD380D;
    border: solid #000000 1px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    display: inline-block;
}

.button_qb_info:hover {
    border: solid #000000 1px;
    background: #FF5E00;
    background-image: -webkit-linear-gradient(top, #FF5E00, #FFE400);
    background-image: -moz-linear-gradient(top, #FF5E00, #FFE400);
    background-image: -ms-linear-gradient(top, #FF5E00, #FFE400);
    background-image: -o-linear-gradient(top, #FF5E00, #FFE400);
    background-image: -webkit-gradient(to bottom, #FF5E00, #FFE400);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-decoration: none;
}

.mymoney .section1 {
    width: 100%;
    float: left;
    border-right: 0px solid #008fff;
}

.mymoney .section2 {
    width: 0%;
    display: none;
}


.main-content-wrap .main-view {
    padding-bottom: 10px;
}

.main-content-wrap .small-contents {
    overflow: hidden;
    margin-left: -1%;
}

.main-content-wrap .small-contents > div {
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    max-width: 24%;
    /*height: 200px;*/
    margin-left: 1%;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.04);
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 50%) 0px 3px 4px, rgb(255 255 255 / 21%) 1px 1px 4px -2px inset;
}

.main-content-wrap .main-view img {
    width: 100%;
    /*height: 100%;*/
    max-height: 355px;
    border-radius: 5px;
}

.main-content-wrap .small-contents .site {
    position: absolute;
    left: 8%;
    top: 18%;
    font-weight: bold;
    font-size: 12px;
    color: #f99b21;
}

.main-content-wrap .small-contents .title {
    position: absolute;
    left: 8%;
    top: 30%;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
}

.btn-main {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    overflow: hidden;
}

.btn-main a {
    background-color: rgba(0, 0, 0, 0.20);
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    display: block;
    text-align: center;
    text-decoration: none;
    width: 100%;
    height: 40px;
    line-height: 40px;
    position: relative;
    top: 0;
    transition: 250ms top, 350ms left;
}

.btn-main a:before {
    content: attr(data-hover);
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    background: #f99b21;
    height: 40px;
}

.btn-main a:hover {
    top: -40px
}



.casino_content {
    text-align: center;
    margin: 10px 0px 10px 0px;
}

.casino_content span {
    display: inline-block;
    padding: 0px 4px;
}

.casino_content a {
    display: inline-block;
    line-height: 28px;
    background: linear-gradient(0deg, #0d0d0d, #3e3e3e, #5a5a5a);
    border-radius: 5px;
    transition: 200ms all;
    padding: 0px 15px;
    border: 2px solid #010101;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
    color: #c8c8c7;
}

.casino_content a:hover {
    color: #ffffff;
    background: linear-gradient(0deg, #0d0d0d, #3e3e3e, #5a5a5a);
    border: 2px solid #d5b25a;
}

.casino_content a.on {
    cursor: default !important;
    border: 2px solid #d5b25a;
    color: #d5b25a !important;
    background: linear-gradient(0deg, #0d0d0d, #3e3e3e, #5a5a5a) !important;
}

.slot_gamelist {}

.slot_gamelist li {
    margin: 10px 4px;
    font-size: 15px;
    font-weight: 700;
    color: #d8d8d8;
    border: 1px solid #ffa800;
    width: 150px;
    border-radius: 16px;
    overflow: hidden;
    display: inline-block;
}

.slot_gamelist li img {
    width: 150px;
    height: 150px;
    cursor: pointer;
}

.slot_gamelist li p {
    width: 100%;
    height: 60px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 20px;
    overflow-x: hidden;
}

.slot_providerlist a {
    width: 120px;
    height: 30px;
    border: 1px solid #d7922f;
    background: url(/images/client/bg_title1.jpg) center center;
    border-radius: 3px;
    font-size: 12px;
    box-shadow: rgb(0 0 0 / 20%) 0px 2px 3px;
    float: left;
    margin-left: 4px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 4px;
    cursor: pointer;
    position: relative;
    transition: 200ms all;
    text-align: center;
}

.slot_providerlist a.on {
    background: #FDA203;
    color: #fff;
}


/* Slot Section */

.slot-section {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
}

.slot-btn {
    width: 230px;
    display: inline-block;
    position: relative;
    margin: 5px;
    z-index: 0;
    transition: 0.3s;
    perspective: 900px;
    border-radius: 1px;
    overflow: hidden;
}

.slot-btn .btn-container {
    width: 100%;
    transition: 0.3s;
}

.slot-btn.before-hover .btn-container {
    transform: rotateY(30deg) scale(0.9);
    opacity: 0.5;
}

.slot-btn.after-hover .btn-container {
    transform: rotateY(-30deg) scale(0.9);
    opacity: 0.5;
}

.slot-btn .slot-img {
    width: 100%;
    position: relative;
    z-index: 1;
}

.slot-btn .hover-bg {
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
}

.slot-btn .hover-bg span {
    width: 100%;
    height: 25%;
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
    opacity: 0;
    top: 0;
    left: 0;
    background-image: url(/images/client/main/slot_bg.png);
    background-size: 100% 400%;
    animation: slotBgAnim 0.8s ease 1 forwards;
}

.slot-btn:hover .hover-bg span {
    animation: slotBgOverAnim 0.8s ease 1 forwards;
}

.slot-btn .hover-bg span:nth-child(1) {
    animation-delay: 0s;
    background-position: 0 0;
}

.slot-btn .hover-bg span:nth-child(2) {
    animation-delay: 0.1s;
    background-position: 0 -100%;
}

.slot-btn .hover-bg span:nth-child(3) {
    animation-delay: 0.2s;
    background-position: 0 -200%;
}

.slot-btn .hover-bg span:nth-child(4) {
    animation-delay: 0.3s;
    background-position: 0 -300%;
}

@keyframes slotBgAnim {
    0% {
        opacity: 0;
        top: -20px;
    }

    100% {
        opacity: 1;
        top: 0;
    }
}

@keyframes slotBgOverAnim {
    0% {
        opacity: 1;
        top: 0;
    }

    100% {
        opacity: 0;
        top: -20px;
    }
}

.slot-btn .hover-bg span img {
    width: 100%;
    position: relative;
    top: 0;
}

.slot-btn .hover-bg span:nth-child(1) img {
    top: 0;
}

.slot-btn .hover-bg span:nth-child(2) img {
    top: -100%;
}

.slot-btn .hover-bg span:nth-child(3) img {
    top: -200%;
}

.slot-btn .hover-bg span:nth-child(4) img {
    top: -300%;
}

.slot-btn .hover-bg2 {
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
}

.slot-btn .hover-bg2 span {
    width: 100%;
    height: 25%;
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
    opacity: 0;
    top: 0;
    left: 0;
    background-image: url(/images/client/main/slot_bg2.png);
    background-size: 100% 400%;
}


.chrome-banner {
    display: none;
}

@media (max-width: 600px) {
    .chrome-banner {
        display: block;
        width: 140px;
        float: right;
        margin-top: 12px;
        margin-right: 35px
    }

    .chrome-banner img {
        width: 100%;
    }
}

.dividend-progress {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 4;
    background-color: rgba(0, 0, 0, 0.5);
}

.dividend-progress .icon-container {
    width: 45px;
    height: 45px;
    background-color: #1E2737;
    background: linear-gradient(180deg, #1E2737, #0B1423);
    border: 1px solid #3a4352;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #d2dde7;
    font-size: 20px;
}

.dividend-progress .icon-container i {
    display: inline-block;
    animation: dividendIconAnim 2s ease infinite;
}

@keyframes dividendIconAnim {
    0% {
        transform: rotate(0deg)
    }

    90% {
        transform: rotate(-360deg)
    }

    100% {
        transform: rotate(-360deg)
    }
}

.dividend-progress .info {
    color: #ffdc7c;
    font-size: 12px;
    margin-left: 10px;
    font-weight: 700;
    text-shadow: 0 2px 2px #000;
}

.loader-ellips {
    font-size: 20px;
    /* change size here */
    position: relative;
    width: 4em;
    height: 1em;
    margin: 10px auto;
}

.loader-ellips__dot {
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 0.5em;
    background: #ffd868;
    /* change color here */
    position: absolute;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
    left: 0;
}

.loader-ellips__dot:nth-child(3) {
    left: 1.5em;
}

.loader-ellips__dot:nth-child(4) {
    left: 3em;
}

@keyframes reveal {
    from {
        transform: scale(0.001);
    }

    to {
        transform: scale(1);
    }
}

@keyframes slide {
    to {
        transform: translateX(1.5em)
    }
}

.loader-ellips__dot:nth-child(1) {
    animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
    animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
    animation-name: reveal;
    animation-direction: reverse;
}

.sports-bonus {
    width: calc(100% - 20px) !important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 6;
}

.sports-scroll-for-loading {
    overflow-y: scroll;
}

.sports-scroll-for-loading {
    margin-top: 115px !important;
}

.scroller-status {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
}

.ntry_iframe.collapse {
    display: none !important;
}

.ntry_iframe.collapse.show {
    display: block !important;
}

.mobile-menu li .btn a {
    transition: 0s !important;
}

.graph-iframe {
    height: auto !important;
}

.graph-iframe iframe {
    transform: scale(1) !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
}

.btn {
    transition: 0.3s !important;
    font-family: 'SCDream4';
}

@media (max-width:1160px) {
    .scroller-status {
        position: fixed;
        bottom: -12px;
        ;
    }

    .sidebar-right .btn-group {
        width: 100%;
    }

    .btn {
        transition: 0s !important;
    }

    .graph-iframe {
        height: 730px !important;
    }

    .leftbox_sports {
        width: 100%;
    }

    .sports-scroll-for-loading {
        position: fixed;
        top: 230px;
        margin-top: 0 !important;
        max-height: initial;
        overflow-y: scroll;
        height: calc(100% - 250px) !important;
    }

    .sports-bonus {
        width: 100% !important;
    }

    #rightbox_out {
        display: none;
    }

    body.swal2-shown {
        overflow: visible !important;
    }
}



@media(max-width:1160px) {
    .cross-date {
        display: none;
    }

    .crossbox {
        flex-wrap: wrap;
    }

    .panel-body .crossbox.p-t-8 {
        padding-top: 5px !important;
    }

    .crossbox .btn-sports-date {
        width: auto;
        height: auto;
        min-height: initial;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: transparent;
        box-shadow: none;
        margin-left: calc(100% - 102px);
        margin-bottom: 5px;
        padding: 2px 8px !important;
        background-color: rgba(0, 0, 0, 0.25);
        border-radius: 4px;
        color: #fff;
    }

    .crossbox .btn-sports-date.transparent {
        display: none;
    }

    .col-md-12.m-t-12.p-0.p-l-4 .panel-title.text-gray.f-s-14.pull-left {
        margin-bottom: -40px;
        transform: translateY(8px);
        z-index: 1;
        position: relative;
    }
}

.sport-icon-medium.sport-110 {
    background-position: 0 -435px;
}

.sport-icon-medium.sport-112 {
    background-position: 0 -456px;
}




.mp-banner-main {
    width: 100%;
    height: 390px;
    position: relative;
}

.mp-banner-main .carousel {
    overflow: hidden;
}

.mp-banner-main .carousel .carousel-inner .item {
    width: 100%;
    height: 100%;
    background-color: transparent;
    opacity: 1;
    transition-property: opacity;
    text-align: center;
}

.mp-banner-main .carousel .carousel-inner .item .inner {
    display: none;
}

.mp-banner-main .carousel .carousel-inner .item span {
    width: 20%;
    height: 100%;
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    background-size: 500% 100%;
    background-position: left 0 top 0;
    animation: bmSpanAnim 1s linear 1 forwards;
}

@keyframes bmSpanAnim {
    0% {
        transform: translateX(50%) rotateX(80deg);
        opacity: 0;
    }

    100% {
        transform: translateX(0px) rotateX(0deg);
        opacity: 1;
    }
}

.mp-banner-main .carousel .carousel-inner .item:nth-child(1) span {
    background-image: url(../img/main/banner-bg.jpg);
}

.mp-banner-main .carousel .carousel-inner .item span:nth-child(2) {
    left: 20%;
    background-position: left -100% top 0;
    animation-delay: 0.1s;
}

.mp-banner-main .carousel .carousel-inner .item span:nth-child(3) {
    left: 40%;
    background-position: left -200% top 0;
    animation-delay: 0.2s;
}

.mp-banner-main .carousel .carousel-inner .item span:nth-child(4) {
    left: 60%;
    background-position: left -300% top 0;
    animation-delay: 0.3s;
}

.mp-banner-main .carousel .carousel-inner .item span:nth-child(5) {
    left: 80%;
    background-position: left -400% top 0;
    animation-delay: 0.4s;
}

.mp-banner-main .img-cont {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}

.mp-menu-main {
    display: flex;
    align-items: stretch;
    overflow: hidden;
    position: relative;
    z-index: 2;
    padding: 10px 5px !important;
    border-radius: 5px;
}

.mp-menu-main .menu-cont {
    width: calc(20% - 10px);
    float: left;
    margin: 0 5px;
    border-radius: 8px;
    overflow: hidden;
    border-top: solid 2px #466f97;
    border-bottom: solid 2px #502787;
    transition: 0.3s;
    cursor: pointer;
}

.mp-menu-main .menu-cont:hover {
    border-color: #93c9ff;
}

.mp-menu-main .menu-cont .menu-btn {
    width: 100%;
    float: left;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: 0.3s;
}

.mp-menu-main .menu-cont .menu-btn .img-cont {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #0d0f16;
    border-radius: 0 0 8px 8px;
}

.mp-menu-main .menu-cont .menu-btn .img-cont:after {
    content: '';
    width: 100%;
    height: 150%;
    position: absolute;
    left: 0;
    bottom: -100%;
    background-image: radial-gradient(closest-side at 50% 50%, rgba(58, 194, 230, 0.85), rgba(131, 176, 83, 0));
    transition: 0.3s;
    opacity: 0;
}

.mp-menu-main .menu-cont:hover .menu-btn .img-cont:after {
    opacity: 1;
}

.mp-menu-main .menu-cont .menu-btn .img-cont .main-img {
    width: 100%;
    transition: 0.3s;
    position: relative;
}

.mp-menu-main .menu-cont .menu-btn:hover .img-cont .main-img {
    opacity: 0.55;
}

.mp-menu-main .menu-cont .view-btn {
    width: 100px;
    height: 35px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 45px;
    margin: auto;
    color: #fff;
    transition: 0.3s;
    opacity: 0;
    transform: translateY(-25%);
    z-index: 1;
    border: 1px solid #3ac2e6;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

.mp-menu-main .menu-cont .view-btn:before {
    content: '';
    width: 100%;
    height: 100%;
    background-image: linear-gradient(#2450af, #138bd1, #3ac2e6);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.mp-menu-main .menu-cont:hover .view-btn {
    opacity: 1;
    transform: translateY(0);
}

.mp-menu-main .menu-cont .menu-btn .mc-head {
    width: 100%;
    height: 45px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(#2d3d61, #1c263d);
    color: #fff;
    font-size: 11px;
    font-family: SCDream4;
    transition: 0.3s;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
}

.mp-menu-main .menu-cont .menu-btn:hover .mc-head {
    color: #3ac2e6;
}

.mp-menu-main .notice-main {
    width: calc(25% - 10px);
    margin: 0 5px;
    float: left;
    position: relative;
    border-top: solid 2px #3ac2e6;
    border-bottom: solid 2px #502787;
    background-color: #223249;
    border-radius: 8px;
}

.mp-menu-main .notice-main .inner {
    width: 100%;
    height: 100%;
    float: left;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.mp-menu-main .notice-main .nm-head {
    width: 100%;
    height: 44px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(#1f3c5e, #061f37);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    border-radius: 7px 7px 0 0;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.mp-menu-main .notice-main .nm-body {
    width: 100%;
    height: calc(100% - 44px);
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.mp-menu-main .notice-main .carousel {
    width: 100%;
}

.mp-menu-main .notice-main .carousel .carousel-inner {
    min-height: initial;
}

.mp-menu-main .notice-main .carousel .carousel-inner .item {
    width: 100%;
    min-height: initial;
    background-color: transparent;
}

.mp-menu-main .notice-main table {
    width: 100%;
}

.mp-menu-main .notice-main table tr {
    height: 32px;
    animation: nmTrAnim 1s linear 1 backwards;
}

@keyframes nmTrAnim {
    0% {
        transform: translateY(10%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

.mp-menu-main .notice-main table tr:nth-child(1) {
    animation-delay: 0s;
}

.mp-menu-main .notice-main table tr:nth-child(2) {
    animation-delay: 0.1s;
}

.mp-menu-main .notice-main table tr:nth-child(3) {
    animation-delay: 0.2s;
}

.mp-menu-main .notice-main table tr:nth-child(4) {
    animation-delay: 0.3s;
}

.mp-menu-main .notice-main table tr:nth-child(5) {
    animation-delay: 0.4s;
}

.mp-menu-main .notice-main table tr:nth-child(6) {
    animation-delay: 0.5s;
}

.mp-menu-main .notice-main table tr:nth-child(7) {
    animation-delay: 0.6s;
}

.mp-menu-main .notice-main table tr:nth-child(8) {
    animation-delay: 0.7s;
}

.mp-menu-main .notice-main table tr a {
    color: #ffffff;
    font-size: 12px;
}

.mp-menu-main .notice-main table tr a:hover {
    color: #3ac2e6;
}

.mp-footer-main {
    margin: 0 !important;
    position: relative;
    z-index: 1;
    border-top: none;
    border-radius: 5px;
    margin: 5px 0 0 !important;
}

.main .mp-footer-main p {
    color: #868585;
    font-size: 11px;
    font-family: SCDream1;
}

.mp-footer-text {
    color: #ffffff;
    font-size: 10px;
    margin-top: 5px !important;
    padding: 30px 0 !important;
}

.mp-footer-text p {
    margin: 0;
}

.mp-footer-text .highlight {
    color: #81e5ff;
}

/* M O B I L E */

.login-info .p-5 {
    padding: 0 5px !important;
}

.mp-banner-main.mobile {
    width: calc(100% - 10px) !important;
    height: auto;
    margin: 0 auto !important;
    border-radius: 5px;
    overflow: hidden;
    border: solid 2px #4f5357;
    box-shadow: 0 1px 0 #000, 0 -1px 0 #000, 1px 0 0 #000, -1px 0 0 #000;
}

.mp-banner-main.mobile .carousel .carousel-inner {
    height: auto;
    min-height: auto;
}

.mp-banner-main.mobile .carousel .carousel-inner .item {
    height: auto;
    min-height: auto !important;
}

.mp-banner-main.mobile .carousel .carousel-inner .item .main-img {
    width: 100%;
}

.mobile-menu {
    height: auto;
    display: none;
    padding-top: 10px !important;
    background-color: #131523;
}

.mobile-menu li {
    display: block !important;
    width: 33.33%;
    padding: 5px;
    float: left;
}

.mobile-menu li .btn {
    width: 100%;
    height: auto;
    padding: 0 !important;
}

.mobile-menu li .btn a {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.mobile-menu li .btn a .img-cont {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.mobile-menu li .btn a .img-cont img {
    width: 100%;
}

.mobile-menu li .btn a .foot {
    width: 100%;
    height: 30px;
    color: #fff;
    font-size: 10px;
    font-family: SCDream4;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
}

.modal-backdrop.fade.in {
    opacity: 0;
}

.mob-modal {
    width: 90%;
    height: auto;
    text-align: center;
    position: relative;
    margin-left: 5%;
    top: 10%;
}

.mob-modal .close-btn {
    color: #edaf0a;
    font-size: 30px;
    background-color: transparent;
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    height: auto;
}

.mob-modal img {
    width: 100%;
}

.top-right-menu .btn-group {
    border-radius: 4px;
}

.container-fluid .top-right-menu .btn.btn-inverse {
    border-radius: 10px;
}

.banner-iframe {
    width: calc(52% - 5px);
    margin-right: 5px;
    height: 100%;
    float: left;
    border-radius: 8px;
    overflow: hidden;
}

.banner-iframe iframe {
    width: 800px;
    height: 450px;
    height: calc(100% + 97px);
    position: relative;
    top: -32px;
    left: -52px;
    transform: scale(0.87);
}

.live-match-list {
    width: 48%;
    height: 100%;
    float: left;
}

.live-match-list .lm-head {
    width: 100%;
    height: 50px;
    background-color: #062038;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-top-color: rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    padding: 0 4px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.live-match-list .lm-head:after {
    content: '';
    width: 100%;
    height: 200%;
    position: absolute;
    left: -20%;
    bottom: 0;
    z-index: -1;
    background-image: radial-gradient(closest-side at 50% 50%, rgb(31 59 93), rgba(131, 176, 83, 0));
}

.live-match-list .lm-head .lm-inner {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.live-match-list .lm-head .icon-panel {
    width: 50px;
    height: calc(100% - 8px);
    border-radius: 6px;
    background-color: #2686a1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    color: #fff;
    font-size: 22px;
}

.live-match-list .lm-head .lm-title {
    width: 100%;
    height: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    z-index: 1;
}

.live-match-list .lm-head .lm-title img {
    display: none;
}

.live-match-list .lm-head .lm-title span {
    color: #fff;
    font-size: 16px;
    font-family: SCDream4;
}

.live-match-list .lm-head .lm-title .sub {
    color: #fb6d47;
    margin-left: 5px;
}

.live-match-list .lm-table {
    width: 100%;
    height: 336px;
    float: left;
    margin-top: 5px;
    border-radius: 8px;
    border: 1px solid #203854;
    background-color: #090e1b;
    background-image: url(../img/main/livematch-bg4.jpg);
    background-size: cover;
    background-position: top center;
    overflow: hidden;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.live-match-list .lm-table:after {
    content: '';
    width: 100%;
    height: 200%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -100%;
    margin: 0 auto;
    z-index: -1;
    background-image: radial-gradient(closest-side at 50% 50%, rgba(31, 59, 93, 0.5), rgba(131, 176, 83, 0));
}

.live-match-list .lm-table #rolling-realtime {
    width: 100%;
    float: left;
}

.live-match-list .lm-table ul {
    width: 100%;
    display: table;
    float: left;
    padding-left: 0;
}

.live-match-list .lm-table ul li {
    width: 100%;
    float: left;
    cursor: pointer;
}

.live-match-list .lm-table ul li table {
    width: 100%;
    height: 45px;
    float: left;
    transition: 0.3s;
}

.live-match-list .lm-table ul li:hover table {
    background-color: rgba(255, 255, 255, .10)
}

.live-match-list .lm-table ul li table .lmt-icon {
    width: 15%;
    text-align: center;
}

.lmt-icon .sport-icon-medium {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    display: inline-block;
    background: url('../img/sports-icon/live-sports.png') no-repeat;
}

.sport-icon-medium.sport-1 {
    background-position: 0 -79px;
}

.sport-icon-medium.sport-2 {
    background-position: 0 -207px;
}

.sport-icon-medium.sport-3 {
    background-position: 0 -111px;
}

.sport-icon-medium.sport-4 {
    background-position: 0 -349px;
}

.sport-icon-medium.sport-5 {
    background-position: 0 -143px;
}

.sport-icon-medium.sport-6 {
    background-position: 0 -47px;
}

.sport-icon-medium.sport-7 {
    background-position: 0 -63px;
}

.sport-icon-medium.sport-11 {
    background-position: 0 -255px;
}

.sport-icon-medium.sport-12 {
    background-position: 0 -319px;
}

.sport-icon-medium.sport-13 {
    background-position: 0 -303px;
}

.sport-icon-medium.sport-15 {
    background-position: 0 -191px;
}

.sport-icon-medium.sport-16 {
    background-position: 0 -127px;
}

.sport-icon-medium.sport-19 {
    background-position: 0 -95px;
}

.sport-icon-medium.sport-20 {
    background-position: 0 -365px;
}

.sport-icon-medium.sport-21 {
    background-position: 0 -31px;
}

.sport-icon-medium.sport-22 {
    background-position: 0 -175px;
}

.sport-icon-medium.sport-23 {
    background-position: 0 -223px;
}

.sport-icon-medium.sport-24 {
    background-position: 0 -271px;
}

.sport-icon-medium.sport-25 {
    background-position: 0 -383px;
}

.sport-icon-medium.sport-26 {
    background-position: 0 -400px;
}

.sport-icon-medium.sport-29 {
    background-position: 0 -16px;
}

.sport-icon-medium.sport-31 {
    background-position: 0 -287px;
}

.sport-icon-medium.sport-32 {
    background-position: 0 0;
}

.sport-icon-medium.sport-34 {
    background-position: 0 -159px;
}


.live-match-list .lm-table ul li table .lmt-team {
    width: 48%;
    text-align: left;
    font-size: 14px;
    font-family: SCDream4;
}

.live-match-list .lm-table ul li table .lmt-team .name {
    color: #ffffff;
}

.live-match-list .lm-table ul li table .lmt-team .vs {
    color: #47d6fb;
}

.live-match-list .lm-table ul li table .lmt-score {
    width: 25%;
    text-align: center;
}

.live-match-list .lm-table ul li table .lmt-score .score-cont {
    width: 25px;
    height: 25px;
    border-radius: 4px;
    background-color: #39c0e3;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 14px;
    padding: 2px 0 0 0;
}

.live-match-list .lm-table ul li table .lmt-score .colon {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 18px;
    margin: 0 10px;
}

.live-match-list .lm-table ul li table .lmt-waiting {
    width: 12%;
    text-align: left;
    color: #ccc;
    font-size: 14px;
}

.small-show {
    display: none;
}


#popBox {
    display: none;
    background-color: #000;
    z-index: 2147483641;
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    margin: auto;
}

#popBox .close {
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    text-shadow: none;
    opacity: 1;
}

#popBox .close a {
    text-decoration: none;
    color: #fff !important;
    font-size: 14px;
}

#popBox .content {
    position: absolute;
    top: 30px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}