@font-face{font-family:TTLaundryGothicB;font-style:normal;font-weight:700;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/2403-2@1.0/TTLaundryGothicB.woff2) format("woff2")}*{box-sizing:border-box;margin:0;padding:0;word-break:keep-all}body,html{height:100%;overflow-x:hidden;width:100%}html{font-size:16px}img{max-height:100%;max-width:100%}body{background-color:#18332c;padding:0}.loading-screen{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .5s ease-out,visibility .5s ease-out;width:100%;z-index:1000}.loading-screen.dispose{display:none!important}.loading-screen.fade-out{opacity:0;visibility:hidden}.loading-container{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.dots{display:flex;gap:8px;justify-content:center;margin-bottom:20px}.dot{animation:jump .8s ease-in-out infinite;background:#fff;border-radius:50%;height:12px;width:12px}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes jump{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.progress-bar{background:#b7dfd3;border-radius:3px;height:6px;margin:20px auto;overflow:hidden;position:relative;width:200px}.progress{animation:loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#2f734f,#1b5f3b);border-radius:3px;height:100%;position:absolute;width:50%}@keyframes loading{0%{left:-50%}to{left:100%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.content{align-items:center;display:none;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.content.show{display:flex;transform:translateY(0)}.header{position:absolute;top:0;z-index:0}.header .header-title{max-height:138px;position:relative}.richam-spam{background-image:url(/static/assets/img/richam/richam_spam.svg);background-position:50%;background-repeat:no-repeat;background-size:contain}.box,.richam-spam{bottom:0;position:fixed;top:0;width:100%}.box{display:flex;justify-content:center;overflow:hidden}.box-img{max-width:3000px}.footer-box{background-image:url(/static/assets/img/richam/richam_quiz_box.png);background-repeat:no-repeat;background-size:contain;bottom:30px;height:100%;max-height:136px;max-width:320px;position:absolute;width:100%}.footer-box.focus{z-index:10}.footer-box .wrapper{align-items:flex-end;bottom:15px;display:flex;gap:4px;justify-content:center;padding:0 11px 0 20px;position:absolute;width:100%}.footer-box .wrapper .input-box{background-color:transparent;background-image:url(/static/assets/img/richam/richam_input_box.png);background-repeat:no-repeat;background-size:contain;border:none;color:#0b5824;display:flex;font-family:TTLaundryGothicB,sans-serif;font-size:1.5rem;font-weight:400;height:40px;text-align:center;width:40px}.footer-box .wrapper .input-box::-webkit-inner-spin-button{display:none!important}.footer-box .wrapper .input-dot{background-image:url(/static/assets/img/richam/richam_input_dot.svg);background-repeat:no-repeat;background-size:contain;height:6px;width:6px}.footer-box .wrapper .percent{background-image:url(/static/assets/img/richam/richam_input_percent.svg);background-repeat:no-repeat;background-size:contain;height:20px;width:26px}.footer-box .wrapper .btn-confirm{align-self:flex-end;background-color:transparent;background-image:url(/static/assets/img/richam/richam_input_confirm.png);background-repeat:no-repeat;background-size:contain;border:none;cursor:pointer;height:48px;width:48px}#placeholder{flex:1;height:calc(100% - 175px);margin:80px 0 95px;padding:0 15px;position:relative;width:100%;z-index:10}rotate-it{display:block;height:100%;width:100%}.modal .modal-content{background:radial-gradient(50.65% 100% at 50% 0,#1d3934 0,#092520 100%);border-radius:20px;font-family:TTLaundryGothicB,sans-serif;padding:24px 46px}.modal .modal-content.fail{background-image:url(/static/assets/img/richam/richam_img_fail_bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:75px 62px 24px}.modal .modal-content .title{font-size:18px}.modal .modal-content .title.fail{margin-bottom:15px}.modal .modal-content .body{font-size:28px;margin-bottom:8px}.modal .modal-content .body.fail,.modal .modal-content .tip{margin-bottom:39px}.modal .modal-content .btn-bottom{padding:8px 50px}.img-success{background-image:url(/static/assets/img/richam/richam_img_success.png);height:164px;width:229px}.error{color:#fff;font-size:24px}@media (max-width:480px){.richam-spam{background-size:100% auto}.header{padding:0 20px}}@media (min-width:768px){#placeholder{height:calc(100% - 244px);margin:115px 0}.footer-box{background-image:url(/static/assets/img/richam/richam_quiz_box_pc.png);max-height:192px;max-width:450px}.footer-box .wrapper{padding:0 11px 0 20px}.footer-box .wrapper .input-box{background-size:contain;font-size:2rem;height:50px;width:50px}.footer-box .wrapper .input-dot{background-size:contain;height:8px;width:8px}.footer-box .wrapper .percent{background-size:contain;height:28px;width:36px}.footer-box .wrapper .btn-confirm{background-size:contain;height:60px;width:60px}.modal .modal-content{padding:32px 65px}.modal .modal-content .title{font-size:24px}.modal .modal-content .body{font-size:32px;margin-bottom:24px}.modal .modal-content.fail{padding:90px 75px 32px}.modal .modal-content.fail .title{margin-bottom:18px}.modal .modal-content.fail .body{font-size:36px;margin-bottom:47px}.modal .modal-content.fail .tip{margin-bottom:45px}}