/* Source CSS owns desktop/mobile layouts. No captured computed styles or zoom. */
*,*::before,*::after{transition-property:color,background-color,border-color,opacity!important}
html,body,.wrap,.top_inner,.contents,.inner,.popup_box,.pop_blind_box,.logo_gnb,.logo_gnb img{transition:none!important}
html,body{width:100%;min-width:0;min-height:100%;margin:0;zoom:1;overflow-x:hidden;background-color:#080808}
.local-hidden{display:none!important}
.pop_blind_box{position:fixed;inset:0;width:100%;height:100dvh;overflow:auto;overscroll-behavior:contain}
.pop_close_all_box{top:10px}
.popup_box{touch-action:auto}
.popup_btn_box{touch-action:none;cursor:move}
.pop_login,.pop_join{display:none;position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;z-index:200000!important;overflow:auto!important;background:rgba(0,0,0,.75)!important;box-sizing:border-box}
.pop_login.local-open,.pop_join.local-open{display:flex!important;align-items:flex-start;justify-content:center;padding:40px 16px}
.pop_login_box,.pop_join_box{margin:0!important;flex-shrink:0;max-width:100%;border:1px solid #cda968;background:#101010!important;box-shadow:0 20px 90px #000;box-sizing:border-box}
.pop_login_box{width:360px!important;padding:24px!important}
.pop_join_box{width:600px!important;padding:24px!important}
.close_login_pop,.close_join_pop{cursor:pointer}
.local-message{color:#f0d49b;background:#252017;border:1px solid #8e713f;border-radius:4px;padding:12px;margin-top:16px;font:14px/1.6 'Malgun Gothic',sans-serif}
.local-preview-tag{position:fixed;bottom:10px;left:10px;z-index:300000;border:1px solid #a38548;background:#111e;color:#ecd29a;-webkit-text-fill-color:#ecd29a;border-radius:6px;padding:6px 10px;font:12px/1.5 'Malgun Gothic',sans-serif;cursor:pointer}
.btn_close,.btn_one_day,.btn_close_all_popup,.btn_top_login,.join_btn,.login_btn,.mg_link{cursor:pointer}
.local-menu-backdrop{display:none}
.new_memo{display:none!important}
.mb_box{aspect-ratio:630 / 270}
.mb_box>img:first-child{display:block;width:100%;height:100%;object-fit:cover;margin:0}
.main_banner{height:100%;object-fit:cover}
.main_btn_box .bg_video{pointer-events:none}
.btn_money{cursor:pointer}
@media(min-width:769px){
 .wrap{width:calc(100% - 20px);height:calc(100dvh - 145px);padding-top:145px;margin:0 10px}
 .top_inner{min-width:0;width:100%}
 .top_info_box{display:flex;align-items:center;justify-content:space-between}
 .logo_gnb{flex:0 0 220px;margin:-8px 0 0;text-align:center}
 .top_right_box{display:flex;justify-content:flex-end;align-items:center;gap:clamp(2px,.35vw,7px);white-space:nowrap;padding:0;min-width:0}
 .top_right_box>a,.top_right_box>.tel_btn{padding:0 clamp(1px,.15vw,4px);font-size:clamp(10px,.68vw,13px)}
 .gnb_menu_box ul{display:flex;justify-content:center;gap:clamp(6px,7.2vw,139px)}
 .gnb_menu_box a,.gnb_menu_box span{padding:0 clamp(8px,1.3vw,25px);font-size:clamp(12px,.84vw,16px)}
 .pop_blind_box{display:flex;justify-content:center;gap:18px;align-items:flex-start;padding:200px clamp(10px,18vw,260px) 0;box-sizing:border-box}
 .popup_box{position:relative!important;inset:auto!important;flex:1 1 0;max-width:300px;min-width:0;width:auto!important;height:auto!important}
 .popup_box .popup_content{width:100%!important;height:auto!important}
 .popup_box img{display:block;width:100%!important;height:auto!important}
 .popup_box.popup_18{order:0}.popup_box.popup_16{order:1}.popup_box.popup_15{order:2}.popup_box.popup_14{order:3}.popup_box.popup_13{order:4}
 .main_middle_box2{flex-wrap:nowrap;gap:12px}
 .main_middle_box2>a{flex:0 0 calc((100% - 108px)/10);box-sizing:border-box;min-width:0}
}
@media(min-width:769px) and (max-width:1550px){
 .logo_gnb{flex-basis:145px}
 .logo_gnb a img{height:75px}
 .top_right_box{gap:1px}
 .top_right_box>a,.top_right_box>.tel_btn{font-size:10px;padding:0 1px}
 .top_right_box>.btn_top_login,.top_right_box>.btn_top_join{font-size:10px;padding-left:10px;padding-right:10px;min-width:0}
 .contents{margin-left:250px;margin-right:250px}
 .snb_left,.bet_slip{width:240px}
 .snb_left>ul{width:240px}.snb_left>ul>li>a,.snb_left>ul>li>span.mg_link{width:78px}
 .pop_blind_box{gap:10px}
}
@media(max-width:768px){
 html,body{height:auto;min-height:100dvh}
 .wrap{width:100%;height:auto;min-height:100dvh;padding:0;margin:0;overflow:visible}
 .top_inner{min-width:0;width:100%}
 .top_info_box{height:50px;background:#111;z-index:9989}
 .logo_gnb{margin:0;width:100%;height:50px;float:none}
 .logo_gnb a{height:40px;margin-top:5px}
 .logo_gnb a img{height:40px;width:auto;transition:none}
 .contents,.contents_nouser{margin:0;padding:50px 5px 70px;min-height:calc(100dvh - 120px);height:auto;overflow:visible}
 .inner{height:auto;min-height:0;overflow:visible;padding:0}
 .inner>.mb_box{width:100%;margin-bottom:8px}
 .slider-container{display:none}
 .main_btn_box{width:100%;box-sizing:border-box;position:relative}
 .main_btn_box>a{box-sizing:border-box;max-width:calc(25% - 4px)}
 .main_btn_box>a img{object-fit:contain}
 .contents_join_box{display:flex;gap:5px;align-items:center;justify-content:space-between;padding:8px 0;box-sizing:border-box}
 .contents_join_box>span{flex:1;min-width:0;white-space:nowrap;font-size:12px;padding:0 3px;box-sizing:border-box}
 .banner_box{max-width:100%;overflow:hidden}.banner_box img{max-width:100%}
 .snb_left{left:-300px;position:fixed;top:50px;bottom:0;height:calc(100dvh - 50px);overflow-y:auto;z-index:10020}
 .snb_left.menu_opened{left:0}
 .local-menu-backdrop.local-menu-open{display:block;position:fixed;inset:50px 0 0;background:#0009;z-index:10010}
 .bet_slip{right:-300px;top:50px;height:calc(100dvh - 50px);z-index:10020;overflow:auto}
 .bet_slip.bet_slip_on{right:0}
 .pop_blind_box{display:block;padding-top:55px;box-sizing:border-box;z-index:20000}
 .popup_box{width:min(90vw,360px)!important;left:50%!important;top:55px!important;transform:translateX(-50%);height:auto!important;max-height:calc(100dvh - 70px);overflow:auto;position:absolute!important}
 .popup_box .popup_content{width:100%!important;height:auto!important;overflow:visible}
 .popup_box .popup_content img{display:block;width:100%!important;height:auto!important}
 .pop_close_all_box{z-index:100000;top:8px}
 .popup_btn_box{min-height:34px;line-height:34px}
 .popup_btn_box>span{padding:0 8px;min-height:34px}
 .pop_login.local-open,.pop_join.local-open{padding:16px 12px}
 .pop_login_box,.pop_join_box{width:100%!important;max-width:360px;padding:18px!important}
 .pop_login input,.pop_join input{font-size:16px;box-sizing:border-box;max-width:100%}
 .pop_login_ttl img,.pop_join_ttl img{max-height:140px;width:auto;max-width:100%}
 .local-preview-tag{bottom:64px;left:auto;right:8px;max-width:calc(100vw - 16px);font-size:11px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ── 이벤트 팝업(카지노 / 슬롯) ─────────────────────────────────────
   상단 버튼줄(그만보기·창닫기)은 원래 마크업 그대로 두고,
   아래에 같은 질감의 안내문 줄을 붙여 위·아래가 한 프레임처럼 보이게 한다. */
.popup_foot{padding:9px 10px;border-top:1px solid #2b2b2b;background-image:linear-gradient(134deg,#3f3f3f9e 0,#101010 5%,#1c1c1cad 30%,rgb(0 0 0 / 45%) 50%,#29292996 70%,#101010 95%,#0000008f);color:#e6c98c;font:12px/1.45 'Malgun Gothic','Apple SD Gothic Neo',sans-serif;text-align:center;letter-spacing:-.2px;word-break:keep-all}
.popup_box .popup_content p{margin:0;line-height:0}
.popup_box .popup_content img{display:block}
/* 모바일에서 순서를 기다리는 팝업(한 번에 하나만 표시) */
.popup_box.ess-pop-queue{display:none!important}

@media(min-width:769px){
 /* 두 팝업을 가로·세로 모두 가운데 정렬. 위쪽 여백은 화면 높이에 맞춰 줄어들어
    짧은 화면에서도 팝업 상단이 잘리지 않는다. */
 .pop_blind_box{display:flex;justify-content:center;align-items:flex-start;gap:24px;padding:max(16px,calc(50dvh - 294px)) clamp(8px,4vw,80px) 24px;box-sizing:border-box}
 .popup_box{flex:0 0 300px;width:300px!important;max-width:300px;min-width:0}
 .popup_box.popup_casino{order:0}
 .popup_box.popup_slot{order:1}
}

/* ==== 팝업 영상(video) : GIF 30MB -> MP4 2.8MB ==== */
.popup_box video.popup_media{display:block;width:100%!important;height:auto!important;background:#000}
.popup_box .popup_content video.popup_media{display:block;width:100%!important;height:auto!important}
/* ==== /팝업 영상 ==== */

/* ==== 팝업 미디어 꽉 채우기 (좌우 빈칸 제거) ==== */
.popup_box .popup_content{padding:0!important;margin:0!important;overflow:hidden!important;line-height:0!important}
.popup_box .popup_content p{margin:0!important;padding:0!important;line-height:0!important;font-size:0!important;text-align:center!important}
.popup_box .popup_content img,
.popup_box .popup_content video{display:block!important;width:100%!important;max-width:100%!important;min-width:100%!important;height:auto!important;margin:0!important;object-fit:cover!important;object-position:center center!important;background:#000}
@media(max-width:768px){
  .popup_box{width:100vw!important;max-width:100vw!important;min-width:0!important;left:0!important;right:0!important;top:0!important;transform:none!important;margin:0!important;max-height:100dvh!important}
}
/* ==== /팝업 미디어 꽉 채우기 ==== */

/* ==== 팝업 얇은 금색 테두리 ==== */
.popup_box{box-sizing:border-box!important;border:1px solid rgba(230,201,140,.9)!important;border-image:none!important;border-radius:5px!important;box-shadow:0 6px 22px rgba(0,0,0,.5),inset 0 0 0 1px rgba(0,0,0,.4)}
/* ==== /팝업 얇은 금색 테두리 ==== */

/* ==== 왼쪽 메뉴: 항목 삭제 후 고정높이(243px) 해제 ==== */
.snb_left>ul{height:auto;display:flow-root}

/* ==== 왼쪽 메뉴: 마지막 줄 2개는 반 폭으로 펼친다 ====
   항목이 11개라 3칸 격자에 마지막 줄이 2개만 남는다. 그대로 두면 오른쪽에
   빈 칸이 생기므로, 마지막 두 항목(이벤트·쪽지)을 반 폭으로 늘려 줄을 채운다.
   float 구조(li{margin-left:1px})이므로 50% 가 아니라 calc(50% - 1px) 이어야
   한 줄에 정확히 들어간다. */
.snb_left>ul>li.snb_wide{width:calc(50% - 1px)}
.snb_left>ul>li.snb_wide>a,
.snb_left>ul>li.snb_wide>span.mg_link{width:100%;box-sizing:border-box}

/* ==== 하단 프로바이더 로고: 기본 컬러 / 호버 흑백(반전) ==== */
li.ft_logos_01{background-position:0px 0px!important}
li.ft_logos_01:hover{background-position:0px -160px!important}
li.ft_logos_02{background-position:-110px 0px!important}
li.ft_logos_02:hover{background-position:-110px -160px!important}
li.ft_logos_03{background-position:-220px 0px!important}
li.ft_logos_03:hover{background-position:-220px -160px!important}
li.ft_logos_04{background-position:-330px 0px!important}
li.ft_logos_04:hover{background-position:-330px -160px!important}
li.ft_logos_05{background-position:-440px 0px!important}
li.ft_logos_05:hover{background-position:-440px -160px!important}
li.ft_logos_06{background-position:-550px 0px!important}
li.ft_logos_06:hover{background-position:-550px -160px!important}
li.ft_logos_07{background-position:-660px 0px!important}
li.ft_logos_07:hover{background-position:-660px -160px!important}
li.ft_logos_08{background-position:-770px 0px!important}
li.ft_logos_08:hover{background-position:-770px -160px!important}
li.ft_logos_09{background-position:-880px 0px!important}
li.ft_logos_09:hover{background-position:-880px -160px!important}
li.ft_logos_10{background-position:-990px 0px!important}
li.ft_logos_10:hover{background-position:-990px -160px!important}
li.ft_logos_11{background-position:0px -40px!important}
li.ft_logos_11:hover{background-position:0px -200px!important}
li.ft_logos_12{background-position:-110px -40px!important}
li.ft_logos_12:hover{background-position:-110px -200px!important}
li.ft_logos_13{background-position:-220px -40px!important}
li.ft_logos_13:hover{background-position:-220px -200px!important}
li.ft_logos_14{background-position:-330px -40px!important}
li.ft_logos_14:hover{background-position:-330px -200px!important}
li.ft_logos_15{background-position:-440px -40px!important}
li.ft_logos_15:hover{background-position:-440px -200px!important}
li.ft_logos_16{background-position:-550px -40px!important}
li.ft_logos_16:hover{background-position:-550px -200px!important}
li.ft_logos_17{background-position:-660px -40px!important}
li.ft_logos_17:hover{background-position:-660px -200px!important}
li.ft_logos_18{background-position:-770px -40px!important}
li.ft_logos_18:hover{background-position:-770px -200px!important}
li.ft_logos_19{background-position:-880px -40px!important}
li.ft_logos_19:hover{background-position:-880px -200px!important}
li.ft_logos_20{background-position:-990px -40px!important}
li.ft_logos_20:hover{background-position:-990px -200px!important}
li.ft_logos_21{background-position:0px -80px!important}
li.ft_logos_21:hover{background-position:0px -240px!important}
li.ft_logos_22{background-position:-110px -80px!important}
li.ft_logos_22:hover{background-position:-110px -240px!important}
li.ft_logos_23{background-position:-220px -80px!important}
li.ft_logos_23:hover{background-position:-220px -240px!important}
li.ft_logos_24{background-position:-330px -80px!important}
li.ft_logos_24:hover{background-position:-330px -240px!important}
li.ft_logos_25{background-position:-440px -80px!important}
li.ft_logos_25:hover{background-position:-440px -240px!important}
li.ft_logos_26{background-position:-550px -80px!important}
li.ft_logos_26:hover{background-position:-550px -240px!important}
li.ft_logos_27{background-position:-660px -80px!important}
li.ft_logos_27:hover{background-position:-660px -240px!important}
li.ft_logos_28{background-position:-770px -80px!important}
li.ft_logos_28:hover{background-position:-770px -240px!important}
li.ft_logos_29{background-position:-880px -80px!important}
li.ft_logos_29:hover{background-position:-880px -240px!important}
li.ft_logos_30{background-position:-990px -80px!important}
li.ft_logos_30:hover{background-position:-990px -240px!important}
li.ft_logos_31{background-position:0px -120px!important}
li.ft_logos_31:hover{background-position:0px -280px!important}
li.ft_logos_32{background-position:-110px -120px!important}
li.ft_logos_32:hover{background-position:-110px -280px!important}
li.ft_logos_33{background-position:-220px -120px!important}
li.ft_logos_33:hover{background-position:-220px -280px!important}
li.ft_logos_34{background-position:-330px -120px!important}
li.ft_logos_34:hover{background-position:-330px -280px!important}
/* ==== /하단 프로바이더 로고 ==== */

/* ==== 상단 퀵메뉴 아이콘: 카드 크기는 그대로, 안쪽 여백만 줄여 아이콘을 크게 ==== */
/* 기존: width:52% + padding:9px 7px 12px  ->  실제 표시 56x38px (카드 폭의 48%) */
/* 변경: width:84% + padding:2px           ->  실제 표시 91x61px (면적 약 2.6배) */
/* 카드(116x86)와 줄 높이는 건드리지 않으므로 아래 콘텐츠는 밀리지 않는다. */
@media (min-width:769px){
  /* >a>img 로 한정: .hoverb img(마우스 오버 오버레이)에는 적용되지 않게 한다 */
  /* width:84% 만 쓰면 화면이 넓을 때(2560 이상) 아이콘 높이가 카드(86px)를 넘어 라벨을 덮는다. */
  /* max-height 로 상한을 두어 어느 해상도에서도 카드 안에 들어오게 한다. */
  .main_middle_box2>a>img{width:auto!important;height:auto!important;max-width:84%!important;max-height:60px!important;padding:2px!important;margin-top:1px!important;object-fit:contain}
}
/* ==== /상단 퀵메뉴 아이콘 ==== */