@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@font-face{font-family:Pretendard-Regular;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff) format("woff");font-weight:400;font-style:normal}*{box-sizing:border-box}body{margin:0;padding:0;background-size:containl}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes popEffect{0%{transform:scale(1)}30%{transform:scale(1.15)}to{transform:scale(1)}}#cursor{width:3.125vw;height:3.125vw;background:#fff;border-radius:50%;position:fixed;pointer-events:none;opacity:.3;z-index:999}.spotlight-text:hover+#cursor,.spotlight-text:hover~#cursor{opacity:1}#cursor.active{transform:scale(1.5)}@keyframes clickEffect{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}.click-effect{animation:clickEffect .3s ease-out}#threeJS_App{width:100vw;height:100vh;overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:calc((18.2 / 900) * 100vh)}canvas{isolation:isolate;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.textContainer{position:relative}.fade-in{animation:fadeIn 1s forwards}.fade-in>p{animation:popEffect .7s ease-in-out}.fade-in>div{animation:popEffect .7s ease-in-out}.fade-out{animation:fadeOut 1s forwards}#controlContainer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-9}.overlay-container{position:relative;width:100%;height:100%;pointer-events:none}.btn-container{width:calc((613 / 900) * 100vh);height:calc((613 / 900) * 100vh);position:relative;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9}.dottedCircle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc((613 / 900) * 100vh);height:calc((613 / 900) * 100vh);border:1px solid #8f9bb0;border-radius:50%;z-index:-9}.textBtnControls{width:100%;display:flex;align-items:start;position:relative;margin:0;z-index:9}.textBtnControlsEnergy{position:absolute;left:calc((-124 / 900) * 100vh);top:calc((156 / 900) * 100vh)}.textBtnControlsMaterials{position:absolute;left:calc((-166 / 900) * 100vh);top:calc((438 / 900) * 100vh)}.textBtnControlsNewGrowth{position:absolute;left:calc((584 / 900) * 100vh);top:calc((215 / 900) * 100vh)}.textBtnControlsAgro{position:absolute;left:calc((502 / 900) * 100vh);top:calc((502 / 900) * 100vh)}.textBtnControls>.spotlight-text{text-align:start;font-size:calc((31 / 900) * 100vh);font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:600;line-height:110%;color:#8f9bb0;cursor:pointer;text-transform:uppercase;pointer-events:auto;position:relative;z-index:2}.textBtnControls>.textSubDot{width:calc((13 / 900) * 100vh);height:calc((13 / 900) * 100vh);background-color:#8f9bb0;border-radius:50%;margin:calc((15 / 900) * 100vh);cursor:pointer}#text_Ring_01_SP-01{position:absolute;left:calc((212 / 900) * 100vh);top:26vh}#text_Ring_01_SP-02{position:absolute;left:calc((238 / 900) * 100vh);top:calc((356 / 900) * 100vh)}#text_Ring_02_SP-01{position:absolute;left:calc((492 / 900) * 100vh);top:calc((394 / 900) * 100vh)}#text_Ring_02_SP-02{position:absolute;left:46vh;top:calc((206 / 900) * 100vh)}.textArea{min-width:35em;display:none;align-items:center;justify-content:center;flex-direction:column;gap:calc((14 / 900) * 100vh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3}.textArea>p{margin:0;padding:0;line-height:100%;text-transform:uppercase;text-align:center;word-break:keep-all;font-size:calc((60 / 900) * 100vh);font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal;color:#fff}.textArea>.textSubList{margin:0;padding:0;list-style:none;display:flex;align-items:start;justify-content:center;font-weight:600;gap:calc((14 / 900) * 100vh);pointer-events:auto}.textArea>ol>li>a{color:#8f9bb0;text-decoration:none;outline:none}.textArea>ol>li>a:hover,a:active{text-decoration:none;color:#fff;cursor:pointer}.textArea>ol>li{text-decoration:none;margin:0;padding:0;text-align:center;font-family:Pretendard-Regular,sans-serif;font-size:calc((22 / 900) * 100vh)}.otherArea{width:100%;height:00px}