.hidden { display: none; }

/* base */
.wrap { background-color: #444041; font-family: 'Spoqa Han Sans'; }
.wrap .section { position: relative; display: none; }

.mobile-layout .wrap { width: 100vw; }

/* section */
#page-0 { display: block; }

/* content */
.content-wrap { background-color: #fe8e5b; }
.content-wrap .auth-wrap { position: relative; margin-bottom: 2.7778%; }
.content-wrap .auth-wrap .inner { display: flex; flex-wrap: wrap; position: absolute; top: 0; left: 7.5%; width: 84.6%; height: 100%; }
.content-wrap .auth-wrap .input { border: 0; padding: 3%; font-size: 8vw; line-height: 1; color: #444041; }
.content-wrap .auth-wrap .auth-num-wrap .auth-num { width: 72%; height: 100%; }
.content-wrap .auth-wrap .phone-num-wrap { display: flex; width: 100%; height: 47.4%; }
.content-wrap .auth-wrap .phone-num-wrap.close { background-color: rgba(0,0,0,.25); }
.content-wrap .auth-wrap .phone-num-wrap .input.phone-num { width: 72%; height: 100%; }
.content-wrap .auth-wrap .phone-num-wrap .input.phone-num.close { background-color: rgba(0,0,0,.25); }
.content-wrap .auth-wrap .phone-num-wrap a { display: block; width: 28%; height: 100%; }
.content-wrap .auth-wrap .auth-num-wrap { display: flex; align-items: center; margin-top: 1.7%; width: 100%; height: 47.5%; }
.content-wrap .auth-wrap .auth-num-wrap.close { background-color: rgba(0,0,0,.25); }
.content-wrap .auth-wrap .auth-num-wrap .count { display: inline-block; padding-left: 12.6%; font-size: 4.5vw; font-weight: bold; color: #e0002a; }
.content-wrap .keypad-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; padding: 1.3889% 10.6481%; }
.content-wrap .keypad-wrap a { display: flex; justify-content: center; align-items: center; margin: 0.9259% 0; width: calc(33.334% - 1.3889%); padding: 5% 0; background-color: white; text-align: center; text-decoration: none; }
.content-wrap .keypad-wrap a span { margin-top: 5%; color: #444041; font-family: 'Gmarket Sans'; font-size: 5vw; font-weight: bold; line-height: 1; letter-spacing: -.3px; }
.content-wrap .keypad-wrap a.gray { background-color: #444041; }
.content-wrap .keypad-wrap a.gray span { color: white; }
.content-wrap .btn-submit { margin-top: 2.7778%; }

/* roulette */
.roulette_wrap { position: absolute; top: 40%; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; }
.roulette_wrap .roulette_btn { position: absolute; top: 34.3%; left: 34.3%; width: 31.4%; overflow: hidden; cursor: pointer; }
.roulette_wrap .roulette_marker { position: absolute; top: -.65%; left: 41.2%; width: 17.6%; }
#rouletteWheel { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; transform: rotate(3000deg); transition: transform 4s ease-in-out; }
#rouletteWheel.prize1 { transform: rotate(12deg); }
#rouletteWheel.prize2 { transform: rotate(-33deg); }
#rouletteWheel.prize3 { transform: rotate(-78deg); }
#rouletteWheel.prize4 { transform: rotate(-123deg); }
#rouletteWheel.prize5 { transform: rotate(-168deg); }
#rouletteWheel.prize6 { transform: rotate(-213deg); }
#rouletteWheel.prize7 { transform: rotate(-258deg); }
#rouletteWheel.prize8 { transform: rotate(-303deg); }

/* motion */
.popup_wrap.open { opacity: 1; visibility: visible; }
.popup_wrap { display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); opacity: 0; visibility: hidden; transition: opacity .5s ease, visibility .5s ease; }
.popup_wrap .popup { position: relative; width: 75%; }
.popup_wrap .popup img.popup_content { width: 100%; height: auto; }
.popup_wrap .btn_close { position: absolute; top: -8.2%; right: 0; width: 7%; height: 7%; }
.popup_wrap .btn_close img { display: block; width: 100%; height: 100%; }
.popup_wrap .btn_confirm { display: flex; justify-content: center; align-items: center; position: absolute; left: 19.3%; bottom: 8.4%; box-sizing: border-box; width: 61.5%; height: 11.2%; border-radius: 5.6vw; line-height: 1; background-color: #fe7b48; color: #fff; font-family: 'Gmarket Sans', sans-serif; font-size: 180%; font-weight: bold; text-decoration: none; }