/* 레이아웃 사이즈 */
[class^=DefaultLayout__Wrapper] {
    /* text-align: center; */
}

[class^=Appbar__DesktopContainer] {
    max-width: 2000px !important;
    width: 100%;
    margin: 0 auto !important;
}

[class^=HasSideMenuLayout__Container] {
    max-width: 2000px !important;
    margin: 0 auto !important;
    text-align: start;
}


/* 헤더 */
[class^=GlobalMenu__Container] {
    border-top: 2px solid var(--primary) !important;
    border-bottom: 2px solid var(--primary) !important;
    background-color: var(--primary) !important;
}

[class^=GlobalMenu__SelectedIndicator] {
    background-color: #14b976 !important;
}

/* 모바일 로고 */


[class^=Appbar__MobileTopContainer] [class^=Logo__MobileContainer] {
    margin-left: 10px;
}


[class^=GlobalMenu__Container] span {
    font-weight: bold;
    color: #fff !important;
}

/* 배너 슬라이드 색상 */
.swiper-button-prev,
.swiper-button-next {
    color: var(--primary) !important;
}

.swiper-pagination-bullet-active {
    background-color: var(--primary) !important;
}


/* 좌측 퀵메뉴 색상 */
[class^=LeftQuickMenuItem__Container] {
    background: #f4f6fa !important;
}

/* 퀵메뉴 입금,출금,문의 강조 */
[class^=LeftQuickMenu__Container] {
    border: 1px solid #e3e5e8;
    background-color: #e3e5e8;
}

