@charset "UTF-8";#header{position:absolute;top:0;left:0;display:flex;justify-content:space-between;width:100%;overflow:visible;z-index:10;padding:25px 30px}#header *{text-indent:-9999px}#header .util{position:relative;display:flex;gap:2px;width:250px;justify-content:flex-end}#header .util a,#header .util button{width:100%;height:100%;display:block}#root:has(#lumielle){overflow-x:auto}#lumielle{position:relative;min-width:720px;opacity:0}#lumielle #header .logo{width:223px;height:150px;background-image:url(https://lwi.nexon.com/heroes/2026/0704_lumielle_7C2F623CC84976CF/logo.png);background-size:contain;background-position:top center;background-repeat:no-repeat}#lumielle #header .util .btn_start{width:127px;height:47px;background-image:url(https://lwi.nexon.com/heroes/2026/0704_lumielle_7C2F623CC84976CF/btn_start.png);background-size:cover;background-position:top center;background-repeat:no-repeat}#lumielle #header .util .btn_start:hover{background-position-y:bottom}#lumielle #header .util .btn_home{width:47px;height:47px;background-image:url(https://lwi.nexon.com/heroes/2026/0704_lumielle_7C2F623CC84976CF/btn_home.png);background-size:cover;background-position:top center;background-repeat:no-repeat}#lumielle #header .util .btn_home:hover{background-position-y:bottom}#lumielle #header .util .btn_hide{width:47px;height:47px;background-image:url(https://lwi.nexon.com/heroes/2026/0704_lumielle_7C2F623CC84976CF/btn_hide.png);background-size:cover;background-position:top center;background-repeat:no-repeat}#lumielle #header .util .btn_hide:hover{background-position-y:bottom}#lumielle section{overflow:hidden;display:flex;align-items:center;flex-direction:column;position:relative;width:100%}#lumielle section ._content{position:relative;width:100%}#lumielle section:not(.sec1){content-visibility:auto;contain-intrinsic-size:auto 100vh}#lumielle section.sec1 ._content{position:relative;height:100vh;min-height:1440px}#lumielle section.sec1 ._content ._con{display:flex;flex-direction:column;position:relative;z-index:3;width:100%;max-width:1280px;margin:167px auto 0;overflow:hidden;font-size:0;color:transparent;line-height:0;text-indent:-9999px}#lumielle section.sec1 ._content ._con ._ttl{position:relative;width:855px;height:557px;margin-left:-70px;background-image:url(https://lwi.nexon.com/heroes/2026/0704_lumielle_7C2F623CC84976CF/ttl.png);background-size:contain;background-position:top center;background-repeat:no-repeat}#lumielle section.sec1 ._content ._con .btn_paly{width:240px;height:206px;margin:-100px 0 0 250px;background-image:url(https://lwi.nexon.com/heroes/2026/0704_lumielle_7C2F623CC84976CF/btn_play.png);background-size:contain;background-position:top center;background-repeat:no-repeat}#lumielle section.sec1 ._content ._con .btn_paly:hover{background-image:url(https://lwi.nexon.com/heroes/2026/0704_lumielle_7C2F623CC84976CF/btn_play_on.png);background-size:contain;background-position:top center;background-repeat:no-repeat}#lumielle section.sec1 ._content ._con ._btns{display:flex;align-items:center;margin:0 0 0 58px}#lumielle section.sec1 ._content ._con ._btns button{height:89px}#lumielle section.sec1 ._content ._con ._btns button._btn1{width:320px;background-image:url(https://lwi.nexon.com/heroes/2026/0704_lumielle_7C2F623CC84976CF/btn_story_l.png);background-size:cover;background-position:top center;background-repeat:no-repeat}#lumielle section.sec1 ._content ._con ._btns button._btn1:hover{background-image:url(https://lwi.nexon.com/heroes/2026/0704_lumielle_7C2F623CC84976CF/btn_story_l.png);background-size:cover;background-position:top center;background-repeat:no-repeat;background-position-y:-107px}#lumielle section.sec1 ._content ._con ._btns button._btn2{width:307px;background-image:url(https://lwi.nexon.com/heroes/2026/0704_lumielle_7C2F623CC84976CF/btn_story_r.png);background-size:cover;background-position:top center;background-repeat:no-repeat}#lumielle section.sec1 ._content ._con ._btns button._btn2:hover{background-image:url(https://lwi.nexon.com/heroes/2026/0704_lumielle_7C2F623CC84976CF/btn_story_r.png);background-size:cover;background-position:top center;background-repeat:no-repeat;background-position-y:-107px}#lumielle section.sec1 ._content ._light{position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse 75% 65% at 35% 55%,rgba(80,210,60,.16) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 72% 20%,rgba(200,255,80,.09) 0%,transparent 60%);mix-blend-mode:screen;opacity:0}#lumielle section.sec1 ._content ._particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}#lumielle section.sec1 ._content ._particles span{position:absolute;border-radius:50%;opacity:0}#lumielle section.sec1 ._content ._video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-transform:none;-webkit-appearance:none}#lumielle .footer{position:absolute;bottom:26px;left:50%;transform:translate(-50%);z-index:10;width:435px;height:82px;overflow:hidden;font-size:0;color:transparent;line-height:0;text-indent:-9999px;background-image:url(https://lwi.nexon.com/heroes/2026/0704_lumielle_7C2F623CC84976CF/footer.png);background-size:cover;background-position:top center;background-repeat:no-repeat}#lumielle #lumielleModalContainer{position:relative;width:1074px;max-width:calc(100vw - 80px);aspect-ratio:1074/625;background-color:#000;background-image:url(https://lwi.nexon.com/heroes/2026/0704_lumielle_7C2F623CC84976CF/youtube_frame.png);background-size:contain;background-position:top center;background-repeat:no-repeat}#lumielle #lumielleModalContainer ._youtube{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:95.35%;height:92.16%}#lumielle #lumielleModalContainer+.btn_close_modal{position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:60px;height:58px;margin-bottom:10px;overflow:hidden;font-size:0;color:transparent;line-height:0;text-indent:-9999px;background-image:url(https://lwi.nexon.com/heroes/2026/0704_lumielle_7C2F623CC84976CF/youtube_close.png);background-size:cover;background-position:top center;background-repeat:no-repeat}._modal_7jhyg_1{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:9999999;width:100%;height:100%;max-width:2560px;animation:_fadeIn_7jhyg_1 .1s ease-in-out}@keyframes _fadeIn_7jhyg_1{0%{opacity:0}to{opacity:1}}._modal_7jhyg_1 ._dimmed_7jhyg_20{position:absolute;inset:0;background-color:#0009}._modal_7jhyg_1 ._inner_7jhyg_25{position:relative;z-index:1;cursor:pointer;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;padding:74px 0}._modal_7jhyg_1 ._inner_7jhyg_25:before,._modal_7jhyg_1 ._inner_7jhyg_25:after{content:"";flex:1}._modal_7jhyg_1 ._inner_7jhyg_25::-webkit-scrollbar{display:none}._modal_7jhyg_1 ._inner_7jhyg_25::-webkit-scrollbar-track{background:transparent}._modal_7jhyg_1 ._inner_7jhyg_25::-webkit-scrollbar-thumb{background:transparent}._modal_7jhyg_1 ._container_7jhyg_52{cursor:default;flex-shrink:0;position:relative;pointer-events:auto}.loading{position:absolute;width:80px;height:80px;top:50%;left:50%;transform:translate(-50%,-50%)}.loading .spinner{margin:calc(50% - 25px) auto;width:50px;height:50px;border:5px solid rgba(255,255,255,.3);box-sizing:border-box;border-top-color:#9c9c9c;border-radius:100%;animation:spin 1s ease-in-out infinite}.loading_fixed{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:9999999999999;overflow:hidden}.loading_absolute{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}.youtube-modal{position:relative;width:100%;max-width:1280px}@media (max-width: 640px){.youtube-modal{width:94.1176470588vw}}.youtube-modal>div:not(.loading_absolute){width:100%;height:100%}.youtube-modal>div:not(.loading_absolute) iframe{width:100%;height:100%;border:0}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100%;-webkit-text-size-adjust:100%;font-optical-sizing:auto}body{font-family:Pretendard,sans-serif;font-size:16px;font-weight:500;line-height:1.5;color:#000;background-color:#fff}body:not(.app-ready){overflow-x:hidden}@media (max-width: 1280px){body .gnbContainer{display:none!important;position:absolute!important;top:-150px!important;width:0!important;min-width:0!important;height:0!important;visibility:hidden!important}body .gnbContainer .gnbBar{display:none!important}}body label,body button,body a,body div{-webkit-tap-highlight-color:transparent;background-repeat:no-repeat}body pre{white-space:pre-wrap;word-break:break-word}a{color:inherit;text-decoration:none}a,span{display:inline-block}img,video{display:block;max-width:100%;height:auto}ul,ol{list-style:none}button{cursor:pointer}button,input,select,textarea{margin:0;padding:0;font:inherit;color:inherit;background:transparent;border-radius:0;outline:none;border:0}#root{position:relative;margin:0 auto;width:100%;max-width:2560px;overflow:hidden}#root section{position:relative;width:100%}#root section .inner{position:absolute;left:50%;top:0;width:2560px;height:inherit;transform:translate(-1280px);text-indent:-9999px;display:flex;align-items:center;flex-direction:column}#root section .inner *{flex-shrink:0}[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;inset:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;inset:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{inset:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{inset:0 auto 0 0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.letterContent{display:flex;align-items:center;flex-direction:column;width:758px;height:1062px;padding:122px 96px 76px 126px;background-image:url(https://lwi.nexon.com/heroes/2026/0704_lumielle_7C2F623CC84976CF/letter_frame.png);background-size:cover;background-position:top center;background-repeat:no-repeat}.letterContent+.btn_close_modal{position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:60px;height:58px;overflow:hidden;font-size:0;color:transparent;line-height:0;text-indent:-9999px;background-image:url(https://lwi.nexon.com/heroes/2026/0704_lumielle_7C2F623CC84976CF/youtube_close.png);background-size:cover;background-position:top center;background-repeat:no-repeat}.letterContent ._con{position:relative;width:100%}.letterContent ._con ._ttl{width:520px;height:118px;background-image:url(https://lwi.nexon.com/heroes/2026/0704_lumielle_7C2F623CC84976CF/letter_ttl.png);background-size:contain;background-position:top center;background-repeat:no-repeat}.letterContent ._con ._letter{margin-top:33px;font-size:14px;color:#8b8b8b;letter-spacing:-.45px;overflow:hidden;font-family:Noto Sans KR,sans-serif}.letterContent ._con ._letter .simplebar-track.simplebar-vertical{width:6px;right:2px;top:2px;bottom:2px}.letterContent ._con ._letter .simplebar-track.simplebar-vertical:before{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:2px;background:#0000005c;border-radius:0}.letterContent ._con ._letter .simplebar-scrollbar:before{background:#1f951c;border-radius:0;left:0;right:0;opacity:1}.letterContent ._con ._letter ._tImg{width:168px;height:22px;background-image:url(https://lwi.nexon.com/heroes/2026/0704_lumielle_7C2F623CC84976CF/letter_t.png);background-size:contain;background-position:top center;background-repeat:no-repeat}.letterContent ._con ._letter ._t{margin-top:20px;padding-right:30px}.letterContent ._con ._letter ._t ._box{width:500px;height:312px;margin:32px 0}.letterContent ._con ._letter ._t ._box.--1{background-image:url(https://lwi.nexon.com/heroes/2026/0704_lumielle_7C2F623CC84976CF/letter_img1.jpg);background-size:contain;background-position:top center;background-repeat:no-repeat}.letterContent ._con ._letter ._t ._box.--2{background-image:url(https://lwi.nexon.com/heroes/2026/0704_lumielle_7C2F623CC84976CF/letter_img2.jpg);background-size:contain;background-position:top center;background-repeat:no-repeat}.letterContent ._con ._letter ._t ._box.--3{background-image:url(https://lwi.nexon.com/heroes/2026/0704_lumielle_7C2F623CC84976CF/letter_img3.jpg);background-size:contain;background-position:top center;background-repeat:no-repeat}.letterContent ._con ._letter ._t ._box.--4{background-image:url(https://lwi.nexon.com/heroes/2026/0704_lumielle_7C2F623CC84976CF/letter_img4.jpg);background-size:contain;background-position:top center;background-repeat:no-repeat}.letterContent ._con ._letter ._t ._box.--5{background-image:url(https://lwi.nexon.com/heroes/2026/0704_lumielle_7C2F623CC84976CF/letter_img5.jpg);background-size:contain;background-position:top center;background-repeat:no-repeat}