@charset "utf-8";@import url("https://fonts.googleapis.com/css2?family=Noto+Sans&family=Poppins&display=swap");body{font-family:var(--font-poppins),var(--font-notoSans),var(--font-notoSansSC),var(--font-notoSansThai),-apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",sans-serif}body:after{position:absolute;width:0;height:0;overflow:hidden;z-index:-1;content:url(https://static.delabs.gg/ragnarok/homepage/ico-pop-close-white.svg) url(https://static.delabs.gg/ragnarok/homepage/pre-register/ico-line-blur.png) url(https://static.delabs.gg/ragnarok/homepage/pre-register/ico-telegram-blur.png) url(https://static.delabs.gg/ragnarok/homepage/pre-register/ico-x-blur-v3.png)}.blind{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section{position:relative}.mo-type{display:none}.icon-pop-close-black{display:block;width:100%;height:100%;background:url(https://static.delabs.gg/boxingstar/img/icon-pop-close-black.png) 0 0 no-repeat;background-size:contain}.radix-scroll-area-thumb{border-radius:3px;background:rgba(92,118,184,.6)}:lang(en),:lang(th),:lang(zh-TW){font-family:var(--font-poppins),var(--font-notoSansThai),var(--font-notoSansSC),sans-serif}:lang(zh-TW){.novice-wrap .tooltip-text{word-break:break-word}.event1-banner{width:608px;height:209px}.event2-banner{width:591px;height:209px}}:lang(th){.event1-banner{width:608px;height:209px}.event2-banner{width:591px;height:209px}}.header-wrap{position:fixed;top:0;left:0;width:100%;height:3.75vw;background:rgba(255,255,255,.1);backdrop-filter:blur(30px);z-index:500;.inner{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 15.63vw;box-sizing:border-box}.sns-list{display:flex;justify-content:center;align-items:center;gap:var(--value-16);.item-link{display:flex;justify-content:center;align-items:center;width:var(--value-48);height:var(--value-48)}}}.header-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3.7vw;height:2.5vw;background:url(https://static.delabs.gg/ragnarok/homepage/ro-header-logo.png) 50% no-repeat;background-size:cover}.btn-logo{display:block;width:100%;height:100%}.btn-wiki{padding:var(--value-8) var(--value-14);color:#3570aa;border-radius:var(--value-10);border:2px solid #3570aa;background:#fff;box-sizing:border-box}.intro{width:100%;height:100%;min-height:150vw;background:url(https://static.delabs.gg/ragnarok/homepage/img-intro-group-v2.png) center 0 no-repeat;background-size:cover;.inner{position:relative;display:flex;flex-direction:column;gap:var(--value-24);width:100%;height:100%;min-height:100vh;padding:9.38vw 15.63vw 0;box-sizing:border-box}}.intro-info{gap:var(--value-40);.info-text{display:flex;flex-direction:column;gap:var(--value-12)}.btn-wrap{gap:var(--value-24)}}.btn-blue{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:3.75vw;margin-top:var(--value-20);gap:var(--value-16);background:linear-gradient(180deg,#70d4ff,#4197dc 60%);border-radius:var(--value-22);box-shadow:.1vw .21vw .42vw 0 rgba(0,0,0,.25);cursor:pointer;z-index:1;&:before{content:"";position:absolute;inset:0;padding:2px;background:hsla(222,80%,22%,.3);border-radius:var(--value-20);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}&:hover{background:linear-gradient(180deg,#63c0ff,#3879d0 60%);span{text-shadow:0 0 5px rgba(255,255,255,1)}}span{position:relative}&.btn-submit{width:408px;&:hover{span{&:before{content:"Submit"}}}}}.btn-blue-gradient{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(180deg,#70d4ff,#4197dc 60%);border-radius:16px;box-shadow:.1vw .21vw .42vw 0 rgba(0,0,0,.25);cursor:pointer;z-index:1;&:before{content:"";position:absolute;inset:0;padding:2px;background:hsla(222,80%,22%,.3);border-radius:16px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}&:hover{background:linear-gradient(180deg,#63c0ff,#3879d0 60%);span{text-shadow:0 0 5px rgba(255,255,255,1)}.btn-icon{position:relative;&:before{content:"";position:absolute;display:block;width:100%;height:100%;background-color:rgba(255,255,255,.3);box-shadow:0 0 11px 2px rgba(255,255,255,.5);backdrop-filter:blur(6px)}img{position:relative;z-index:10}}}&.type-telegram{&:hover{.btn-icon{&:before{content:"";position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px;width:40px;height:40px;background:url(https://static.delabs.gg/ragnarok/homepage/pre-register/ico-telegram-blur.png) 0 0 no-repeat;background-size:40px 40px;backdrop-filter:none;box-shadow:none}}}}&.type-line{&:hover{.btn-icon{&:before{content:"";position:absolute;top:50%;left:50%;margin-top:-19px;margin-left:-19px;width:38px;height:38px;background:url(https://static.delabs.gg/ragnarok/homepage/pre-register/ico-line-blur.png) 0 0 no-repeat;background-size:38px 38px;backdrop-filter:none;box-shadow:none}}}}&.type-x{&:hover{.btn-icon{&:before{content:"";position:absolute;top:50%;left:50%;margin-top:-18px;margin-left:-18px;width:36px;height:36px;background:url(https://static.delabs.gg/ragnarok/homepage/pre-register/ico-x-blur-v3.png) 0 0 no-repeat;background-size:36px 36px;backdrop-filter:none;box-shadow:none}}}}}.btn-coming{position:relative;display:block;width:14.06vw;height:2.81vw;margin-top:var(--value-24);border-radius:.63vw;border:1px solid rgba(11,38,99,.3);background:linear-gradient(273deg,#4197dc 10.53%,#2e9ef8 84.9%);&:before{content:"";position:absolute;top:50%;left:50%;width:8.18vw;height:1.3vw;transform:translate(-50%,-50%);background:url(https://static.delabs.gg/ragnarok/homepage/img-text-comingsoon-v2.png) 0 0 no-repeat;background-size:cover}}.register-box{overflow:hidden;position:relative;width:23.33vw;height:auto;padding:var(--value-20);background:hsla(222,19%,50%,.3);border-radius:var(--value-32);backdrop-filter:blur(.26vw);box-sizing:border-box;&:before{content:"";position:absolute;inset:0;padding:2px;background:hsla(222,80%,22%,.3);border-radius:var(--value-32);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.text-box{display:flex;flex-direction:column;gap:.21vw;padding-left:.31vw}}.scroll-arrow-wrap{position:absolute;bottom:var(--value-80);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--value-8);.text{color:#0b2663;font-weight:700}.arrow-item{display:block;margin-top:-.26vw}.arrow1{animation:arrow1 .8s ease-in-out infinite}.arrow2{animation:arrow1 .8s ease-in-out .2s infinite}.arrow3{animation:arrow1 .8s ease-in-out .4s infinite}}@keyframes arrow1{0%{opacity:.5}50%{opacity:.7}to{opacity:1}}.game-info{position:absolute;top:56.25vw;left:0;width:100%;height:100%;min-height:93.75vw;background:transparent;.inner{width:100%;height:100%;padding:29.64vw 0 14.69vw;box-sizing:border-box}}.game-info-list{width:100%;height:100%;display:flex;justify-content:center;flex-direction:column;gap:var(--value-180);box-sizing:border-box;li{&:first-of-type{.left-side:before{content:"";position:absolute;bottom:3.96vw;left:18.18vw;width:7.86vw;height:7.86vw;background:url(https://static.delabs.gg/ragnarok/homepage/img-zeny-one.svg) 0 0/cover no-repeat;animation:zeny 3s ease-in-out infinite forwards}.info-title{img{width:100%}}}&:nth-child(2){.left-side{width:26.04vw;height:23.39vw}.info-title{width:13.13vw;background-image:url(https://static.delabs.gg/ragnarok/homepage/img-text-sharevice.svg)}}}.list-item{display:flex;justify-content:center;align-items:center;gap:var(--value-40);&.reverse{flex-direction:row-reverse}}.left-side{position:relative;width:19.9vw;height:16.67vw;img{width:100%;height:100%;object-fit:contain}}.right-side{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--value-24);width:40.63vw;.img-box{position:absolute;bottom:0;left:-11.88vw;width:10.83vw;height:8.65vw}}.info-title{position:relative;height:3.23vw;width:6.46vw;background:url(https://static.delabs.gg/ragnarok/homepage/img-text-zeny.svg) 50%/contain no-repeat}}.sparkle-box{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;.item-type1{top:2.14vw;left:0;width:3.07vw;height:3.13vw;animation:sparkle1 1s ease-in-out infinite forwards}.item-type1,.item-type2{position:absolute;background:url(https://static.delabs.gg/ragnarok/homepage/ico-sparkle1.svg) 0 0 no-repeat;background-size:contain}.item-type2{top:.89vw;right:0;width:2.45vw;height:2.5vw;animation:sparkle1 1s ease-in-out .5s infinite forwards}.item-type3{top:3.13vw;right:-6.15vw;width:4.64vw;height:4.69vw;animation:sparkle1 1s ease-in-out 3s infinite forwards}.item-type3,.item-type4{position:absolute;background:url(https://static.delabs.gg/ragnarok/homepage/ico-sparkle1.svg) 0 0 no-repeat;background-size:contain}.item-type4{bottom:.36vw;right:-4.856vw;width:2.14vw;height:2.19vw;animation:sparkle1 1s ease-in-out infinite forwards}.item-type5{position:absolute;bottom:1.09vw;right:6.88vw;width:1.82vw;height:1.88vw;background:url(https://static.delabs.gg/ragnarok/homepage/ico-sparkle1.svg) 0 0 no-repeat;background-size:contain;animation:sparkle1 1s ease-in-out 1.7s infinite forwards}}@keyframes zeny{0%{transform:translateY(-20px)}50%{transform:translateY(0)}to{transform:translateY(-20px)}}@keyframes sparkle1{0%{opacity:1}50%{opacity:0}to{opacity:1}}.content-info{width:100%;height:100%;min-height:174.58vw;background:url(https://static.delabs.gg/ragnarok/homepage/img-section2-v2.png) 50% no-repeat;background-size:cover;.title{position:absolute;top:-7.4vw;left:0;width:100%;height:11.56vw;img{width:100%;height:100%;object-fit:contain}}.game-info-list{padding-top:7.29vw;gap:var(--value-24);.list-item{gap:var(--value-84)}.right-side{width:32.19vw}.left-side{width:32.19vw!important;height:26.04vw!important}li{&:first-of-type{.left-side{&:before{content:none}}.info-title{width:5.21vw;background-image:url(https://static.delabs.gg/ragnarok/homepage/img-text-pvp.svg)}}&:nth-child(2){.info-title{width:15.94vw;background-image:url(https://static.delabs.gg/ragnarok/homepage/img-text-guild.svg)}}&:nth-child(3){.info-title{width:16.95vw;background-image:url(https://static.delabs.gg/ragnarok/homepage/img-text-lab.svg)}}&:last-of-type{.info-title{width:18.65vw;background-image:url(https://static.delabs.gg/ragnarok/homepage/img-text-marketplace.svg)}}}}}.pink-poring{position:absolute;top:-.83vw;right:11.25vw;width:12.5vw;height:8.18vw;background:url(https://static.delabs.gg/ragnarok/homepage/img-poring-pink-v2.png) 0 0 no-repeat;background-size:contain;animation:toTop 6s ease-in-out infinite forwards}.blue-poring{position:absolute;top:8.18vw;left:5.52vw;width:16.46vw;height:16.46vw;background:url(https://static.delabs.gg/ragnarok/homepage/img-poring-blue-v2.png) 0 0 no-repeat;background-size:contain;animation:toBottom 6s ease-in-out infinite forwards}.green-poring{position:absolute;top:-.5vw;right:8vw;width:13.65vw;height:13.65vw;background:url(https://static.delabs.gg/ragnarok/homepage/img-poring-green.png) 0 0 no-repeat;background-size:contain;animation:toTop2 6s ease-in-out infinite forwards}@keyframes toTop{0%{transform:translate(0)}50%{transform:translate(.57vw,-2.5vw)}to{transform:translate(0)}}@keyframes toTop2{0%{transform:translate(0)}50%{transform:translate(-1.61vw,-5.47vw)}to{transform:translate(0)}}@keyframes toBottom{0%{transform:translate(0)}50%{transform:translate(-2.86vw,5.52vw)}to{transform:translate(0)}}.game-job{width:100%;height:100%;min-height:44.27vw;margin-top:-44.27vw;background:url(https://static.delabs.gg/ragnarok/homepage/img-section3.png) 50% no-repeat;background-size:cover;z-index:50;&:before{top:-1.04vw;height:5.21vw;background:url(https://static.delabs.gg/ragnarok/homepage/img-section3-bg.png) 50% no-repeat;background-size:cover}&:after,&:before{content:"";position:absolute;left:0;width:100%}&:after{bottom:0;background:#030b3c}.inner{padding-top:8.44vw}.title{width:25.1vw;height:16.25vw;img{width:100%;height:100%;object-fit:contain}}.job-motion{display:flex;flex-direction:column;align-items:center}}.job-list{position:absolute;top:32vw;display:flex;width:68.75vw;gap:var(--value-24);justify-content:space-between;align-items:center;z-index:10}.job-item{display:flex;flex-direction:column;align-items:center;.img-wrap{overflow:hidden;position:relative;width:16.25vw;height:16.25vw;background:url(https://static.delabs.gg/ragnarok/homepage/img-job-1.png) 50% no-repeat;background-size:contain;&:before{content:"";position:absolute;top:1.3vw;left:1.98vw;width:calc(100% - 3.96vw);height:calc(100% - 2.6vw);background:url(https://static.delabs.gg/ragnarok/homepage/img-job-2.png) 50% no-repeat;background-size:contain}}.img-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:11.56vw;height:12.81vw;background:url(https://static.delabs.gg/ragnarok/homepage/img-job-3.png) 50% no-repeat;background-size:contain}}.job-img{overflow:hidden;position:absolute;top:50%;left:50%;width:8.33vw;height:9.27vw;margin-left:-4.165vw;margin-top:-4.635vw;img{position:relative;width:100%;object-fit:contain}}.bg-line{overflow:hidden;position:absolute;top:50%;left:50%;width:8.54vw;height:9.48vw;transform:translate(-50%,-50%);background:url(https://static.delabs.gg/ragnarok/homepage/img-job-new-line.png) 50% no-repeat;background-size:contain;z-index:10}.job-title{position:absolute;bottom:5.36vw;display:flex;align-items:center;justify-content:center;gap:var(--value-12);margin-top:var(--value-24);height:2.81vw}.job-icon{width:2.5vw;height:2.5vw;img{width:100%;height:100%;object-fit:cover}}.job-text{height:4.53vw;margin-top:4.9vw;color:rgba(255,255,255,.7)}.novice-wrap{position:absolute;top:6.25vw;left:0;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:27.08vw;pointer-events:none;.item-left,.item-right{position:relative;width:10.42vw;height:20.63vw}.item-left .img-box{animation:left4 3s ease-in-out infinite forwards}.item-right .img-box{animation:right4 2s ease-in-out infinite forwards}.job-tooltip{position:absolute;top:5.1vw;right:-9.95vw;width:12.5vw;height:10.42vw;background:url(https://static.delabs.gg/ragnarok/homepage/img-job-tooltip.png) 0 0 no-repeat;background-size:contain}.tooltip-text{position:absolute;top:2.03vw;right:2.34vw;width:6.15vw;height:5.47vw}}.skill-box{position:absolute;top:0;left:0;width:100%;height:100%;.skill{display:block;position:absolute}.type1{top:3.85vw;left:14.01vw;width:3.75vw;height:3.75vw;background:url(https://static.delabs.gg/ragnarok/homepage/img-skill1.png) 0 0 no-repeat;background-size:contain}.type2{top:8.65vw;left:17.19vw;width:2.5vw;height:2.5vw;background:url(https://static.delabs.gg/ragnarok/homepage/img-skill2.png) 0 0 no-repeat;background-size:contain}.type3{top:12.92vw;left:7.55vw;width:4.17vw;height:4.17vw;background:url(https://static.delabs.gg/ragnarok/homepage/img-skill3.png) 0 0 no-repeat;background-size:contain}.type4{top:2.97vw;right:10.94vw;width:2.6vw;height:2.6vw;background:url(https://static.delabs.gg/ragnarok/homepage/img-skill4.png) 0 0 no-repeat;background-size:contain;z-index:1}.type5{top:4.79vw;right:7.55vw;width:4.17vw;height:4.17vw;background:url(https://static.delabs.gg/ragnarok/homepage/img-skill5.png) 0 0 no-repeat;background-size:contain}.type6{bottom:2.14vw;right:12.97vw;width:3.02vw;height:3.02vw;background:url(https://static.delabs.gg/ragnarok/homepage/img-skill6.png) 0 0 no-repeat;background-size:contain}}@keyframes left4{50%{transform:rotate(-4deg)}0%{transform:rotate(0deg)}}@keyframes right4{50%{transform:rotate(4deg)}0%{transform:rotate(0deg)}}.faq{width:100%;z-index:20;.inner{padding:20.83vw 15.63vw 0}.faq-title{height:11.56vw;margin-top:15.63vw;img{width:100%;height:100%;object-fit:contain}}}.special-box{overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;width:68.75vw;height:13.85vw;font-weight:400;background:url(https://static.delabs.gg/ragnarok/homepage/img-bg-text-blue.png) 50% no-repeat;background-size:cover;.bg-filter{position:absolute;top:50%;left:50%;width:67.24vw;height:12.5vw;margin-top:-6.25vw;margin-left:-33.62vw;backdrop-filter:blur(10px);border-radius:4.79vw;z-index:-1}&.gold-type{gap:var(--value-40);height:22.08vw;margin-top:var(--value-96);padding:3.75vw 8.02vw;background-image:url(https://static.delabs.gg/ragnarok/homepage/img-bg-text-gold.png);box-sizing:border-box;.gold-box{position:relative;display:flex;align-items:center;justify-content:center}.bg-filter{width:67.24vw;height:20.63vw;margin-top:-10.325vw;margin-left:-33.62vw}}.box-text{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:100%;width:36.04vw;gap:1.46vw;font-weight:400}.icon-delabs{width:14.58vw;height:14.58vw;background:url(https://static.delabs.gg/ragnarok/homepage/img-token.png) 0 0 no-repeat;background-size:cover}}.faq-box{position:relative;margin:var(--value-96) auto 0;max-width:60.42vw;z-index:10}.faq-list{display:flex;flex-direction:column;gap:var(--value-24)}.faq-item{color:#413027;border-radius:24px;background:linear-gradient(90deg,#fec998,#ffa543 8.65%,#ffd085 91.35%,#feed85);.text-link{text-decoration:underline;padding:4px}.item-title{position:relative;padding:1.35vw 4.58vw;font-size:1.25vw;font-weight:700;line-height:1.5;box-sizing:border-box;&:hover{text-decoration:none}&:before{content:"";position:absolute;top:1.46vw;left:2.29vw;width:1.67vw;height:1.67vw;background:url(https://static.delabs.gg/ragnarok/homepage/ico-mark-question.png) 0 0 no-repeat;background-size:cover}}.item-text{padding:0 4.58vw 1.56vw}.icon-title{position:absolute;top:1.25vw;right:2.08vw;width:2.08vw;height:2.08vw;background:url(https://static.delabs.gg/ragnarok/homepage/ico-arrow-faq.svg) 0 0 no-repeat;background-size:cover}}.delabs-title{position:relative;height:11.56vw;margin-top:var(--value-160);z-index:10;img{width:100%;height:100%;object-fit:contain}}.game-etc-wrap{position:relative;width:100%;height:198.59vw;background:url(https://static.delabs.gg/ragnarok/homepage/img-section4-v3.png) 50% no-repeat;background-size:cover;z-index:20}.etc{width:100%;height:100%;margin-top:-18.33vw;background:linear-gradient(0deg,#111,#2e231d 50%);.title{padding-top:36.42vw;color:rgba(255,255,255,.5);text-transform:uppercase;text-align:center}}.partners{margin-top:var(--value-160);.title{color:rgba(255,255,255,.5);text-transform:uppercase;text-align:center}}.partner-list{overflow:hidden;position:relative;margin-top:var(--value-40);.list-item{width:100%;height:5.21vw;background:url(https://static.delabs.gg/ragnarok/homepage/img-partners-top.png);background-size:cover;mix-blend-mode:screen;animation:left 90s linear .5s infinite;white-space:nowrap;&:last-of-type{background:url(https://static.delabs.gg/ragnarok/homepage/img-partners-bottom.png);background-size:cover;animation:right 90s linear .5s infinite}+.list-item{margin-top:var(--value-20)}}}@keyframes left{to{background-position-x:188.13vw;background-repeat:repeat-x}}@keyframes right{to{background-position-x:-187.24vw;background-repeat:repeat-x}}.requirements{.inner{padding:8.33vw 0 0}.title{color:rgba(255,255,255,.5);text-transform:uppercase;text-align:center}}.spec-list{display:flex;justify-content:center;align-items:center;gap:var(--value-40);margin-top:var(--value-40);.list-item{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:var(--value-16);width:14.48vw;height:18.75vw;border-radius:var(--value-24);background:rgba(255,255,255,.05);text-align:center;.info-title{color:rgba(255,255,255,.4)}}.spec-icon{width:var(--value-60);height:var(--value-60);&.ios{background:url(https://static.delabs.gg/ragnarok/homepage/ico-ios-white.svg) 0 0 no-repeat;background-size:cover}&.android{background:url(https://static.delabs.gg/ragnarok/homepage/ico-android-white.svg) 0 0 no-repeat;background-size:cover}}}.btn-top{position:absolute;bottom:8.02vw;right:15.63vw;width:var(--value-48);height:var(--value-48);padding:0;background:transparent;img{width:100%;height:100%;object-fit:contain}}.footer-wrap{position:relative;margin-top:-4.17vw;height:var(--value-80);width:100%;background:rgba(255,255,255,.05);z-index:600;.inner{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 15.63vw;box-sizing:border-box}.logo-delabs{width:8.23vw;height:1.67vw;background:url(https://static.delabs.gg/ragnarok/homepage/logo-delabs-text.svg) 0 0 no-repeat;background-size:cover}.copy-box{color:rgba(255,255,255,.6)}.copy button{display:inline-flex;margin-left:.21vw;text-decoration:underline}}.pop-wrap{overflow:hidden;position:fixed;top:0;left:100%;width:100%;height:100%;z-index:9999;transition:left 0s .35s}.pop-wrap.actived{left:0;transition-delay:0s}.pop-wrap.actived .cover{opacity:1}.pop-wrap.actived .pop-basic-data{transform:scale(1);opacity:1;transition:transform .25s cubic-bezier(.25,.46,.45,.94) 50ms,opacity .25s}.pop-wrap.black .cover{background:rgba(26,23,23,.8)}.pop-container{overflow-y:auto;z-index:10}.pop-container,.pop-wrap .cover{position:absolute;top:0;left:0;width:100%;height:100%}.pop-wrap .cover{background:rgba(243,243,243,.8);opacity:0;transition:opacity .45s cubic-bezier(.215,.61,.355,1)}.btn-pop-close{position:absolute;top:15px;right:22px;width:40px;height:40px;padding:0;background-color:transparent;z-index:10;.icon{width:30px;height:30px}}.pop-basic-data{position:relative;display:inline-block;transform:scale(.3);opacity:0;transition:transform .25s cubic-bezier(.25,.46,.45,.94),opacity .25s;box-sizing:border-box}.pop-basic-data.full{width:100%;height:100%}.agree-outer,.agree-wrap{height:100%;display:flex}.agree-wrap{position:relative;width:100%;box-sizing:border-box;padding:48px}.agree-outer{position:relative;flex:1;max-width:714px;margin:0 auto;flex-direction:column;background:#f3f3f3;border-radius:16px;overflow:hidden}.agree-header{width:100%;height:76px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-size:28px;line-height:1.3;font-weight:600;color:#1a1717}.agree-body{width:100%;height:100%;flex:1;padding:8px 32px 40px;overflow-x:hidden;overflow-y:auto;font-size:11px;line-height:1.5;color:#646765;text-align:left;box-sizing:border-box}.mo-header-wrap{position:fixed;top:0;left:0;width:0;height:349px;background:rgba(255,255,255,.4);backdrop-filter:blur(30px);transition:all .5s ease;z-index:100;&.open{width:100%;transition:all .5s ease}.nav-inner{padding:24px}.header-logo{position:static;width:123px;height:84px;margin:0 auto;transform:none}.sns-list{display:flex;padding:12px 0;flex-direction:column;border-bottom:1px solid #fff}.item-link{position:relative;display:flex;gap:8px;align-items:center;padding:12px 20px 12px 0;color:#1464ec;box-sizing:border-box;&:before{content:"";position:absolute;top:16px;right:0;width:20px;height:24px;background:url(https://static.delabs.gg/ragnarok/homepage/ico-arrow-blue.png) 0 0 no-repeat;background-size:contain}&.text-wiki:before{top:26px}}.sns-icon{width:24px;height:24px;fill:#1464ec}.text-wiki{padding:24px 0}.btn-close{position:absolute;top:24px;right:24px;width:24px;height:24px;background:url(https://static.delabs.gg/ragnarok/homepage/ico-pop-close-white.svg) 0 0 no-repeat;background-size:contain;z-index:150}}.bg-main-background{position:relative}.bg-main-box{position:absolute;top:0;left:0;width:100%;height:100%;img{width:100%;height:100%;object-fit:cover}}.progress-content{position:relative;&:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fff,#fff 50%,rgba(255,255,255,0));opacity:.5}}.progress-wrap{position:relative;width:100%;margin:auto}.progress-side-left{left:0;width:18%;background:hsla(58,100%,87%,.6)}.progress-center,.progress-side-left{position:absolute;top:3px;height:10px}.progress-center{left:18%;width:calc(100% - 18% - 22%)}.progress-side-right{position:absolute;top:3px;right:0;width:23%;height:10px;background:hsl(56,100%,50%,1)}.card-wrap{position:relative;background:url(https://static.delabs.gg/ragnarok/homepage/pre-register/img-card-bg.png) 50% no-repeat;background-size:contain;&.step1{.reward-box{.img-base{opacity:1}.img-screen{mix-blend-mode:screen;animation:reward-step2 1s linear 1s infinite alternate}}.card-num-box{background-color:hsla(222,100%,60%,1);>span{opacity:1}}}&.step2{background-image:url(https://static.delabs.gg/ragnarok/homepage/pre-register/img-card-bg-on-v2.png);box-shadow:0 0 16px 8px rgba(255,241,215,.25);.reward-box{background-image:url(https://static.delabs.gg/ragnarok/homepage/pre-register/img-frame-on.png);.img-base{opacity:1}.sm-number{display:block}}.card-num-box{background-color:hsla(222,100%,60%,1);>span{opacity:1;font-weight:700}}}}@keyframes reward-step1{to{opacity:0}}@keyframes reward-step2{to{opacity:1}}.reward-box{position:relative;background:url(https://static.delabs.gg/ragnarok/homepage/pre-register/img-frame.png) 0 0 no-repeat;img{position:absolute;top:50%;left:50%;margin-top:-64px;margin-left:-64px;width:128px;height:128px;opacity:.4}.img-screen{mix-blend-mode:screen;opacity:0}.sm-number{display:none;position:absolute;bottom:0;width:100%;text-align:center}}.event-box{position:relative;width:1080px;height:538px;box-sizing:border-box;background:url(https://static.delabs.gg/ragnarok/homepage/pre-register/img-bg-event1-v2.png) 0 0 no-repeat;&:before{top:-15px;background:url(https://static.delabs.gg/ragnarok/homepage/pre-register/img-event-top.png) 0 0 no-repeat}&:after,&:before{content:"";position:absolute;left:-12px;right:-12px;height:88px;pointer-events:none}&:after{bottom:-15px;background:url(https://static.delabs.gg/ragnarok/homepage/pre-register/img-event-bottom.png) 0 0 no-repeat}&.type-complete{background:url(https://static.delabs.gg/ragnarok/homepage/pre-register/img-bg-event1-complete.png) 0 0 no-repeat;height:480px}}.event1-title{font-size:min(1.25vw,30px)}.tooltip-box{background:linear-gradient(90deg,#a3eaff,#fff);border:1px solid #0b2663;box-sizing:border-box}.tooltip-list{display:flex;flex-direction:column;gap:2px;width:260px;height:auto;padding:8px 16px 8px 8px;box-sizing:border-box}.tooltip-arrow{position:absolute;left:50%;transform:translateX(-50%);display:block;width:26px;height:16px;background:transparent url(https://static.delabs.gg/ragnarok/homepage/pre-register/ico-tooltip-point.png) 0 0 no-repeat;background-size:contain}.section-intro-text{position:relative;width:100%;margin-top:16px;text-align:center;z-index:10;.intro-title{width:100%;height:84px;img{width:100%;height:100%;object-fit:contain}}}.video-box{position:absolute;top:0;left:0;height:800px;&:before{background:rgba(0,64,113,.65);background-size:cover;z-index:1}&:after,&:before{content:"";position:absolute;top:0;left:0;width:100%;height:800px}&:after{background:url(https://static.delabs.gg/ragnarok/homepage/pre-register/bg-video-v2.png);background-size:cover;z-index:2}}.timer{position:relative;width:46px;height:46px;img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%}.img-base{opacity:1}.img-screen{opacity:0;mix-blend-mode:screen;animation:reward-step2 1s linear 1s infinite alternate}}.timer-box{display:flex;align-items:center;justify-content:center;width:36px;height:46px;color:#0b2663;font-size:24px;font-weight:700;border-radius:6px;background:linear-gradient(180deg,rgba(255,255,255,.6),#fff)}.timer-text{color:rgba(255,255,255,.8);font-size:20px;font-weight:500;span{display:inline-block;padding:0 8px}}@keyframes timer{to{opacity:.5;mix-blend-mode:screen}}.input-gradient{padding:19px 32px 18px;color:#0b2663;font-size:18px;font-weight:500;border-radius:999px;border:2px solid #0b2663;background:linear-gradient(90deg,#fbe1ff,#a3eaff);box-shadow:inset 4px 4px 4px 0 rgba(0,0,0,.25);box-sizing:border-box;&.type-list{padding:14px;font-size:16px;font-weight:500;border-radius:24px;border:2px solid rgba(11,38,99,.4);box-shadow:none}&.event2-type{&::placeholder{color:#0b2663}}}.input-checkbox{label{font-size:18px}}.input-check{border-radius:8px;border:transparent}.input-check,.referral-link{background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,.7))}.referral-link{min-width:447px;width:auto;height:52px;padding:15px 20px;border:1px solid hsla(222,80%,22%,1);border-radius:26px;box-sizing:border-box;white-space:nowrap}.list-num{display:flex;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;background:url(https://static.delabs.gg/ragnarok/homepage/pre-register/img-bg-num.svg) 0 0 no-repeat}.reward-title{width:100%;height:52px;img{height:100%;object-fit:contain}}.info-item{position:relative;padding-left:12px;&:before{content:"-";position:absolute;top:0;left:0}}.section-howto{position:relative;width:1080px;padding:56px;margin-bottom:260px;border-radius:48px;background:#2e3549;.title{color:#fff;font-size:24px;font-weight:700}.howto-list{position:relative;padding:20px 0;margin-top:32px;&:after,&:before{content:"";position:absolute;left:0;width:100%;height:1px;background:radial-gradient(100% 55200% at 0 50%,rgba(255,255,255,.084) 0,rgba(255,255,255,.7) 50%,rgba(255,255,255,.084) 100%)}&:before{top:0}&:after{bottom:0}}.list-item{display:flex;gap:8px;align-items:center;+.list-item{margin-top:16px}}.item-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:url(https://static.delabs.gg/ragnarok/homepage/pre-register/img-info-num-bg.png) 0 0 no-repeat;background-size:contain}}.howto-info-text{position:absolute;top:64px;right:56px;color:#de6b6b;&:before{content:"";display:inline-block;width:20px;height:20px;margin-right:4px;background:url(https://static.delabs.gg/ragnarok/homepage/pre-register/ico-warning.svg) 0 0 no-repeat;vertical-align:top}}.img-floating-hunter{position:absolute;right:-278px;top:-35px;animation:float1 12s linear infinite alternate}.img-floating-guard{position:absolute;left:-283px;top:-80px;animation:float2 12s linear infinite alternate}@keyframes float1{0%{transform:translate(0)}50%{transform:translate(62px,-55px)}to{transform:translate(0)}}@keyframes float2{0%{transform:translate(0)}50%{transform:translate(-61px,-59px)}to{transform:translate(0)}}.ranking-box{position:relative;width:1080px;height:1301px;background:url(https://static.delabs.gg/ragnarok/homepage/pre-register/img-bg-event2-v1.svg) 0 0 no-repeat;&:before{top:-15px;background:url(https://static.delabs.gg/ragnarok/homepage/pre-register/img-event2-top.png) 0 0 no-repeat;z-index:10}&:after,&:before{content:"";position:absolute;left:-12px;right:-12px;height:88px}&:after{bottom:-15px;background:url(https://static.delabs.gg/ragnarok/homepage/pre-register/img-event2-bottom.png) 0 0 no-repeat}}.blur-box{overflow:hidden;position:absolute;inset:1px;mask-image:url(https://static.delabs.gg/ragnarok/homepage/pre-register/img-bg-event2-v2.svg);mask-repeat:no-repeat;mask-size:contain;-webkit-mask-image:url(https://static.delabs.gg/ragnarok/homepage/pre-register/img-bg-event2-v2.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;pointer-events:none;backdrop-filter:blur(20px)}.ranking-box-header{background:linear-gradient(180deg,#89dbff,#4197dc 60%)}.ranking-title{position:relative;width:850px;height:52px;z-index:10;img{height:100%;object-fit:contain}}.rank-list{position:relative;&:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.7) 50%,rgba(255,255,255,.08))}&:first-of-type{margin-top:12px}}.rank-type{position:relative;z-index:10;&:after,&:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}&:before{width:100px;height:11px;border-radius:6px;z-index:-1}&:after{width:58px;height:39px;z-index:-1}&.rank-first{color:#764200;&:before{background:linear-gradient(90deg,rgba(255,225,113,0),#ffe171 50%,rgba(255,225,113,0))}&:after{background:url(https://static.delabs.gg/ragnarok/homepage/pre-register/ico-rank1.png) 0 0 no-repeat;background-size:contain}}&.rank-second{color:#4c4e79;&:before{background:linear-gradient(90deg,rgba(139,143,236,0),#8b8fec 50%,rgba(139,143,236,0))}&:after{background:url(https://static.delabs.gg/ragnarok/homepage/pre-register/ico-rank2.png) 0 0 no-repeat;background-size:contain}}&.rank-third{color:#6a3b3d;&:before{background:linear-gradient(90deg,rgba(220,138,131,0),#dc8a83 50%,rgba(220,138,131,0))}&:after{background:url(https://static.delabs.gg/ragnarok/homepage/pre-register/ico-rank3.png) 0 0 no-repeat;background-size:contain}}}.rank-selected{position:relative;&:after{content:"";position:absolute;top:0;left:0;bottom:2px;width:100%;background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.7) 50%,rgba(255,255,255,.08));pointer-events:none}}.top-rank-list{position:relative;+.top-rank-list{&:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.7) 50%,rgba(255,255,255,.08))}}}.toast-text{font-family:Poppins,Noto Sans,-apple-system,BlinkMacSystemFont,Malgun Gothic,맑은 고딕,helvetica,Apple SD Gothic Neo,sans-serif}@media screen and (min-width:2055px){.bg-main-box{position:absolute;top:358px;left:0;width:100%;height:100%;img{object-fit:fill}}.video-box{height:41.67vw;&:after,&:before{height:41.67vw}}}@media screen and (min-width:1024px) and (max-width:1835px){:lang(th),:lang(zh-TW){.section-register-event1>img{width:31.67vw;height:10.89vw}.section-register-event2{h2{width:30.78vw;height:10.89vw;img{width:100%;height:100%}}}}.bg-main-background{min-height:57.14vw}.section-register-intro{h1{width:7.03vw;height:4.79vw}.intro-title{height:4.38vw}}.section-register-event1{margin-top:5.73vw;gap:2.86vw;>img{width:37.29vw;height:10.89vw}}.video-box{height:41.67vw;&:after,&:before{height:41.67vw}}.event-box{width:56.25vw;height:28.02vw;gap:2.08vw;padding:0 1.04vw;justify-content:center;background-size:contain;&:before{top:-.78vw}&:after,&:before{height:4.58vw;left:-.63vw;right:-.63vw;background-size:contain}&:after{bottom:-.78vw}&.type-complete{height:25vw;background-size:contain;.input-gradient{width:47.92vw}}}.input-gradient{width:33.33vw;&.type-list{height:3.33vw;padding:.73vw;font-size:var(--text-size-web-16)}}.img-floating-hunter{width:19.58vw;height:23.7vw;top:-1.82vw;right:-14.48vw;img{width:100%;height:100%}}.input-checkbox{margin-bottom:0;label{font-size:var(--text-size-web-18)}+div,button{transform:scale(.7)}}.email-input-box{padding-top:1.25vw}.btn-register-submit{width:21.25vw;height:3.75vw;margin-top:0;span{font-size:var(--text-size-web-24-700)}}.list-num{width:1.88vw;height:1.88vw;font-size:var(--text-size-web-16);background-size:contain}.btn-input-share{height:2.5vw;width:8.75vw;span{font-size:var(--text-size-web-20-700)}}.btn-input-sns{width:4.17vw;height:2.5vw}.referral-link{min-width:23.28vw;height:2.71vw;padding:.78vw 1.04vw;p{font-size:var(--text-size-web-14)}}.section-register-rewards{gap:5vw;padding:6.25vw 0 9.38vw}.reward-title{height:2.71vw;background-size:29.32vw 1.77vw}.reward-list{gap:3.02vw}.card-wrap{width:10.42vw;height:14.58vw;gap:1.04vw;border-radius:1.25vw}.progress-act-wrap{min-width:64.17vw}.progress-act-inner{min-width:58.96vw;.progress-point{width:2.5vw;height:2.5vw;&:nth-of-type(2){left:3.96vw!important}&:nth-of-type(3){left:17.4vw!important}&:nth-of-type(4){left:30.83vw!important}&:nth-of-type(5){left:44.32vw!important}&:last-of-type{left:57.71vw!important}img{width:100%;min-width:100%;height:100%;object-fit:contain}}}.progress-pointer{width:2.08vw;height:3.23vw;left:calc(100% - 1.04vw);bottom:2.08vw}.reward-box{height:9.58vw;background-size:contain;img{width:6.67vw;height:6.67vw;margin-top:-3.33vw;margin-left:-3.33vw}}.card-num-box{width:8.33vw;height:2.5vw;border-radius:.63vw;span{font-size:var(--text-size-web-20-500)}}.card-tooltip{width:1.25vw;height:1.25vw;margin-left:-.63vw;span{width:1.25vw;height:1.25vw}img{width:100%;height:100%;object-fit:contain}}.img-floating-guard{width:24.06vw;height:24.06vw;top:-4.17vw;left:-14.74vw}.section-register-event2{padding:2.08vw 0;gap:2.86vw;h2{width:32.81vw;height:10.89vw;img{width:100%;height:100%}}}.ranking-box{width:56.25vw;height:67.76vw;gap:2.08vw;padding:4.17vw 7.81vw;background-size:contain;&:before{top:-.78vw}&:after,&:before{height:4.58vw;left:-.63vw;right:-.63vw;background-size:contain}&:after{bottom:-.78vw}}.ranking-title{width:43.49vw;height:2.71vw;background-size:auto 2.24vw;flex-shrink:0}.ranking-top-box{gap:2.08vw;img{width:13.33vw;height:13.33vw}}.ranking-top-list{width:25.21vw;padding:.83vw 2.08vw;div{height:2.29vw;font-size:var(--text-size-web-24-700);&:first-of-type{font-size:var(--text-size-web-32)}}}.ranking-box-wrap{height:32.4vw}.ranking-box-header{height:2.92vw;margin-right:.63vw;margin-left:.83vw;padding:.57vw 4.17vw .57vw 0;span{font-size:var(--text-size-web-20-700)}span:not(:last-of-type){width:10.42vw}}.ranking-box-body{height:26.04vw;padding-right:.83vw;padding-left:.94vw}.rank-item{height:2.6vw;padding-right:4.17vw;&:first-of-type{margin-top:.63vw}span{font-size:var(--text-size-web-18)}span:not(:last-of-type){width:10.42vw}}.rank-type{&:after{width:2.97vw;height:2.03vw}&:before{width:5.21vw;height:.57vw}}.input-referral-code-box{gap:.83vw;padding:0 3.65vw;.input-gradient{height:3.33vw;padding:.99vw 1.67vw .94vw;font-size:var(--text-size-web-18);+span{top:.99vw;left:1.67vw;font-size:var(--text-size-web-18)}~button{width:1.67vw;height:1.67vw;svg{width:.78vw;height:.78vw}}}p{font-size:var(--text-size-web-18)}}.section-howto{width:56.25vw;margin:3.13vw 0 13.54vw;padding:2.92vw;.title{font-size:var(--text-size-web-24-700)}.howto-info-text{top:3.33vw;right:2.92vw;font-size:var(--text-size-web-14);&:before{width:1.04vw;height:1.04vw;margin-right:.21vw;background-size:contain}}.howto-list{margin-top:1.67vw;padding:1.04vw 0;+div{margin-top:1.67vw;p{font-size:var(--text-size-web-18)}}}.list-item{gap:.42vw}.item-number{width:1.25vw;height:1.25vw;font-size:var(--text-size-web-18);+p{font-size:var(--text-size-web-18)}}}}@media screen and (max-width:1023px){.pc-type{display:none}.mo-type{display:block}.bg-main-box{top:0;object-fit:fill}:lang(th),:lang(zh-TW){.job-text{max-width:167px;word-break:break-all}}:lang(zh-TW){.enter-referral{top:50%;transform:translateY(-50%)}}.event1-title{font-size:16px}.intro{height:920px;background-image:url(https://static.delabs.gg/ragnarok/homepage/img-intro-mo.png);background-position:center 0;.inner{display:flex;flex-direction:column;align-items:center;padding:40px 16px 75px}}.intro-info{margin-top:300px;gap:40px;.info-text{gap:12px}}.btn-blue{height:58px;margin-top:8px;border-radius:16px;box-shadow:2px 4px 8px 0 rgba(0,0,0,.25);z-index:1;&:before{padding:1px;border-radius:16px}}.register-box{width:100%;padding:18px;border-radius:28px;backdrop-filter:blur(5px);&:before{border-radius:28px}.text-box{gap:4px;padding-left:0;justify-content:center}}.game-info{position:static;height:920px;min-height:100%;background-image:url(https://static.delabs.gg/ragnarok/homepage/img-section1-mo.png);background-position:0 0;.inner{padding:0 16px 80px;box-sizing:border-box}}.game-info-list{gap:80px;.list-item{flex-direction:column;gap:16px}.left-side{width:100%;height:210px}.right-side{width:100%;gap:8px;.img-box{width:117px;height:104px}}li{&:first-of-type{.left-side:before{display:none;width:74px;height:74px;bottom:37px;right:48px;left:auto;animation:none}}&:nth-child(2){.list-item.reverse{flex-direction:column}.left-side{width:100%;height:232px}.info-title{width:100%}}}.info-title{width:100%;height:31px;background-size:auto 24px}}.zeny-box{position:absolute;top:-42px;left:17px;width:117px;height:104px;img{width:100%;height:100%;object-fit:cover!important}}.content-info{background:none;min-height:100%;&:after,&:before{content:"";position:relative;display:block;width:100%}&:before{height:920px;background:url(https://static.delabs.gg/ragnarok/homepage/img-section2-mo.png);background-size:cover}&:after{height:1401px;background:url(https://static.delabs.gg/ragnarok/homepage/img-section3-mo.png);background-size:cover}.title{top:0;width:100%;height:164px;img{object-fit:cover}}}.content-info{.game-info-list{position:absolute;top:208px;left:0;padding-top:0;justify-content:flex-start;gap:40px;z-index:15;li{&:first-of-type{.info-title{width:100%}}&:nth-of-type(2){.info-title{width:100%}}&:nth-of-type(3){.info-title{width:100%}}&:last-of-type{.info-title{width:100%}}.info-title{height:31px;background-size:100% 21px}}.list-item{gap:8px}.left-side{width:100%!important;height:282px!important}.right-side{width:100%}}}.game-job{min-height:100%;margin-top:0;background:#030b3c;&:before{background:linear-gradient(180deg,rgba(3,11,60,0),#030b3c);height:320px;top:-320px}.inner{padding-top:84px;padding-bottom:370px}.title{width:100%;height:136px}}.job-list{position:relative;top:0;width:100%;padding-top:80px;flex-wrap:wrap;justify-content:center;gap:24px}.job-item{width:calc(50% - 24px);.img-wrap{width:167px;height:167px;&:before{width:calc(100% - 38px);height:calc(100% - 24px);top:12px;left:19px}}.img-box{width:121px;height:134px}}.job-img{overflow:hidden;position:absolute;top:50%;left:50%;width:121px;height:134px;margin-left:-60.5px;margin-top:-67px;&:before{content:none}img{position:relative;width:100%;height:100%;object-fit:contain;z-index:-1}}.job-title{position:relative;bottom:auto;height:100%;margin-top:16px;gap:4px}.job-icon{display:block;width:24px;height:24px}.job-text{margin-top:8px;height:51px}.special-box{background:url(https://static.delabs.gg/ragnarok/homepage/img-bg-text-blue-mo.png) 50% no-repeat;background-size:contain;width:100%;height:258px;padding:25px 45px;&.blue-type{position:absolute;top:-70px;left:0}&.gold-type{position:relative;bottom:auto;height:517px;max-width:400px;margin:50px auto 0;padding:20px 35px;flex-direction:column;background:url(https://static.delabs.gg/ragnarok/homepage/img-bg-text-gold-mo.png) 50% no-repeat;background-size:contain}.icon-delabs{width:160px;height:160px}.box-text{width:100%;height:auto;justify-content:center;p+p{margin-top:20px}}}.faq{background:url(https://static.delabs.gg/ragnarok/homepage/img-section4-mo.png) 50% no-repeat;background-size:cover;min-height:1148px;margin-top:-220px;z-index:60;&:before{content:none}.inner{padding:90px 16px 0}.faq-title{height:146px;margin-top:247px}}.faq-box{margin:40px auto 0;max-width:100%}.faq-list{gap:12px}.faq-item{border-radius:16px;.item-title{padding:16px 40px;font-size:15px;&:before{width:24px;height:24px;top:16px;left:12px}}.item-text{padding:0 16px 24px}.icon-title{width:24px;height:24px;top:16px;right:12px}}.delabs-title{height:164px;margin-top:160px}.etc{min-height:983px;margin-top:-150px;padding-top:150px;.title{padding-top:0}}.partners{padding-top:80px;margin-top:0}.partner-list{margin-top:20px;.list-item{height:50px;background-image:url(https://static.delabs.gg/ragnarok/homepage/img-partners-top-mo.png);&:last-of-type{background-image:url(https://static.delabs.gg/ragnarok/homepage/img-partners-bottom-mo.png)}+.list-item{margin-top:8px}}}@keyframes left{to{background-position-x:1806px;background-repeat:repeat-x}}@keyframes right{to{background-position-x:-1798px;background-repeat:repeat-x}}.requirements{.inner{padding:80px 16px}}.spec-list{flex-direction:column;gap:16px;margin-top:20px;.list-item{width:244px;height:100%;padding:24px;gap:16px;border-radius:24px;box-sizing:border-box}.spec-icon{width:60px;height:60px}}.btn-top{position:fixed;width:48px;height:48px;bottom:109px;right:16px;z-index:9999}.footer-wrap{height:100%;margin-top:0;background:#12100f;.inner{padding:0 16px 24px;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px}.logo-delabs{width:158px;height:32px}.copy{margin-top:4px;button{+button{margin-left:4px}}}}.agree-wrap{padding:40px 25px}.agree-header{justify-content:flex-start;padding:0 20px;font-size:28px;text-align:left}.btn-pop-close{row-gap:17px;right:10px;.icon{width:24px;height:24px}}.btn-mo-nav{position:fixed;top:16px;right:16px;width:48px;height:48px;background:url(https://static.delabs.gg/ragnarok/homepage/img-header-poring-mo.png) 0 0 no-repeat;background-size:contain;z-index:100}.skill-box{height:20%;.type1{top:-39px;left:54px;width:41px;height:41px}.type2{top:10px;left:85px;width:29px;height:29px}.type3{top:89px;left:0;width:60px;height:72px;background-image:url(https://static.delabs.gg/ragnarok/homepage/img-skill3-mo.png)}.type4{top:21px;right:37px;width:38px;height:38px}.type5{top:48px;right:0;width:48px;height:63px;background-image:url(https://static.delabs.gg/ragnarok/homepage/img-skill5-mo.png)}.type6{top:220px;right:57px;width:36px;height:36px}}.progress-section{position:relative;height:800px}.progress-content{width:800px;height:8px;transform:rotate(90deg);position:absolute;top:397px}.progress-wrap{height:8px}.reward-list{position:absolute;top:80px;display:block;width:100%;padding:0 50px;box-sizing:border-box;li{display:flex;&:nth-child(2n){justify-content:flex-end}&:nth-child(2n),&:nth-child(3),&:nth-child(5){margin-top:-22px}}}.reward-box{width:92px;height:92px;background-size:cover;img{width:60px;height:60px;margin-top:-30px;margin-left:-30px}.sm-number{bottom:-3px;font-size:10px;font-weight:700;line-height:130%}}.card-wrap{gap:10px;&.step2{background-size:108px 146px}}.card-num-box{width:100%;height:28px;font-size:12px;font-weight:500;border-radius:6.54px}.section-intro-text{.intro-title{width:100%;height:49.5px}}.main-logo-img{width:135px;height:92px}.timer-box{width:24px;height:30px;font-size:14px;border-radius:6px;background:linear-gradient(180deg,rgba(255,255,255,.6),#fff)}.timer-text{font-size:16px;span{display:inline-block;padding:0 5px}}.event-box{width:100%;height:464px;background:url(https://static.delabs.gg/ragnarok/homepage/pre-register/img-bg-event1-v3-mo.png) 0 0 no-repeat;background-size:100% 464px;&:before{top:-8px;background:url(https://static.delabs.gg/ragnarok/homepage/pre-register/img-event-top-mo.png) 50% no-repeat;background-size:100% 64px}&:after,&:before{left:-11px;right:-11px;height:64px}&:after{bottom:-8px;background:url(https://static.delabs.gg/ragnarok/homepage/pre-register/img-event-bottom-mo.png) 0 0 no-repeat;background-size:100% 64px}&.type-complete{background:url(https://static.delabs.gg/ragnarok/homepage/pre-register/img-bg-event1-complete-mo.png) 0 0 no-repeat;height:560px;background-size:100% 560px}}.input-gradient{padding:10px 20px;font-size:14px;&.type-list{padding:12px;height:100%;font-size:12px}&.event2-type{position:relative;font-size:11px;font-weight:500;&::placeholder{position:absolute;top:6px;left:20px;width:144px;word-wrap:break-word;white-space:pre-wrap}}}.input-checkbox{label{font-size:10px}}.input-check{border-radius:4px}.list-num{width:24px;height:24px;flex-shrink:0;font-size:11px;background-size:contain}.referral-link{width:100%;min-width:100%;height:100%;padding:7px 16px;white-space:normal;border-radius:26px;>p{width:calc(100% - 78px);font-size:11px;white-space:pre-wrap;word-break:break-all}}.copy-btn-box{width:78px;justify-content:flex-end}.btn-icon{width:16px;height:16px;img{width:100%;height:100%;object-fit:contain}}.section-howto{display:flex;flex-direction:column;width:calc(100% - 32px);padding:40px 16px;margin-bottom:176px;border-radius:24px;align-items:center;justify-content:center;.title{color:#fff;font-size:24px;font-weight:700}.howto-list{position:relative;padding:18px 0;margin-top:20px;&:after,&:before{content:"";position:absolute;left:0;width:100%;height:1px;background:radial-gradient(100% 55200% at 0 50%,rgba(255,255,255,.084) 0,rgba(255,255,255,.7) 50%,rgba(255,255,255,.084) 100%)}&:before{top:0}&:after{bottom:0}}.list-item{display:flex;gap:8px;align-items:center;+.list-item{margin-top:18px}}.item-number{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;background:url(https://static.delabs.gg/ragnarok/homepage/pre-register/img-info-num-bg.png) 0 0 no-repeat;background-size:contain}}.howto-info-text{position:flex;top:64px;right:56px;color:#de6b6b;&:before{content:"";display:inline-block;width:20px;height:20px;margin-right:4px;background:url(https://static.delabs.gg/ragnarok/homepage/pre-register/ico-warning.svg) 0 0 no-repeat;vertical-align:top}}.ranking-box{position:relative;width:100%;height:1305px;background:url(https://static.delabs.gg/ragnarok/homepage/pre-register/img-bg-event2-v3-mo.png) 0 0 no-repeat;background-size:100% 1305px;&:before{top:-8px;rotate:180deg}&:after,&:before{left:-11px;right:-11px;height:64px;background:url(https://static.delabs.gg/ragnarok/homepage/pre-register/img-event2-bottom-mo.png) 0 0 no-repeat;background-size:100% 64px}&:after{bottom:-8px}}.ranking-title{width:258px;height:62px}.rank-list{&:first-of-type{margin-top:0}}.rank-type{&:before{width:58px}&.rank-first{&:after{width:36px;height:24px;background:url(https://static.delabs.gg/ragnarok/homepage/pre-register/ico-rank1-mo.png) 0 0 no-repeat;background-size:contain}}&.rank-second{&:after{width:22px;height:24px;background:url(https://static.delabs.gg/ragnarok/homepage/pre-register/ico-rank2-mo.png) 0 0 no-repeat;background-size:contain}}&.rank-third{&:after{width:22px;height:24px;background:url(https://static.delabs.gg/ragnarok/homepage/pre-register/ico-rank3-mo.png) 0 0 no-repeat;background-size:contain}}}.reward-title{height:62px}.btn-blue-gradient{&:active,&:hover{background:linear-gradient(#70d4ff,#4197dc 60%);.btn-icon{&:before{content:none}}span{text-shadow:none}}&.type-line,&.type-telegram,&.type-x{&:active,&:hover{.btn-icon{&:before{content:none}}}}}.scroll-area-viewport>div{width:100%;table-layout:fixed}.video-box{height:204px;&:after,&:before{height:204px}&:after{background:url(https://static.delabs.gg/ragnarok/homepage/pre-register/bg-video-mo.png);background-size:cover}}}@media screen and (max-device-width:380px){.timer-text span{padding:0}}