/* 홀랜드 데모 테넌트 전용 디자인. 공통 플레이어 DOM은 그대로 두고,
 * 이 파일과 같은 폴더의 자산만 /brand/asset/* 로 불러옵니다. */
@import url("/brand/asset/holland-deposit.css");
@import url("/brand/asset/holland-mypage.css");
@import url("/brand/asset/holland-mypage-fix.css");
@import url("/brand/asset/holland-mypage-mobile.css");
@import url("/brand/asset/holland-point-exchange.css");
@import url("/brand/asset/holland-referrals.css");
@import url("/brand/asset/holland-bet-history.css");
@import url("/brand/asset/holland-messages.css");
@import url("/brand/asset/holland-inquiry.css");
@import url("/brand/asset/holland-attendance.css");
@import url("/brand/asset/holland-board-modal.css");
@import url("/brand/asset/holland-coupons.css");
@import url("/brand/asset/holland-join.css");
@font-face {
  font-family: "Gmarket Sans";
  src: url("/brand/asset/GmarketSansMedium.woff") format("woff");
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}

/* Holland member-service pages */
.holland-static-page{max-width:1040px;margin:24px auto 70px;padding:0 18px}.holland-static-page .tabs{display:flex;gap:4px;margin:18px 0;padding:5px;overflow:auto;border:1px solid #d6e2f4;border-radius:11px;background:#f3f7fd}.holland-static-page .tabs a{flex:1;min-width:110px;padding:11px;border-radius:8px;color:#163b5d;font-size:13px;font-weight:500;text-align:center}.holland-static-page .tabs a.on{background:#079ee8;color:#fff}.holland-static-page .gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.holland-static-page .post{overflow:hidden;border:1px solid #d6e2f4;border-radius:12px;background:#fff}.holland-static-page .post-thumb{display:grid;height:145px;place-items:center;background:linear-gradient(135deg,#d8ecff,#f6f9ff);color:#079ee8;font-size:34px}.holland-static-page .post-body{padding:15px}.holland-static-page .post-body h3{margin:0 0 8px;font-size:15px}.holland-static-page .post-body p{color:#718096;font-size:12px}
body[data-site-page="portal"] .site-page-content{padding:12px;background:#fff}
.portal{width:min(1040px,calc(100% - 36px));margin:24px auto 70px;color:#163b5d}
.portal-hero{position:relative;isolation:isolate;display:flex;min-height:86px;padding:17px 28px 16px 34px;overflow:hidden;justify-content:center;flex-direction:column;border:1px solid rgba(64,166,225,.28);border-radius:12px;background:linear-gradient(105deg,rgba(255,255,255,.96),rgba(239,249,255,.94) 48%,rgba(215,241,255,.9));box-shadow:0 7px 20px rgba(23,76,125,.08),inset 0 1px 0 #fff}
.portal-hero::before{position:absolute;z-index:-1;inset:0;background:linear-gradient(135deg,transparent 24%,rgba(7,158,232,.055) 25%,rgba(7,158,232,.055) 27%,transparent 28%,transparent 74%,rgba(7,89,157,.045) 75%,rgba(7,89,157,.045) 77%,transparent 78%),radial-gradient(circle at 82% 50%,rgba(7,158,232,.14) 0 2px,transparent 3px);background-size:42px 42px,30px 30px;content:"";mask-image:linear-gradient(90deg,transparent 24%,#000 68%)}
.portal-hero::after{position:absolute;top:0;bottom:0;left:0;width:6px;background:linear-gradient(180deg,#31c4f4,#079ee8 52%,#07599d);box-shadow:2px 0 10px rgba(7,158,232,.2);content:""}
.portal-hero>span{display:none}.portal-hero h1{margin:0;color:#07558e;font-size:23px;font-weight:500;letter-spacing:-.035em;line-height:1.15}.portal-hero h1::after{display:inline-block;width:6px;height:6px;margin-left:8px;border-radius:50%;background:#18b7ef;box-shadow:0 0 0 5px rgba(24,183,239,.11);content:"";vertical-align:middle}.portal-hero p{margin:6px 0 0;color:#6c8ca4;font-size:11px;line-height:1.35}
.portal-tabs{display:flex;gap:4px;margin:18px 0;padding:5px;overflow:auto;border:1px solid #d6e2f4;border-radius:11px;background:#f3f7fd}.portal-tabs[hidden]{display:none}.portal-tabs a{flex:1;min-width:110px;padding:11px;border:0;border-radius:8px;background:transparent;color:#163b5d;font-size:13px;font-weight:500;text-align:center}.portal-tabs a.is-active{background:#079ee8;color:#fff}
.portal-content{min-height:260px}.portal-grid{gap:18px}.portal-card{padding:20px;border:1px solid #d6e2f4;border-radius:14px;background:#fff;box-shadow:0 7px 24px rgba(23,76,125,.09)}.portal-card h2{margin:0 0 14px;color:#07599d;font-size:18px;font-weight:500}.portal-card h3{color:#07599d}.portal-card p.portal-note{color:#7890a5;font-size:11px}
.portal-stat-grid{gap:9px}.portal-stat{padding:13px;border:1px solid #d6e2f4;border-radius:10px;background:#f4f7fb}.portal-stat span{color:#7890a5;font-size:10px}.portal-stat strong{margin-top:5px;color:#07599d;font-size:17px;font-weight:500}.portal-kv{gap:9px;border:0;border-radius:0}.portal-kv div{padding:12px 14px;border:1px solid #d6e2f4;border-radius:8px;background:#f4f7fb;color:#405f78}.portal-kv span{color:#07599d}.portal-kv b{font-weight:500}
.portal-form{gap:14px}.portal-form label{gap:7px;color:#07599d;font-size:11px;font-weight:500}.portal-form input,.portal-form select,.portal-form textarea{min-height:46px;padding:0 14px;border:1px solid #cad9ec;border-radius:9px;background:#fff;color:#163b5d}.portal-form textarea{min-height:145px;padding-top:12px}.portal-form input:focus,.portal-form textarea:focus{border-color:#079ee8;outline:0;box-shadow:0 0 0 3px rgba(7,158,232,.12)}
.portal-button{min-height:40px;border-radius:20px;background:linear-gradient(135deg,#22b8f2,#079ee8 52%,#07599d);box-shadow:0 6px 16px rgba(7,89,157,.18);font-weight:500}.portal-button.secondary{border:1px solid #cad9ec;background:#fff;color:#53718b;box-shadow:none}.portal-actions{gap:8px}.portal-table-wrap{border:1px solid #d6e2f4;border-radius:10px}.portal-table th{padding:12px 9px;background:linear-gradient(#e7f5ff,#f4f7fb);color:#07599d;font-size:10px;text-align:center}.portal-table td{padding:12px 9px;border-bottom:1px solid #d6e2f4;color:#405f78;font-size:10px;text-align:center}.portal-table tbody tr:hover{background:#f1f8fe}
.portal-list{gap:0;overflow:hidden;border:1px solid #d6e2f4;border-radius:10px}.portal-list-item{padding:13px 14px;border:0;border-bottom:1px solid #d6e2f4;border-radius:0;background:#fff}.portal-list-item:last-child{border-bottom:0}.portal-list-item:hover{border-color:#d6e2f4;background:#f1f9ff}.portal-list-item.is-unread{border-left:3px solid #079ee8;background:#f1f9ff}.portal-list-item strong{color:#405f78;font-size:12px}.portal-list-item>span{color:#7890a5;font-size:10px}.portal-toolbar input,.portal-toolbar select{border-color:#d6e2f4;background:#f4f7fb}.portal-badge{font-weight:500}
.portal-modal{background:rgba(0,43,85,.46);backdrop-filter:blur(3px)}.portal-modal article{width:min(680px,100%);padding:0;overflow:hidden;border:1px solid rgba(87,181,233,.45);border-radius:15px;background:#fff;box-shadow:0 25px 75px rgba(0,30,57,.36)}.portal-modal article>header{padding:21px 22px 18px;background:linear-gradient(110deg,#edf8ff,#d9f1ff)}.portal-modal article>header h2{color:#07558e}.portal-modal article>header button{width:36px;height:36px;border-radius:50%;background:#fff;color:#07599d}.portal-modal-body{padding:24px 22px;color:#405f78;font-size:12px}
body[data-site-page="signup"] .site-page-content{padding:24px 18px 70px;background:#fff}body[data-site-page="signup"] .auth-wrap{width:min(760px,100%);margin:24px auto 70px}body[data-site-page="signup"] .join-card{width:100%;max-width:none;color:#163b5d}body[data-site-page="signup"] .card>h1{display:none}.signup-kind{display:flex;gap:4px;margin-bottom:18px;padding:5px;border:1px solid #d6e2f4;border-radius:11px;background:#f3f7fd}.signup-kind a{flex:1;padding:11px;border-radius:8px;color:#53718b;text-align:center;font-size:12px}.signup-kind a.is-active{background:#079ee8;color:#fff}.anonymous-only{display:none}.is-anonymous-signup .anonymous-only{display:block}.is-anonymous-signup .normal-only{display:none}.site-page-content .card .sub,.site-page-content .card .tagline,.site-page-content .card .hint,.site-page-content .card .foot{color:#7890a5}

@media(max-width:760px){body[data-site-page="portal"] .site-page-content{padding:0 10px}.portal{width:100%;margin:10px auto 76px}.portal-hero{min-height:68px;padding:12px 18px 11px 23px;border-radius:10px}.portal-hero::after{width:4px}.portal-hero h1{font-size:18px}.portal-hero p{font-size:10px}.portal-tabs a{min-width:92px}.portal-grid{grid-template-columns:1fr;gap:12px}.portal-card{padding:14px}.portal-card.wide{grid-column:auto}.portal-stat-grid{grid-template-columns:1fr 1fr}.portal-form-row{grid-template-columns:1fr}.portal-table-wrap{overflow:auto}.portal-list-item{grid-template-columns:1fr}.portal-modal{align-items:end;padding:0}.portal-modal article{width:100%;max-height:88vh;border-radius:18px 18px 0 0}body[data-site-page="signup"] .site-page-content{padding:10px 10px 76px}body[data-site-page="signup"] .site-page-content>.card{padding:20px 14px}}

@font-face {
  font-family: "Gmarket Sans";
  src: url("/brand/asset/GmarketSansBold.woff") format("woff");
  font-weight: 700 900;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light;
  --bg: #ffffff;
  --card: #ffffff;
  --line: #d6e2f4;
  --text: #163b5d;
  --text-2: #285779;
  --dim: #7890a5;
  --accent: #079ee8;
  --blue: #079ee8;
  --deep: #07599d;
  --accent-text: #ffffff;
  --link: #07599d;
  --ok: #159458;
  --warn: #b47c09;
  --bad: #d43b52;
  --radius: 9px;
  --radius-lg: 13px;
  --font: "Gmarket Sans", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --site-sidebar-width: 300px;
  --site-sidebar-collapse: 1280px;
  --site-content-width: 1750px;
  --site-hero-image: url("/brand/asset/mainbanner1.webp");
  --site-hero-image-mobile: url("/brand/asset/mobile_main_banner.webp");
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--font);
}

.site-page a,.site-sidebar a,.site-bottom-nav a{text-decoration:none!important}
.pw-new>label{min-width:0}.pw-new .pw-input{width:100%;height:44px}.pw-new .pw-input input{width:100%;height:42px;min-height:42px}.crypto-deposit-info .deposit-submit{display:flex;align-items:center;justify-content:center;text-decoration:none}

body[data-site-page] {
  background: #ffffff;
  color: var(--text);
}

/* 세로 스크롤이 반드시 살아 있어야 한다. overflow:visible 이던 동안 사이드바는
   스크롤 컨테이너가 아니었고, 메뉴가 화면보다 길어지면 아래쪽 항목(머니내역·
   베팅내역·출석체크·고객센터)에 닿을 방법이 아예 없었다. 가로는 hidden — 밖으로
   걸치는 것은 토글 버튼뿐이고, 그 버튼은 아래에서 position:fixed 로 빼두었다. */
.site-sidebar {
  max-width: 300px;
  padding: 18px 12px 30px 20px;
  overflow-x: hidden;
  overflow-y: auto;
  border-right-color: var(--line);
  background: #ffffff;
}

.site-brand-word {
  display: block;
  width: 156px;
  height: 66px;
  overflow: hidden;
  background: url("/brand/asset/logo.webp") center / contain no-repeat;
  color: transparent;
  font-size: 0;
  white-space: nowrap;
}

.site-brand-logo {
  max-width: 156px;
  max-height: 66px;
}

.site-brand-motion {
  display: block;
  width: 145px;
  height: auto;
  mix-blend-mode: multiply;
  object-fit: contain;
  pointer-events: none;
}

.site-brand--sidebar {
  min-height: 60px;
  margin: 0 0 6px;
}

/* 이 버튼은 사이드바 오른쪽 바깥에 걸쳐 있다. 사이드바가 스크롤 컨테이너가 되면
   가로축도 잘리므로(한 축이 visible 이 아니면 다른 축은 auto 로 계산된다) 버튼이
   잘려나간다. fixed 로 빼서 클리핑 자체를 벗어난다 — 데스크톱에서는 사이드바에
   transform 이 없으므로 뷰포트 기준이고, left 가 곧 사이드바 폭이다.
   접힘 상태에서는 폭이 줄어드니 left 도 따라가며, 사이드바 폭 전환과 속도를 맞춘다. */
.site-sidebar-toggle {
  position: fixed;
  top: 23px;
  right: auto;
  left: var(--site-sidebar-width);
  border-color: var(--line);
  background: #ffffff;
  color: #07599d;
  box-shadow: 4px 2px 10px rgba(23, 76, 125, .1);
  transition: left .25s ease;
}

.site-sidebar.is-mini .site-sidebar-toggle {
  left: var(--site-sidebar-mini-width);
}

.site-side-group {
  margin: 14px 0;
  padding: 8px 5px;
  border-color: #b9dff4;
  border-radius: 12px;
  background: #f4faff;
  box-shadow: 0 3px 8px rgba(23, 76, 125, .09);
}

.site-nav-link {
  position: relative;
  z-index: 0;
  overflow: hidden;
  min-height: 44px;
  padding-right: 8px;
  padding-left: 8px;
  border-bottom: 1px solid #d8e6f8;
  border-radius: 0;
  color: #1764a0;
  font-weight: 500;
}

.site-nav-link::before { position:absolute;z-index:0;inset:0 100% 0 0;background:linear-gradient(90deg,#e7f3ff,#c9e7ff);content:"";transition:right .25s ease; }
.site-nav-link:hover::before,.site-nav-link:focus-visible::before,.site-nav-link.is-active::before { right:0; }
.site-nav-link>*{position:relative;z-index:1}

.site-nav-link:last-child {
  border-bottom-color: transparent;
}

.site-nav-link .site-icon {
  width: 25px;
  height: 25px;
  background: center / contain no-repeat;
  color: transparent;
  stroke: transparent;
}

.site-side-play .site-nav-link:nth-child(1) .site-icon { background-image: url("/brand/asset/menu1.webp"); }
.site-side-play .site-nav-link:nth-child(2) .site-icon { background-image: url("/brand/asset/menu2.webp"); }
.site-side-play .site-nav-link:nth-child(3) .site-icon { background-image: url("/brand/asset/menu3.webp"); }
.site-side-play .site-nav-link:nth-child(4) .site-icon { background-image: url("/brand/asset/menu4.webp"); }
.site-side-play .site-nav-link:nth-child(5) .site-icon { background-image: url("/brand/asset/menu5.webp"); }
.site-side-play .site-nav-link:nth-child(6) .site-icon { background-image: url("/brand/asset/menu6.webp"); }
.site-side-play .site-nav-link:nth-child(7) .site-icon { background-image: url("/brand/asset/menu7.webp"); }
.site-side-play .site-nav-link:nth-child(8) .site-icon { background-image: url("/brand/asset/menu8.webp"); }
.site-side-play .site-nav-link:nth-child(9) .site-icon { background-image: url("/brand/asset/menu9.webp"); }
.site-side-member .site-nav-link:nth-child(1) .site-icon { background-image: url("/brand/asset/menu10.webp"); }
.site-side-member .site-nav-link:nth-child(2) .site-icon { background-image: url("/brand/asset/menu11.webp"); }
.site-side-member .site-nav-link:nth-child(3) .site-icon { background-image: url("/brand/asset/menu12.webp"); }
.site-side-member .site-nav-link:nth-child(4) .site-icon { background-image: url("/brand/asset/menu13.webp"); }
.site-side-member .site-nav-link:nth-child(5) .site-icon { background-image: url("/brand/asset/menu14.webp"); }
.site-side-member .site-nav-link:nth-child(6) .site-icon { background-image: url("/brand/asset/menu15.webp"); }
.site-side-member .site-nav-link:nth-child(7) .site-icon { background-image: url("/brand/asset/menu16.webp"); }
.site-side-member .site-nav-link:nth-child(8) .site-icon { background-image: url("/brand/asset/menu17.webp"); }
.site-side-member .site-nav-link:nth-child(9) .site-icon { background-image: url("/brand/asset/menu18.webp"); }

.site-nav-link:hover,
.site-nav-link:focus-visible,
.site-nav-link.is-active {
  background: linear-gradient(90deg, #e7f3ff, #c9e7ff);
  color: #07599d;
}

.site-sidebar.is-mini .site-brand-word {
  width: 50px;
  height: 50px;
  background-image: url("/brand/asset/logo.webp");
}

/* 좌우 여백은 라벨(9px, 최장 '실시간 스포츠')이 말줄임 없이 들어가는 폭에 맞춘다. */
.site-sidebar.is-mini{padding:72px 6px 20px}
.site-sidebar.is-mini .site-brand--sidebar{position:absolute;top:9px;left:10px;width:50px;height:50px;min-height:50px;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:12px}
.site-sidebar.is-mini .site-brand-motion{width:48px;height:48px;max-width:48px;flex:0 0 48px;mix-blend-mode:multiply;object-fit:contain}

/* 접힘 레일의 스크롤. 기본 CSS 는 is-mini 에서 overflow:visible 을 유지하는데,
   호버 라벨이 left:calc(100%+12px) 로 레일 밖에 떠야 하기 때문이다 — 스크롤을
   켜는 순간 그 라벨은 잘린다. 그래서 이 테마는 라벨을 밖으로 내보내는 대신
   아이콘 아래 상시 표시로 바꾼다: 밖으로 나가야 할 것이 없어지고 나서야
   overflow-y:auto 를 켤 수 있고, 펼침 상태와 같은 이유로 아래쪽 메뉴가 화면
   밖에 갇히는 일이 사라진다. 761px 미만은 기본 CSS 가 서랍으로 다시 만들며
   자체 리셋을 갖고 있으므로 여기 규칙이 새어 들어가면 안 된다. */
@media (min-width: 761px) {
  .site-sidebar.is-mini {
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
  }

  .site-sidebar.is-mini .site-side-group {
    padding: 4px 3px;
  }

  .site-sidebar.is-mini .site-nav-link {
    min-height: 54px;
    padding: 8px 2px;
    flex-direction: column;
    gap: 4px;
    text-align: center;
  }

  .site-sidebar.is-mini .site-nav-link span {
    position: static;
    max-width: 100%;
    padding: 0;
    overflow: hidden;
    opacity: 1;
    visibility: visible;
    transform: none;
    background: none;
    color: inherit;
    box-shadow: none;
    font-size: 9px;
    line-height: 1.25;
    white-space: normal;
    overflow-wrap: anywhere;
    transition: none;
  }

  /* 기본 CSS 의 호버 규칙이 툴팁용 transform(translate(0,-50%))을 다시 걸면
     정적 라벨이 위로 반 칸 튄다. 호버에서도 제자리에 둔다. */
  .site-sidebar.is-mini .site-nav-link:hover span,
  .site-sidebar.is-mini .site-nav-link:focus-visible span {
    transform: none;
  }
}

.site-topbar {
  min-height:76px;
  padding:0 6%;
  gap:17px;
  border-bottom-color: var(--line);
  background: #ffffff;
}

.site-topbar nav,.site-auth-actions{gap:7px}.site-topbar nav a{padding:8px 5px;font-size:13px;font-weight:500}.site-topbar nav a .site-icon{width:16px;height:16px;color:#079ee8}.site-toggle-close{display:none}
.site-auth-actions .site-account-balance,.site-auth-actions .site-account-logout{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:6px 8px;border-radius:8px;color:#285779;font-size:12px;white-space:nowrap}.site-auth-actions .site-icon{width:16px;height:16px;color:#079ee8}.site-account-welcome{color:#496c86;font-size:12px;white-space:nowrap}.site-account-welcome b,.site-account-balance b{color:#07599d}.site-auth-actions .site-account-balance:hover{background:#edf8ff}.site-auth-actions .site-account-logout{border:1px solid #b9dff4;background:#f4faff;color:#07599d}

.site-topbar nav a {
  color: #285779;
  font-weight: 500;
}

.site-button {
  min-height: 36px;
  background: linear-gradient(135deg, #22b8f2 0%, #079ee8 55%, #07599d 100%);
  box-shadow: 0 5px 14px rgba(7, 89, 157, .18);
  font-weight: 500;
}

.site-button--ghost {
  border-color: #b9dff4;
  background: #ffffff;
  color: #07599d !important;
  box-shadow: none;
}

.site-auth-actions .site-button--ghost,
.site-mobile-actions .site-button--ghost {
  border-color: #dd0712;
  background: #dd0712;
  color: #ffffff !important;
}

.site-page-content {
  color-scheme: light;
  padding: 12px;
  background: #ffffff;
}

.site-page-content .card,
.site-page-content .game,
.site-page-content .catalog-item {
  border-color: var(--line);
  background: #ffffff;
  box-shadow: 0 7px 24px rgba(23, 76, 125, .08);
}

.site-page-content .btn {
  background: var(--accent);
  color: #ffffff;
}

.site-page-content .btn.ghost {
  border-color: var(--line);
  background: #f4f7fb;
  color: #07599d;
}

.site-page-content input,
.site-page-content select,
.site-page-content textarea {
  border-color: #cad9ec;
  background: #ffffff;
  color: var(--text);
}

.site-page-content input:focus,
.site-page-content select:focus,
.site-page-content textarea:focus {
  border-color: var(--accent);
  outline: 3px solid rgba(7, 158, 232, .12);
}

.site-page-content .catalog-media {
  background: linear-gradient(135deg, #d8ecff, #f6f9ff);
}

.site-home-hero {
  min-height: 0;
  aspect-ratio: 1594 / 537;
  border: 0;
  border-radius: 10px;
  box-shadow: 0 5px 18px rgba(23, 76, 125, .08);
}

.site-home-hero-copy {
  display: none;
}

.site-home-section,
.site-home-shortcuts {
  margin-top: 14px;
}

.site-section-heading > div > span {
  display: none;
}

.site-section-heading h2 {
  margin: 0;
  color: #07558e;
  font-size: 19px;
  font-weight: 500;
}

.site-section-heading > a {
  color: #07599d;
  font-size: 11px;
}

.site-service-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.site-service-card {
  border-color: var(--line);
  border-radius: 9px;
  background: #f4f6fb;
  box-shadow: none;
}

.site-video-games .site-service-card {
  aspect-ratio: 2.06 / 1;
}

.site-video-games .site-service-media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.site-video-games .site-service-card::before {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  min-height: 48%;
  padding: 12px 15px;
  align-items: flex-end;
  justify-content: center;
  background: linear-gradient(to top, rgba(255,255,255,.98) 0%, #fff 36%, rgba(255,255,255,0) 100%);
  color: #07558e;
  content: var(--site-video-title);
  font-size: 27px;
  font-style: italic;
  font-weight: 800;
  line-height: .65;
  text-align: center;
  -webkit-text-stroke: 5px #fff;
  paint-order: stroke fill;
  transition: opacity .25s ease;
}

.site-card-sports-global { --site-video-title: "해외스포츠"; }
.site-card-sports-korea { --site-video-title: "국내스포츠"; }
.site-card-special { --site-video-title: "실시간 스포츠"; }
.site-card-esports { --site-video-title: "E-스포츠"; }
.site-card-casino { --site-video-title: "라이브카지노"; }
.site-card-slot { --site-video-title: "슬롯게임"; }
.site-card-rabbit { --site-video-title: "토끼VS거북이"; }
.site-card-chart { --site-video-title: "123차트게임"; }

@media (min-width:761px) {
  .site-side-play .site-nav-link span[data-pc-label] { font-size: 0; }
  .site-side-play .site-nav-link span[data-pc-label]::after { content: attr(data-pc-label); font-size: 12px; }
}

.site-card-sports-global { --site-card-image: url("/brand/asset/global_sports.webp"); }
.site-card-sports-korea { --site-card-image: url("/brand/asset/korea_sports.webp"); }
.site-card-special { --site-card-image: url("/brand/asset/special.webp"); }
.site-card-esports { --site-card-image: url("/brand/asset/e_sports.webp"); }
.site-card-casino { --site-card-image: url("/brand/asset/livecasino.webp"); }
.site-card-slot { --site-card-image: url("/brand/asset/slotgame.webp"); }

.site-service-copy {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: flex;
  padding: 14px;
  opacity: 0;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: rgba(0, 0, 0, .64);
  color: #ffffff;
  text-align: center;
  transition: opacity .2s ease;
}

.site-service-copy strong {
  color: #ffffff;
  font-size: 17px;
}

.site-service-copy small {
  margin-top: 7px;
  color: rgba(255, 255, 255, .82);
}

.site-service-copy em {
  border: 1px solid rgba(255, 255, 255, .7);
  background: transparent;
  color: #ffffff;
}

.site-service-card:hover .site-service-copy,
.site-service-card:focus-visible .site-service-copy {
  opacity: 1;
}

.site-video-games .site-service-card:hover::before,
.site-video-games .site-service-card:focus-visible::before {
  opacity: 1;
}

.site-video-games .site-service-copy em {
  min-width: 112px;
  min-height: 38px;
  padding: 9px 22px;
  border: 1px solid rgba(255,255,255,.85);
  background: linear-gradient(135deg, #22b8f2 0%, #079ee8 48%, #07599d 100%);
  box-shadow: 0 7px 18px rgba(0,95,160,.35), inset 0 1px 0 rgba(255,255,255,.35);
  font-size: 15px;
}

.site-shortcut-grid a {
  border-color: var(--line);
  background: linear-gradient(180deg, #e3f2ff 0%, #f4f7fb 48px, #f4f7fb 100%);
  box-shadow: 0 4px 12px rgba(23, 76, 125, .08);
}

.site-shortcut-grid strong {
  color: #07599d;
}

.site-shortcut-grid em {
  color: #079ee8;
}

.site-home-boards {
  margin-top: 24px;
  gap: 10px;
}

.site-home-panel {
  padding: 16px 20px;
  border-color: var(--line);
  border-radius: 10px;
  background: #f3f7fd;
  box-shadow: 0 4px 10px rgba(23, 76, 125, .07);
}

.site-home-panel header strong {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #07558e;
  font-weight: 500;
}

.site-panel-icon{width:19px;height:19px;color:#079ee8}.site-home-panel li{position:relative;z-index:0;display:flex;overflow:hidden;padding:0 7px;transition:padding-left .22s ease,color .22s ease}.site-home-panel li::before{position:absolute;z-index:-1;inset:0 100% 0 0;background:linear-gradient(90deg,#ddecff,#bee2ff);content:"";transition:right .25s ease}.site-home-panel li:hover::before{right:0}.site-home-panel li:hover{padding-left:11px;color:#07599d;font-weight:800}.site-home-panel li a{z-index:1;width:100%;gap:7px;transition:color .22s ease}.site-home-panel li a::before{content:none}.site-home-panel li a:hover,.site-home-panel li a:focus-visible{padding-left:0;color:#07599d;font-weight:800}.site-list-icon{flex:0 0 16px;width:16px;height:16px;color:#079ee8}

.site-home-panel li + li {
  border-top-color: #cfe0f4;
}

.site-home-panel li a {
  display: flex;
  align-items: center;
  white-space: nowrap;
  padding: 9px 22px 9px 0;
  color: #285779;
}

.site-home-panel header{flex-wrap:nowrap}.site-home-panel header strong{white-space:nowrap}.site-home-panel header a{display:grid;flex:0 0 28px;place-items:center}.site-panel-more{width:16px;height:16px;color:#50b7ef}

.site-provider-strip {
  display: block;
  margin-top: 22px;
  padding: 22px 24px;
  border-color: var(--line);
  border-radius: 10px;
  background: #f3f7fd;
}

.site-provider-toggle{display:none}.site-provider-set{gap:35px}.site-provider-set img{width:150px;height:42px;object-fit:contain}

.site-footer {
  grid-template-columns:240px repeat(4,minmax(0,1fr));
  gap:30px;
  padding:34px max(30px,8%);
  border-top-color: var(--line);
  background: #ffffff;
  color: #285779;
}

.site-footer-brand p{color:#7890a5;font-size:11px;line-height:1.8}.site-footer-contact>span{color:#7890a5;font-size:11px}.site-footer-contact>div{display:flex;gap:7px;margin-top:12px}.site-footer-contact>div a{display:flex;width:116px;height:40px;padding:0 9px;align-items:center;justify-content:center;gap:7px;border:1px solid #cbdced;border-radius:7px;background:#fff;color:#285779;font-size:10px}.site-footer-contact img{width:21px;height:21px;object-fit:contain}.site-drawer-user{display:none}

.site-brand--footer .site-brand-word {
  width: 145px;
  height: 62px;
}

.site-footer nav strong {
  color: #07558e;
  font-weight: 500;
}

.site-copyright {
  border-top-color: var(--line);
  background: #ffffff;
  color: #777777;
}

@media (max-width: 1250px) and (min-width: 761px) {
  .site-service-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .site-footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 40px;padding:30px clamp(20px,5vw,55px)}
  .site-footer-brand{display:none}
}

@media (max-width: 760px) {
  .site-footer {
    display: none;
  }

  .site-footer-brand,
  .site-footer-contact {
    display: none;
  }

  .site-footer nav {
    display: grid;
    width: 100%;
    min-width: 0;
    grid-template-columns: repeat(2,minmax(0,1fr));
    align-items: start;
    gap: 11px 16px;
  }

  .site-footer nav strong {
    grid-column: 1 / -1;
    margin: 0 0 2px;
  }

  .site-footer nav a {
    display: block;
    width: auto;
    min-width: 0;
    white-space: nowrap;
    word-break: keep-all;
    line-height: 1.45;
  }

  .site-mobile-head {
    min-height: 90px;
    padding: 10px 14px;
    border-bottom: 0;
    background: #ffffff;
  }

  .site-mobile-menu {
    color: #079ee8;
  }

  .site-brand--mobile .site-brand-word {
    width: 145px;
    height: 60px;
  }

  .site-brand--mobile .site-brand-logo {
    max-width: 145px;
    max-height: 60px;
  }

  .site-brand--mobile .site-brand-motion {
    width: 120px;
  }

  .site-mobile-icons a {
    color: #07599d;
  }

  .site-mobile-actions {
    padding: 0 10px 8px;
    background: #ffffff;
    grid-template-columns: repeat(3,minmax(0,1fr));
    width:100%;
  }

  .site-mobile-actions .site-button {
    display:flex;
    width:100%;
    min-height:44px;
    align-items:center;
    justify-content:center;
    gap:7px;
    border-radius: 9px;
    font-size:12px;
    line-height:1;
    text-align:center;
  }

  .site-sidebar,
  .site-sidebar.is-mini {
    width: 90%;
    max-width: 90%;
    padding: 7px 7px max(150px,calc(env(safe-area-inset-bottom) + 130px));
    scroll-padding-bottom: max(150px,calc(env(safe-area-inset-bottom) + 130px));
    overflow-y: auto;
    overscroll-behavior: contain;
    background: rgba(255, 255, 255, .98);
  }

  .site-sidebar .site-brand--sidebar,
  .site-sidebar.is-mini .site-brand--sidebar {
    display: none;
  }

  /* 모바일에서는 버튼이 서랍 안 오른쪽 위에 놓이므로 바깥으로 걸칠 일이 없다.
     데스크톱에서 준 fixed/left 를 여기서 되돌린다 — 서랍은 transform 으로
     밀려 들어오고, 버튼은 그 안에서 함께 움직여야 한다. */
  .site-sidebar-toggle {
    position: absolute;
    top: 7px;
    right: 7px;
    left: auto;
    border: 0;
    background: transparent;
    box-shadow: none;
    transition: none;
  }

  .site-sidebar-toggle .site-icon{width:30px;height:30px}
  .site-sidebar-toggle .site-toggle-desktop{display:none}.site-sidebar-toggle .site-toggle-close{display:block;width:22px;height:22px}
  .site-drawer-user{display:block!important;flex:none!important;width:100%;height:auto!important;min-height:238px!important;margin:48px 0 10px;overflow:hidden;border:1px solid #b9dff4;border-radius:13px;background:linear-gradient(145deg,#f4fbff 0%,#e7f6ff 52%,#dff2ff 100%);box-shadow:0 7px 18px rgba(7,89,157,.12)}
  .site-drawer-user.site-drawer-guest{min-height:174px!important}
  .site-drawer-profile{position:relative;display:flex;padding:13px 12px 11px;align-items:center;gap:10px}.site-drawer-profile::after{position:absolute;right:-20px;top:-35px;width:110px;height:90px;border:15px solid rgba(7,158,232,.07);border-radius:50%;content:""}.site-drawer-avatar{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border:2px solid #fff;border-radius:50%;background:linear-gradient(135deg,#22b8f2,#079ee8,#07599d);box-shadow:0 4px 10px rgba(7,89,157,.25);color:#fff;font-size:17px}.site-drawer-profile>div{display:grid;gap:3px}.site-drawer-profile strong{color:#07558e;font-size:13px}.site-drawer-profile small{color:#6f8da3;font-size:9px}.site-drawer-profile em{z-index:1;margin-left:auto;padding:5px 9px;border:1px solid #71c8ee;border-radius:13px;background:#fff;color:#0793d5;font-size:10px;font-style:normal}
  .site-drawer-balance{display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:1px;background:rgba(97,182,228,.22)}.site-drawer-balance dl{display:grid;gap:3px;margin:0;padding:10px 11px;background:rgba(255,255,255,.86)}.site-drawer-balance dt{color:#7890a5;font-size:9px}.site-drawer-balance dd{margin:0;color:#07599d;font-size:12px}
  .site-drawer-balance dl:last-child{grid-column:1/-1}.point-submit,.my-points a{color:#fff!important}
  .site-drawer-finance{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px 10px 0;background:rgba(255,255,255,.62)}.site-drawer-finance a{display:flex;min-height:54px;padding:9px 10px;align-items:center;gap:9px;border-radius:10px;background:linear-gradient(135deg,#20baf1,#079ee8 55%,#07599d);box-shadow:0 6px 14px rgba(7,89,157,.25);color:#fff}.site-drawer-finance a:last-child{background:linear-gradient(135deg,#348bd0,#1269ad 55%,#064c88)}.site-drawer-finance i{display:grid;flex:0 0 31px;width:31px;height:31px;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(255,255,255,.17);font-size:19px;font-style:normal}.site-drawer-finance span{display:grid;gap:2px}.site-drawer-finance b{font-size:11px}.site-drawer-finance small{color:rgba(255,255,255,.76);font-size:8px}
  .site-drawer-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:10px;background:rgba(255,255,255,.62)}.site-drawer-quick a,.site-drawer-quick button{display:flex;height:58px;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:4px;border:1px solid rgba(155,207,236,.75);border-radius:9px;background:#fff;color:#326887;font:inherit;font-size:9px;box-shadow:0 2px 6px rgba(23,76,125,.06);cursor:pointer}.site-drawer-quick i{display:grid;width:25px;height:25px;place-items:center;border-radius:8px;background:linear-gradient(145deg,#e4f6ff,#d2efff);color:#078bc9;font-size:13px;font-style:normal}
  .site-drawer-finance a,.site-drawer-finance a *{color:#fff!important}.site-drawer-finance i{color:#fff!important}.site-drawer-quick a,.site-drawer-quick button,.site-nav-link{text-decoration:none!important}
  .site-drawer-guest{padding:22px 16px;text-align:center}.site-drawer-guest-icon{display:grid;width:48px;height:48px;margin:0 auto 10px;place-items:center;border-radius:50%;background:linear-gradient(135deg,#22b8f2,#07599d);color:#fff}.site-drawer-guest-icon .site-icon{width:24px;height:24px}.site-drawer-guest strong{display:block;color:#07558e;font-size:14px}.site-drawer-guest p{margin:6px 0 15px;color:#7890a5;font-size:11px}.site-drawer-guest>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:7px}.site-drawer-guest .site-button{min-height:40px}

  .site-side-group,
  .site-sidebar.is-mini .site-side-group {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
    margin-top: 10px;
    padding: 8px 5px;
    border: 0;
    background: #f4faff;
    box-shadow: none;
  }
  .site-side-member{margin-bottom:42px!important}
  .site-footer{display:none!important}

  .site-nav-link,
  .site-sidebar.is-mini .site-nav-link {
    height: 60px;
    min-height: 60px;
    padding: 7px;
    border: 1px solid rgba(155, 207, 236, .75);
    border-radius: 9px;
    background: #ffffff;
    color: #1764a0;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    text-align: center;
    font-size: 10px;
  }

  .site-nav-link:hover,
  .site-nav-link:focus-visible,
  .site-nav-link.is-active {
    background: #e7f5ff;
    color: #07599d;
  }

  .site-page-content {
    background: #ffffff;
  }

  .site-home-hero {
    aspect-ratio: 480 / 282;
  }

  .site-home-section,
  .site-home-shortcuts {
    margin-top: 18px;
  }

  .site-section-heading {
    display: none;
  }

  .site-service-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    margin-top: 0;
  }

  .site-service-grid::before {
    content: none;
  }

  .mobile-notice{border-color:#b9dff4;background:#f4faff;color:#326887;box-shadow:0 3px 10px rgba(7,89,157,.07)}.mobile-notice svg{background:#f4faff;color:#079ee8}

  .site-service-copy {
    display: none;
  }

  .site-video-games .site-service-card::before {
    min-height: 52%;
    padding: 7px 5px;
    font-size: 17px;
    line-height: 1;
    -webkit-text-stroke-width: 3px;
  }

  .site-home-boards {
    margin-top: 18px;
  }

  body[data-site-page="sports"] #tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline proximity;
    scrollbar-width: none;
  }

  body[data-site-page="sports"] #tabs::-webkit-scrollbar {
    display: none;
  }

  body[data-site-page="sports"] #tabs > button {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }

  .site-bottom-nav {
    border-color: var(--line);
    background: #ffffff;
    box-shadow: 0 -5px 20px rgba(22, 78, 124, .13);
  }

  .site-bottom-nav a {
    color: #07527f;
  }

  .site-bottom-nav .site-icon {
    width: 27px;
    height: 27px;
    background: center / contain no-repeat;
    color: transparent;
    stroke: transparent;
  }

  .site-bottom-nav a:nth-child(1) .site-icon { background-image: url("/brand/asset/footer_menu1.webp"); }
  .site-bottom-nav a:nth-child(2) .site-icon { background-image: url("/brand/asset/footer_menu2.webp"); }
  .site-bottom-nav a:nth-child(3) .site-icon { background-image: url("/brand/asset/footer_home.webp"); }
  .site-bottom-nav a:nth-child(4) .site-icon { background-image: url("/brand/asset/footer_menu3.webp"); }
  .site-bottom-nav a:nth-child(5) .site-icon { background-image: url("/brand/asset/footer_menu4.webp"); }

  .site-bottom-nav .site-bottom-home {
    border-color: #ffffff;
    background: linear-gradient(145deg, #dff6ff 0%, #8bdcff 52%, #55bde9 100%);
    color: #07558e;
    box-shadow: 0 7px 18px rgba(43, 162, 216, .3);
  }

  .site-bottom-nav .site-bottom-home span{display:none}
}

body[data-site-page="login"] .signup-btn,
body[data-site-page="signup"] .join-submit,
.site-mobile-actions .site-button {
  color: #ffffff !important;
}

@media(max-width:760px){.holland-static-page{margin-top:10px;padding:0 10px}.holland-static-page .tabs a{min-width:92px}.holland-static-page .gallery{grid-template-columns:1fr 1fr}.site-home-boards{grid-template-columns:1fr;gap:9px}.site-home-panel{padding:12px 10px}.site-home-panel li{padding:0 3px}.site-home-panel li a{overflow:hidden;padding:8px 17px 8px 0;white-space:nowrap;text-overflow:ellipsis}}