[class^=LeftQuickMenu__Container]>a:nth-child(1),
[class^=LeftQuickMenu__Container]>a:nth-child(2),
[class^=LeftQuickMenu__Container]>a:nth-child(3) {
    background-color: var(--primary-container) !important;
    background: linear-gradient(to bottom,
            var(--primary),
            #00251e) !important;
}

[class^=LeftQuickMenu__Container]>a:nth-child(1)>svg,
[class^=LeftQuickMenu__Container]>a:nth-child(2)>svg,
[class^=LeftQuickMenu__Container]>a:nth-child(3)>svg {
    fill: #fff !important;
}

[class^=LeftQuickMenu__Container]>a:nth-child(1)>div,
[class^=LeftQuickMenu__Container]>a:nth-child(2)>div,
[class^=LeftQuickMenu__Container]>a:nth-child(3)>div {
    color: #fff !important;
}

/* 좌측 메뉴 라인 */
[class^=LeftMenu__MenuWrapper] {
    border: 1px solid #e3e5e8;
    background-color: #e3e5e8;
}



/* 상단 오른쪽 퀵메뉴 아이콘 색상추가 및 라인 색상 */
[class^=HeaderQuickMenu__Container] svg {
    fill: var(--primary) !important;
}

[class^=AccountButtons__AccountButton] {
    border-color: var(--primary) !important;
}

[class^=CustomerMainBoard__List] [class^=ArticleItem__CategoryText] {
    color: var(--secondary) !important;
}



/* 메인 메뉴 배너 */
[class^=MainPagePCBanner__ContentBanner] > div {
    border: 2px solid var(--primary);
    border-radius: 10px;
    overflow: hidden;
}

[class^=MainPagePCBanner__ContentBanner] [class^=Logo__DesktopContainer] {
    display: none;
}



/* 상단 롤링 공지 */
[class^=RollingNotice__Container] {
    background-color: var(--surface-container-lowest) !important;
}

[class^=MainPagePCBoard__BoardContainer] [class^=ArticleItem__Container] {
    background-color: var(--surface-container-lowest) !important;
}

/* pc상단 파트너 페이지 텍스트 색상 */
[class^=HeaderQuickMenu__Container] button:nth-child(9) {
    color: var(--primary) !important;
}

[class^=HeaderQuickMenu__Container] button:nth-child(9) svg {
    fill: var(--primary) !important;
}


/* 스포츠 배당 */
[class^=MatchMarketItem__ReferencePointBox] {
    font-weight: bold !important;
}


/* 스포츠 박스 라인 추가 */
[class^=ContentTopMenu__Wrapper],
[class^=ContentTopMenu__ToggleButton] {
    border: 1px solid #e3e5e8 !important;
}

[class^=ContentTopMenu__Wrapper] {
    background-color: #e3e5e8;
}

/* 스포츠 박스 라인 추가 */
[class^=LeagueGroup__Container],
[class^=MatchListHead__Container],
[class^=EmptyList__Container],
[class^=SportsDetailContainer__Container] {
    border: 1px solid #e3e5e8;
}

[class^=MatchListHead__ButtonBox] button {
    background-color: var(--primary-container);
    color: #fff;
}

[class^=MatchListHead__SearchForm] label {
    border-color: var(--primary-container);
    background-color: #fff;
}

[class^=MatchListHead__SearchForm] svg {
    fill: var(--primary-container);
}

/* 스포츠 핸디 기준점 보라색 변경 */
[class^=MatchMarketItem__ReferencePointBox] {
    color: #9000ff !important;
}


/* 우측 - 유저정보 */
[class^=UserBox__Container] {
    border: 1px solid #e3e5e8;
    background-color: #e3e5e8;
}

[class^=UserBox__MessageButton] em {
    color: var(--primary) !important;
}

[class^=UserBox__ButtonRow] a,
[class^=UserBox__ButtonRow] button {
    background-color: #ecf0f8;
}

/* 베팅슬립 */
[class^=BetSlip__Container] {
    border: 1px solid #e3e5e8;
}

[class^=BetSlipHead__Container] {
    border-bottom: 1px solid #e3e5e8;
}

[class^=BetSlipFolderItem__Container] {
    border-top: 1px solid #e3e5e8;
}

[class^=BetSlipFolderItem__Container]:first-child {
    border-top: none;
}

[class^=BetSlipBonus__BonusStandardOdds] {
    color: #fff !important;
}

[class^=BetSlipPending__TextBox] {
    background-color: #fff !important;
}


/* 알립 영역 */
[class^=NotificationLayer__Container] {
    border: 1px solid #e3e5e8;
    width: calc(100% + 2px) !important;
    box-sizing: border-box;
    right: -1px !important;
}

/* 내정보 공통 */
[class^=InnerContents__Container] {
    border: 1px solid #e3e5e8;
}

[class^=EmptyList__Container] {
    background-color: #fff !important;
}

/* 내정보 박스 */
[class^=UserCard__Container],
[class^=PaymentCard__Container],
[class^=MyPageUnitCard__Container] {
    border: 1px solid #e3e5e8;
    height: auto !important;
    gap: 0 !important;
}

[class^=MaPageHistoryTable__Container] tr {
    border: 1px solid #e3e5e8 !important;
}



/* 입금 */
[class^=DepositPCPage__Container] [class^=DepositForm__Container],
[class^=DepositPCPage__Container] [class^=DepositGuide__Container],
[class^=DepositPCPage__Container] [class^=DepositHistory__Container] {
    border: 1px solid #e3e5e8;
}

[class^=DepositForm__LabelContainer] label {
    background-color: #fff;
}

[class^=DepositForm__BonusList] {
    border: 1px solid #e3e5e8;
}

[class^=DepositMobilePage__Container] {
    --surface-container: #e3e5e8;
}

/* 출금 */
[class^=WithdrawalPCPage__Container] [class^=WithdrawalForm__Container],
[class^=WithdrawalPCPage__Container] [class^=WithdrawalGuide__Container],
[class^=WithdrawalPCPage__Container] [class^=WithdrawalHistory__Container] {
    border: 1px solid #e3e5e8;
}

[class^=WithdrawalForm__ContentBox] [class^=TextBox__Container] {
    border: 1px solid #e3e5e8;
}

[class^=WithdrawalForm__LabelContainer] label {
    background-color: #fff;
}

[class^=WithdrawalFormRolling__Container] {
    border: 1px solid #e3e5e8;
}

/* 포인트 */
[class^=PointPCPage__Container] [class^=PointForm__Container],
[class^=PointPCPage__Container] [class^=PointGuide__Container],
[class^=PointPCPage__Container] [class^=PointHistory__Container] {
    border: 1px solid #e3e5e8;
}

[class^=PointForm__ContentBox] [class^=TextBox__Container] {
    border: 1px solid #e3e5e8;
}

[class^=PointForm__ContentBox] [class^=TextBox__Container] span {
    color: var(--secondary);
}

[class^=PointForm__ContentBox] label {
    background-color: #fff;
}

/* 출석체크 */
[class^=AttendanceCalendar__Container],
[class^=AttendanceGuide__Container] {
    gap: 0 !important;
    border: 1px solid #e3e5e8;
}

[class^=calendar__viewContainer] {
    border: 1px solid #e3e5e8 !important;
}


/* 룰렛 */
[class^=RouletteWheel__Container],
[class^=RouletteHistoryPC__Container] {
    border: 1px solid #e3e5e8;
}

[class^=RoulettePCPage__Container] [class^=PageTitle__Title] {
    color: #fff;
}


/* 각종 내역 셀렉트 박스 맟 달력 */
[class^=SelectBox__Container] label {
    background-color: #fff;
}

[class^=DateField__Wrapper] {
    background-color: #fff !important;
}

/* 베팅내역 HIT 색상 PC,모바일*/
[class^=BetHistoryItemPCHead__Container].WIN [class^=BetHistoryItemPCHead__StatusText],
[class^=BetHistoryItemPCHead__Container].WIN [class^=BetHistoryItemPCHead__PrizeText] {
    color: var(--secondary) !important;
}

[class^=BetHistoryItemMobileTitle__LeftBox].WIN [class^=BetHistoryItemMobileTitle__StatusText],
[class^=BetHistoryItemMobileTitle__LeftBox].WIN [class^=BetHistoryItemMobileTitle__PrizeText] {
    color: var(--secondary) !important;
}

[class^=BetHistoryItemPCFolderTableRow__StatusCell][status=HIT] {
    color: var(--secondary) !important;
}


/* 가상게임 텍스트 색상 */
[class^=VirtualGameMarketOddsButton__TitleBox] p {
    color: #000 !important;
}

/* 가상게임 텍스트 색상 */
[class^=VirtualGameMarketOddsButton__DefaultTitle][name='언더'] p,
[class^=VirtualGameMarketOddsButton__DefaultTitle][name='오버'] p {
    color: #fff !important;
}

/* 가상게임 회차 안내 */
[class^=VirtualGameRoundRow__Container]>div {
    background-color: var(--surface-container-lowest) !important;
}


/* 스카이파크 회차 안내 */
[class^=SkyParkDetailRoundRow__Container]>div,
[class^=SkyParkDetailMobileRoundRow__Container]>div {
    background-color: var(--surface-container-lowest) !important;
}


/* 메인 메뉴 배너 블러색상 */
[class^=MainPagePCBanner__LogoBox] {
    background-color: #fff !important;
}


/* PC 공지,이벤트 타이틀 영역 백그라운드 이미지 추가 */
[class^=MainPagePCBoard__BoardContainer] [class^=ListHeader__Container] {
    padding: 0 10px !important;
    background: linear-gradient(to bottom, var(--primary), #00251e);
}

[class^=MainPagePCBoard__BoardContainer] [class^=ListHeader__TitleText] {
    color: #fff !important;
}

[class^=ListHeader__Container] [class^=ListHeader__Button] span {
    color: #fff !important;
}

[class^=ListHeader__Container] [class^=ListHeader__Button] svg {
    fill: #fff !important;
}

[class^=MainPagePCBoard__BoardContainer] [class^=ArticleItem__Container] {
    background-color: var(--surface-container-lowest) !important;
}

/* 팝업배너 전체 닫기 버튼 */
[class^=PopupBannerSlot__BannerListHead] div {
    color: #fff;
}

/* 회원게시판 상단 인기글 숨김 */
[class^=PopularBetBoard__Container] {
    display: none !important;
}


/** 모바일 메인 상단부분 3개 표시*/
[class^=MainPageMobileAddOnMenu__Container] {
    grid-template-columns: repeat(3, 1fr) !important;
}

[class^=MainPageMobileAddOnMenuItem__Container] {
    border: 2px solid var(--primary);
    border-radius: 10px;
    background : linear-gradient(to bottom, var(--primary), #00251e) !important;
    justify-content: space-between !important;
    padding: var(--spacing-gap_medium_small) 15px !important;
}

[class^=MainPageMobileAddOnMenuItem__Container] img {
    transform: scale(1.5) !important;
}
[class^=MainPageMobileAddOnMenuItem__Container] p {
    color: #fff !important;
    font-weight: 600 !important;
}

/* 모바일 상단 배경색 */
[class^=MobileAppBarUserRow__Container] {
    background-color: var(--surface-container-lowest) !important;
}

/** 모바일 메인 상단 */
[class^=MainPageMobileAddOnMenu__Container] {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 5px !important;
    background-color: initial !important;
    border: none !important;
}

/* 모바일 로그인, 회원가입 */
[class^=MobileAppBarUserRow__AccountButtonContainer] button {
    background: linear-gradient(180deg, #efefef, #dedede) !important;
}

[class^=MainPageMobileAddOnMenu__Container]>a {
    border-radius: 5px !important;
}


/* 모바일 공지 롤링 숨김 */
[class^=MainPageMobileRollingNotice__Container] {
    display: none !important;
}

/* 모바일 순서 변경 (흑백전용) */
[class^=MainPage__MobileContainer] {
    padding-top: 0 !important;
}

/** 모바일 메인 종목 */
[class^=MainPageMobileMenu__Container] {
    grid-template-columns: repeat(3, 1fr) !important;
}

[class^=MainPageMobileMenuItem__Container] {
    border: 2px solid var(--primary) !important;
    border-radius: 10px;
    padding-top: 25px !important;
    padding-bottom: 5px !important;
    background: linear-gradient(to bottom, rgb(255 255 255) 1%, rgb(219 219 219) 100%) !important
}

[class^=MainPageMobileMenuItem__Container] img {
    transform: scale(2.2) !important;
}
[class^=MainPageMobileMenuItem__TextBox] {
    margin-top: 10px;
}




/* 모바일 게시판 배경 */
[class^=ArticleItem__Container],
[class^=MainPageMobileEvent__ListWrapper] {
    background-color: var(--surface-container-lowest) !important;
}

/* 모바일 히스토리 박스 색상 */
[class^=BetHistoryItemMobile__Container] {
    background-color: var(--surface-container-lowest) !important;
}



@media (max-width: 500px) {
    [class^=HasSideMenuLayout__Container] {
        /* padding: 0 !important; */
    }
}



[class^=SkyParkOddsButton__Title][name="드래곤"] {
    background: #00a2ff !important;
}

[class^=SkyParkOddsButton__Title][name="타이거"] {
    background: #e84c4c !important;
}

[class^=SkyParkOddsButton__Title][name="1"] {
    background: #747474 !important;
    width: 30px;
    color: #000;
}

[class^=SkyParkOddsButton__Title][name="2"] {
    background: #6a9400 !important;
    width: 30px;
}

[class^=SkyParkOddsButton__Title][name="3"] {
    background: #9b4000 !important;
    width: 30px;
}