@font-face {
    font-family: icomoon;
    src: url(../asset/font/icomoon2.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class^=icon-],
[class*=" icon-"] {
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-icconVIVO:before {
    content: ""
}

.icon-icconGPI:before {
    content: ""
}

.icon-iconTG:before {
    content: ""
}

.icon-icconCQ9:before {
    content: ""
}

.icon-icconKALAMBA:before {
    content: ""
}

.icon-icconIRONDOG:before {
    content: ""
}

.icon-icconHACKSAW:before {
    content: ""
}

.icon-icconGAMEZIX:before {
    content: ""
}

.icon-icconGAMEFISH:before {
    content: ""
}

.icon-icconGAMEART:before {
    content: ""
}

.icon-icconUGASO:before {
    content: ""
}

.icon-icconFANTASMA:before {
    content: ""
}

.icon-icconELK:before {
    content: ""
}

.icon-icconDRAGON:before {
    content: ""
}

.icon-icconBOOONGO:before {
    content: ""
}

.icon-icconBLUEPRINT:before {
    content: ""
}

.icon-iccon1x2:before {
    content: ""
}

.icon-icconARROW:before {
    content: ""
}

.icon-icconYGGDRASIL:before {
    content: ""
}

.icon-icconWOOHOO:before {
    content: ""
}

.icon-icconWAZDAN:before {
    content: ""
}

.icon-icconTHUNDERKICK:before {
    content: ""
}

.icon-icconSPEARHEAD:before {
    content: ""
}

.icon-icconSLOTMILL:before {
    content: ""
}

.icon-icconSKYWIND:before {
    content: ""
}

.icon-icconRTG:before {
    content: ""
}

.icon-icconREVOLVER:before {
    content: ""
}

.icon-icconRELAX:before {
    content: ""
}

.icon-icconQUICKSPIN:before {
    content: ""
}

.icon-icconPUSH:before {
    content: ""
}

.icon-icconPP1:before {
    content: ""
}

.icon-icconONETOUCH:before {
    content: ""
}

.icon-icconNOLIMIT:before {
    content: ""
}

.icon-icconNETGAME:before {
    content: ""
}

.icon-icconMOBILIOTS:before {
    content: ""
}

.icon-icconMAVERICK:before {
    content: ""
}

.icon-icconLADYLUCK01:before {
    content: ""
}

.icon-icconAMEBA:before {
    content: ""
}

.icon-icconTPG:before {
    content: ""
}

.icon-icconYX:before {
    content: ""
}

.icon-icconJDB:before {
    content: ""
}

.icon-icconTIME:before {
    content: ""
}

.icon-icconEVO:before {
    content: ""
}

.icon-icconBBIN:before {
    content: ""
}

.icon-icconEvo:before {
    content: ""
}

.icon-icconBbin:before {
    content: ""
}

.icon-icconMemberAsk:before {
    content: ""
}

.icon-icconAE:before {
    content: ""
}

.icon-icconJILI:before {
    content: ""
}

.icon-icconSG:before {
    content: ""
}

.icon-icconMore:before {
    content: ""
}

.icon-icon-icconQM01:before {
    content: ""
}

.icon-icon-icconLink:before {
    content: ""
}

.icon-icon-icconReferral:before {
    content: ""
}

.icon-icon-icconBG:before {
    content: ""
}

.icon-icon-icconFailed:before {
    content: ""
}

.icon-icon-icconExclamation02:before {
    content: ""
}

.icon-icon-icconSearch:before {
    content: ""
}

.icon-icon-icconGPL:before {
    content: ""
}

.icon-icon-icconGROUND00:before {
    content: ""
}

.icon-icon-icconCoin:before {
    content: ""
}

.icon-icon-icconGendar:before {
    content: ""
}

.icon-icon-icconGROUND07:before {
    content: ""
}

.icon-icon-icconNO:before {
    content: ""
}

.icon-icon-icconGROUND06:before {
    content: ""
}

.icon-icon-icconGROUND05:before {
    content: ""
}

.icon-icon-icconPLAY01:before {
    content: ""
}

.icon-icon-icconGROUND04:before {
    content: ""
}

.icon-icon-icconGROUND03:before {
    content: ""
}

.icon-icon-icconGROUND02:before {
    content: ""
}

.icon-icon-icconGROUND01:before {
    content: ""
}

.icon-icon-icconBALL04:before {
    content: ""
}

.icon-icon-icconBALL03:before {
    content: ""
}

.icon-icon-icconBALL02:before {
    content: ""
}

.icon-icon-icconBALL01:before {
    content: ""
}

.icon-icon-icconIDN01:before {
    content: ""
}

.icon-icconEDIT:before {
    content: ""
}

.icon-icconWARNING:before {
    content: ""
}

.icon-fa-star1:before {
    content: ""
}

.icon-fa-star-o1:before {
    content: ""
}

.icon-icconMoneyKOREA:before {
    content: ""
}

.icon-icconEV:before {
    content: ""
}

.icon-icconAB:before {
    content: ""
}

.icon-icconOG:before {
    content: ""
}

.icon-icconDG:before {
    content: ""
}

.icon-icconWM:before {
    content: ""
}

.icon-icconSPORT:before {
    content: ""
}

.icon-icconVR1:before {
    content: ""
}

.icon-icconAAROWup:before {
    content: ""
}

.icon-icconAAROWdown:before {
    content: ""
}

.icon-icconLIVE:before {
    content: ""
}

.icon-icconJUMP:before {
    content: ""
}

.icon-icconLIVEA:before {
    content: ""
}

.icon-icconMEGA:before {
    content: ""
}

.icon-icconMENU:before {
    content: ""
}

.icon-icconPOKER01:before {
    content: ""
}

.icon-icconPOKER02:before {
    content: ""
}

.icon-icconPOKER03:before {
    content: ""
}

.icon-icconPOKER04:before {
    content: ""
}

.icon-icon-iconTime:before {
    content: ""
}

.icon-icconVERIFI:before {
    content: ""
}

.icon-icconRECOMMEND:before {
    content: ""
}

.icon-icconMan:before {
    content: ""
}

.icon-icconMan01:before {
    content: ""
}

.icon-icconPW:before {
    content: ""
}

.icon-icconPW011:before {
    content: ""
}

.icon-icconCALENDAR:before {
    content: ""
}

.icon-icconMOBILE1:before {
    content: ""
}

.icon-icconPARTNER:before {
    content: ""
}

.icon-icconBANK1:before {
    content: ""
}

.icon-icconCHECK:before {
    content: ""
}

.icon-icconPC:before {
    content: ""
}

.icon-icconMailoPEN:before {
    content: ""
}

.icon-icconPlay:before {
    content: ""
}

.icon-icconFAQ:before {
    content: ""
}

.icon-icconPW01:before {
    content: ""
}

.icon-icconPW02:before {
    content: ""
}

.icon-icconPW03:before {
    content: ""
}

.icon-icconMOBILE:before {
    content: ""
}

.icon-icconCARRIER:before {
    content: ""
}

.icon-icconACCOUNT:before {
    content: ""
}

.icon-icconBANK:before {
    content: ""
}

.icon-icconCARD:before {
    content: ""
}

.icon-icconSubscript:before {
    content: ""
}

.icon-iconExclamation01:before {
    content: ""
}

.icon-icconInfo02:before {
    content: ""
}

.icon-icconMailList01:before {
    content: ""
}

.icon-icconMailCheck01:before {
    content: ""
}

.icon-icconMail01a:before {
    content: ""
}

.icon-icconMail02a:before {
    content: ""
}

.icon-icconArrow02:before {
    content: ""
}

.icon-icconX02:before {
    content: ""
}

.icon-icconCheck01:before {
    content: ""
}

.icon-icconCheck02:before {
    content: ""
}

.icon-icconDbonus:before {
    content: ""
}

.icon-icconVip:before {
    content: ""
}

.icon-icconChecking:before {
    content: ""
}

.icon-icconALLnew:before {
    content: ""
}

.icon-BetradarVFAS:before {
    content: ""
}

.icon-BetradarVFNC:before {
    content: ""
}

.icon-BetradarVFWC:before {
    content: ""
}

.icon-BetradarVFEC:before {
    content: ""
}

.icon-BetradarVFLM:before {
    content: ""
}

.icon-BetradarVFCC:before {
    content: ""
}

.icon-BetradarVBL:before {
    content: ""
}

.icon-BetradarVHK:before {
    content: ""
}

.icon-BetradarVDK:before {
    content: ""
}

.icon-BetradarVTI:before {
    content: ""
}

.icon-BetradarVBI:before {
    content: ""
}

.icon-icconMGP:before {
    content: ""
}

.icon-icconPRG:before {
    content: ""
}

.icon-icconPG1:before {
    content: ""
}

.icon-icconPT3:before {
    content: ""
}

.icon-icconIDN:before {
    content: ""
}

.icon-icconService01:before {
    content: ""
}

.icon-icconAPP:before {
    content: ""
}

.icon-icconCooperation:before {
    content: ""
}

.icon-icconMaintain:before {
    content: ""
}

.icon-icconMailList:before {
    content: ""
}

.icon-icconMailCheck:before {
    content: ""
}

.icon-icconMailDelete:before {
    content: ""
}

.icon-icconMail01:before {
    content: ""
}

.icon-icconInfo01:before {
    content: ""
}

.icon-icconV01:before {
    content: ""
}

.icon-icconV02:before {
    content: ""
}

.icon-icconV03:before {
    content: ""
}

.icon-icconV04:before {
    content: ""
}

.icon-icconV05:before {
    content: ""
}

.icon-icconV06:before {
    content: ""
}

.icon-icconV07:before {
    content: ""
}

.icon-icconV08:before {
    content: ""
}

.icon-icconLOAD:before {
    content: ""
}

.icon-icconCD:before {
    content: ""
}

.icon-icconMoney:before {
    content: ""
}

.icon-icconVIP:before {
    content: ""
}

.icon-icconBonus:before {
    content: ""
}

.icon-icconVR:before {
    content: ""
}

.icon-icconHint:before {
    content: ""
}

.icon-icconFavor:before {
    content: ""
}

.icon-icconFavorFull:before {
    content: ""
}

.icon-icconALL:before {
    content: ""
}

.icon-icconMG:before {
    content: ""
}

.icon-icconAG:before {
    content: ""
}

.icon-icconHABA:before {
    content: ""
}

.icon-icconPP:before {
    content: ""
}

.icon-icconPG:before {
    content: ""
}

.icon-icconlogin:before {
    content: ""
}

.icon-icconReg:before {
    content: ""
}

.icon-iiconLogoA:before {
    content: ""
}

.icon-iiconLogoB:before {
    content: ""
}

.icon-iiconDice:before {
    content: ""
}

.icon-iiconSlote:before {
    content: ""
}

.icon-iiconGame:before {
    content: ""
}

.icon-iiconPoker:before {
    content: ""
}

.icon-iiconSpeaker:before {
    content: ""
}

.icon-iiconRing:before {
    content: ""
}

.icon-iiconPolicy:before {
    content: ""
}

.icon-iiconGood:before {
    content: ""
}

.icon-iiconMail:before {
    content: ""
}

.icon-iiconMember:before {
    content: ""
}

.icon-iiconDeposit:before {
    content: ""
}

.icon-iiconWithdraw:before {
    content: ""
}

.icon-iiconListA:before {
    content: ""
}

.icon-iiconListB:before {
    content: ""
}

.icon-iiconService:before {
    content: ""
}

.icon-iiconCell:before {
    content: ""
}

.icon-iiconDownload:before {
    content: ""
}

.icon-iiconFriend:before {
    content: ""
}

.icon-iconLockB:before {
    content: ""
}

.icon-iconARupB:before {
    content: ""
}

.icon-iconARdownB:before {
    content: ""
}

.icon-iconTrash:before {
    content: ""
}

.icon-iconCalendar:before {
    content: ""
}

.icon-iconSand:before {
    content: ""
}

.icon-iconPorkA:before {
    content: ""
}

.icon-iconPorkB:before {
    content: ""
}

.icon-iconPorkC:before {
    content: ""
}

.icon-iconPorkD:before {
    content: ""
}

.icon-fa-star:before {
    content: ""
}

.icon-fa-star-o:before {
    content: ""
}

.icon-iconARleftA:before {
    content: ""
}

.icon-iconPlay:before {
    content: ""
}

.icon-iconGo:before {
    content: ""
}

.icon-iconStar:before {
    content: ""
}

.icon-iconARupA:before {
    content: ""
}

.icon-iconARdownA:before {
    content: ""
}

.icon-iconLive:before {
    content: ""
}

.icon-iconJump:before {
    content: ""
}

.icon-iconReloadA:before {
    content: ""
}

.icon-iconARup01:before {
    content: ""
}

.icon-iconARdown01:before {
    content: ""
}

.icon-iconPlus:before {
    content: ""
}

.icon-iconLock1:before {
    content: ""
}

.icon-iconInformation:before {
    content: ""
}

.icon-iconMessage:before {
    content: ""
}

.icon-iconARup:before {
    content: ""
}

.icon-iconARdown:before {
    content: ""
}

.icon-iconTime:before {
    content: ""
}

.icon-iconMoney:before {
    content: ""
}

.icon-fa-heart:before {
    content: ""
}

.icon-fa-heart-o:before {
    content: ""
}

.icon-iconBank:before {
    content: ""
}

.icon-iconMobile:before {
    content: ""
}

.icon-iconComputer:before {
    content: ""
}

.icon-iconExclamation:before {
    content: ""
}

.icon-iconCheck:before {
    content: ""
}

.icon-iconCross:before {
    content: ""
}

.icon-iconUser:before {
    content: ""
}

.icon-iconLock:before {
    content: ""
}

.icon-iconArrowL:before {
    content: ""
}

.icon-iconArrowR:before {
    content: ""
}

:root {
    --color-primary: #0EA5E9;
    --color-secondary: #38BDF8;
    --stroke-primary: #EFEFEF;
    --stroke-secondary: #E5E5E5;
    --stroke-third: #F8F8F8;
    --font-primary: #3D3D3D;
    --font-secondary: #505050;
    --font-third: #666666;
    --font-disabled: #D7D7D7;
    --Color-Text-secondary: #334155;
    --Color-Text-tertiary: #64748B;
    --Color-Text-four: #9CA3AF;
    --k-play-color-border-secondary: #CBD5E1;
    --k-play-color-background-secondary: #F9FAFB;
    --shadow-primary: 0px 8px 20px rgba(0, 0, 0, 0.1), 0px 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-secondary: 2px 2px 20px rgba(0, 0, 0, 0.06), 2px 2px 10px rgba(0, 0, 0, 0.04);
    --blue-08: #194185;
    --blue-07: #1849a9;
    --blue-06: #175cd3;
    --blue-05: #1570ef;
    --blue-04: #2e90fa;
    --blue-03: #53b1fd;
    --blue-02: #84caff;
    --blue-01: #d1e9ff;
    --blue-00: #eff8ff;
    --gray-11: #1D1929;
    --gray-10: #34303e;
    --gray-09: #4A4754;
    --gray-08: #615E69;
    --gray-07: #77757f;
    --gray-06: #8E8C94;
    --gray-04: #BBBABF;
    --gray-03: #d2d1d4;
    --gray-02: #E8E8EA;
    --gray-01: #E8E8Ea;
    --gray-00: #f9f9f9;
    --red-04: #D92D20;
    --red-05: #B42318;
    --red-00: #F4301A;
    --border: #EBEBEB;
    --green-01: #039855;
    --green-02: #027A48;
    --green-03: #05603A;
    --header-height: 66px;
    --k-play-gradient: linear-gradient(158deg, #A5CBFF -27.83%, #61A2FE 39.97%, #5C99FE 100%)
}

@font-face {
    font-family: "Spoqa Han Sans Neo";
    font-weight: 700;
    src: local("Spoqa Han Sans Bold"), url("../asset/font/SpoqaHanSansNeo-Bold.woff2") format("woff2")
}

@font-face {
    font-family: "Spoqa Han Sans Neo";
    font-weight: 400;
    src: local("Spoqa Han Sans Regular"), url("../asset/font/SpoqaHanSansNeo-Regular.woff2") format("woff2")
}

@font-face {
    font-family: "digital-7";
    src: url("../asset/font/digital-7.ttf")
}

@font-face {
    font-family: "Pretendard Variable";
    font-weight: 45 920;
    font-style: normal;
    font-display: swap;
    src: local("Pretendard Variable"), url("./images/PretendardVariable.woff2") format("woff2-variations")
}

@font-face {
    font-family: "Pretendard";
    src: url("../asset/font/Pretendard-Thin.woff2") format("woff2");
    font-weight: 100;
    font-display: swap
}

@font-face {
    font-family: "Pretendard";
    src: url("../asset/font/Pretendard-ExtraLight.woff2") format("woff2");
    font-weight: 200;
    font-display: swap
}

@font-face {
    font-family: "Pretendard";
    src: url("../asset/font/Pretendard-Light.woff2") format("woff2");
    font-weight: 300;
    font-display: swap
}

@font-face {
    font-family: "Pretendard";
    src: url("../asset/font/Pretendard-Regular.woff2") format("woff2");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: "Pretendard";
    src: url("../asset/font/Pretendard-Medium.woff2") format("woff2");
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: "Pretendard";
    src: url("../asset/font/Pretendard-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-display: swap
}

@font-face {
    font-family: "Pretendard";
    src: url("../asset/font/Pretendard-Bold.woff2") format("woff2");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: "Pretendard";
    src: url("../asset/font/Pretendard-ExtraBold.woff2") format("woff2");
    font-weight: 800;
    font-display: swap
}

@font-face {
    font-family: "Pretendard";
    src: url("../asset/font/Pretendard-Black.woff2") format("woff2");
    font-weight: 900;
    font-display: swap
}

@font-face {
    font-family: DinPro;
    src: url("../asset/font/DINPro.ttf");
    font-display: swap
}

html {
    font-family: "Spoqa Han Sans Neo", "sans-serif";
    font-style: normal;
    color: var(--text-01);
    min-width: 1600px
}

button {
    cursor: pointer
}

header {
    min-width: 1600px;
    display: flex;
    justify-content: center;
    position: sticky;
    top: 0;
    z-index: 99;
    background-color: #fff;
    border-bottom: 1px solid var(--ui-04);
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .08), 0 2px 4px 0 rgba(203, 206, 216, .2)
}

header container {
    display: grid;
    grid-template-columns: auto 1fr auto;
    width: 1400px;
    align-items: center
}

header .left .logo {
    height: 48px
}

header .center {
    display: flex;
    justify-content: center
}

header .center nav {
    display: flex;
    flex: 100%;
    justify-content: space-around;
    font-weight: 500;
    font-size: 16px;
    padding: 0 14px
}

header .center nav .item {
    height: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: all .2s ease 0s;
    cursor: pointer;
    color: black;
}

header .center nav .item.event-header .sub-title {
    font-weight: 700;
    font-size: 13px;
    position: absolute;
    left: 50%;
    top: 12px;
    transform: translate(-50%, 0)
}

header .center nav .item.event-header .time {
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .2ch;
    font-family: "digital-7";
    position: absolute;
    left: 50%;
    bottom: 12px;
    transform: translate(-50%, 0)
}

header .center nav .item::after {
    content: "";
    background-clip: border-box;
    border-radius: 2px;
    background: var(--primary);
    height: 4px;
    position: absolute;
    bottom: 0;
    width: 0px;
    left: 50%;
    transition: inherit
}

header .center nav .item[active],
header .center nav .item:hover {
    color: var(--primary)
}

header .center nav .item[active]::after,
header .center nav .item:hover::after {
    left: 0;
    width: 100%
}

header .right {
    display: flex;
    font-weight: 400;
    position: relative;
    height: 100%
}

header .right .account {
    display: flex;
    gap: 16px;
    font-size: 10px;
    align-items: center;
    margin-right: 51px
}

header .right .account button {
    display: flex;
    flex-direction: column;
    align-items: center
}

header .right .account i {
    width: 24px;
    height: 24px
}

header .right .account .deposit .deposit-icon {
    background: url("/asset/image/icon/Webp/Graphic/Gray/Deposit.webp");
    background-size: 100% 100%;
    background-repeat: no-repeat
}

header .right .account .withdraw .withdraw-icon {
    background: url("/asset/image/icon/Webp/Graphic/Gray/Withdraw.webp");
    background-size: 100% 100%;
    background-repeat: no-repeat
}

header .right .account .header-betlist .header-betlist-icon {
    background: url("/asset/image/icon/Webp/Graphic/Gray/List.webp");
    background-size: 100% 100%;
    background-repeat: no-repeat
}

header .right .account .deposit.active .deposit-icon,
header .right .account .deposit:hover .deposit-icon {
    background-image: url("/asset/image/icon/Webp/Graphic/Sky/Deposit.webp")
}

header .right .account .withdraw.active .withdraw-icon,
header .right .account .withdraw:hover .withdraw-icon {
    background-image: url("/asset/image/icon/Webp/Graphic/Sky/Withdraw.webp")
}

header .right .account .header-betlist.active .header-betlist-icon,
header .right .account .header-betlist:hover .header-betlist-icon {
    background-image: url("/asset/image/icon/Webp/Graphic/Sky/List.webp")
}

header .right .account .bar {
    width: 1px;
    height: 37px;
    background-color: #ced2e2
}

header .right .profile {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 14px
}

header .right .profile .image {
    cursor: pointer
}

header .right .profile:hover .money {
    color: var(--primary)
}

header .right .profile:hover .more {
    transform: rotate(-180deg)
}

header .right .profile .info {
    display: flex;
    flex-direction: column;
    gap: 4px
}

header .right .profile .info>div {
    display: flex
}

header .right .profile .info .top {
    gap: 10px
}

header .right .profile .info .top .nick {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: var(--text-03)
}

header .right .profile .info .top .level {
    cursor: pointer;
    width: 30px
}

header .right .profile .info .bottom {
    display: flex;
    gap: 6px
}

header .right .profile .info .bottom .money {
    cursor: pointer;
    transition: color .2s ease-out
}

header .right .profile .info .bottom .more {
    display: flex;
    align-items: center
}

header .right .profile .info .bottom .more img {
    transition: transform .2s
}

header .right .profile .info .bottom .menu {
    display: flex;
    gap: 4px
}

header .right .profile .info .bottom .menu>div {
    cursor: pointer
}

header .right .profile .info .bottom .menu .refresh {
    display: flex;
    align-items: center
}

header .right .profile .info .bottom .menu .refresh.on img {
    animation: rotationR 1s infinite linear;
    -webkit-animation: rotationR 1s infinite linear
}

header .right .profile:hover+.ab,
header .right .profile+.ab:hover {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translateY(calc(100% - 10px));
    z-index: 101;
    width: 232px
}

header .right .profile:hover+.ab .arrow,
header .right .profile+.ab:hover .arrow {
    transform: rotate(45deg);
    top: -5px;
    box-shadow: -2px -2px 5px rgba(0, 0, 0, .06);
    right: 105px;
    position: absolute;
    display: block;
    width: 8.48528137px;
    height: 8.48528137px;
    background: rgba(0, 0, 0, 0);
    border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
    border-style: solid;
    border-width: 4.24264069px
}

header .right .profile:hover+.ab .innner,
header .right .profile+.ab:hover .innner {
    overflow: hidden;
    background-color: #fff;
    border-radius: 4px;
    padding: 14px 30px;
    width: 100%;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05)
}

header .right .profile:hover+.ab .item,
header .right .profile+.ab:hover .item {
    width: 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

header .right .profile:hover+.ab .item .box,
header .right .profile+.ab:hover .item .box {
    width: 100%;
    padding: 14px 0;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

header .right .profile:hover+.ab .item i,
header .right .profile+.ab:hover .item i {
    width: 24px;
    height: 24px;
    background-image: url(data:image/png;base64,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);
    background-position: -93px 0;
    background-repeat: no-repeat;
    background-size: 232px 24px
}

header .right .profile:hover+.ab .item i.vipt,
header .right .profile+.ab:hover .item i.vipt {
    background-position: -162px 0
}

header .right .profile:hover+.ab .item i.tzjl,
header .right .profile+.ab:hover .item i.tzjl {
    background-position: 2px 0
}

header .right .profile:hover+.ab .item i.jyjl,
header .right .profile+.ab:hover .item i.jyjl {
    background-position: -138px 0
}

header .right .profile:hover+.ab .item i.megs,
header .right .profile+.ab:hover .item i.megs {
    background-position: -68px 0;
    position: relative
}

header .right .profile:hover+.ab .item i.megs #alarm-count,
header .right .profile+.ab:hover .item i.megs #alarm-count {
    width: 15px;
    height: 15px;
    line-height: 15px;
    border-radius: 50%;
    background-color: #dc5d46;
    color: #fff;
    position: absolute;
    right: -5px;
    top: -5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px
}

header .right .profile:hover+.ab .item i.comp,
header .right .profile+.ab:hover .item i.comp {
    background-image: url(../asset/icon/mypage/comp.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: unset
}

header .right .profile:hover+.ab .item h1,
header .right .profile+.ab:hover .item h1 {
    font-size: 14px;
    font-weight: 400;
    color: var(--text-01);
    padding: 3px 0;
    margin-left: 12px;
    text-align: left
}

header .right .profile:hover+.ab .item.logout,
header .right .profile+.ab:hover .item.logout {
    width: 100%;
    text-align: center;
    margin-top: 8px
}

header .right .profile:hover+.ab .item.logout span,
header .right .profile+.ab:hover .item.logout span {
    display: block;
    width: 100%;
    border: 1px solid #e2e7ef;
    font-size: 14px;
    color: #414755;
    padding: 11px 0;
    transition: all .2s ease-out;
    border-radius: 4px
}

header .right .profile:hover+.ab .item.logout:hover span,
header .right .profile+.ab:hover .item.logout:hover span {
    border: 1px solid var(--primary);
    color: var(--primary)
}

header .right .profile:hover+.ab .item:hover h1,
header .right .profile+.ab:hover .item:hover h1 {
    color: var(--primary)
}

.headerGameWrap {
    position: absolute;
    top: 86px;
    left: 0;
    right: 0;
    min-width: 1200px;
    width: 100%;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    background-color: hsla(0, 0%, 100%, .96);
    transition: height .2s ease-out, visibility .2s ease-out;
    z-index: 90
}

.headerGameWrap .showd {
    padding-bottom: 16px;
    box-shadow: inset 0 6px 19px 0 hsla(0, 0%, 40%, .27)
}

.headerGameWrap .warp_nav {
    width: 1400px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between
}

.headerGameWrap.mini .games_list {
    grid-template-columns: repeat(7, 1fr)
}

.headerGameWrap .games_list {
    display: grid;
    grid-template-columns: repeat(8, 1fr)
}

.headerGameWrap .games_list .game_item {
    padding: 35px 16px 0;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative
}

.headerGameWrap .games_list .game_item .top {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    flex-shrink: 0
}

.headerGameWrap .games_list .game_item .top .header_smallicon {
    width: 45px;
    height: 100%;
    margin-right: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url("/asset/image/icon/Webp/Components/logo_bg_on.webp");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.headerGameWrap .games_list .game_item .top .header_smallicon .btn-icon {
    width: 25px;
    height: 25px;
    margin-bottom: 4px
}

.headerGameWrap .games_list .game_item .top .text {
    line-height: 18px;
    margin-bottom: 3px;
    font-size: 16px;
    font-weight: 600
}

.headerGameWrap .games_list .game_item .top .text .text1 {
    word-break: keep-all
}

.headerGameWrap .games_list .game_item .top .text .text2 {
    font-size: 12px;
    font-weight: 700
}

.headerGameWrap .games_list .game_item .large {
    width: 137px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100%
}

.headerGameWrap .games_list .game_item .large .event-label {
    position: absolute;
    bottom: 1px;
    right: 1px;
    aspect-ratio: 1/1;
    height: 45%;
    width: unset
}

.headerGameWrap .games_list .game_item .large img {
    transition: all .5s;
    max-height: 100%;
    max-width: 100%
}

.headerGameWrap .games_list .game_item:hover {
    background-image: linear-gradient(0deg, #fff 0, #dee5f6)
}

.headerGameWrap .games_list .game_item:hover .large img {
    transform: scale(1.03)
}

.headerGameWrap.active {
    height: auto;
    visibility: visible;
    overflow-x: auto;
    display: block
}

.headerGameWrap.sports .games_list,
.headerGameWrap.mini .games_list {
    padding: 20px
}

.headerGameWrap.sports .games_list .game_item,
.headerGameWrap.mini .games_list .game_item {
    padding: 0
}

.headerGameWrap.sports .games_list .game_item .large,
.headerGameWrap.mini .games_list .game_item .large {
    width: 190px
}

.headerGameWrap.sports .games_list .game_item {
    padding: 12px
}

.headerGameWrap.slot {
    width: 100%
}

.headerGameWrap.slot::-webkit-scrollbar-thumb {
    height: 30%;
    background: #d3b79a;
    border-radius: 10px
}

.headerGameWrap.slot::-webkit-scrollbar-track {
    background: rgba(25, 37, 53, .1)
}

.headerGameWrap.slot::-webkit-scrollbar {
    width: 5px;
    height: 8px
}

footer {
    min-width: 1400px;
    border-top: 1px solid var(--k-play-color-border-primary);
    border-left: 1px solid var(--k-play-color-border-primary);
    background: var(--k-play-color-background-primary)
}

footer .container {
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 0 0 23px;
    margin: 0 auto;
    width: 100%
}

footer .container .img-wrap {
    width: 90%;
    border-bottom: 1px solid var(--k-play-color-border-secondary);
    padding-bottom: 29px;
    margin-top: 44px;
    display: flex;
    gap: 12px
}

footer .container .img-wrap #footer-slick {
    display: flex;
    width: 100%
}

footer .container .img-wrap #footer-slick .slick-list .slick-track .slick-slide {
    margin-right: 32px
}

footer .container .img-wrap #footer-slick .slick-list .slick-track img {
    height: 30px
}

footer .container .etc {
    width: 90%;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: space-between;
    padding-top: 40px
}

footer .container .etc .left {
    width: 29%
}

footer .container .etc .left .logo {
    margin-bottom: 20px;
    width: 183px
}

footer .container .etc .left .txt {
    color: #334155;
    font-size: 12px;
    margin-bottom: 24px
}

footer .container .etc .right {
    width: 70%;
    display: flex;
    align-items: self-start;
    justify-content: space-between
}

footer .container .etc .right .centerZone {
    display: flex;
    width: 100%;
    justify-content: center
}

footer .container .etc .right .centerZone .content {
    width: 90%
}

footer .container .etc .right .centerZone .content ul {
    display: flex;
    justify-content: center
}

footer .container .etc .right .centerZone .content ul li {
    width: 25%;
    border-radius: var(--Radius-4Px, 4px);
    border: 1px solid var(--k-play-color-border-secondary, #CBD5E1);
    background: var(--k-play-color-background-secondary, #F9FAFB);
    cursor: pointer;
    padding: 24px 0;
    margin: 0 6px;
    position: relative;
    transition: .3s all ease-out;
    display: block
}

footer .container .etc .right .centerZone .content ul li a {
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    gap: 12px
}

footer .container .etc .right .centerZone .content ul li a .txt {
    color: var(--Color-Text-tertiary, #64748B);
    font-size: 12px;
    margin-bottom: 0;
    transition: .4s ease-out;
    text-align: center;
    margin-top: 7px;
    line-height: 1
}

footer .container .etc .right .rightZone01 {
    justify-content: space-between;
    width: 60%;
    display: flex;
    margin-top: 18px
}

footer .container .etc .right .rightZone01 .links .title {
    color: var(--Color-Text-secondary, #334155);
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 13px
}

footer .container .etc .right .rightZone01 .links .content {
    display: flex
}

footer .container .etc .right .rightZone01 .links .content .left01 {
    margin-right: 28px;
    display: flex;
    flex-direction: column
}

footer .container .etc .right .rightZone01 .links .content a {
    color: var(--Color-Text-tertiary, #64748B);
    white-space: nowrap;
    margin-bottom: 10px;
    font-size: 13px;
    cursor: pointer;
    transition: .4s ease-out
}

.br_hmenu_main {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex: 1;
    margin-top: 25px
}

.br_hmenu_main li.br_hmenu_nav {
    position: relative;
    font-size: 14px;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #c0c4d0;
    padding: 0 20px;
    transition: all .4s ease
}

.br_hmenu_main li.br_hmenu_nav:last-child:after {
    content: unset
}

.br_hmenu_main li.br_hmenu_nav:after {
    content: "";
    display: block;
    position: absolute;
    height: 80%;
    width: 1px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #d6e2f3
}

#push-alarm {
    max-height: 276.5px;
    overflow: hidden;
    position: fixed;
    padding: 10px;
    right: 70px;
    bottom: 60px;
    z-index: 9999;
    display: flex;
    flex-direction: column-reverse
}

#push-alarm .push-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    gap: 8px
}

#push-alarm .push-list .push-item {
    position: relative;
    width: 100%;
    padding: 12px 32px 12px 52px;
    display: flex;
    width: 300px;
    height: 83px;
    align-self: flex-end;
    justify-self: flex-end;
    background: #fff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, .3), 0px 12px 24px rgba(0, 0, 0, .2);
    border-radius: 4px;
    cursor: pointer
}

#push-alarm .push-list .push-item i {
    position: absolute;
    top: 14px;
    left: 16px;
    width: 25px;
    height: 25px
}

#push-alarm .push-list .push-item i.icon-alarm {
    background: url(../asset/mobile/icon/icon-alarm.png);
    background-size: 100% 100%
}

#push-alarm .push-list .push-item .content {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 4px
}

#push-alarm .push-list .push-item .content div {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#push-alarm .push-list .push-item .content .title {
    font-weight: 700;
    font-size: 14px;
    line-height: 140%
}

#push-alarm .push-list .push-item .content .type {
    font-size: 12px;
    line-height: 140%
}

#push-alarm .push-list .push-item .content .time {
    margin-left: auto;
    font-weight: 400;
    font-size: 10px;
    line-height: 140%
}

#push-alarm .push-list .push-item.on {
    animation: fadeInUp 1s linear;
    -webkit-animation: fadeInUp 1s linear
}

#_404 {
    background-color: var(--ui-background);
    padding: 170px 36px;
    word-break: keep-all;
    text-align: center;
    min-width: 1600px
}

#_404 .wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 64px
}

#_404 .wrap img {
    width: 350px;
    height: 150px
}

#_404 .wrap .title {
    font-size: 36px
}

#_404 .wrap .desc {
    font-size: 24px;
    text-align: center
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes rotation {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg)
    }
}

@keyframes rotationR {
    from {
        -webkit-transform: rotate(359deg)
    }
    to {
        -webkit-transform: rotate(0deg)
    }
}

@keyframes prev_animation {
    0% {
        transform: scale(1);
        opacity: 1
    }
    to {
        transform: scale(1.2);
        opacity: 0
    }
}

@keyframes selected_animation {
    0% {
        transform: scale(0.8);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

/*# sourceMappingURL=style.min.css.map */



.btn_header {
    all: unset;
    cursor: pointer;
}