@import"//font.i-scream.co.kr/html5/NotoSansKR.css";@import"//font.i-scream.co.kr/html5/NanumSquareRound.css";html{width:100%;height:100%;overflow:hidden}body{width:540px;height:570px;overflow:hidden;position:absolute;left:50%;display:flex;flex-direction:column;background-color:#fff;transform-origin:left top}body.is-other{height:598px}body.is-other .body-container{padding:28px 30px 50px}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}html{overflow:hidden}button{font-family:NanumSquareRound;font-size:26px;color:#040407;font-weight:500;border:none;cursor:pointer}.btn{display:inline-flex;justify-content:center;align-items:center;font-weight:500;text-decoration:none;-webkit-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:20px 30px;font-size:1.25rem;border-radius:100px;cursor:pointer;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn:disabled{pointer-events:none;opacity:.65}.ico{width:26px;height:26px;margin-right:10px}.btn-icon{display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#fff;box-shadow:0 1px 2px #0000001a;border:2px solid #DCDCDC}.btn-icon:hover{background-color:#f5f5f5}.btn-primary{color:#fff;background-color:#ff4600;border-color:#ff4600;box-shadow:0 5px 10px #ff46004d}.btn-primary:hover{background-color:#ec3f00;border-color:#ec3f00}.btn-secondary{color:#040407;background-color:#fb0;border-color:#fb0;box-shadow:0 5px 10px #ffbb004d}.btn-secondary:hover{background-color:#eeaf01;border-color:#eeaf01}.btn-outline-primary{color:#040407;background-color:#fff;border-color:#dcdcdc;box-shadow:0 1px 2px #0000001a}.btn-outline-primary:hover{background-color:#f5f5f5;border-color:#dcdcdc}.btn-check{flex-direction:row-reverse;justify-content:flex-end;align-items:center;position:relative;line-height:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;border-color:#dcdcdc;box-shadow:0 1px 2px #0000001a;border-radius:100px;padding:7px}.btn-check input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.btn-check .checkmark{margin-right:10px;height:36px;width:36px;background-color:#dcdcdc;border:1px solid #CBCBCB;border-radius:50%;position:relative}.btn-check:hover{background-color:#f5f5f5;border-color:#dcdcdc}.btn-check input:checked~.checkmark:after{display:inline-block}.btn-check .checkmark:after{content:"";position:absolute;display:none;left:-1px;top:-1px;width:36px;height:36px;border-radius:50%;background:url(../assets/icons/ico_check.svg) no-repeat center,#040407;background-size:25px 17px}.body-container{width:100%;height:100%;position:relative;padding:0 30px 50px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.body-container .option-wrapper{width:100%}.body-container .dice-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;perspective:1000px}.body-container .dice-wrapper .dice{width:160px;height:160px;margin:30px;perspective:400px}.body-container .dice-wrapper .dice.anim{animation:jump 1.6s cubic-bezier(.3,.8,.73,.47) forwards}.body-container .dice-wrapper .dice .floor{position:absolute;width:130px;height:130px;z-index:-1;left:50%;top:50%;transform:translate(-50%,-50%)}.body-container .dice-wrapper .dice .floor .line{position:absolute;top:50%;left:50%;margin-top:-2.7083333333px;width:130px;height:5.4166666667px;transform-origin:center left;border-radius:5.4166666667px;background:linear-gradient(90deg,#ec3f00 20%,transparent 20%);background-repeat:no-repeat;opacity:0}.body-container .dice-wrapper .dice .floor .line.anim{animation:lines .36s ease-out forwards;animation-delay:1.35s}.body-container .dice-wrapper .dice .floor .line:nth-child(1){transform:rotate(30deg) scale(1.1)}.body-container .dice-wrapper .dice .floor .line:nth-child(2){transform:rotate(60deg)}.body-container .dice-wrapper .dice .floor .line:nth-child(3){transform:rotate(90deg) scale(1.1)}.body-container .dice-wrapper .dice .floor .line:nth-child(4){transform:rotate(120deg)}.body-container .dice-wrapper .dice .floor .line:nth-child(5){transform:rotate(150deg) scale(1.1)}.body-container .dice-wrapper .dice .floor .line:nth-child(6){transform:rotate(180deg)}.body-container .dice-wrapper .dice .floor .line:nth-child(7){transform:rotate(210deg) scale(1.1)}.body-container .dice-wrapper .dice .floor .line:nth-child(8){transform:rotate(240deg)}.body-container .dice-wrapper .dice .floor .line:nth-child(9){transform:rotate(270deg) scale(1.1)}.body-container .dice-wrapper .dice .floor .line:nth-child(10){transform:rotate(300deg)}.body-container .dice-wrapper .dice .floor .line:nth-child(11){transform:rotate(330deg) scale(1.1)}.body-container .dice-wrapper .dice .floor .line:nth-child(12){transform:rotate(360deg)}.body-container .dice-wrapper .dice_2{display:none}.body-container .dice-wrapper .cube{position:relative;width:160px;height:160px;transform-style:preserve-3d;border-radius:10px;transform:translateZ(-80px) rotateX(0) rotateY(0);transition:transform .6s cubic-bezier(0,0,.84,1.1);z-index:1}.body-container .dice-wrapper .side{position:absolute;width:160px;height:160px;box-sizing:border-box;border-radius:10px;overflow:hidden;background:#040407;-webkit-backface-visibility:hidden;backface-visibility:hidden}.body-container .dice-wrapper .side_1{transform:translateZ(-80px) rotateX(180deg)}.body-container .dice-wrapper .side_2{transform:translateY(-80px) rotateX(90deg)}.body-container .dice-wrapper .side_3{transform:translate(80px) rotateY(90deg)}.body-container .dice-wrapper .side_4{transform:translate(-80px) rotateY(270deg)}.body-container .dice-wrapper .side_5{transform:translateY(80px) rotateX(270deg)}.body-container .dice-wrapper .side_6{transform:translateZ(80px)}.body-container .dice-wrapper .dice[data-val="1"] .cube{transform:translateZ(-80px) rotateX(180deg) rotateY(0)}.body-container .dice-wrapper .dice[data-val="2"] .cube{transform:translateZ(-80px) rotateX(-90deg) rotateY(0)}.body-container .dice-wrapper .dice[data-val="3"] .cube{transform:translateZ(-80px) rotateX(0) rotateY(-90deg)}.body-container .dice-wrapper .dice[data-val="4"] .cube{transform:translateZ(-80px) rotateX(0) rotateY(90deg)}.body-container .dice-wrapper .dice[data-val="5"] .cube{transform:translateZ(-80px) rotateX(90deg) rotateY(0)}.body-container .dice-wrapper .dice[data-val="0"] .cube{transition:transform 1s cubic-bezier(.55,.055,.675,.19)}.body-container .dice-wrapper .dice_1[data-val="0"] .cube{transform:translateZ(-50px) rotateX(359deg) rotateY(359deg)}.body-container .dice-wrapper .dice_2[data-val="0"] .cube{transform:translateZ(-80px) rotateX(-359deg) rotateY(-359deg)}.body-container .dice-wrapper .dot{position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:10px;background:#fff}.body-container .dice-wrapper .dot_1,.body-container .dice-wrapper .dot_2,.body-container .dice-wrapper .dot_3{top:33%}.body-container .dice-wrapper .dot_4,.body-container .dice-wrapper .dot_5,.body-container .dice-wrapper .dot_6{top:50%}.body-container .dice-wrapper .dot_7,.body-container .dice-wrapper .dot_8,.body-container .dice-wrapper .dot_9{top:67%}.body-container .dice-wrapper .dot_1,.body-container .dice-wrapper .dot_4,.body-container .dice-wrapper .dot_7{left:33%}.body-container .dice-wrapper .dot_2,.body-container .dice-wrapper .dot_5,.body-container .dice-wrapper .dot_8{left:50%}.body-container .dice-wrapper .dot_3,.body-container .dice-wrapper .dot_6,.body-container .dice-wrapper .dot_9{left:67%}.body-container .btn{margin:0 15px;font-size:26px;letter-spacing:-.65px;padding:21px 29px;z-index:1}@keyframes lines{40%{opacity:1;background-position:-104px 0}70%{opacity:1;background-position:65px 0}to{opacity:1;background-position:130px 0}}@keyframes jump{0%{transform:scale(.5)}30%{transform:scale(1.2)}80%{transform:scale(1.2)}to{transform:scale(.9)}}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.spinner-container{display:flex;justify-content:center;align-items:center;width:100%;height:150px;background-color:#e9e9e9;border:1px solid #DCDCDC;border-radius:5px}.spinner-container label{display:none}.spinner-container .count-wrapper{display:flex;justify-content:center;align-items:center}.spinner-container .count-wrapper .btn{width:60px;height:60px}.spinner-container .count-wrapper .btn .ico{width:20px;height:20px;margin-right:0}.spinner-container .count-wrapper .spinner-input{width:85px;text-align:center;font-family:NanumSquareRound;font-size:100px;font-weight:700;letter-spacing:-2.5px;padding-top:13px;text-indent:-2px;color:#040407;-webkit-user-select:none;user-select:none;outline:none;border:none;background:transparent;pointer-events:none}.header-container{width:100%;height:90px;display:flex;flex:none;justify-content:space-between;align-items:center;padding:0 30px}.header-container .left-wrapper{display:flex;justify-content:center;align-items:center;font-family:NanumSquareRound;font-size:32px;color:#040407;font-weight:500;letter-spacing:-.8px}.header-container .left-wrapper .ico{width:42px;height:42px;margin-right:10px}.header-container .right-wrapper{display:flex;justify-content:center;align-items:center}.header-container .right-wrapper .btn-tool-close{width:32px;height:32px;border:none;background:url(../assets/icons/btn_close.svg) no-repeat center;margin-left:15px}.login-snackbar{display:none;visibility:hidden;min-width:250px;background-color:#000000b3;color:#fff;text-align:center;padding:16px;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10000;pointer-events:none;white-space:nowrap}.login-snackbar.show{display:block;visibility:visible;animation:fadein .3s,fadeout .5s 2.5s forwards}@media(hover:hover)and (pointer:fine){.login-snackbar{display:block}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadeout{0%{opacity:1}to{opacity:0;visibility:hidden}}