/*
  홈 화면 v2 (2026-10-03): 참고 사이트와 같은 배치
  - 얇은 상단 메뉴 + 항상 보이는 아랫줄 메뉴 / 자동으로 넘어가는 배너 / "인기 게임사"·"인기 게임" 줄
  - partners-reference.css 뒤에 불러와 덮어씀. 폭 기준 1264px
*/
:root{--rf2-w:1264px;--rf2-cyan:#00d4ff;--rf2-text:#e8edf5;--rf2-muted:#8899aa;--rf2-bg:#070b14;--rf2-card:#0e1524;--rf2-line:rgba(255,255,255,.06)}

html body.sections-page{background:var(--rf2-bg)!important;color:var(--rf2-text);font-family:Outfit,"Noto Sans KR","Malgun Gothic",Arial,sans-serif}
html body.sections-page .main{background:transparent!important}

/* 예전 템플릿의 잭팟 띠·검은 고정 메뉴·거래 띠는 데스크톱에서 숨김 */
html body.sections-page .jackpot_ticker,
html body.sections-page .jackpot_ticker_mini,
html body.sections-page .transaction_list{display:none!important}
@media(min-width:992px){html body.sections-page nav.navbar.navbar-absolute{display:none!important}}

/* ── 상단 메뉴 ── */
html body .reference-topbar{position:sticky!important;top:0!important;left:0!important;right:0!important;width:100%!important;margin:0!important;padding:0!important;z-index:1000!important;display:block!important;
  background:rgba(7,11,20,.94)!important;backdrop-filter:blur(10px);border:0!important;border-bottom:1px solid var(--rf2-line)!important;height:auto!important;box-shadow:none!important}
html body .reference-topbar-inner{width:min(var(--rf2-w),calc(100% - 32px))!important;max-width:none!important;height:76px!important;margin:0 auto!important;padding:0!important;display:flex!important;align-items:center!important;gap:0!important;border:0!important;background:transparent!important}
html body .reference-brand{display:flex!important;align-items:center;flex:0 0 auto;margin:0 56px 0 8px!important;padding:0!important}
html body .reference-brand img{height:46px!important;width:auto!important;max-width:150px;border-radius:6px;object-fit:contain}
html body .reference-primary{display:flex!important;align-items:center;gap:40px!important;margin:0!important;padding:0!important;flex:1 1 auto}
html body .reference-primary a{position:relative;display:block;padding:8px 4px 12px!important;margin:0!important;font-size:18px!important;font-weight:800!important;color:var(--rf2-muted)!important;background:none!important;border:0!important;text-decoration:none!important;white-space:nowrap;letter-spacing:0}
html body .reference-primary a:hover,
html body .reference-primary a:first-child{color:#fff!important}
html body .reference-primary a:first-child:after{content:'';position:absolute;left:0;right:0;bottom:2px;height:3px;border-radius:3px;background:var(--rf2-cyan);box-shadow:0 0 10px rgba(0,212,255,.6)}
html body.reference-provider-page .reference-primary a:first-child{color:var(--rf2-muted)!important}
html body.reference-provider-page .reference-primary a:first-child:after{display:none}

html body .rf2-account{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 0 auto!important;padding:0!important;flex:0 0 auto;background:none!important;border:0!important;flex-wrap:nowrap!important;width:auto!important}
html body .rf2-account .rf2-btn{display:inline-flex!important;align-items:center;justify-content:center;height:46px!important;min-width:84px;padding:0 20px!important;margin:0!important;border-radius:999px!important;font-size:15px!important;font-weight:700!important;text-decoration:none!important;white-space:nowrap;line-height:1}
html body .rf2-account .rf2-login{color:var(--rf2-text)!important;background:rgba(17,24,39,.8)!important;border:1px solid rgba(0,212,255,.14)!important}
html body .rf2-account .rf2-login:hover{border-color:rgba(0,212,255,.5)!important}
html body .rf2-account .rf2-signup{color:#041018!important;border:0!important;background:linear-gradient(135deg,#5eeaff,#00d4ff)!important;box-shadow:0 0 18px rgba(0,212,255,.45)}
html body .rf2-account .rf2-lang{display:inline-flex!important;align-items:center;gap:6px;height:46px!important;padding:0 14px!important;margin:0!important;border-radius:999px!important;background:rgba(17,24,39,.6)!important;border:1px solid rgba(255,255,255,.07)!important;color:var(--rf2-muted)!important;font-size:15px!important;font-weight:700!important;cursor:pointer}
html body .rf2-account .rf2-lang .material-icons{font-size:18px;color:var(--rf2-cyan)}
html body .rf2-account .rf2-user{color:#fff!important;font-size:15px;font-weight:700;padding:0 4px;background:none!important;border:0!important}
html body .rf2-account .rf2-balance{display:inline-flex!important;align-items:center;height:46px;padding:0 16px!important;border-radius:999px;background:rgba(0,212,255,.08)!important;border:1px solid rgba(0,212,255,.3)!important;color:#5eeaff!important;font-size:15px!important;font-weight:800!important;white-space:nowrap}

/* 아랫줄 메뉴 */
html body .rf2-subbar{border-top:1px solid var(--rf2-line);background:rgba(7,11,20,.6)}
html body .rf2-subbar-inner{width:min(var(--rf2-w),calc(100% - 32px));margin:0 auto;height:52px;display:flex;align-items:center;gap:6px;padding:0 4px;overflow-x:auto;scrollbar-width:none}
html body .rf2-subbar-inner::-webkit-scrollbar{display:none}
html body .rf2-chip{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:8px;font-size:14px;font-weight:700;color:var(--rf2-muted)!important;background:rgba(255,255,255,.02);border:1px solid var(--rf2-line);text-decoration:none!important;white-space:nowrap;flex:0 0 auto;transition:color .15s,border-color .15s}
html body .rf2-chip:hover{color:#fff!important;border-color:rgba(0,212,255,.35)}
html body .rf2-chip-my{color:#5eeaff!important;background:rgba(0,212,255,.06);border-color:rgba(0,212,255,.38)}
html body .rf2-sep{flex:0 0 auto;width:3px;height:16px;margin:0 10px;border-radius:2px;background:var(--rf2-cyan)}

/* ── 배너 ── */
html body .rf2-banner.page-header{position:relative!important;display:block;width:min(var(--rf2-w),calc(100% - 32px))!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1264/365;margin:16px auto 28px!important;padding:0!important;border-radius:18px!important;overflow:hidden!important;background:#0b1220!important;border:1px solid var(--rf2-line)}
html body .rf2-banner.page-header:before,html body .rf2-banner.page-header:after{display:none!important}
html body .rf2-banner-track{position:absolute;inset:0}
html body .rf2-banner-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;pointer-events:none}
html body .rf2-banner-slide.active{opacity:1;pointer-events:auto}
html body .rf2-banner-slide img{width:100%!important;height:100%!important;object-fit:cover;display:block;border-radius:0!important;position:static!important;max-width:none!important}
html body .rf2-banner-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:8px;z-index:2}
html body .rf2-banner-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.4);cursor:pointer;transition:width .25s,background .25s}
html body .rf2-banner-dots button.active{width:24px;background:var(--rf2-cyan)}

/* ── 구역(인기 게임사 / 인기 게임) ── */
html body .main_icon_group.rf2-section{width:min(var(--rf2-w),calc(100% - 32px))!important;max-width:none!important;margin:0 auto 34px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
html body #best-game-als_position{display:none!important}
html body .rf2-head{display:flex;align-items:center;gap:14px;margin:0 0 6px;min-height:44px}
html body .rf2-title{position:relative;margin:0;padding:0 0 0 14px;font-size:26px;font-weight:900;line-height:37px;color:var(--rf2-text);letter-spacing:-.3px}
html body .rf2-title:before{content:'';position:absolute;left:0;top:6px;bottom:6px;width:4px;border-radius:3px;background:var(--rf2-cyan);box-shadow:0 0 10px rgba(0,212,255,.55)}
html body .rf2-badges{display:inline-flex;gap:6px}
html body .rf2-badges b{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:5px;font-size:12px;font-weight:900;letter-spacing:.4px}
html body .rf2-badges .rf2-hot{background:#e11d1d;color:#ffe45c;border:1px solid #ff6b4a}
html body .rf2-badges .rf2-new{background:#7c3aed;color:#fff;border:1px solid #a78bfa}
html body .rf2-tools{display:flex;align-items:center;gap:10px;margin-left:auto}
html body .rf2-more{color:var(--rf2-cyan)!important;font-size:16px;font-weight:700;text-decoration:none!important;white-space:nowrap}
html body .rf2-arrows{position:static!important;display:flex!important;gap:8px;margin:0!important;transform:none!important}
html body .rf2-arrows button{width:44px;height:44px;padding:0;border-radius:10px;border:1px solid rgba(0,212,255,.18);background:rgba(17,24,39,.8);color:#fff;font-size:26px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
html body .rf2-arrows button:hover{border-color:var(--rf2-cyan);color:var(--rf2-cyan)}
html body .rf2-caption{margin:0 0 16px!important;padding:0!important;color:var(--rf2-muted)!important;font-size:15px!important;text-align:left!important}
html body .rf2-games .rf2-head{margin-bottom:14px}

/* 카드 줄: 가로로 5장, 화살표로 넘김 */
html body .rf2-section .icons{display:flex!important;flex-wrap:nowrap!important;gap:16px!important;margin:0!important;padding:0 0 4px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-behavior:smooth;scrollbar-width:none;width:100%!important;justify-content:flex-start!important}
html body .rf2-section .icons::-webkit-scrollbar{display:none}
html body .rf2-section .icons .item:empty{display:none!important}
html body .rf2-section .icons .item.slotGameItem{position:relative;flex:0 0 calc((100% - 64px) / 5)!important;width:auto!important;max-width:none!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;border-radius:12px!important;overflow:hidden;background:var(--rf2-card)!important;border:1px solid rgba(0,212,255,.12)!important;transition:transform .18s,border-color .18s,box-shadow .18s;float:none!important}
html body .rf2-section .icons .item.slotGameItem:hover{transform:translateY(-4px);border-color:rgba(0,212,255,.55)!important;box-shadow:0 10px 26px rgba(0,0,0,.45)}
html body .rf2-section .icons .item .sl_icon{position:relative;display:block!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#0b1220!important;overflow:hidden;box-shadow:none!important}
html body .rf2-section .icons .item .sl_icon img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;margin:0!important;max-width:none!important;position:static!important}
html body #live-game-als_position .icons .item .sl_icon{aspect-ratio:240/320}
html body #slot-game-als_position .icons .item .sl_icon{aspect-ratio:240/176}
html body .rf2-section .icons .item .g_title{position:static!important;display:block!important;margin:0!important;padding:14px 12px!important;background:transparent!important;color:var(--rf2-text)!important;font-size:16px!important;font-weight:800!important;text-align:center!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3!important;height:auto!important;width:auto!important;border:0!important}
html body #slot-game-als_position .icons .item .g_title{text-align:left!important;padding:12px 12px 2px!important}
html body .rf2-maker{padding:0 12px 12px;color:var(--rf2-muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:18px}
/* 모서리 리본 */
html body .rf2-ribbon{position:absolute;z-index:2;top:14px;left:-34px;width:120px;padding:4px 0;transform:rotate(-40deg);text-align:center;font-size:11px;font-weight:900;letter-spacing:.6px;box-shadow:0 2px 6px rgba(0,0,0,.4)}
html body .rf2-ribbon-hot{background:#e11d1d;color:#ffe45c}
html body .rf2-ribbon-new{background:#7c3aed;color:#fff}

/* ── 좁은 화면 ── */
@media(max-width:991px){
  html body .reference-topbar-inner{height:60px!important}
  html body .reference-brand{margin-right:16px!important}
  html body .reference-brand img{height:36px!important}
  html body .reference-primary{gap:18px!important;overflow-x:auto;scrollbar-width:none}
  html body .reference-primary a{font-size:15px!important}
  html body .rf2-account .rf2-btn,html body .rf2-account .rf2-lang,html body .rf2-account .rf2-balance{height:38px!important;padding:0 12px!important;font-size:13px!important;min-width:0}
  html body .rf2-account .rf2-lang span,html body .rf2-account .rf2-user{display:none}
  html body .rf2-subbar-inner{height:46px}
  html body .rf2-banner.page-header{border-radius:12px!important;margin:12px auto 20px!important}
  html body .rf2-title{font-size:20px;line-height:30px}
  html body .rf2-section .icons .item.slotGameItem{flex-basis:calc((100% - 32px) / 3)!important}
  html body .rf2-arrows button{width:36px;height:36px;font-size:22px}
}
@media(max-width:560px){
  html body .reference-primary{display:none!important}
  html body .rf2-section .icons{gap:10px!important}
  html body .rf2-section .icons .item.slotGameItem{flex-basis:calc((100% - 10px) / 2)!important}
  html body .rf2-section .icons .item .g_title{font-size:14px!important;padding:10px 8px!important}
  html body .rf2-caption{font-size:13px!important}
}

/* 예전 틀의 폭 제한(1248px)·위 여백(56px) 해제 → 상단 메뉴는 화면 전체 폭, 내용은 1264px */
html body.sections-page .main{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
html body.sections-page .header-3{padding-top:0!important}
/* 더보기와 화살표가 겹치지 않게 (예전 스타일은 화살표를 절대 위치로 띄움) */
html body.sections-page .main_icon_group.rf2-section .rf2-tools .reference-carousel-controls.rf2-arrows{position:static!important;top:auto!important;right:auto!important;left:auto!important;bottom:auto!important;margin:0!important;transform:none!important;display:flex!important}

/* 로그인 후에도 회원 정보(아이디·보유머니·로그아웃)는 윗줄 오른쪽에 (예전 스타일은 아랫줄로 내렸음) */
html body .reference-topbar .reference-topbar-inner{flex-wrap:nowrap!important}
html body .reference-topbar .reference-topbar-inner .reference-account.rf2-account{order:0!important;flex:0 0 auto!important;width:auto!important;height:auto!important;margin:0 0 0 auto!important;padding:0!important;border:0!important;gap:10px!important;overflow:visible!important;justify-content:flex-end!important;position:static!important}
html body .reference-topbar .rf2-account.reference-logged-in a.rf2-btn{height:46px!important;padding:0 20px!important;margin:0!important;border-radius:999px!important;border:1px solid rgba(0,212,255,.14)!important;background:rgba(17,24,39,.8)!important}
@media(max-width:991px){html body .reference-topbar .rf2-account.reference-logged-in a.rf2-btn{height:38px!important;padding:0 12px!important}}

/* 슬롯/라이브/미니게임 목록 페이지: 현재 메뉴에 밑줄 */
html body .reference-primary a.rf2-on{color:#fff!important}
html body .reference-primary a.rf2-on:after{content:'';position:absolute;left:0;right:0;bottom:2px;height:3px;border-radius:3px;background:var(--rf2-cyan);box-shadow:0 0 10px rgba(0,212,255,.6)}

/* 카드 그림이 카드 폭을 꽉 채우게 (예전 모바일 스타일의 고정 크기 해제) */
html body.sections-page .main_icon_group.rf2-section .icons .item.slotGameItem .sl_icon{width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;max-height:none!important}
html body.sections-page .main_icon_group.rf2-section .icons .item.slotGameItem .sl_icon img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-height:0!important;object-fit:cover!important}
html body .rf2-title{white-space:nowrap}

/* 모바일 */
@media(max-width:991px){
  html body .reference-topbar .rf2-account .rf2-user{display:none!important}
  html body .reference-topbar .reference-topbar-inner .reference-account.rf2-account{gap:6px!important}
  html body .reference-topbar .rf2-account .rf2-lang{display:none!important}
  /* 아래 고정 메뉴: 5칸 같은 폭 */
  html body .reference-mobile-bottom-nav a{flex:1 1 0!important;min-width:0!important;overflow:hidden;white-space:nowrap}
}
@media(max-width:560px){
  html body .reference-brand{margin:0 8px 0 0!important}
  html body .reference-brand img{height:32px!important;max-width:96px}
  html body .reference-topbar .rf2-account .rf2-btn,html body .reference-topbar .rf2-account .rf2-balance,
  html body .reference-topbar .rf2-account.reference-logged-in a.rf2-btn{height:34px!important;padding:0 10px!important;font-size:12px!important;min-width:0!important}
  html body .rf2-title{font-size:18px;line-height:28px;padding-left:10px}
  html body .rf2-badges b{height:20px;padding:0 6px;font-size:10px}
  html body .rf2-head{gap:8px}
  html body .rf2-more{font-size:13px}
  html body .rf2-arrows button{width:30px;height:30px;font-size:18px;border-radius:8px}
  html body .rf2-maker{font-size:11px;padding:0 8px 10px}
  html body #slot-game-als_position .icons .item .g_title{padding:8px 8px 2px!important}
  html body.sections-page{padding-bottom:84px}
}
/* (모바일) 예전 스타일이 구역 id 로 그림 크기를 고정해 둠 → 같은 id 로 덮어씀 */
html body.sections-page #live-game-als_position.rf2-section .icons .item.slotGameItem .sl_icon,
html body.sections-page #slot-game-als_position.rf2-section .icons .item.slotGameItem .sl_icon{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;max-height:none!important;margin:0!important}
html body.sections-page #live-game-als_position.rf2-section .icons .item.slotGameItem .sl_icon img,
html body.sections-page #slot-game-als_position.rf2-section .icons .item.slotGameItem .sl_icon img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important;object-fit:cover!important;margin:0!important}

/* 상단 보유머니: 슬롯 / 홀덤 따로 */
html body .rf2-account .rf2-balance{gap:8px}
html body .rf2-account .rf2-balance small{font-size:12px;font-weight:700;color:var(--rf2-muted);letter-spacing:0}
html body .rf2-account .rf2-balance b{font-weight:800;color:#5eeaff}
html body .rf2-account .rf2-bal-holdem{background:rgba(255,196,0,.07)!important;border-color:rgba(255,196,0,.32)!important}
html body .rf2-account .rf2-bal-holdem b{color:#ffd966}
@media(max-width:560px){
  html body .rf2-account .rf2-balance{gap:4px}
  html body .rf2-account .rf2-balance small{font-size:10px}
  html body .reference-topbar .rf2-account .rf2-balance{padding:0 8px!important;font-size:11px!important}
  html body .reference-topbar .rf2-account.reference-logged-in a.rf2-btn{padding:0 8px!important;font-size:11px!important}
  html body .reference-brand img{max-width:64px}
}
/* 모바일: 머니 두 칸이 들어가도록 로그아웃은 아랫줄 메뉴 끝으로 */
html body .rf2-chip-logout{display:none}
@media(max-width:560px){
  html body .reference-topbar .rf2-account.reference-logged-in a.rf2-btn.reference-logout{display:none!important}
  html body .rf2-chip-logout{display:inline-flex}
}
/* 쪽지 메뉴의 안 읽은 개수 */
html body .rf2-chip{position:relative}
html body .rf2-chip .rf2-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;border-radius:999px;background:#e11d1d;color:#fff;font-size:11px;font-weight:900;font-style:normal;line-height:1}