@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap");@font-face{font-family:Esamanru;src:url(/fonts/esamanru/esamanru-Bold.ttf) format("truetype");font-weight:400;font-style:normal}.bonus{background:url(/default/images/roulleteAssets/roulette_box3.png) top no-repeat}.money{background:url(/default/images/roulleteAssets/roulette_box2.png) top no-repeat}.bomb{background:url(/default/images/roulleteAssets/roulette_box1.png) top no-repeat}.yellows{color:#fff000}.spin_info>span>span{display:inline-block;margin:0 5px;font-size:24px;font-weight:700;color:#fff000;font-family:Noto Sans KR,serif!important}@keyframes popup_style02{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.spin_wrap{min-height:700px;max-height:150vh;transition:all .3s cubic-bezier(.68,-.6,.32,1.6);animation-name:popup_style02;-webkit-animation-name:popup_style02;animation-duration:.5s;-webkit-animation-duration:.5s;animation-timing-function:cubic-bezier(.68,-.6,.32,1.6);-webkit-animation-timing-function:cubic-bezier(.68,-.6,.32,1.6);visibility:visible!important}.spin_close_btn{height:60px;width:100%;text-align:center;cursor:pointer}.spin_close_btn button{position:relative;z-index:99999}.spin_item01{width:100%;text-align:center;position:relative;top:1px}.roullete-table-img{border-radius:50%}.spin_item02{text-align:center;position:absolute}.spin_item03{cursor:pointer}.spin_item03,.spin_item03 span{text-align:center;position:absolute;left:50%;top:50%;z-index:100;transform:translate(-50%,-50%)}.spin_item03 span{font-weight:bolder;letter-spacing:-1px;font-family:Esamanru,sans-serif!important}.spin_item01 canvas{position:absolute;top:1px;left:0;opacity:0;width:100%;height:100%}.spin_box{width:100%;height:100%;display:flex;justify-content:center;padding:20px 10px;position:relative}.spin_items_box{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:50%}.spin_items{position:absolute;width:50%;height:50%;top:0;left:50%;padding-bottom:85px;transform:translate(-50%);transform-origin:bottom center;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;font-family:Noto Sans KR,serif!important;transform:translate(-50%) rotate(-22.5deg)}.spin_items:first-child{transform:translate(-50%) rotate(22.5deg)}.spin_items:nth-child(2){transform:translate(-50%) rotate(67.5deg)}.spin_items:nth-child(3){transform:translate(-50%) rotate(112.5deg)}.spin_items:nth-child(4){transform:translate(-50%) rotate(157.5deg)}.spin_items:nth-child(5){transform:translate(-50%) rotate(202.5deg)}.spin_items:nth-child(6){transform:translate(-50%) rotate(247.5deg)}.spin_items:nth-child(7){transform:translate(-50%) rotate(292.5deg)}.spin_text1{letter-spacing:-1px;font-family:Noto Sans KR,serif!important}.spin_text2{margin:0 0 42px;letter-spacing:-1px;font-size:13px}.spin_img{width:100%;text-align:center;position:fixed;top:127px}.spin_img img{width:100%;max-width:45px}.popup_style02{background-color:#17171973;position:fixed;height:100vh;width:100vw;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.spin_text1{text-shadow:0 0 5px rgba(255,216,40,.7)}.spin_text2{text-shadow:0 0 5px hsla(0,0%,100%,.7)}.click_spin2{text-shadow:0 0 5px rgba(255,235,148,.7);font-family:Noto Sans KR,serif!important}@keyframes glow{to{box-shadow:0 0 15px 4px #ffd45e}}@keyframes glow2{0%{box-shadow:0 0 10px 3px #fb0}to{box-shadow:0 0 20px 3px #ffcf4b}}.m-frame{display:none}@media screen and (max-width:416px){.bottom-alert-wrap{margin-top:14rem!important}.spin_items{padding-bottom:14vw!important}}@media screen and (max-width:300px){.bottom-alert-wrap{margin-top:10rem!important}}@media screen and (max-width:450px){.image-spin-start{width:5rem!important}}@media screen and (max-width:540px){.spin_img{top:auto!important;position:static!important}.spin_img img{max-width:25px!important}.m-frame{display:block}.circle-container-dot{display:none}.circle-container{width:10%;padding-bottom:10%}.bottom-alert-wrap{margin-top:19rem}.alert_text3{font-size:14px!important}.alert_box_box{height:80%}.spin_close_btn{margin-top:30px;transform:scale(.85)}.alert_img img{width:100%;max-width:100px}.spin_img img{width:100%;max-width:30px}.alert_text1,.alert_text2,.spin_info{font-size:18px}.spin_info{margin-top:1.5rem}.spin_info>span{font-size:14px}.spin_info>span>span{font-size:18px}.spin_items{padding-bottom:17vw}.spin_items.pbd{padding-bottom:15vw}.spin_text1{font-size:17px}.spin_text2{margin:1px 0;font-size:10px}.spin_wrap{width:100%;margin:0 auto}.spin_item01>img{width:calc(100% - 20px)}.spin_item02{text-align:center;position:absolute}.spin_item02>img{width:calc(100% - 35px)}.spin_item01 canvas{width:calc(100% - 20px)}.alert_box{width:95%;background-size:100%;height:64vw}}.confettis{overflow:hidden;position:absolute;height:100%;width:100%}.confetti{left:50%;width:16px;height:16px;position:absolute;transform-origin:left top;animation:confetti 5s ease-in-out -2s infinite}.confetti:first-child{left:10%;animation-delay:0;background-color:#fc0120}.confetti:nth-child(2){left:20%;animation-delay:-5s;background-color:#8257e6}.confetti:nth-child(3){left:30%;animation-delay:-3s;background-color:#ffbf4d}.confetti:nth-child(4){left:40%;animation-delay:-2.5s;background-color:#fe5d7a}.confetti:nth-child(5){left:50%;animation-delay:-4s;background-color:#45ec9c}.confetti:nth-child(6){left:60%;animation-delay:-6s;background-color:#f6e327}.confetti:nth-child(7){left:70%;animation-delay:-1.5s;background-color:#f769ce}.confetti:nth-child(8){left:80%;animation-delay:-2s;background-color:#007de7}.confetti:nth-child(9){left:90%;animation-delay:-3.5s;background-color:#63b4fc}.confetti:nth-child(10){left:100%;animation-delay:-2.5s;background-color:#f9c4ea}@keyframes confetti{0%{transform:rotate(15deg) rotateY(0deg) translate(0)}25%{transform:rotate(5deg) rotateY(1turn) translate(-5vw,20vh)}50%{transform:rotate(15deg) rotateY(2turn) translate(5vw,60vh)}75%{transform:rotate(5deg) rotateY(3turn) translate(-10vw,80vh)}to{transform:rotate(15deg) rotateY(4turn) translate(10vw,110vh)}}.circle-container{transform:translate(-50%,-50%);margin-top:-67px}.circle-container,.circle-container-dot{position:fixed;top:50%;left:50%;width:130px;height:130px}.circle-container-dot{margin-top:-70px;margin-left:-5px}.image-spin-start{animation:glow2 .7s linear infinite alternate;border-radius:50%;width:7rem}.roulette-frame1{animation:switchFrames 1.2s step-end infinite}.roulette-frame2{animation:switchFrames 1.2s step-end infinite reverse}@keyframes switchFrames{0%,to{visibility:visible;z-index:1}50%{visibility:hidden;z-index:-1}}