html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,button,cite,code,del,dfn,dialog,em,img,input,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,textarea,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{box-sizing:border-box;margin:0;padding:0;background:0;border:0;outline:0;color:inherit;font:inherit;vertical-align:baseline}html,input,textarea{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}*,*:before,*:after{box-sizing:border-box;scrollbar-width:thin}@font-face{font-family:LeferiPoint-SpecialItalicA;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/LeferiPoint-SpecialItalicA.woff) format("woff");font-weight:400;font-style:normal}*{box-sizing:border-box}body{margin:0;padding:0}.scroll{height:350vh}.scroll h1{position:fixed;top:30px;left:50%;width:100%;font-family:LeferiPoint-SpecialItalicA;font-size:clamp(2rem,5vw,3rem);text-align:center;line-height:1.5;transform:translate(-50%);z-index:5}.scroll-text{opacity:0;transform:translateY(10px);transition:opacity .5s ease-in-out,transform .5s ease-in-out}.scroll-text.visible{opacity:1;transform:translateY(0)}.scroll-image{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:flex-end;padding:32px 32px 0;background-color:#fff;opacity:0;transition:opacity .5s ease-in-out}.scroll-image img{max-width:600px;width:100%;height:auto;object-fit:contain}.scroll-image.visible{opacity:1}#app{height:200vh}