body{margin:0;height:0;background:#ffffff}header.campaign-head,.register-cnt,footer{min-width:1200px}a,a:focus{outline:none}article h1{display:none}html{position:relative;width:100%;height:100%}#gnb-container{position:relative;z-index:10050}header.campaign-head{position:relative;z-index:10020}#loading{position:fixed;left:0;top:0;width:100%;height:100%;z-index:100000}#loading>div.bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#000000}#loading>div.img{position:absolute;left:50%;top:50%;margin-top:-78px;margin-left:-50px;width:100px;height:157px}#loading>div .loading01{position:absolute;left:25px;top:0}#loading>div .loading02{position:absolute;left:0;top:57px}.main-summer-teaser-2022{position:relative;width:100%;min-width:1200px;overflow:hidden}.main-summer-teaser-2022>.container{position:relative;width:100%}.main-summer-teaser-2022>.container .btn{position:absolute}.main-summer-teaser-2022>.container .btn a{display:block;position:relative;width:100%;height:100%;background-repeat:no-repeat;background-position:center top}.main-summer-teaser-2022>.container .btn a span{display:none}.main-summer-teaser-2022>.container .btn a::after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center bottom;opacity:0;transition:opacity .2s linear 0s}.main-summer-teaser-2022>.container .btn a:hover::after{opacity:1}.main-summer-teaser-2022 .visual-container{position:absolute;left:50%;top:0;width:1920px;height:974px;background-image:url(https://static.nexon.co.jp/talesweaver_4th/campaign/summer_teaser_2022_a72p/bg.jpg);background-repeat:no-repeat;background-position:center top;transform:translate(-50%, 0)}.main-summer-teaser-2022 .visual-container img.img-chara{position:absolute;left:0;top:0;opacity:0;transform:translate(30px, 30px)}.main-summer-teaser-2022 .visual-container div.img-monster01{position:absolute;left:0;top:0;transform:skewX(10deg);opacity:0}.main-summer-teaser-2022 .visual-container div.img-monster01 img{filter:blur(20px)}.main-summer-teaser-2022 .visual-container div.img-monster02{position:absolute;left:0;bottom:0;opacity:0}.main-summer-teaser-2022 .visual-container div.img-monster02 img{filter:blur(20px)}.main-summer-teaser-2022 .visual-container div.img-monster03{position:absolute;left:0;bottom:0;opacity:0}.main-summer-teaser-2022 .visual-container div.img-monster03 img{filter:blur(20px)}.main-summer-teaser-2022 .visual-container .cover{position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(https://static.nexon.co.jp/talesweaver_4th/campaign/summer_teaser_2022_a72p/bg_particle.png);background-repeat:no-repeat;background-position:center top}.main-summer-teaser-2022 .visual-container .cover::after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(https://static.nexon.co.jp/talesweaver_4th/campaign/summer_teaser_2022_a72p/cover.png);background-repeat:no-repeat;background-position:center top}.main-summer-teaser-2022 .visual-container .dot-box{position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(https://static.nexon.co.jp/talesweaver_4th/campaign/summer_teaser_2022_a72p/bg_dot.png);background-repeat:no-repeat;background-position:center bottom}.main-summer-teaser-2022 .visual-container .dot-box img{position:absolute}.main-summer-teaser-2022 .visual-container .dot-box img.dot-monster01{left:5px;bottom:25px}.main-summer-teaser-2022 .visual-container .dot-box img.dot-monster02{left:150px;bottom:45px}.main-summer-teaser-2022 .visual-container .dot-box img.dot-monster03{right:165px;bottom:100px}.main-summer-teaser-2022 .visual-container .dot-box img.dot-monster04{right:15px;bottom:105px}.main-summer-teaser-2022 .visual-container .dot-box img.dot-monster05{right:75px;bottom:0}.main-summer-teaser-2022 .visual-container .dot-box::after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(https://static.nexon.co.jp/talesweaver_4th/campaign/summer_teaser_2022_a72p/cover_dot.png);background-repeat:no-repeat;background-position:center bottom}.main-summer-teaser-2022 .visual-container.on img.img-chara{animation:charaMove .5s ease-in 0s forwards}.main-summer-teaser-2022 .visual-container.on div.img-monster01{animation:monSkew .5s ease-in 0s forwards}.main-summer-teaser-2022 .visual-container.on div.img-monster01 img{animation:monBlur 1s linear 0s forwards}.main-summer-teaser-2022 .visual-container.on div.img-monster02{animation:monOpacity .8s ease-in .8s forwards}.main-summer-teaser-2022 .visual-container.on div.img-monster02 img{animation:monBlur 0.8s linear 0.8s forwards}.main-summer-teaser-2022 .visual-container.on div.img-monster03{animation:monOpacity .8s ease-in .9s forwards}.main-summer-teaser-2022 .visual-container.on div.img-monster03 img{animation:monBlur .8s linear .9s forwards}#particles-js{position:absolute;left:0;top:0;width:100%;height:974px}@keyframes charaMove{0%{transform:translate(30px, 30px);opacity:0}100%{transform:translate(0, 0);opacity:1}}@keyframes monSkew{0%{transform:skewX(10deg);opacity:0}100%{transform:skewX(0deg);opacity:1}}@keyframes monOpacity{0%{opacity:0}100%{opacity:1}}@keyframes monBlur{0%{filter:blur(20px)}100%{filter:blur(0px)}}section.top{position:relative;width:100%;height:974px}section.top h2{position:absolute;left:50%;top:106px;width:500px;height:450px;background-image:url(https://static.nexon.co.jp/talesweaver_4th/campaign/summer_teaser_2022_a72p/title.png);background-repeat:no-repeat;background-position:center top;transform:translate(-50%, 0)}section.top h2 span{display:none}section.top .ttl p{position:absolute;left:50%;top:0;margin-left:-346px;width:200px;height:500px;opacity:0}section.top .ttl p::after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(https://static.nexon.co.jp/talesweaver_4th/campaign/summer_teaser_2022_a72p/text.png);background-repeat:no-repeat;background-position:center top;filter:blur(20px)}section.top .ttl p span{display:none}section.top .head-socialbox{position:absolute;left:50%;top:0;width:1200px;transform:translate(-50%, 0)}section.top .head-socialbox .twitter{position:absolute;width:100px;top:10px;right:130px}section.top .head-socialbox .twitter iframe{width:100px !important}section.top .btn-box{position:absolute;left:50%;top:85px;width:237px;height:316px;background-image:url(https://static.nexon.co.jp/talesweaver_4th/campaign/summer_teaser_2022_a72p/bg_btn.png);background-repeat:no-repeat;background-position:center top;transform:translate(270px, 0)}section.top .btn-box .btn-gamestart,section.top .btn-box .btn-login{left:8px;top:8px;width:188px;height:188px}section.top .btn-box .btn-login a,section.top .btn-box .btn-login a::after{background-image:url(https://static.nexon.co.jp/talesweaver_4th/campaign/summer_teaser_2022_a72p/btn_login.png);border-radius:50%}section.top .btn-box .btn-gamestart a,section.top .btn-box .btn-gamestart a::after{background-image:url(https://static.nexon.co.jp/talesweaver_4th/campaign/summer_teaser_2022_a72p/btn_gamestart.png);border-radius:50%}section.top .btn-box .btn-id-register{left:77px;top:156px;width:152px;height:152px}section.top .btn-box .btn-id-register a,section.top .btn-box .btn-id-register a::after{background-image:url(https://static.nexon.co.jp/talesweaver_4th/campaign/summer_teaser_2022_a72p/btn_id_register.png);border-radius:50%}section.top .btn-movie{position:absolute;left:50%;top:480px;width:89px;height:89px;border-radius:50%;transform:translate(-50%, 0)}section.top .btn-movie a{display:block;width:100%;height:100%;background-image:url(https://static.nexon.co.jp/talesweaver_4th/campaign/summer_teaser_2022_a72p/btn_movie.png);background-repeat:no-repeat;background-position:center top;background-size:100%;border-radius:50%;box-shadow:0px 0px 15px 0px #ffffff;transform:scale(1);transition:transform .2s linear 0s}section.top .btn-movie a:hover{transform:scale(1.08)}section.top .btn-movie a span{display:none}section.top.on .ttl p{animation:monOpacity .5s ease-in .8s forwards}section.top.on .ttl p::after{animation:monBlur .3s linear .8s forwards}#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:50000;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box}#cboxOverlay{background:#000}#colorbox{outline:0}#colorbox,#cboxContent,#cboxWrapper{overflow:visible}.cboxIframe{background:#000}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{padding:0;box-sizing:border-box;background-repeat:no-repeat}#cboxLoadingGraphic{background:url(https://static.nexon.co.jp/mabinogi/6th_img/common/modal/loading.gif) no-repeat center center}#cboxLoadingOverlay{background:#000}#cboxTitle{display:none !important}#cboxCurrent{display:none !important}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxClose{display:block;background:url(https://static.nexon.co.jp/talesweaver_4th/campaign/summer_teaser_2022_a72p/btn_modal_close.png) no-repeat left top;width:39px;height:38px;text-indent:110%;overflow:hidden;white-space:nowrap;position:absolute;left:415px;bottom:-52px;border:none;padding:0;outline:none}#cboxClose:hover{background-position:left bottom}.inline-modal{display:none}