@import"https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap";@font-face{font-family:"PyeongChangPeace_Bold";src:url("../../assets/PyeongChangPeace_Bold.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"PyeongChangPeace_Light";src:url("../../assets/PyeongChangPeace_Light.ttf") format("truetype");font-weight:normal;font-style:normal}*{margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;block-size:-moz-fit-content;block-size:fit-content}html,body{width:100%;height:100%;overflow:hidden}#main{width:100%;height:100%;background:#f0f0f0;position:absolute;overflow:hidden}#main .intro{width:100%;height:100%;position:absolute}#main .intro .ltitle{width:-moz-max-content;width:max-content;height:220px;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-image:url("../../assets/background1.jpg");background-position:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:200px;line-height:240px;text-align:center;font-family:"Hind";animation:flowingTexty 150s linear infinite}@keyframes flowingTexty{from{background-position-y:0}to{background-position-y:-10800px}}#main .intro .lplay{width:100px;height:60px;position:absolute;top:calc(50% + 200px);left:50%;transform:translate(-50%, -50%);border-color:orange;cursor:pointer;font-size:30px}#main .intro .lplay:hover{background:rgba(0,0,0,.1)}#main .whatisit1 .w1header_wrap{width:-moz-max-content;width:max-content;height:300px;position:absolute;top:calc(50% - 50px);left:100px;transform:translate(0, -50%);display:flex}#main .whatisit1 .w1header_wrap .w1header{width:-moz-max-content;width:max-content;height:300px;color:#e68369;font-size:280px;line-height:260px;text-align:left;font-family:"Noto Sans KR",sans-serif;font-weight:bolder}#main .whatisit1 .w1header_wrap .w1header_cursor{width:2px;height:300px;background:#e68369;opacity:0}#main .whatisit1 .w1header_wrap .w1header_cursor.activate{opacity:1;animation:blink 1s step-end infinite}#main .whatisit1 .w1header_wrap .w1header_cursor.writing{opacity:1}#main .whatisit1 .w1header2{width:-moz-max-content;width:max-content;height:110px;color:#e76f51;position:absolute;top:calc(50% + 200px);left:150px;transform:translate(0, -50%);font-size:100px;line-height:320px;text-align:left;font-family:"Noto Sans KR",sans-serif;font-weight:400;transition:line-height .5s}#main .whatisit1 .w1header2 span{font-family:"Nanum Brush Script",cursive;font-size:120px;font-weight:bolder}#main .whatisit1 .w1header2::before{content:"";width:100%;height:110px;background:#f0f0f0;position:absolute;top:100%}#main .whatisit2 .w2header_wrap{width:-moz-max-content;width:max-content;height:300px;position:absolute;top:50%;right:50px;transform:translate(0, -50%);display:none}#main .whatisit2 .w2header_wrap .w2header1,#main .whatisit2 .w2header_wrap .w2header2,#main .whatisit2 .w2header_wrap .w2header3{width:-moz-max-content;width:max-content;height:100px;position:absolute;right:50px;color:#e68369;font-size:80px;line-height:300px;text-align:right;font-family:"Noto Sans KR",sans-serif;font-weight:bolder;transition:line-height .5s}#main .whatisit2 .w2header_wrap .w2header1.w2header2,#main .whatisit2 .w2header_wrap .w2header2.w2header2,#main .whatisit2 .w2header_wrap .w2header3.w2header2{top:100px;transition-delay:.3s}#main .whatisit2 .w2header_wrap .w2header1.w2header3,#main .whatisit2 .w2header_wrap .w2header2.w2header3,#main .whatisit2 .w2header_wrap .w2header3.w2header3{top:200px;transition-delay:.6s}#main .whatisit2 .w2header_wrap .w2header1::before,#main .whatisit2 .w2header_wrap .w2header2::before,#main .whatisit2 .w2header_wrap .w2header3::before{content:"";width:100%;height:100px;background:#f0f0f0;position:absolute;top:100%}#main .whatisit2 .w2header_wrap.appear .w2header1,#main .whatisit2 .w2header_wrap.appear .w2header2,#main .whatisit2 .w2header_wrap.appear .w2header3{line-height:90px}#main .whatisit3 .w3header_wrap{width:-moz-max-content;width:max-content;height:300px;position:absolute;top:50%;right:50px;transform:translate(0, -50%);display:none}#main .whatisit3 .w3header_wrap .w3header1{width:-moz-max-content;width:max-content;height:100px;position:absolute;right:50px;color:#e68369;font-size:80px;line-height:300px;text-align:right;font-family:"Noto Sans KR",sans-serif;font-weight:bolder;transition:line-height .5s}#main .whatisit3 .w3header_wrap .w3header1::before{content:"";width:100%;height:100px;background:#f0f0f0;position:absolute;top:100%}#main .whatisit3 .w3header_wrap.appear .w3header1{line-height:90px}#main .whatisit3 .lplay{width:100px;height:100px;position:absolute;top:50%;right:100px;border:none;border-radius:100%;border:3px solid orange;cursor:pointer;display:none}#main .whatisit3 .lplay:hover{background:rgba(0,0,0,.1)}#main .whatisit3 .lplay span{color:#ff5900;font-size:40px;line-height:90px;text-align:center}#main .playing{z-index:9}#main .playing canvas{top:0;z-index:10}#main .playing svg{top:0;z-index:10}#main .playing ._t{width:-moz-max-content;width:max-content;height:30px;position:absolute;bottom:200px;left:50px;z-index:12;font-size:15px;font-weight:100;text-align:left}#main .playing #t{width:200px;height:30px;position:absolute;bottom:150px;left:50px;z-index:12;font-size:20px;font-weight:100;text-align:left}#main .playing input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:300px;height:10px;position:absolute;bottom:100px;left:50px;z-index:12;outline:none;cursor:ew-resize}#main .playing .tools{width:100px;height:20px;position:absolute;bottom:100px;right:100px;z-index:12;outline:none;display:none}#main .playing .reload{width:100px;height:50px;color:#ff5900;position:absolute;bottom:100px;right:100px;border-top-left-radius:20px;border-bottom-left-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;z-index:12;outline:none;font-weight:bolder;font-size:20px;cursor:pointer}#main .playing .reload:hover{background:rgba(0,0,0,.1)}#main .playing #pointSlots{width:400px;height:calc(100% - 300px);background:#feece9;position:absolute;overflow-x:hidden;overflow-y:scroll;z-index:12}#main .playing #pointSlots_{width:400px;height:100%;background:#feece9;position:absolute;z-index:10}#main .playing #pointSlots #add_point{width:40px;height:40px;background:none;border:none;position:absolute;top:180px;right:0;transform:translate(-50%, -50%);z-index:1;outline:none;cursor:pointer;font-family:"Poppins",sans-serif;font-size:30px;line-height:42.5px;transition:all .3s}#main .playing #pointSlots #add_point:hover{color:#325288}#main .playing #pointSlots::-webkit-scrollbar{width:5px;background:#f38ba0}#main .playing #pointSlots::-webkit-scrollbar-thumb{background:#002366}#main .playing #pointSlots .pointManage{width:100%;height:200px;position:relative;font-family:"Poppins",sans-serif}#main .playing #pointSlots .pointManage #pointManage_txt1{width:350px;height:60px;color:#161853;position:absolute;top:50px;left:0;font-size:40px;line-height:60px;text-align:center}#main .playing #pointSlots .pointSlot{width:100%;height:100px;position:relative;top:0;cursor:pointer;transition:color .1s .05s}#main .playing #pointSlots .pointSlot::before{content:"";width:100%;height:100%;position:absolute;background:#ff616d;transform:scaleY(0);transform-origin:bottom;transition:transform .3s}#main .playing #pointSlots .pointSlot:hover{color:#fff}#main .playing #pointSlots .pointSlot[id=hover]{color:#fff}#main .playing #pointSlots .pointSlot:hover::before{transform:scaleY(1)}#main .playing #pointSlots .pointSlot[id=hover]::before{transform:scaleY(1)}#main .playing #pointSlots .pointSlot:hover .pointRemove{display:block}#main .playing #pointSlots .pointSlot .pointCntnt{font-family:"Poppins",sans-serif;font-weight:400;z-index:12}#main .playing #pointSlots .pointSlot .pointName{width:200px;height:50px;position:absolute;top:50px;left:50px;font-size:30px;line-height:50px;text-align:left;transform:translateY(-50%)}#main .playing #pointSlots .pointSlot .pointCoordinate{width:150px;height:30px;position:absolute;top:50px;right:30px;font-size:17.5px;font-weight:bold;line-height:30px;text-align:right;transform:translateY(-50%)}#main .playing #pointSlots .pointSlot .pointRemove{width:30px;height:30px;position:absolute;top:50px;left:20px;font-size:30px;font-weight:normal;line-height:34px;text-align:center;transform:translate(-50%, -50%);display:none}#main .playing #pointSlots .pointSlot .pointRemove:hover{background:crimson}#main .playing #pointInfo{width:150px;height:92.705097px;border-radius:5px;background:rgba(254,236,233,.7);color:#000;position:absolute;z-index:11;transform:translate(-50%, -50%);font-family:"Poppins",sans-serif}#main .playing #pointInfo #pointName{width:100%;height:55px;position:relative;font-size:30px;font-weight:400;line-height:61px;text-align:center}#main .playing #pointInfo #pointCoordinate{width:100%;height:calc(100% - 60px);position:relative;font-size:20px;font-weight:400;line-height:35px;text-align:center}#main .page{width:100%;height:100vh;position:absolute;top:100%;left:0;transition:top 1s,left 1s}#main .page .title{width:-moz-max-content;width:max-content;height:50px;color:#9b9b9b;position:absolute;top:20px;left:50%;transform:translate(-50%, 0);font-size:40px;line-height:60px;text-align:center;font-family:"Hind";font-weight:500;transition:opacity 1s 2s}#main .page .subtitle{width:-moz-max-content;width:max-content;height:30px;color:#9c9c9c;position:absolute;top:80px;left:50%;transform:translate(-50%, 0);font-size:20px;line-height:35px;text-align:center;font-family:"Hind";font-weight:500;transition:opacity 1s 2s}#main .page .next{width:100px;height:100px;background:rgba(0,0,0,0);color:#131842;position:absolute;bottom:50px;right:100px;border:0;border:3px solid rgba(0,0,0,0);border-radius:100%;outline:none;cursor:pointer;z-index:9;transition:bottom .5s}#main .page .next:hover{border-color:#131842}#main .page .next.hide{bottom:-200px}#main .page .next span{font-size:60px}#main .page.intro{top:0}#main .page.whatisit1{background:#f0f0f0}#main .page.whatisit1 .title,#main .page.whatisit1 .subtitle{color:#131842}#main .page.whatisit2{top:0;left:100%}#main .page.whatisit2 .title,#main .page.whatisit2 .subtitle{color:#131842}#main .page.whatisit3{top:0;left:100%}#main .page.whatisit3 .title,#main .page.whatisit3 .subtitle{color:#131842}#main .page.playing{top:200%;background:#f0f0f0}#main .page.playing .title,#main .page.playing .subtitle{color:#131842}#main .page.appear .title,#main .page.appear .subtitle{opacity:.2}#main .loading{width:100%;height:0;background:#1d2b53;position:fixed;bottom:0;left:0;z-index:99;transition:height 1s;overflow:hidden}#main .loading .title{width:-moz-max-content;width:max-content;height:220px;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-image:url("../../assets/background1.jpg");background-position:center;position:absolute;bottom:50vh;left:50%;transform:translate(-50%, 50%);font-size:200px;line-height:240px;text-align:center;font-family:"Hind";animation:flowingTexty 150s linear infinite}#main .loading .subtitle{width:-moz-max-content;width:max-content;height:60px;color:#f0f0f0;position:absolute;bottom:calc(50vh - 140px);left:50%;transform:translate(-50%, 50%);font-size:40px;line-height:60px;text-align:center;font-family:"Hind";font-weight:500}#main .loading .footer{width:100%;height:80px;position:absolute;bottom:30px}#main .loading .footer .footer1{width:-moz-max-content;width:max-content;height:30px;color:#334c8b;position:absolute;top:0;left:50%;transform:translate(-50%, 0);font-size:20px;line-height:30px;text-align:center;font-family:"PyeongChangPeace_Light"}#main .loading .footer .footer2{width:-moz-max-content;width:max-content;height:60px;color:#334c8b;position:absolute;bottom:0;left:50%;transform:translate(-50%, 0);font-size:40px;line-height:70px;text-align:center;font-family:"PyeongChangPeace_Bold"}#main .loading.play{bottom:0;height:100%}#main .loading.end{top:0;height:0%}#main .loading.end .title{top:50vh;transform:translate(-50%, -50%)}#main .loading.end .subtitle{top:calc(50vh + 140px);transform:translate(-50%, -50%)}#main .loading.end .footer{bottom:0;top:calc(100vh - 110px)}@keyframes blink{50%{opacity:0}}