.roulette-container{width:750px;height:927px;margin:0 auto;position:relative;.rouletter {position: relative; top: 62px; max-width: 660px; aspect-ratio: 1/1; overflow: hidden; margin: 0 auto; border-radius: 50%; background: #f9f9f9; border: 6px solid; .rouletter-wacu {width: 100%; height: 100%; position: relative; overflow: hidden; div {position: absolute;} div:nth-of-type(1) {left:0; width: 330px; aspect-ratio: 1 / 1.5; background:url(https://cdn.ypbooks.co.kr/ypbooks/event/241107_ypDecember/roulette_bg_txt_2.png)no-repeat left/cover; p {height: 100%;}} div:nth-of-type(2) {right:0; width: 330px; aspect-ratio: 1 / 1.5; background:url(https://cdn.ypbooks.co.kr/ypbooks/event/241107_ypDecember/roulette_bg_txt_3.png)no-repeat right/cover; p {height: 100%;}} div:nth-of-type(3) {bottom:0; left:50%; transform:translateX(-50%); width: 575px; height: 335px; background:url(https://cdn.ypbooks.co.kr/ypbooks/event/241107_ypDecember/roulette_bg_txt_1.png)no-repeat bottom/cover; p {border-left: 287px solid transparent; border-right: 287px solid transparent; width: 0; height: 100%; border-bottom: 167px solid transparent;}}}} .rouletter-arrow {position: absolute; bottom: 17%; left: 50%; transform: translate(-50%,-50%); z-index: 99;} .button-container {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} .button-container > a {width: 100%; height: 100%; display: block;}}@keyframes ani{0%{transform:rotate(0);transition-timing-function:ease-out}to{transform:rotate(360deg)}}