*{box-sizing:border-box}html,body,#app,main{width:100%;height:100%;overflow:hidden;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:Noto Sans TC,Arial,sans-serif;background:#10051f;color:#fff;overflow:hidden}img{max-width:100%}button{background:transparent;border:0;outline:none;cursor:pointer}a:hover,button:hover{filter:brightness(1.2);transition:.5s all}[v-cloak]{display:none}.fullpage-swiper{width:100%;max-width:none;padding:0;overflow:hidden}.fullpage-swiper>.swiper-wrapper{width:100%;height:100%}.fullpage-swiper>.swiper-wrapper>.swiper-slide.section06,.fullpage-swiper>.swiper-wrapper>.swiper-slide.section07{flex-direction:column}.section{position:relative;height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden}.section h1{font-size:72px;margin:0;text-shadow:0 6px 0 #491261,0 0 20px #ff7aff}.section h2{font-size:52px;margin:0 0 18px;color:#ffe67c;text-shadow:0 0 18px #803cff}.section p{font-size:22px}.menu{position:fixed;z-index:30;top:24px;left:24px}.hamburger{font-size:34px;color:#fff;width:54px;height:54px;display:flex;flex-direction:column;justify-content:space-between;background:#9b57ffcc;border-radius:0 0 10px;top:0;left:0;position:fixed;cursor:pointer}.menu-panel{display:none;width:250px;height:calc(100% - env(safe-area-inset-bottom));font-size:18px;flex-direction:column;gap:10px;background:#16072be6;padding:60px 0;align-items:center;top:0;left:0;position:fixed;z-index:-1}.menu.open .menu-panel{display:flex}.menu_logo{width:70%}.btnLink{display:flex;flex-direction:row;gap:10px}.btnLink img{width:55px}.menu a{width:100%;text-align:center;cursor:pointer;color:#fff;text-decoration:none;padding:8px 0}.menu a:hover{color:#ffad12}.btn_landing_page{font-size:16px;animation:rainbowFlash 1s infinite}.bgm-btn{position:fixed;right:1%;top:2%;z-index:9999}.pc-video,.mobile-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.mobile-bg{display:none;background:url(/img/prereg/section01/bg_m.jpg) center top/cover no-repeat}.section01:after{content:"";position:absolute;inset:0;background:url(/img/prereg/section01/mask.png);background-size:cover;z-index:0}.center-box,.panel,.quiz-card,.result-card{position:relative;z-index:2;text-align:center}.wrap{width:min(1400px,100%);height:calc(100% - env(safe-area-inset-bottom))!important;display:flex;flex-direction:column;align-items:center;margin:0 auto;position:relative;z-index:1;justify-content:center}.quiz-step-2 .wrap{justify-content:flex-start}.main-btn:disabled{filter:grayscale(1);opacity:.75;cursor:not-allowed}.logo{width:min(320px,50%)}.swiper-slide-active .slogan,.swiper-slide-active .wrap{animation:fadeInUp 1s forwards}.btn_prereg{width:min(382px,60%);margin-top:60px;filter:drop-shadow(2px 2px 5px rgb(47 27 27))!important}.btn_prereg:hover{transform:scale(.98)}.btn_device{width:35%;display:grid;grid-auto-flow:column;gap:30px}.btn_device a{width:min(273px,100%);display:inline-block}.section02{background:url(/img/prereg/section02/bg.jpg) center/cover}.section02 .title{margin-bottom:50px}.section02 .subtitle{margin:-87px 0 20px;z-index:1;position:relative}.gift{width:min(837px,100%)}.char{width:100%;display:flex;position:absolute;justify-content:space-between;filter:drop-shadow(0px 5px 5px rgb(47 27 27 / 45%))}.swiper-slide-active .char01{animation:fadeInLeft 1.5s forwards}.swiper-slide-active .char02{animation:fadeInRight 1.5s forwards}.panel{display:flex;flex-direction:column;align-items:center;position:relative;width:min(900px,92vw);padding:60px 10px 40px;border:3px solid #b435cb;border-radius:20px;background:url(/img/prereg/section02/boxBg.png) center / cover #ceb1e5bf;box-shadow:0 0 30px #ba62ff73}.panel:before{content:"";position:absolute;inset:0;pointer-events:none;border:50px solid transparent;border-image:url(/img/prereg/section02/border.png) 50 repeat;border-radius:20px;margin:5px}.panel.prize-panel{width:min(1050px,92vw);background:#1f0b33cc;display:flex;flex-direction:row;justify-content:space-around;align-items:flex-start;border-width:1px;margin-top:20px;z-index:1}.panel.prize-panel:before{border-image:url(/img/prereg/section03/border.png) 50 repeat}.hr{margin:10px auto}.step01{width:min(260px,60%)}.form{z-index:1;position:relative}.enterTel{display:grid;grid-template-columns:110px 1fr;gap:5px;align-items:center;margin:10px 0;text-align:left}.form input,.form select{font-size:20px;border-radius:0;border:2px solid #a980ff;background:#fff;color:#222;padding:14px}.form input.valid{color:#1fb64b;border-color:#1fb64b}.form input.invalid{color:#e43b3b;border-color:#e43b3b}.agree,.btn_remark{display:flex;flex-direction:row;align-items:center;cursor:pointer;justify-content:center}.btn_remark img{max-width:17px;margin-left:2px;margin-top:1px}.agree input[type=checkbox]{width:20px;height:20px;margin-right:5px}.agree{color:#000;font-weight:500}.agree a,.event-modal-box a{color:#f2b9ff}.btn_ok{padding:0;border:none;background:none;margin:10px 0 -5px}.panel .char{width:106%;bottom:-1px;z-index:0;pointer-events:none}.charR{animation:zombieJumpReverse 1.2s ease-in-out infinite;transform-origin:center bottom}.charL{animation:zombieJump 1.2s ease-in-out infinite;transform-origin:center bottom}.section03{background:url(/img/prereg/section03/bg.jpg) center/cover}.step2{margin:0 -40px}.step2,.step3{height:510px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.left_box{display:flex;flex-direction:column;align-items:center}.prize_img{position:relative}img.effect{left:0;top:0;mix-blend-mode:screen;position:absolute;z-index:-1}.step2 .btn_device{width:80%;zoom:.8;margin-top:-80px;z-index:1;filter:drop-shadow(0 0 10px rgba(186,98,255,.45))}.gift_wrap{display:grid;grid-auto-flow:column;gap:30px;padding:20px 40px;background:#513a768c;border:1px solid #a446b5;border-radius:10px;margin:10px 0}.monster01{top:-210px;left:80px;position:absolute;z-index:2}.swiper-slide-active .monster01{animation:float 3s infinite}.monster02{top:-230px;right:-120px;position:absolute;z-index:2}.swiper-slide-active .monster02:hover{animation:tada .5s ease-in-out}.section04{background:url(/img/prereg/section04/bg.jpg) center/cover}.prize{display:flex;gap:5px;margin:10px 0;justify-content:center;align-items:center}.login_wrap{max-width:720px;display:flex;flex-direction:column;align-items:center;justify-content:center}.login_wrap.after-login{width:min(720px,100%);height:300px;color:#000;font-weight:700;background:url(/img/prereg/section04/login_bg.png) center / contain no-repeat}.login_wrap p{margin-top:10px;margin-bottom:15px}.login_wrap span{cursor:pointer}.login_wrap span:hover{color:#ffad12}.new_member{font-weight:500;margin-top:-20px;z-index:1}.new_member a{color:#ffd65b}.after-login button{margin:0 0 5px}.quiz{height:calc(100% - env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;inset:0;background:url(/img/prereg/section05/mainBg.jpg) center / cover no-repeat}.quiz-step-1,.quiz-step-2{display:flex;flex-direction:column;align-items:center;justify-content:center}.npc01{margin:-140px auto 30px}.quiz .btn_start{width:min(460px,80%);bottom:40px;position:absolute;animation:btnBounce 1.6s ease-in-out infinite}.quiz .btn02{width:min(460px,80%);animation:btnBounce 1.6s ease-in-out infinite}.quiz-step-2{background-image:url(/img/prereg/section05/bg02.jpg)}.quiz-step-3{background-image:url(/img/prereg/section05/bg03.jpg)}.quiz-step-4{background-image:url(/img/prereg/section05/bg04.jpg)}.quiz-step-5{background-image:url(/img/prereg/section05/bg05.jpg);display:flex;flex-direction:column;justify-content:flex-start}.text02{margin:40px 0}.text04{animation:btnBounce 1.6s ease-in-out infinite}.warning{bottom:40px;position:absolute}.quiz-layout-question_odd,.quiz-layout-question_even{width:min(900px,100%);text-align:center}.quiz-answer-wrap{max-width:95%;display:flex;flex-direction:column;align-items:center;margin:0 auto}.question{font-size:28px;margin-bottom:28px}.answer-btn{display:flex;align-items:center;justify-content:flex-start;position:relative;gap:10px;width:100%;height:80px;background:url(/img/prereg/section05/button01.png);background:#1c0442;border:3px solid #FFF;border-radius:50px;color:#fff;font-size:22px;cursor:pointer;box-shadow:0 0 10px 3px #f562ffcc,inset 0 0 8px #f562ffcc;transition:.3s all}.answer-btn:hover{background:#421a81}.question1 .answer-btn:first-child .answer-icon img{left:15px;position:absolute}.quiz-layout-question_even .quiz-answer-wrap{display:flex;flex-direction:row;justify-content:center;align-items:flex-end;gap:20px}.quiz-layout-question_even .quiz-answer-list{width:50%}.quiz-layout-question_even .answer-btn{text-align:center}.quiz_npc img{max-width:100%}.quiz-answer-list{width:min(540px,90%);gap:50px;display:flex;flex-direction:column;align-items:center;justify-content:center}.answer-icon{width:55px;height:55px;margin-left:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.question1 .answer-icon{width:100px;height:100px;margin:0 0 15px 85px}.answer-icon img{max-width:100%;max-height:100%;object-fit:contain}.answer-text{font-size:24px;color:#c3a9eb;white-space:pre-line}.question3 .answer-text,.question5 .answer-text{width:52%}.quiz-layout-question_even .answer-text{width:100%}.quiz-loading-card{position:relative;z-index:2;width:min(760px,92vw);min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:#1a052ebd;border:2px solid #ca8cff;border-radius:24px;padding:42px;box-shadow:0 0 36px #c365ff73;text-align:center}.monster_wrap{width:54%;margin:60px 0 -50px;display:flex;flex-direction:row;justify-content:space-around;position:relative}.quiz-loading{filter:drop-shadow(0 0 10px rgba(255,169,248,.8))}.npc02{left:0;bottom:50px;zoom:.7;position:absolute;z-index:-1}.npc03{right:0;bottom:50px;zoom:.7;position:absolute;z-index:-1}.result-card-rich{width:min(1120px,94vw);display:grid;grid-template-columns:42% 1fr;gap:28px;align-items:center;text-align:center;padding:28px}.result_wrap,.result_scroll{width:100%;height:100dvh;display:flex;flex-direction:column;align-items:center;position:relative}.resultimg{width:100%;height:auto;object-fit:cover}.result-actions{width:200px;margin-left:35%;top:470px;display:flex;flex-direction:column;gap:10px;position:absolute}.result-monster-img{top:0;bottom:100px;margin:auto;position:absolute}.result-ability-img{top:170px;left:180px;position:absolute}.result-detail-img{bottom:0;position:absolute}.result-info h2{font-size:30px;margin:6px 0;color:#ffe67c}.result-info p{font-size:18px;margin:8px 0}.result-card-rich .result-actions{display:flex;flex-direction:row;justify-content:center;gap:16px;margin-top:14px}.result-card-rich .main-btn,.result-card-rich .sub-btn{min-width:180px}.section06{background:url(/img/prereg/section06/bg.jpg) center/cover no-repeat}.section06:before{content:"";width:100%;height:100dvh;position:absolute;background:url(/img/prereg/section06/overlay.png);pointer-events:none}.section06 .title{margin-bottom:-40px}.job-swiper{width:min(1400px,94vw);display:flex;flex-direction:column;justify-content:center;align-items:center}.navigation{width:1520px;position:absolute;z-index:3;cursor:pointer}.job-prev{left:0;position:absolute}.job-next{right:0;position:absolute}.job-slide{width:570px;height:800px;display:flex;gap:28px;align-items:center;justify-content:center}.job-swiper .swiper-slide:not(.swiper-slide-active) .job-scroll-img{filter:brightness(.6)}.job-scroll{position:relative;width:570px;margin:auto;filter:drop-shadow(0 22px 24px rgba(0,0,0,.45))}.job-scroll-img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;pointer-events:none}.job-hot-area{position:absolute;left:7%;width:86%;height:43%;border:0;background:transparent;pointer-events:none}.job-slide.swiper-slide-active .job-hot-area{pointer-events:all;cursor:pointer}.job-hot-area.top{top:6%}.job-hot-area.bottom{bottom:6%}.job-hot-area span{position:absolute;left:-9999px}.job-hot-area:focus-visible{outline:3px solid #ffe67c;outline-offset:-8px}.job-modal-box{background:url(/img/prereg/section06/popup/popBg.png) center / cover no-repeat;width:100%;height:100dvh}.job-modal .wrap{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.job-modal-box:before{content:"";position:absolute;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:-2}.job-modal-character{width:800px;height:720px;display:flex;align-items:flex-end;justify-content:center}.job-modal-scroll{width:720px;height:730px;right:120px;background:url(/img/prereg/section06/popup/class_bg.png) center / cover no-repeat;color:#32190b;text-align:center;padding:110px 140px;position:absolute}.job-modal-scroll h3{color:#8f1414;font-size:42px;margin:0}.job-modal-scroll h4{font-size:22px;margin:0 0 18px;color:#000}.job-video-play{width:315px;max-width:100%;aspect-ratio:16/9;background-color:#1d1d1d;background-image:url(/img/prereg/section06/popup/video01.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;color:#ddd;margin:18px auto;display:flex;align-items:center;justify-content:center;font-size:58px;position:relative;cursor:pointer}.job-video-play:before{content:"";width:332px;height:193px;position:absolute;background:url(/img/prereg/section06/popup/frame.png);pointer-events:none}.job-modal-scroll p{color:#2b160c;font-size:18px;font-weight:700;line-height:1.5;white-space:break-spaces}.job-modal .close{right:40px;top:-20px;z-index:2}.section07{background:url(/img/prereg/section07/bg.jpg) center/cover no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center}.section07 .char01{left:-250px;bottom:0;position:absolute;z-index:3}.section07 .char02{right:-250px;top:0;position:absolute;z-index:3}.frame{width:1012px;height:692px;padding:20px;position:relative}.frame:before{content:"";width:100%;height:100%;left:0;top:0;background:url(/img/prereg/section07/frame.png) no-repeat;position:absolute;z-index:2;pointer-events:none}.feature-swiper{width:960px;height:640px;border-radius:10px;position:relative}.f-navigation{width:1130px;height:76px;top:110px;bottom:0;margin:auto;position:absolute;cursor:pointer;z-index:4}.feature-next{top:0;right:0;position:absolute}.mobile-youtube{display:none}.footer{background:#212121;height:120px;display:flex;flex-direction:column;justify-content:center}.fullpage-swiper>.swiper-wrapper>.footer.swiper-slide{height:120px;flex:0 0 120px}.footer .wrap{max-width:1280px;color:#fff;font-size:12px;text-align:left;display:flex;flex-direction:row;justify-content:space-around;position:relative}.company{display:flex;flex-direction:row;align-items:center}.logos img{width:auto;height:45px;margin-right:20px}.copyright p{line-height:2;margin:0 0 3px}.copyright a{color:#fff;margin-right:10px;opacity:.8}.grade{display:flex;flex-direction:row;align-items:flex-end}.grade_icon img{width:80px}.grade_right{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.grade_text{padding:0;margin-bottom:0;margin-left:10px}.grade_text li{list-style-type:square;margin-left:25px;padding-left:0;line-height:1.5}.grade p{margin:0;padding-left:15px;color:#ffc357}.modal{position:fixed;z-index:99;inset:0;display:flex;align-items:center;justify-content:center;background:#000000b3}.modal-box{display:flex;flex-direction:column;align-items:center;position:relative;width:min(560px,90vw);padding:60px 30px 40px;border:2px solid #b435cb;border-radius:20px;background:url(/img/prereg/section02/boxBg.png) center / cover #8d63afd9;box-shadow:0 0 30px #ba62ff73;gap:10px}.modal-box:before{content:"";position:absolute;inset:0;pointer-events:none;border:30px solid transparent;border-image:url(/img/prereg/section02/border.png) 50 repeat;border-radius:20px;margin:5px}.modal-box.event-modal-box{width:750px}.event-content{max-height:60dvh;overflow:auto;border-top:1px solid #c094e7}.event-modal-box li{margin:5px 0}.share-result-modal{z-index:140;padding:18px;box-sizing:border-box}.share-result-box{width:min(800px,calc(100vw - 28px));height:min(555px,calc(100vh - 36px));max-height:calc(100vh - 36px);padding:18px 56px 0;box-sizing:border-box;overflow:auto;position:relative;display:flex;flex-direction:column;align-items:center;color:#333;background:#fff;border-radius:8px;box-shadow:0 18px 50px #0000006b}.share-result-close{width:48px;height:48px;top:8px;right:12px;position:absolute;display:flex;align-items:center;justify-content:center;border:0;color:#050505;background:transparent;font-size:54px;line-height:1;cursor:pointer;appearance:none;-webkit-appearance:none}.share-result-preview{width:min(640px,100%);display:flex;justify-content:center}.share-result-preview img{width:auto;max-width:100%;max-height:min(482px,calc(100vh - 136px));object-fit:contain;margin-top:60px}.share-result-actions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(74px,1fr));align-items:start;gap:12px;margin-top:50px}.share-result-action{min-width:0;padding:0;border:0;display:flex;flex-direction:column;align-items:center;gap:5px;color:#333;background:transparent;font-size:14px;font-weight:700;line-height:1.2;white-space:nowrap;cursor:pointer}.share-result-icon-img{width:48px;height:48px;display:block;object-fit:contain}.modal.job-modal{background:transparent}.modal-box h3{font-size:30px;margin:0;color:#ffd062}.modal-box p{text-align:center}.close{position:absolute;right:0;top:-10px;border:0;background:none;font-size:55px;cursor:pointer;color:#fff}.video-box{width:min(900px,94vw);padding:52px 22px 22px;position:relative}.video-box iframe{width:100%;aspect-ratio:16/9;border:0}.swiper-button-next,.swiper-button-prev{color:#fff}.swiper-pagination-bullet-active{background:#fff}.main-btn,.sub-btn,.hamburger,.close,.job-hot-area{appearance:none;-webkit-appearance:none}.main-btn,.sub-btn{padding:12px 50px;border:0;border-radius:20px;color:#fff;font-size:18px;font-weight:500;box-shadow:none;background:linear-gradient(#dd5cd5,#913a8c)}.sub-btn{background-image:url(/img/prereg/common/btn-purple.svg)}.main-btn:disabled{filter:grayscale(1);opacity:.7;cursor:not-allowed}@keyframes zombieJump{0%{transform:translateY(0) rotate(0)}20%{transform:translateY(-18px) rotate(-3deg)}40%{transform:translateY(0) rotate(3deg)}55%{transform:translateY(-8px) rotate(-2deg)}70%{transform:translateY(0) rotate(2deg)}to{transform:translateY(0) rotate(0)}}@keyframes zombieJumpReverse{0%{transform:scaleX(-1) translateY(0) rotate(0)}20%{transform:scaleX(-1) translateY(-18px) rotate(-3deg)}40%{transform:scaleX(-1) translateY(0) rotate(3deg)}55%{transform:scaleX(-1) translateY(-8px) rotate(-2deg)}70%{transform:scaleX(-1) translateY(0) rotate(2deg)}to{transform:scaleX(-1) translateY(0) rotate(0)}}@keyframes float{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@keyframes float2{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px)scale(1.05);-ms-transform:translateY(-20px)scale(1.05);transform:translateY(-20px)scale(1.05)}to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@keyframes btnBounce{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}@keyframes bounce{30%{transform:scale(1.1,.9)}30%{transform:scale(.9,1.1) translateY(-3px)}50%{transform:scale(1)}80%{transform:scale(.9,1.1) translateY(-3px)}to{transform:scale(1)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);-ms-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}to{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-80px);-ms-transform:translateX(-80px);transform:translate(-80px)}to{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(80px);-ms-transform:translateX(80px);transform:translate(80px)}to{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@keyframes rainbowFlash{0%{color:red}20%{color:#ff0}40%{color:#0f0}60%{color:#0ff}80%{color:#f0f}to{color:red}}@media(max-width:780px){body{overflow:hidden}.menu-panel{width:100%;align-items:center;justify-content:center}.menu_logo{width:40%}#section1 .wrap{display:flex;flex-direction:column;justify-content:space-around}#section5 .wrap{gap:40px}.title{width:65%}.section04 .title{width:95%}.quiz .title{width:100%;scale:1.2}.section01:after,.section03 .monster01,.section03 .monster02{display:none}.btn_prereg{margin:10% 0 -15%}.btn_device{width:80%}.section02{background:url(/img/prereg/section02/bg_m.jpg) center / cover}.section02 .char{display:none}.panel:before{content:"";position:absolute;inset:0;pointer-events:none;border:30px solid transparent;border-image:url(/img/prereg/section02/border.png) 50 repeat;border-radius:20px;margin:5px;z-index:-1}.section02 .subtitle{margin:-14% 0 1%}.form{zoom:.9;display:flex;flex-direction:column;align-items:center}.enterTel input{width:100%}.agree{font-size:.8em}.event-modal-box li{margin:5px 0 5px -15px}.panel.prize-panel{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin:0;padding:25px 10px 15px}.panel.prize-panel>*{zoom:.9}.gift_wrap{background:none;border:0;padding:0}.prize_img{zoom:.6}.step2,.step3{width:100%;height:auto}.step3{margin-top:-7%;z-index:1}.step02,.step03{width:80%}.left_box{display:flex;flex-direction:row;align-items:center}.step2 .btn_device{width:30%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:-50px;margin-top:0;gap:10px}.gift_wrap{zoom:.75;margin:10px 0 0}.btn_fb{zoom:.95}.section p{font-size:22px}.pc-video{display:none}.mobile-bg{display:block}.panel{margin-top:-5%;padding:28px 18px}.section04{background:url(/img/prereg/section04/bg_m.jpg) center / cover}.text{width:60%}.prize{width:85%;display:flex;flex-direction:column;gap:0}.login_wrap{zoom:.6}.swiper{width:100%;padding:0}.quiz{background:url(/img/prereg/section05/mainBg_m.jpg) center / cover}.quiz-step-2{background-image:url(/img/prereg/section05/bg02_m.jpg)}.quiz-step-3{background:url(/img/prereg/section05/bg03_m.jpg) center top / cover;display:flex;justify-content:flex-start;padding-top:18%}#section5 .quiz-step-2 .wrap,#section5 .quiz-step-4 .wrap{display:flex;flex-direction:column;justify-content:flex-start}.text02{margin:40px 0 -10px}.quiz .btn_start{margin-top:-10%;position:relative;z-index:1}.warning{bottom:14%}.question1 .answer-icon{width:80px;height:80px;margin:0 0 15px 5%}.answer-text{font-size:18px;color:#c3a9eb;white-space:pre-line}.quiz-layout-question_even .quiz-answer-list{width:80%;gap:20px}.quiz-layout-question_even .quiz-answer-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.result_scroll{height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:flex;flex-direction:column;align-items:center;position:relative}.quiz_npc{bottom:10px;order:2}.npc01{width:70%;margin:-120px 0 0;z-index:1}.answer-icon{width:44px;height:44px;margin-left:25px}.question3 .answer-text,.question5 .answer-text{width:66%;text-align:center;font-size:18px;line-height:1.1;white-space:pre}.quiz-step-4{background-image:url(/img/prereg/section05/bg04.jpg)}.quiz-answer-list{gap:30px}.monster_wrap{width:75%}.npc02{left:-150px;zoom:.55}.npc03{right:-150px;zoom:.55}.section05,.section05 .swiper-slide{height:calc(100% - env(safe-area-inset-bottom));min-height:100vh}#section5{height:calc(100% - env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);overflow-y:auto}.result_wrap{height:auto;padding-bottom:env(safe-area-inset-bottom)}.result-actions{background:url(/img/prereg/section05/bg05_m.jpg) center top #000 no-repeat;background-size:100%;width:100%;margin:0;padding-bottom:8dvh;top:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative}.share-result-modal{padding:20px}.share-result-box{width:100%;max-width:420px;height:auto;max-height:calc(100dvh - 40px);padding:30px 14px 18px;overflow:hidden}.share-result-close{width:42px;height:42px;top:4px;right:8px;font-size:44px}.share-result-preview{width:min(360px,100%)}.share-result-preview img{max-height:calc(100dvh - 190px);margin-top:0}.share-result-actions{gap:8px;margin-top:12px}.share-result-action{gap:4px;font-size:11px}.share-result-icon-img{width:42px;height:42px}.result-actions>*{width:50%}.section06{background-image:url(/img/prereg/section06/bg_m.jpg)}.job-swiper{height:80dvh}.job-swiper .swiper-wrapper{align-items:center}.section07 .wrap{gap:20px;display:flex;justify-content:center}.feature-img{width:100%;height:300px}.mobile-youtube{display:block;position:relative;z-index:2;width:846px;height:481px;margin-top:12px;border-radius:12px;overflow:hidden;zoom:.305}.mobile-youtube iframe{display:block;width:100%;aspect-ratio:16/9;border:0;pointer-events:none}.job-modal-box{background:url(/img/prereg/section06/popup/popBg_m.png) center no-repeat;width:100%;height:100dvh;background-size:210%}.job-modal .wrap{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.job-modal .close{right:110px;top:110px;z-index:2;zoom:1}.job-modal-character{margin-left:-230px;zoom:.5;pointer-events:none}.popup-char01{margin-left:-20%}.charImg.popup-char02{margin-left:12%}.charImg.popup-char04{margin-left:-10%}.charImg.popup-char05{margin-left:-5%}.charImg.popup-char07{margin-left:-25%}.charImg.popup-char08{margin-left:-5%}.charImg.popup-char09{margin-left:-40%}.charImg.popup-char10{margin-left:-6%}.navigation{width:100%}.job-modal-scroll{zoom:.5;padding:110px 0;right:-80px}.job-modal-scroll h3{font-size:30px}.skill-list{grid-template-columns:repeat(2,1fr)}.f-navigation{width:100%;zoom:.7}.section07 .char01{top:80px;left:-150px;z-index:3;pointer-events:none;zoom:.7}.section07 .char02{top:auto;bottom:-40px;right:-140px;z-index:3;pointer-events:none;zoom:.7}.swiper-slide-active,.swiper-slide-duplicate-active{z-index:-1}.feature_wrap{width:100%;display:flex;justify-content:flex-end;padding:10px}.video_wrap{width:100%;display:flex;justify-content:flex-start;padding:10px;z-index:4;position:relative}.frame{width:481px;height:846px;padding:5px;zoom:.6}.frame:before,.mobile-youtube:before{content:"";width:100%;height:100%;left:0;top:0;background:url(/img/prereg/section07/frame_m.png) no-repeat;position:absolute;z-index:2;pointer-events:none}.feature-swiper{width:100%;height:auto}.footer{height:auto;padding:20px}.fullpage-swiper>.swiper-wrapper>.footer.swiper-slide{height:auto;flex:0 0 auto}.footer .wrap{display:flex;flex-direction:column;height:auto}.company{display:flex;flex-direction:column;text-align:center}.grade{display:flex;flex-direction:column;align-items:center;margin-top:20px}.grade_icon{width:20%}.modal-box.event-modal-box{width:min(560px,90vw)}}@media(max-width:480px){.hamburger{zoom:.8}.prize_img{zoom:.5}.step2 .btn_device{margin-left:-10px}.gift_wrap{zoom:.65}.section07 .char01,.section07 .char02{display:none}}