/*
#=========================================#
        탑바
        사이드 메뉴 커스텀
        컨텐츠
        우측 사이드메뉴
        모바일 메뉴
        푸터
        검색모달
#=========================================#
*/

body {color:var(--text-color); font-family: Inter,-apple-system,Framedcn,Helvetica Neue,Condensed,DisplayRegular,Helvetica,Arial,PingFang SC,Hiragino Sans GB,WenQuanYi Micro Hei,Microsoft Yahei,sans-serif;}
body::-webkit-scrollbar {width:0; }
button:focus {box-shadow:none !important; }

/*
#=========================================#
        공통
#=========================================#
*/
.bg-tit {background-color: var(--title-color);}
.bg-sub {background-color: var(--sub-text-color);}
.bg-back {background-color: var(--background-color);}
.bg-place {background-color: var(--placeholder-color);}
.bg-stand {background-color: var(--standard-color);}
.bg-shadow {background-color: var(--shadow-color);}
.bg-back2 {background-color: var(--background-type-color);}
.bg-modaldark {background-color: var(--modal-darkbg);}
.bg-gradient-green {background:var(--green-gradient); }
.bg-tag {background:linear-gradient(to right,#E15A0F,#F7931A); }
.bg-backlight {background-color: var(--background-light);}
.bg-sponsor {background-color: var(--sponsor-visual);}
.bg-list {background-color: var(--casino-listbg);}
.bg-btndark {background-color: var(--btn-dark);}
.bg-sub {background-color: var(--sub-text-color);}
.bg-tab {background-color: var(--tab-bg);}
.bg-gradient-purple2 {background:linear-gradient(180deg,rgba(111,77,204,.7) 0%,rgba(90,52,190,.7) 100%); }

.dark .bg-gradient-purple {background-image:linear-gradient(180deg,rgba(95,49,204,.5) -93.97%,#1E2024 71.55%); }
.bg-gradient-purple {background-image:linear-gradient(180deg,#723FE0 0%,#FFFFFF 100%); background-size:100% 7.5rem; background-repeat:no-repeat; }

.bg-gradient-yellow {background-image:linear-gradient(90deg,#40391f 8.96%,#a37c0c);; }

.bg-gradient-green2 {background:linear-gradient(270deg,rgba(59,193,23,.14) 0%,rgba(59,193,23,0) 100%)}

.dark .dark\:bg-back2 {background-color: var(--background-type-color);}
.dark .dark\:bg-back {background-color: var(--background-color);}
.dark .dark\:bg-modaldark {background-color: var(--modal-darkbg);}
.dark .dark\:bg-backlight {background-color: var(--background-light);}
.dark .dark\:bg-stand {background-color: var(--standard-light);}
.hover\:bg-back2:hover {background-color: var(--background-type-color);}
.hover\:bg-back:hover {background-color: var(--background-color);}
.hover\:bg-sub:hover {background-color: var(--sub-text-color);}
.hover\:bg-stand:hover {background-color: var(--standard-color);}
.hover\:bg-place:hover {background-color: var(--placeholder-color);}
.hover\:bg-tab:hover {background-color: var(--tab-bg);}
.hover\:bg-btndark:hover {background-color: var(--btn-dark);}
.dark .hover\:bg-gradient-green:hover {background: linear-gradient(90deg,rgba(69,217,30,.3) 8.96%,rgba(69,217,30,0) 100%),#25282B;}
.hover\:bg-gradient-green:hover {background: linear-gradient(90deg,rgba(69,217,30,.3) 8.96%,rgba(69,217,30,0) 100%),#F6F7FA;}

@media (min-width:768px){
    .md\:bg-gradient-green2 {background:linear-gradient(270deg,rgba(59,193,23,.14) 0%,rgba(59,193,23,0) 100%)}
    .md\:bg-tab {background-color: var(--tab-bg);}
}


.text-tit {color: var(--title-color);}
.text-basic {color: var(--text-color);}
.text-sub {color: var(--sub-text-color);}
.text-primary {color: var(--primary-color);}
.text-back {color: var(--background-color);}
.text-stand {color:var(--standard-color);}
.text-place {color:var(--placeholder-color);}
.text-yellow {color:var(--yellow-color);}
.text-green-gradient {color:transparent; background:linear-gradient(90deg,#B5E916 22.99%,#43C111 73.57%); -webkit-background-clip:text; }
.text-yellow-gradient {color:transparent; background:linear-gradient(180deg,#FFD339 47.13%,#F59E00 77.08%); -webkit-background-clip:text; }

.text-orange {color:#ed6300}
.text-red {color:#f26f89}


.fill-title {fill: var(--title-color);}
.fill-title2 {fill: var(--text2-color);}
.fill-basic {fill: var(--text-color);}
.fill-sub {fill: var(--sub-text-color);}
.fill-place {fill: var(--placeholder-color);}
.fill-stand {color:var(--standard-color);}
.fill-primary {fill: var(--primary-color) !important;}
.fill-yellow {fill:var(--yellow-color); }
.fill-red {fill:#eb4926}
.fill-blue {fill:#0f62fe}
.fill-orange {fill:#ed6300}
.fill-bronze {fill:#e09a6a }
.fill-silver {fill:#e1e1e1 }
.fill-gold {fill:#ffc329 }
.fill-platinum {fill:#9d63f6 }
.fill-diamond {fill:#f450a9 }

.shadow-basic {box-shadow:0 0 8px #00000024; }

.shadow-bottom {background-image: var(--page-bottom-shadow);}

button:disabled {opacity:.7 !important; }

.btn-top {border:0 none; box-shadow:none; border-radius:3px; color:var(--text-color)}
.dark .btn-top.active,
.dark .btn-top:hover {background-color: #2D3035; color:#fff; }
.btn-top.active,
.btn-top:hover {background-color: #F6F7FA;}
.btn-top svg {fill:#9FA5AC; }
.dark .btn-top.active svg,
.dark .btn-top:hover svg {fill:#fff; }
.btn-top.active svg,
.btn-top:hover svg {fill:#000; }
.dark .btn-top.type02  {background-color:rgba(0, 0, 0, 0.2)}
.btn-top.type02  {background-color:#F0F1F5; }
.btn-top:disabled {opacity:0.6; }

.btn-green {border:0 none; box-shadow:none; background-color:#1d803ab3; background-image:conic-gradient(from 1turn,rgba(88,175,16,1),rgba(29,128,58,1)); color:#fff; border-radius:3px; }
.btn-purple {border:0 none; box-shadow:none; background-color:#6e34e2b3; background-image:conic-gradient(from 1turn,rgba(136,83,252,1),rgba(110,52,226,1)); color:#fff; border-radius:3px; }
.btn-yellow {border:0 none; box-shadow:none; color: #fff; background-color: #f19511b3; background-image: conic-gradient(from 1turn,#F6C722,#F19511); border-radius:3px; }
.btn-bronze {border:0 none; box-shadow:none; color: #fff; background-color: rgb(255, 158, 106); background-image: conic-gradient(from 1turn, rgb(172, 76, 25), rgb(255, 158, 106)); border-radius:3px; }
.btn-orange {border:0 none; box-shadow:none; color: #fff; background-image: conic-gradient(from 1turn,#cc5600,#ff832b); border-radius:3px; }
.btn-purple2 {border:0 none; box-shadow:none; color: #fff; background-image: conic-gradient(from 1turn,#831db8,#ab46cf); border-radius:3px; }
.btn-blue {border:0 none; box-shadow:none; color: #fff; background-image: conic-gradient(from 1turn,#3f128c,#7121fc); border-radius:3px; }

.dark .btn-normal { background-color: rgba(45,48,53,.6);}
.btn-normal {border:0 none; box-shadow:none; background-color: rgba(218,221,230,.6);}
.dark .btn-normal:disabled {background-color: rgba(45,48,53,.4); }
.btn-normal:disabled {background-color: rgba(218,221,230,.3); }

.dark .basic-hover {color:var(--text-color)}
.dark .basic-hover svg {fill:var(--text-color); }
.dark .basic-hover:hover {color:#fff; }
.dark .basic-hover:hover svg {fill:#fff; }
.basic-hover.active {color:var(--title-color);}
.basic-hover {color:var(--text-color); }
.basic-hover svg {fill:#9FA5AC; }
.basic-hover:hover {color:#000; }
.basic-hover:hover svg {fill:#000; }

.animate-twinkle {animation: twinkle 1s linear infinite;}
.animate-twinkle.delay-2 {animation-delay:.2s; }
.animate-twinkle.delay-5 {animation-delay:.5s; }
@keyframes twinkle {
    0% {transform: scale(0.8);}
    25% {transform: scale(1.5);}
    50% {transform: scale(0.8);}
    75% {transform: scale(1.2);}
    100% {transform: scale(0.8);}
  }


.animate-opacity {animation: opacity 2s linear infinite;}
@keyframes opacity {
    0% {opacity:0}
    50% {opacity:1}
    100% {opacity:1}
}

.animate-spin.slow {animation:spin 4s linear infinite}


.scrollbar::-webkit-scrollbar {width:5px; }
.scrollbar::-webkit-scrollbar-thumb {background-color: var(--placeholder-color); border-radius:4px;}
.scrollbar::-webkit-scrollbar-track {background-color: transparent;}
.scrollbar.type02::-webkit-scrollbar-thumb {background-color: var(--background-light); }

.noscrolbar::-webkit-scrollbar {display:none; }

.scrollbar_x::-webkit-scrollbar {height:5px; }
.scrollbar_x::-webkit-scrollbar-thumb {background-color: var(--placeholder-color); border-radius:4px;}
.scrollbar_x::-webkit-scrollbar-track {background-color: transparent;}

@media all and (max-width:640px){
    .mo_hide {display:none !important; }
}

.animate-ping {animation-duration:2.5s; }
.animate-spin-slow {animation:spin 5s linear infinite; }

/* dark 모드에서 보이기 */
.dark .dark_hide {display:none; }
.dark .dark_view {display:block; }
.dark_hide {display:block; }
.dark_view {display:none; }


.blur_box {position:relative;  }
.blur_box:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; backdrop-filter:blur(6px); }
.blur_box > * {position:relative; z-index:1;}

/*
#=========================================#
        탑바
#=========================================#
*/
.dark .top-bar ,
.dark .top-bar .container{background-color: var(--background-color);}
.top-bar .container {background-color: #fff;}
.top-bar {z-index:90; position:sticky; top:0px; width:100%; margin-top:-1px; background-color: #FFF; transition:width 0.3s; }
.top-bar:before {
    content:''; position:absolute; left:0; bottom:-0.75rem;
    width:100%; height:0.75rem; opacity:0.3; 
    background-image: var(--page-bottom-shadow);
}
.top-bar .container {white-space:nowrap; }

.btn-top.active .casino_i,
.btn-top:hover .casino_i {fill:var(--primary-color) !important; }
.btn-top.active .sports_i,
.btn-top:hover .sports_i {fill:#ea6518 !important; }
.btn-top.active .horse_i,
.btn-top:hover .horse_i {fill:#ffbf39 !important; }
.btn-top.active .lottery_i,
.btn-top:hover .lottery_i {fill:#3296f1 !important; }


.top-bar .mo_left {display:none; }
.chat-dot {position: absolute; right: 6px; top: 6px; z-index: 1; width: .625rem; height: .625rem; border-radius: 50%; background-color: var(--primary-color)}

.top-bar .profile_btn {position:relative; }
.top-bar .profile_btn .profile_box {visibility:hidden; opacity:0; z-index:10; position:absolute; right:0; top:100%; width:220px; transform:translateY(20px); }
.top-bar .profile_btn:hover .profile_box {visibility:visible; opacity:1; transform:translateY(0); transition:all 0.4s; }
.top-bar .profile_btn .profile_box ul:first-of-type {margin-top:22px; }
.top-bar .profile_btn .profile_box ul {background-color: var(--standard-color);}


@media all and (max-width:850px){
    .top-bar .container {justify-content:flex-end; }
    .top-bar .left {display:none; }
}
@media all and (max-width:767px){
    .top-bar {height:50px; }
    .top-bar .container {justify-content:space-between; padding-left:5px; padding-right:5px; }
    .top-bar .mo_left {display:block; }
    .top-bar .chat_btn,
    .top-bar .profile_btn,
    .top-bar .lang_btn,
    .top-bar .cash_btn {display:none; }
    /* .top-login.top-bar .notice_btn {display:none; } */
    .logout .top-bar .lang_btn {display:block; }
}

@media all and (max-width:1500px){
    .content.right_open .top-bar .left > * {display:none;}
}
@media all and (max-width:1200px){
    .content.right_open .top-bar .left > * {display:flex;}
}

.walletDropdown {width:420px !important; max-width:100%; }
.wallet_search::-webkit-scrollbar {width:5px; }
.wallet_search::-webkit-scrollbar-thumb {background-color: #2D3035; border-radius:4px; }
.wallet_search::-webkit-scrollbar-track {background-color: transparent;}
.wallet_search .wallet_list > div {cursor:pointer; }
.dark .wallet_search .wallet_list > div:hover {background-color: var(--standard-color);}
.wallet_search .wallet_list > div:hover {background-color: var(--background-color);}
.wallet_search .wallet_list > div.active {border:1px solid var(--primary-color); }

.wallet_top_btn.nolegal span {display:block;}
.wallet_top_btn.nolegal strong {display:none;}
.wallet_top_btn span {display:none;}
.wallet_top_btn strong {display:block;}
.nolegal .wallet_search .wallet_list span {display:block; padding-top:6px; color:var(--title-color); font-weight:bold; font-size:16px; }
.nolegal .wallet_search .wallet_list strong {display:none; }

/* .top-bar .casino_search {display:none;} */
.casino .top-bar .casino_search {display:block;}
.top-bar .casino_search .close_btn {display:none; }
.top-bar .casino_search .close_btn.on {display:block; }

.top-bar .casino_search_box_bg {position:fixed; left:0; top:64px; display:none; width:100%; height:calc(100vh - 64px); background:rgba(0,0,0,.5)}
.top-bar .casino_search_box_bg.on {display:block; }
.top-bar .casino_search_area {position:absolute; left:50%; top:-100vh;  max-height:calc(100vh - 64px); background-color: var(--background-color); transition:top 0.5s; transform:translateX(-50%); }
.top-bar .casino_search_area.on {top:100%; }
.top-bar .casino_search_area .search_history:hover button {display:block; }
.top-bar .casino_search_area .search_history button {display:none; }

@media all and (max-width:1400px){
    /* .casino .top-bar .casino_search {display:none;} */
}

.top-bar .lottery_search_btn {display:none;}
.lottery .top-bar .lottery_search_btn {display:block;}
.top-bar .lottery_search .close_btn {display:none; }
.top-bar .lottery_search .close_btn.on {display:block; }

.top-bar .lottery_search_box_bg {position:fixed; left:0; top:64px; display:none; width:100%; height:calc(100vh - 64px); background:rgba(0,0,0,.5)}
.top-bar .lottery_search_box_bg.on {display:block; }
.top-bar .lottery_search_area {position:absolute; left:50%; top:-100vh;  max-height:calc(100vh - 64px); background-color: var(--background-color); transition:top 0.5s; transform:translateX(-50%); }
.top-bar .lottery_search_area.on {top:100%; }
.top-bar .lottery_search_area .search_history:hover button {display:block; }
.top-bar .lottery_search_area .search_history button {display:none; }


@media all and (max-width:767px){
    .lottery .top-bar .lottery_search_btn {display:none; }
}

/*
#=========================================#
        사이드 메뉴 커스텀
#=========================================#
*/
.side-nav-bg {z-index:199; display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.667); }
.dark .side-nav {box-shadow:5px 0px 10px rgba(17,20,21,0.3);}
.side-nav { 
    z-index:200; 
    position:fixed; 
    left:0; top:0;
    overflow-x:visible;
    width:260px;
    padding:0; background-color: var(--standard-color);
    box-shadow:5px 0px 10px rgba(218,221,230,0.3);
    transition:transform 0.3s; 
}
.side-nav .menu_box {overflow-y:auto; height:calc(100% - 64px); }
.side-nav .menu_box::-webkit-scrollbar {width:0; }

.side-nav .top_box { position:relative; width:100%; height:64px; }
.side-nav .top_box:before { content:''; position:absolute; left:0; top:100%; width:100%; height:12px; opacity:0.2; background-image:var(--page-bottom-shadow);}

.dark .side-nav .bonus_menu { background-color:#17191B; }
.side-nav .bonus_menu {background-color:var(--background-color)}


.side-nav .menu_list { height:46px; font-size:15px;}
.side-nav .menu_list span {white-space:nowrap;}
.menu_list.quest {background:linear-gradient(26.79deg,rgba(109,43,255,.480402) 1.86%,rgba(109,43,255,.04) 85.25%,rgba(109,43,255,.04) 85.25%),rgba(216,216,216,.05); }
.menu_list.spin {background:linear-gradient(19.92deg,rgba(175,13,132,.511772) -6.45%,rgba(175,13,132,.04) 78.77%),rgba(216,216,216,.05)}
.dark .side-nav .menu_list.quest,
.dark .side-nav .menu_list.spin {color:#fff;}
.side-nav .menu_list.quest,
.side-nav .menu_list.spin {color:#000;}

.dark .side-nav .menu_list.active,
.dark .side-nav .menu_list:not(.quest,.spin):hover { background:#2D3035 !important; color:#fff !important; }
.dark .side-nav .menu_list.active svg,
/* .dark .side-nav .menu_list:hover svg { fill:#fff; } */
.dark .side-nav .menu_list:hover svg { fill:var(--primary-color) !important; }
.dark .side-nav .menu_list svg { fill:#98A7B5; }
.side-nav .menu_list.active,
.side-nav .menu_list:not(.quest,.spin):hover { background:#EAECF3 !important; color:#000 !important; }
.side-nav .menu_list svg { fill:#9FA5AC; }
.side-nav .menu_list.active svg ,
.side-nav .menu_list:hover svg { fill:#000; }
.dark .side-nav .menu_list .vip_text {color:#fff;}
.side-nav .menu_list .vip_text {color:#000; }

.menu_list.spin .spin-anim {position:relative; }
.menu_list.spin .spin-anim .img-spinbg {position: absolute; left: 50%; width: 1.9375rem; height: 1.9375rem; z-index: 1; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translate(-50%); top: 6%; opacity: 0 }
.menu_list.spin .spin-anim .img-turntable {width:2rem; height:2rem; animation:rotate 2s infinite linear; }
.menu_list.spin .spin-anim .img-pointer {position: absolute; top: -.375rem; left: 49%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translate(-50%); width: 1.125rem; height: auto; z-index: 3 }
@keyframes rotate {
    0% { -webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0)}
    to { -webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg)}
}

.reward_btn { background:linear-gradient(26.79deg,rgba(109,43,255,.480402) 1.86%,rgba(109,43,255,.04) 85.25%,rgba(109,43,255,.04) 85.25%),rgba(216,216,216,.05); }
.dark .side-nav .reward_btn {background-color: #17191B;}
.side-nav .reward_btn {background-color:var(--background-color)}
.side-nav .reward_btn span {white-space:nowrap;}

.dark .side-nav .menu_list.open {background-color: #191A1E; color:#fff; }
.dark .side-nav .menu_list.open svg {fill:#fff; }
.side-nav .menu_list.open {background-color: var(--background-color); color:#000; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.side-nav .menu_list.open svg {fill:#000; }
.side-nav .menu_list i svg { transition:transform 0.5s;}
.side-nav .menu_list.open i svg {transform:rotate(90deg); }

.dark .side-nav .menu_wrap .menu_depth,
.dark .side-nav .menu_wrap .menu_depth .menu_list {background-color: #191A1E;}
.side-nav .menu_wrap .menu_depth {background-color:var(--background-color); }
.side-nav .menu_wrap .menu_depth .menu_list.active span {font-weight:800; }

.dark .fold_line {border-color:#25272C; }
.fold_line {display:none; border-top:1px solid #DADDE6; }
.side-nav.fold .fold_line {display:block; }

.menu-hover_wrap {width:calc(100% + 2.5rem); margin-left:-1.25rem; padding:0 1.25rem;}
.dark .menu-hover_wrap .game_wrap {background-color:#2D3035;}
.menu-hover_wrap .game_wrap {overflow:hidden; position:absolute; top:0px; left:100%; width:0; height:100%; background-color:#F6F7FA; box-shadow:inset 5px 0px 5px rgba(0,0,0,0.05); transition:width .5s cubic-bezier(.36,.66,.04,1); }
.menu-hover_wrap:hover .game_wrap {width:240px; }
.menu-hover_wrap .game_wrap .game_list {width:240px; height:100%; padding:32px 0 32px 12px; overflow-y:auto;  overflow-x:hidden;}
.menu-hover_wrap .game_wrap .game_list::-webkit-scrollbar {width:2px; }

/* 접었을때 */
.side-nav.fold {display:flex; align-items:flex-end; flex-direction:column; width:260px; transform:translateX(-196px)}
.side-nav.fold .top_box {justify-content:flex-end;}
.side-nav.fold .menu_box {width:64px; }
    
.side-nav.fold .top_logo,
.side-nav.fold .reward_btn b,
.side-nav.fold .menu_list a span,
.side-nav.fold .menu_list i {display:none; }

.side-nav.fold .menu_box {padding-left:6px; padding-right:6px;}
.side-nav.fold .menu_list {background-color: transparent; }

.side-nav.fold .bonus_menu {padding:0; background-color: transparent; }
.side-nav.fold .bonus_menu .quest_box {overflow:hidden; display:block; width:52px; height:52px; }
.side-nav.fold .bonus_menu .quest_box > div {width:52px; height:52px;}
.side-nav.fold .bonus_menu .quest_box > div {background: #DADDE6;}
.side-nav.fold .bonus_menu .quest_box:hover {position:absolute; display:flex; width:110px; background: #DADDE6; border-radius:4px; }
.side-nav.fold .bonus_menu .quest_box:hover + div {margin-top:76px; }
.dark .side-nav.fold .bonus_menu .quest_box > div {background: #17191B;}
.dark .side-nav.fold .bonus_menu .quest_box:hover {background: #17191B; }


/* 색상테마 */
.side-nav.fold .color_theme {display:none; }
.color_theme {background-color: var(--background-color);}
.color_theme button svg {fill:#9fa5ac; }
.color_theme button.active {color:var(--title-color); background-color:#EAECF3;}
.color_theme button.active svg {fill:var(--title-color); }
.dark .color_theme button.active { background-color:#2D3035;}

@media all and (max-width:1200px){
    .side-nav-bg {display:block; }
}
@media all and (max-width:767px){
    .side-nav-bg {display:none !important; }
    .side-nav {display:none !important; }
}

/* bc 페이지일때 */
.bc_page .menu-hover_wrap .game_wrap {width:50px; }
.bc_page .menu-hover_wrap .game_wrap:hover {width:240px; }
.bc_page .menu-hover_wrap .game_wrap .game_list {padding-left:6px; }
.bc_page .menu-hover_wrap .game_wrap .game_list svg {margin-right:6px; }

/*
#=========================================#
        컨텐츠
#=========================================#
*/
.container_wrap {min-height:calc(100vh - 64px);}

.content {position:relative; margin-left:260px; transition:margin 0.3s; }
.content.right_open {margin-right:360px; }
.content.fold {margin-left:64px; }
.content #loadingContainer {z-index:50; position:fixed; left:0; top:0; display:flex; align-items:center; justify-content:center; width:100%; height:100vh; background-color: var(--background-color);}

.container {
    width: 100%;
    margin: 0 auto;
    padding-left:40px;
    padding-right:40px;
    max-width: 1430px
}
.container2 {
    width: 100%;
    margin: 0 auto;
    padding-left:40px;
    padding-right:40px;
    max-width: 900px
}

@media all and (min-width:1921px){
    .container {max-width:65%; min-width:1430px; }

}

@media all and (max-width:1200px){
    .content {margin-left:64px; }
    .content.right_open {margin-right:0; }
}

@media all and (max-width:767px){
    .content {margin-left:0; }
    .content.fold {margin-left:0; }
    .container {padding-left:10px; padding-right:10px; }
    .container2 {padding-left:10px; padding-right:10px; }
}


/*
#=========================================#
        우측 사이드메뉴
#=========================================#
*/
.dark .right-area {box-shadow:-5px 0px 10px rgba(17,20,21,0.3); }
.right-area {z-index:91; position:fixed; right:-360px; top:0; width:360px; height:100%; overflow:hidden; background-color: var(--standard-color); box-shadow:-5px 0px 10px rgba(218,221,230,0.3); transition:right 0.3s; }
.right-area.open {right:0;}

.dark .right-area .top_box {background-color: #171719;}
.right-area .top_box {background-color: #fff;}
.dark .right-area .top_box .close_btn {fill:#555b65; }
.right-area .top_box .close_btn {fill:#aeb3c2; transition:transform 0.5s;}
.right-area .top_box .close_btn:hover {fill:var(--primary-color) !important; transform:rotate(-90deg) }

.right-area .overflow-y-auto::-webkit-scrollbar {width:5px; }
.right-area .overflow-y-auto::-webkit-scrollbar-thumb {background-color: var(--placeholder-color); border-radius:4px;}
.right-area .overflow-y-auto::-webkit-scrollbar-track {background-color: transparent;}

.right-area .notice_list p.notice_content {overflow:hidden; height:60px; line-height:1.4;}
.right-area .notice_list p.open {height:auto; }
.right-area .notice_cont {overflow:hidden; flex:1; height:100%;}
.right-area .all_view_btn svg {transform:rotate(90deg); }
.right-area .all_view_btn span:nth-of-type(2) {display:none;}
.right-area .all_view_btn.open span:nth-of-type(2) {display:block;}
.right-area .all_view_btn.open span:nth-of-type(1) {display:none;}
.right-area .all_view_btn.open svg {transform:rotate(270deg); }

.right-area .chat_cont {overflow-x:hidden; overflow-y:auto; flex-grow:1; display:flex; flex-direction: column; justify-content:flex-end; }
.right-area .chat_cont::-webkit-scrollbar {width:5px; }
.right-area .chat_cont::-webkit-scrollbar-thumb {background-color: var(--placeholder-color); border-radius:4px;}
.right-area .chat_cont::-webkit-scrollbar-track {background-color: transparent;}
.right-area .chat_cont .hover_box {width:calc(100% - 48px); }
.right-area .chat_cont .hover_box:hover .btn_box {opacity:1; }

.dark .right-area .chat_area .chat_ticket {background:linear-gradient(145deg,#FFB416 -200%,#1C1E22 40%); }
.right-area .chat_area .chat_ticket {background:linear-gradient(145deg,#FFB416 -50%,#ffffff 40%); }
.dark .right-area .chat_area .chat_ticket02 {background:linear-gradient(145deg,#395231,#1c1e22 50%); }
.right-area .chat_area .chat_ticket02 {background:linear-gradient(145deg,#cff47e,#ffffff 50%); }

.dark .right-area .chat_area .chat_bottom {background-color: #212127; box-shadow:0 0 10px 0 rgba(0,0,0,.2); }
.right-area .chat_area .chat_bottom {background-color: #fff; box-shadow:0 0 10px 0 rgba(0,0,0,.05); }
.dark .right-area .chat_area .chat_bottom .tag_area,
.dark .right-area .chat_area .chat_bottom .mention_area {background-color: var(--background-color);}
.right-area .chat_area .chat_bottom .tag_area,
.right-area .chat_area .chat_bottom .mention_area {background-color: #fff;}
.dark .right-area .chat_area .chat_bottom .hover-bg:hover {background-color: #2D3035;}
.right-area .chat_area .chat_bottom .hover-bg:hover {background-color: #F6F7FA;}

.right-area .chat_area .rain_box {overflow:hidden; background:var(--background-color) url('/assets/custom_img/bg_star_w.png') no-repeat center 8px / 85% auto;  }
.dark .right-area .chat_area .rain_box {background:var(--background-color) url('/assets/custom_img/bg_star.webp') no-repeat center 8px / 85% auto;  }
.right-area .chat_area .rain_box > img {position:absolute; left:0; top:0; width:100%; } 

.dark .right-area .chat_area .game-share-base {background:linear-gradient(180deg,rgba(254,242,122,.2) -4.43%,rgba(254,242,122,0) 38.75%),#1C1E22; }
.right-area .chat_area .game-share-base {background:linear-gradient(180deg,rgba(254,242,122,.6) -40%,rgba(254,242,122,0) 46.56%),#FFFFFF; }

.right-area .send_lang button svg {transition:transform 0.4s; }
.right-area .send_lang button.on svg {transform:rotate(-90deg); }
.dark .right-area .send_lang ul {background-color: #17181b;}
.right-area .send_lang ul {overflow-y:auto; visibility: hidden; position:absolute; left:0; bottom:calc(100% + 20px); width:100%; height:270px; background-color: #fff; transition:bottom 0.3s; }
.right-area .send_lang ul.on {visibility: visible; bottom:calc(100% + 5px); }
.right-area .send_lang ul li {display:flex; align-items:center; height:30px; padding:0 10px; margin:4px 0; border-radius:4px; cursor:pointer; }
.dark .right-area .send_lang ul li:hover {background-color: rgba(45,48,53,.4);}
.right-area .send_lang ul li:hover {background-color: #f5f6fa;}
.right-area .send_lang ul li.on {position:relative; border:1px solid #3bc11766; }
.right-area .send_lang ul li.on:after {content: ""; position: absolute; width: 0.5rem; height: 0.5rem; border-radius: 50%; top: 50%; margin-top: -0.25rem; right: 0.625rem; background-color: var(--primary-color); box-shadow: 0 0 0 0.3125rem #3bc11726;}

.right-area .ranking_wrap {position:absolute; left:3%; bottom:calc(100% + 8px); width:94%; }


@media all and (max-width:767px){
    .right-area {right:-100%; width:100%; }
    .right-area .notice_cont { padding-bottom:61px;}
}

/*
#=========================================#
        모바일 메뉴 
#=========================================#
*/
.dark .mo_quick_menu {background-color:#1C1E22; }
.mo_quick_menu {z-index:100; position:fixed; left:0; bottom:0; display:none; width:100%; height:56px; background-color:#FFFFFF; }
.mo_quick_menu li.active svg {fill:var(--title-color); }
.mo_quick_menu li.active a {color:var(--title-color); }

.dark .mo_quick_menu .wallet_mo_btn {border-color:#1C1E22; background-color:#373C48;}
.mo_quick_menu .wallet_mo_btn {margin-top:-24px; border:5px solid #ffffff; background-color:#eaecf3; }

.mo_quick_menu .chat-dot {position: absolute; right: 18px; top: 6px; z-index: 1; width: .625rem; height: .625rem; border-radius: 50%; background-color: var(--primary-color)}
.mo_quick_menu .notice-dot { position: absolute; right: 17px; top: 2px; }

@media all and (max-width:767px){
    .mo_quick_menu {display:block; }
}


.dark .mo_top_menu {background-color:#24262B;}
.mo_top_menu {z-index:48; position:sticky; left:0; top:50px; overflow-x:auto; display:none; width:100%; padding:10px 15px; background-color:#F6F7FA;}
.mo_top_menu::-webkit-scrollbar {width:0; height:0; }
.dark .mo_top_menu li.active a {background-color:#32343B ;}
.mo_top_menu li.active a {background-color:#EAECF3 ; border-radius:20px; }
.mo_top_menu svg {display:inline-flex; }


@media all and (max-width:767px){
    .mo_top_menu.active {display:block; }
    .motop_open .mo_top_menu {display:block; }
}

/* 모바일 더보기 메뉴 */
/* .mo_menu_list {z-index:47; position:fixed; left:0; top:100%; width:100%; height:calc(100% - 162px); background-color:var(--background-color); transition:all 0.3s;  } */
.mo_menu_list {z-index:47; position:fixed; left:0; top:100%; width:100%; height:calc(100% - 102px); background-color:var(--background-color); transition:all 0.3s;  }

.casino_side .casino_menu_box {display:block; }
.casino_menu_box {display:none; }

.lottery_side .lottery_menu_box {display:block; }
.lottery_menu_box {display:none; }

@media all and (max-width:767px){
    /* .mo_menu_list.on {top:106px; } */
    .mo_menu_list.on {top:46px; }
}


.dark .mo_menu_list .menu_list.open {background-color: #3D4049; color:#fff; }
.dark .mo_menu_list .menu_list.open svg {fill:#fff; }
.mo_menu_list .menu_list.open {background-color: #E9EBF2; color:#000; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.mo_menu_list .menu_list.open svg {fill:#000; }
.mo_menu_list .menu_list i svg { transition:transform 0.5s;}
.mo_menu_list .menu_list.open i svg {transform:rotate(90deg); }

.mo_menu_list .menu_list { height:44px; font-size:14px; color:var(--title-color); }
.mo_menu_list .menu_list span {white-space:nowrap;}
.dark .mo_menu_list .menu_list.active { background:#2D3035 !important; color:#fff !important; }
.dark .mo_menu_list .menu_list svg { fill:#98A7B5; }
.mo_menu_list .menu_list.active,
.mo_menu_list .menu_list svg { fill:#9FA5AC; }
.dark .mo_menu_list .menu_list .vip_text {color:#fff;}
.mo_menu_list .menu_list .vip_text {color:#000; }

.dark .mo_menu_list .menu_wrap .menu_depth,
.dark .mo_menu_list .menu_wrap .menu_depth .menu_list {background-color: #3D4049;}
.mo_menu_list .menu_wrap .menu_depth {background-color:#E9EBF2; }
.mo_menu_list .menu_wrap .menu_depth .menu_list.active span {font-weight:800; }

/* 모바일 계정 */
.mo_profile_list {z-index:49; position:fixed; left:0; top:100%; width:100%; height:calc(100% - 106px); background-color:var(--background-color); transition:all 0.3s;   }

@media all and (max-width:767px){
    .mo_profile_list.on {top:50px;}
}


/* 모바일 카지노 검색 */
.mo_casino_search_area {z-index:49; position:fixed; left:0; top:100%; width:100%; height:calc(100% - 106px); background-color:var(--background-color); transition:all 0.3s;  }

@media all and (max-width:767px){
    .mo_casino_search_area.on {top:50px; }
}

/* 모바일 복권 검색 */
.mo_lottery_search_area {z-index:49; position:fixed; left:0; top:100%; width:100%; height:calc(100% - 106px); background-color:var(--background-color); transition:all 0.3s;  }

@media all and (max-width:767px){
    .mo_lottery_search_area.on {top:50px; }
}


/*
#=========================================#
        푸터
#=========================================#
*/
.dark footer {background-color: #1A1C20; }
footer { background-color: #fff; }

footer .network_list {display: grid; grid-gap: 0; grid-template-columns: repeat(auto-fill,77px); }
footer .network_list li {position:relative; padding-top:10px; padding-bottom:15px; }
footer .network_list li:hover {z-index:200; }
.dark footer .network_list li > div {box-shadow:0px 0px 10px rgba(0, 0, 0, 0.35) }
footer .network_list li > div {z-index:10; visibility:hidden; position:absolute; left:calc(50% - 137.5px); bottom:100%; width:280px; box-shadow:0px 0px 10px rgba(0,0,0, 0.15) }
footer .network_list li:hover > div {visibility:visible; }

footer .icon_btn {display:block; width:40px; height:40px; background: url('/assets/custom_img/footer/hover.webp') no-repeat top left; background-size:205px 164px; }
footer .icon_btn.icon-Arbitrum {background-position: 0 0; }
footer .icon_btn.icon-Avalanche {background-position: -41px 0; }
footer .icon_btn.icon-Bitcoin {background-position: 0 -41px; }
footer .icon_btn.icon-BSC {background-position: -41px -41px; }
footer .icon_btn.icon-Cardano {background-position: -82px 0; }
footer .icon_btn.icon-Cosmos {background-position: -82px -41px; }
footer .icon_btn.icon-Cronos {background-position: 0 -82px; }
footer .icon_btn.icon-Doge {background-position: -41px -82px; }
footer .icon_btn.icon-Ethereum {background-position: -82px -82px; }
footer .icon_btn.icon-Fantom {background-position: -123px 0; }
footer .icon_btn.icon-Flow {background-position: -123px -41px; }
footer .icon_btn.icon-Near {background-position: -123px -82px; }
footer .icon_btn.icon-Optimism {background-position: 0 -123px; }
footer .icon_btn.icon-Polkadot {background-position: -41px -123px; }
footer .icon_btn.icon-Polygon {background-position: -82px -123px; }
footer .icon_btn.icon-Solana {background-position: -123px -123px; }
footer .icon_btn.icon-Thorchain {background-position: -164px 0; }
footer .icon_btn.icon-Tron {background-position: -164px -41px; }
footer .icon_btn.icon-Ripple {background-position: -164px -82px; }

/* @media all and (max-width:1024px){
    footer .network_list {display:flex; flex-wrap:wrap; gap:10px; align-items: center; justify-content: center;}
    footer .network_list li {padding-bottom:0;}
    footer .network_list li > a {-webkit-transform:scale(.85); -moz-transform:scale(.85); -o-transform:scale(.85); transform:scale(.85);}
} */

@media all and (max-width:1024px){
    footer .network_list {display: grid; grid-gap: 0; grid-template-columns: repeat(6,1fr); }
    footer .network_list li > a {margin:0 auto; }
    footer .network_list li:nth-of-type(6n+1) > div,
    footer .network_list li:nth-of-type(6n+2) > div {left:0;}
    footer .network_list li:nth-of-type(6n) > div,
    footer .network_list li:nth-of-type(6n-1) > div {left:auto; right:0;}
}





/*
#=========================================#
        거래 / 선물거래 페이지
#=========================================#
*/
.content.trading {margin-left:0;}
.content.trading .container {max-width:unset}

/* 복권 페이지 */
/* .lottery_side .side-nav-bg {display:none !important; }
.lottery_side .side-nav {display:none; }
.content.lottery {margin-left:0;}
.content.lottery .top-bar .container {max-width:unset; }
.content.lottery:not(.detail) .container {max-width:unset} */

/* 스포츠 페이지 */
.sports_sidebar .side-nav-bg {display:none !important; }
.sports_sidebar .side-nav {display:none; }
.content.sports {margin-left:0;}
.content.sports .top-bar .container {max-width:unset; }

/* 레이싱 페이지 */
.racing_sidebar .side-nav-bg {display:none !important; }
.racing_sidebar .side-nav {display:none; }
.content.racing {margin-left:0;}
.content.racing .top-bar .container {max-width:unset; }



/*
#=========================================#
        퀵메뉴 
#=========================================#
*/
.dark .quick_top {background-color: #25272C; }
.quick_top {z-index:500; position:fixed; right:20px; bottom:120px; width:50px; height:50px; text-align:center; background-color: #F6F7FA; border-radius:5px; }
.quick_top button {width:50px; height:50px; padding:5px; }

.quick_inquiry {z-index:500; position:fixed; right:20px; bottom:20px; width:50px; height:50px; text-align:center; background-color: var(--primary-color); border-radius:50%; }

@media all and (max-width:767px){
    .quick_inquiry {display:none; }
}


.dark .dark\:hidden { display:none;}
.dark .dark\:block { display:block;}