:root {
    --sports_card_border:#f1f1f1;
    --tab_button:#fff;
    --tab_button_bg:#f0f0f0;
    --panel_inp:#F5F6F8;
    --panel_list_bg:#fff;
    --panel_list_border:#ddd;
    --panel_list_txt:#000;
}

:root[data-theme=dark]{
    --sports_card_border:#1E1E20;
    --tab_button:#f0f0f0;
    --tab_button_bg:#272829;
    --panel_inp:#272829;
    --panel_list_bg:#333336;
    --panel_list_border:#505050;
    --panel_list_txt:#f3f3f3;
}
/* 공통 */
.gzl_container{position:relative;max-width:630px;margin:0 auto;padding:55px 0 50px;background:var(--body-bg)}
.gzl_card_slide{margin-bottom:30px}
.gzl_card{margin-bottom:30px}
.gzl_bgb_title{display:flex;justify-content:space-between;align-items:center;padding:0 10px;color:var(--common_txt);font-size:20px;font-weight:bold;margin-bottom:12px}
.gzl_bgb_title strong{color:#EE280E}
.gzl_bgb_title .view_more{font-size:13px;font-weight:700;color:#888}
.gzl_bgb_title .list_num{display:inline-block;margin-top:3px;padding:0 12px;margin-left: 3px; background-color:#fff;border:1px solid #d9d9d9;border-radius:18px;text-align:center;height:18px;line-height:16px;font-size:12px;color:#000;vertical-align:top}

/* 베팅존 상단 배너 */
.gzl_tbn_wrap{margin:20px 0 30px}
.gzl_tbn_wrap .swiper-slide{width:80%;height:auto !important;padding-bottom:84%}
.gzl_tbn_item{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:20px;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover;color:var(--common_txt)}
.gzl_tbn_content{position:absolute;bottom:0;left:0;width:100%;height:100%;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}
.gzl_tbn_content h3{display:none;font-size:16px;margin-bottom:8px;font-weight:600}
.gzl_tbn_content p{display:none;font-size:13px;margin-bottom:12px}
.gzl_tbn_btn{display:inline-block;padding:0 24px;height:34px;line-height:34px;border-radius:5px;background:#fff;color:#000;font-size:16px;font-weight:600;text-align:center}

/* 인기 게임 순위 */
.gzl_bgb_container{width:100%}
.gzl_bgb_wrapper{justify-content:unset}

.gzl_slide_wrap .swiper-slide{width:218px;margin-right:10px}
.gzl_slide_wrap .swiper-slide:first-child{margin-left:20px}
.gzl_slide_wrap .swiper-slide:last-child{margin-right:20px}
.gzl_bgb_item{position:relative;width:100%;padding-bottom:40%;border-radius:10px;overflow:hidden}
.gzl_bgb_rank{position:absolute;top:0;left:20px;background:#fff;color:#000;font-weight:bold;width:24px;font-size:15px;height:24px;text-align:center;z-index:10;text-align:center;line-height:26px}
.gzl_bgb_rank::after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:4px solid #fff}
.gzl_bgb_rank.rank1{background:gold;color:#000}
.gzl_bgb_rank.rank1::after{border-top-color:gold}
.gzl_bgb_rank.rank2{background:silver;color:#000}
.gzl_bgb_rank.rank2::after{border-top-color:silver}
.gzl_bgb_rank.rank3{background:#cd7f32;color:#fff}
.gzl_bgb_rank.rank3::after{border-top-color:#cd7f32}
.gzl_bgb_info{z-index:10;position:absolute;bottom:10px;left:15px;color:#fff}
.gzl_bgb_name{font-size:13px;color:#fff}
.gzl_bgb_thumb{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:5px}


@media screen and (max-width:1400px){}
@media screen and (max-width:1280px){}
@media screen and (max-width:1166px){}
@media screen and (max-width:1024px){}

/* MOBILE */
@media screen and (max-width:768px) {
}

@media screen and (max-width:480px){
}

/* 실시간 슬롯 우승 */
.slot_winner_wrap .swiper-wrapper{justify-content:flex-start}
.slot_winner_wrap .swiper-slide{width:218px;margin-right:10px}
.slot_winner_wrap .swiper-slide:first-child{margin-left:20px}
.slot_winner_wrap .swiper-slide:last-child{margin-right:20px}

.slot_winner_item{display:grid;grid-template-columns: 70px 1fr; align-items:center;padding:8px;background-color:#fff;border:1px solid #d9d9d9;border-radius:10px;box-shadow:-2px 4px 8px 0 rgba(0, 0, 0, 0.2);}
.slot_winner_thumb{overflow:hidden;width:67px;height:67px;border-radius:5px;background-size:cover;background-repeat:no-repeat;background-position:center}
.slot_winner_info {padding-left:5px;overflow: hidden}
.slot_winner_info li{font-size:15px;color:#000;margin:2px 0;font-weight:700;overflow: hidden; white-space:nowrap;text-overflow:ellipsis}
.slot_winner_info .user_name{color:#888;font-size:13px}

/* 라이브 카지노 */
.live_casino_wrap{}
.live_casino_wrap .swiper-wrapper{justify-content:flex-start}
.live_casino_wrap .swiper-slide{width:136px;margin-right:10px}
.live_casino_wrap .swiper-slide:first-child{margin-left:20px}
.live_casino_wrap .swiper-slide:last-child{margin-right:20px}

.live_casino_item{position:relative}
.live_casinor_thumb{overflow:hidden;width:100%;height:176px;border-radius:10px;background-size:cover;background-repeat:no-repeat;background-position:center}
.live_casino_item.best .ico_best{width:37px;height:36px;position:absolute;left:8px;top:5px}
.live_casino_item.best .ico_best img{width:100%;height:100%}

/* tab */
.menu_tab{position:relative;width:100%;margin:16px 0 20px;padding:0 20px}
.menu_tab ul{position:relative;display:flex;;width:100%;background-color:var(--tab_button_bg);border-radius:46px}
.menu_tab li{width:calc(100% / 2);height:44px;cursor:pointer;position:relative}
.menu_tab li a,
.menu_tab li button{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;width:100%;height:100%;font-size:15px;color:#C4C4C4;font-weight:800;text-align:center;cursor:pointer;border-radius:46px;transition:background-color 0.2s ease, color 0.2s ease}
.menu_tab li a:after,
.menu_tab li button:after{visibility:hidden}
.menu_tab li.active a,
.menu_tab li.active button{color:#000;background:var(--tab_button);border-radius:46px;border:1px solid #f0f0f0}
.menu_tab li .ico{margin-right:6px}
.menu_tab li a span,
.menu_tab li button span{display:inline-block;line-height:1;white-space:nowrap}

.menu_tab.tab_03 li{width:calc(100% / 3)}

/* 슬롯게임 */
.slot_game_wrap{}
.slot_game_wrap .swiper-wrapper{justify-content:flex-start}
.slot_game_wrap .swiper-slide{width:136px;margin-right:10px}
.slot_game_wrap .swiper-slide:first-child{margin-left:20px}
.slot_game_wrap .swiper-slide:last-child{margin-right:20px}

.slot_game_item{position:relative}
.slot_game_thumb{overflow:hidden;width:100%;height:176px;border-radius:10px;background-size:cover;background-repeat:no-repeat;background-position:center}
.slot_game_item .tag_name{padding:0 8px;height:18px;position:absolute;left:10px;top:5px;color:#fff;text-align:center;font-size:12px;line-height:18px;border-radius:18px}
.slot_game_item.best .tag_name{background-color:#EE280E} 
.slot_game_item.new .tag_name{background-color:#0076E3} 
.slot_game_item.rec .tag_name{background-color:#04C668} 
.slot_game_item .slot_title{overflow:hidden;position:absolute;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;width:100%;height:65%;padding:0 5px 12px;;border-radius:10px}
.slot_game_item .slot_title::before{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:linear-gradient(180deg, transparent 0%, #000000 55%)}
.slot_game_item .slot_title ul{display:block;z-index:1}
.slot_game_item .slot_title li{color:#fff;font-size:12px;font-weight:400;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.slot_game_item .slot_title li:nth-child(1){font-weight:700;margin-bottom:2px}

/* 스포츠 */
.sports_game_wrap .swiper-slide{width:88%;margin-right:10px}
.sports_game_wrap .swiper-wrapper{justify-content:flex-start}
.sports_game_wrap .swiper-slide:first-child{margin-left:20px}
.sports_game_wrap .swiper-slide:last-child{margin-right:20px}

.sports_game_item{border:1px solid var(--sports_card_border);border-radius:20px;overflow:hidden}
.sports_top{display:flex;flex-direction:row;align-items:center;height:40px;background-color:#0076E3;padding:0 20px;color:#fff;font-size:16px;font-weight:600}
.sports_top span + span{margin-left:8px}
.sports_flag{height:28px}
.sports_flag img{height:100%}
.sports_mid{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:14px 0 18px;background-color:#fff}
.sports_mid .s_team{width:35%;display:flex;flex-direction:column;justify-content:center}
.sports_mid .s_time{width:30%;display:flex;flex-direction:column;justify-content:center}
.sports_mid span{display:block;width:100%;text-align:center}
.sports_mid .thumb_team img{width:50px;height:50px}
.sports_mid .name_team{font-size:13px;color:#000}
.sports_mid .date{font-size:12px;color:#888888}
.sports_mid .time{font-size:26px;font-weight:900}

.sports_btm{display:flex;flex-direction:row;justify-content:space-between;padding:0 6px 10px;background-color:#fff}
.sports_btm span{width:calc(100% / 3 - 8px);margin:0 4px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:#F0F0F0;border-radius:30px;height:30px;line-height:30px;text-align:center;padding:0 8px}
.sports_btm em{display:inline-block;color:#000;font-size:13px}

/* e스포츠 */
.e_sports_wrap{width:100%;padding:0 20px}
.e_sports_wrap .e_sports_item{overflow:hidden;display:block;position:relative;padding-bottom:34%;border-radius:20px;}
.e_sports_wrap .e_sports_name{z-index:1;position:absolute;left:0;bottom:0;padding:15px;display:block;width:100%;color:#fff;font-size:13px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.e_sports_wrap .e_sports_thumb{position:absolute;left:0;top:0;width:100%;height:100%}
.e_sports_wrap .e_sports_item img{width:100%;height:100%;position:absolute;left:0;top:0}

/* etc */
.etc_game_wrap{padding-bottom:20px}
.etc_game_wrap .swiper-wrapper{justify-content:flex-start}
.etc_game_wrap .swiper-slide{width:136px;height:204px;margin-right:10px}
.etc_game_wrap .swiper-slide:first-child{margin-left:20px}
.etc_game_wrap .swiper-slide:last-child{margin-right:20px}
.etc_game_wrap .etc_game_name{z-index:1;position:absolute;left:0;bottom:0;padding:10px;display:block;width:100%;color:#fff;font-size:13px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}

.etc_game_item{position:relative;width:100%;height:100%;border-radius:10px;overflow:hidden}
.etc_game_thumb{overflow:hidden;position:absolute;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center}

/* 슬롯 베팅존 */
.btn_search_open{display:inline-block;border:1px solid #0076e3;width:50px;height:38px;line-height:38px;text-align:center;border-radius:5px}
.btn_search_open img{vertical-align:top;margin-top:6px;width:25px;height:20px}



/* 슬롯베팅존 슬라이드: 추천, 신규, 게임 다 모였다! */
.game_search_wrap{padding:0 10px;margin:5px 0 30px;position:relative;display: flex;flex-wrap: wrap;align-items: center;}
.game_search_wrap .game_search_inner{width:50px;}
.game_search_wrap .slide_menu{width:calc(100% - 50px);padding-left: 7px;overflow: auto;}

/* 라이브 카지노 */
.bet_slot_wrap .swiper-wrapper{justify-content:flex-start}
.bet_slot_wrap .swiper-slide{width:152px;margin-right:10px}
.bet_slot_wrap .swiper-slide:first-child{margin-left:20px}
.bet_slot_wrap .swiper-slide:last-child{margin-right:20px}

.bet_slot_item{position:relative;display: flex;align-items: flex-end;justify-content: flex-end;width:100%;height:152px;}
.bet_slot_thumb{overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:10px;background-size:cover;background-repeat:no-repeat;background-position:center}
.bet_slot_item .tag_name{z-index:1;width:48px;height:23px;position:absolute;left:0;top:0;color:#fff;text-align:center;font-size:12px;line-height:23px;border-top-left-radius:10px;border-bottom-right-radius: 18px;}
.bet_slot_item.hot .tag_name{background-color:#EE280E}
.bet_slot_item.recommend .tag_name{background-color:#0076e3}
.bet_slot_item.new .tag_name{background-color:#04C668}
.bet_slot_item.event .tag_name{background-color: #ffe900}

.bet_slot_info{z-index:1;width:100%;padding:14px 10px;display:block;}
.bet_slot_info li{overflow:hidden;display:block;width:100%;color:#fff;font-size:12px;font-weight:400;white-space:nowrap;text-overflow:ellipsis;text-align: right;}
.bet_slot_info li:nth-child(1){font-size: 13px;font-weight:700;}

.game_ul_list{display: grid; grid-template-columns: 1fr 1fr; column-gap: 10px; row-gap: 12px; padding:0 20px;width:100%;}
.game_ul_list .game_li{overflow:hidden;width:100%;}
.game_ul_list .game_li:nth-child(odd){margin-right: 5px;}
.game_ul_list .game_li:nth-child(even){margin-left: 5px;}
.bet_btn_area {width:100%;padding:0 20px;position:relative;margin-top:12px;}
.bet_btn_area .button{display:block;width:100%;color:var(--common_txt);font-size:16px;border:1px solid #D3D3D3;border-radius:44px;height:44px;line-height: 44px;text-align: center;}
.game_ul_list .game_li .bet_slot_item{padding-bottom: 100%;}
.game_ul_list .game_li .bet_slot_item .bet_slot_info{position: absolute; bottom: 10px; right: 10px;}


/* 검색 -> 슬라이드 메뉴 */
.slide_menu{position:relative;display:flex;overflow:hidden;width:100%}
.slide_menu ul{overflow:auto;position:relative;display:flex;width:100%;flex-wrap:nowrap;align-items: center;-ms-overflow-style:none}
.slide_menu li{margin:0 0 0 8px;width:135px;height:38px;cursor:pointer;position:relative;background-color:#0076E3;transition:all .3s;border-radius:5px;flex-shrink:0}
.slide_menu li:first-child{margin:0}
.slide_menu li a,
.slide_menu li button{display:flex;flex-direction:row;justify-content:center;align-items:center;border:1px solid #0076E3;
    position:relative;width:100%;height:100%;font-size:15px;color:#39A0FF;text-align:center;cursor:pointer;border-radius:5px}
.slide_menu li a:after,
.slide_menu li button:after{visibility:hidden}
.slide_menu li.active a,
.slide_menu li.active button{color:#F3F3F3;transition:all .3s;background:#272829}
.slide_menu li .ico{margin-right:6px}
.slide_menu li a span,
.slide_menu li button span{display:flex;align-items: center}

.slide_menu ul::-webkit-scrollbar{display:none}
.slide_menu li .ico{display: inline-block;}
.slide_menu li .ico img{width:100%;height:100%;vertical-align: top;}
.slide_menu li .i_w12{width:12px;}
.slide_menu li .i_w14{width:14px;}
.slide_menu li .i_h12{height:12px}
.slide_menu li .i_h18{height:18px}

/* search panel */
.panel_mask{z-index:9997;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);opacity:0;transition:opacity 0.3s ease-in-out}
.panel_mask.show{opacity:1}

/* 패널 열릴 때 body 스크롤 방지 */
body.panel-open{overflow:hidden;position:fixed;width:100%;}

.panel_search{display:none;position:fixed;left:0;top:0;;max-width:480px;width:80%;margin:0 auto;background:var(--body-bg);height:100%;flex-direction: column;}
.panel_search.open{z-index:9998;display:flex;}
.panel_search.open .panel_search_inner{width:100%;height:100%;display:flex;flex-direction:column;transition:width 0.3s ease-in-out}
.panel_close{display:inline-block;width:25px;height:25px;text-align:center;cursor:pointer}
.panel_close img{width:18px;height:18px}

.panel_search_head{padding:0 16px 0 51px;display:flex;flex-direction: row;justify-content: space-between;align-items: center;position:relative;height:52px;line-height:52px;background-color: #0076E3;color:#fff;font-size: 20px;font-weight: 700;}
.panel_search_head::before{content:'';position: absolute;left:16px;top:8px;display:inline-block;width:25px;height:32px;background-image:url('/assets/images/mo_app_ico_white.svg');background-repeat:no-repeat;background-size:cover;}
.panel_search_form{position:relative;width:100%;padding:16px 20px 20px;}
.panel_search_form .panel_search_inner{position:relative;width:100%;}
.panel_search_inner .inp{border:0;padding:0 50px 0 16px;width:100%;height:50px;background-color:var(--panel_inp);border-radius:5px;color:var(--common_txt);font-size: 13px;}
.panel_search_inner .btn_sch{position:absolute;right:18px;top:13px;width:25px;height:20px;}
.panel_search_inner .btn_sch img{width:100%;height:100%;}


.panel_search_list{padding:0 20px 20px;flex:1;overflow: hidden;display: flex;flex-direction: column;}
.panel_search_list .panel_cont_scroll{flex:1;padding-bottom:20px;overflow-y: auto;display: block;min-height:0;-ms-overflow-style:none;scrollbar-width:none;}
.panel_search_list .panel_cont_scroll::-webkit-scrollbar{display:none;}
.panel_search_list li{display:flex;align-items:center;height:42px;padding:0 20px 0 7px;background-color:var(--panel_list_bg);border:1px solid var(--panel_list_border);color:var(--panel_list_txt);font-size:15px;cursor:pointer;border-radius: 5px;margin-bottom:8px;}
.panel_search_list li.active{background-color:#E7F4FF;border-color:#0076E3;color:#000}
.panel_search_list li span + span{margin-left: 10px;}
.panel_search_list li .ico{width:27px;height:27px}
.panel_search_list li .ico.all{width:16px;height:16px; margin-left: 5px;}
.panel_search_list li .ico img{width:100%;height:100%;vertical-align:top;}