@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap";@font-face{font-family:Gontserrat;src:url(../fonts/gontserrat/Gontserrat-Thin.ttf) format("truetype");font-weight:100}@font-face{font-family:Gontserrat;src:url(../fonts/gontserrat/Gontserrat-ExtraLight.ttf) format("truetype");font-weight:200}@font-face{font-family:Gontserrat;src:url(../fonts/gontserrat/Gontserrat-Light.ttf) format("truetype");font-weight:300}@font-face{font-family:Gontserrat;src:url(../fonts/gontserrat/Gontserrat-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Gontserrat;src:url(../fonts/gontserrat/Gontserrat-Medium.ttf) format("truetype");font-weight:500}@font-face{font-family:Gontserrat;src:url(../fonts/gontserrat/Gontserrat-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Gontserrat;src:url(../fonts/gontserrat/Gontserrat-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Gontserrat;src:url(../fonts/gontserrat/Gontserrat-ExtraBold.ttf) format("truetype");font-weight:800}@font-face{font-family:Gontserrat;src:url(../fonts/gontserrat/Gontserrat-Black.ttf) format("truetype");font-weight:900}@font-face{font-family:Pretendard;src:url(../fonts/Pretendard/Pretendard-Thin.woff2) format("woff2");font-weight:100}@font-face{font-family:Pretendard;src:url(../fonts/Pretendard/Pretendard-ExtraLight.woff2) format("woff2");font-weight:200}@font-face{font-family:Pretendard;src:url(../fonts/Pretendard/Pretendard-Light.woff2) format("woff2");font-weight:300}@font-face{font-family:Pretendard;src:url(../fonts/Pretendard/Pretendard-Regular.woff2) format("woff2");font-weight:400}@font-face{font-family:Pretendard;src:url(../fonts/Pretendard/Pretendard-Medium.woff2) format("woff2");font-weight:500}@font-face{font-family:Pretendard;src:url(../fonts/Pretendard/Pretendard-SemiBold.woff2) format("woff2");font-weight:600}@font-face{font-family:Pretendard;src:url(../fonts/Pretendard/Pretendard-Bold.woff2) format("woff2");font-weight:700}@font-face{font-family:Pretendard;src:url(../fonts/Pretendard/Pretendard-ExtraBold.woff2) format("woff2");font-weight:800}@font-face{font-family:Pretendard;src:url(../fonts/Pretendard/Pretendard-Black.woff2) format("woff2");font-weight:900}*{margin:0;padding:0}html,body{background-color:#060230;font-family:Pretendard,sans-serif}html{overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.main1Container{width:100vw;display:flex;flex-flow:column;justify-content:center;align-items:center;z-index:2}.main-content{margin-top:6px}.webgl1{position:fixed;top:0;left:0;width:100%;height:100%;opacity:1;transform:none;z-index:2}.logo{width:100%;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;font-size:28px;font-family:Gontserrat,sans-serif}.menuContainer,.menuButton{cursor:pointer}.firstTextContainer{flex:1;display:flex;flex-flow:column;justify-content:center;align-items:center;position:absolute;top:50vh;left:50%;transform:translate(-50%,-50%);opacity:1;transition:opacity 3s ease-out;z-index:3;transition:top 1.8s ease-in-out,transform 1s ease-in,opacity 1s ease-in}.firstTextContainer.hidden{top:0;transform:translate(-50%,-100%);pointer-events:none}.firstTextContainer.loading-hidden{opacity:0;pointer-events:none}.firstText{display:flex;flex-flow:column;justify-content:center;align-items:center}.main1Container .fText{font-size:clamp(18px,1.2vw,30px);font-family:Gontserrat,sans-serif;font-weight:300;color:#f0f0ed;margin-bottom:10px;text-align:center}.logoText{width:19.5vw;min-width:260px}.logoText img{width:100%}.main1Container .sText{font-size:clamp(20px,5.3vw,110px);color:#fff;font-family:Gontserrat,sans-serif;font-weight:400;background:linear-gradient(180deg,#fff 30%,#9b9b9b 50%,#000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:-.5px -.5px 2px rgba(255,255,255,.509)}.sText{font-size:90px;color:#fff;font-family:Montserrat,sans-serif;background:linear-gradient(180deg,#fff 30%,#9b9b9b 50%,#000);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient.row{width:100%;height:1px;background:linear-gradient(to right,#ff404033,#ff4040,#ff404033);box-shadow:0 0 3.5px #ff2c2c;margin-top:10px}.secondTextP{margin-top:18px;color:#fff;font-size:clamp(18px,1.2vw,21.5px);font-family:Pretendard,sans-serif;font-weight:200;letter-spacing:-.02em;text-align:center}.detailButtonContainer{width:10.5vw;height:2.065vw;position:fixed;top:87%;left:50%;display:flex;align-items:center;justify-content:center;border:1px solid white;border-radius:10px;opacity:0;cursor:pointer;pointer-events:none;transform:translate(-50%,-50%);transition:all .25s ease-out;background-color:#ffffff4d;z-index:3}.detailButtonContainer.visible{opacity:1;pointer-events:auto}.detailButton{width:100vw;height:auto;cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;font-size:clamp(12px,1vw,22px);z-index:3}.motorTextOverlay{position:absolute;left:50vw;top:12vh;padding:1.4em 2em;transform:translate(-50%,-50%) scaleX(0);transform-origin:center;font-weight:700;color:#fff;opacity:0;visibility:hidden;transition:opacity .5s ease-out,transform .5s ease-out,visibility .5s ease-in-out;text-align:center;pointer-events:none;white-space:nowrap;background:#ffffff0d;box-shadow:inset 0 0 10px #ffffff40;z-index:10}.motorTextOverlay.visible{opacity:1;visibility:visible;transform-origin:center;transform:translate(-50%,-50%) scaleX(1)}.mtechText{text-shadow:2px 2px 4px rgba(0,0,0,.5);font-size:clamp(20px,1.5vw,26px)}@media (max-width: 1024px){.detailButtonContainer{width:27.3vw;height:5.3vw}.detailButton{font-size:clamp(18px,.9vw,18px)}.motorTextOverlay{width:90vw;box-sizing:border-box;padding:.7em 1em}.mtechText{white-space:wrap}}@media (max-width: 767px){.detailButtonContainer{width:48.6vw;height:9.7vw}.motorTextOverlay{top:25vh}}@media (max-width: 350px){.sText{font-size:70px;color:#fff;font-family:Montserrat,sans-serif;background:linear-gradient(180deg,#fff 30%,#9b9b9b 50%,#000);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.detailButtonContainer{width:27.4;height:5.5vw}}.goog-te-gadget{font-size:0}.upperContainer{width:95%;display:flex;flex-flow:row;justify-content:space-between;align-items:center;position:fixed;top:0;left:2.5%;z-index:9999;padding:17px 0;transform:translateY(0);transition:transform .5s ease-out}.upperContainer.loading-hidden{transform:translateY(-100%)}.headerLight{display:flex;align-items:center;gap:30px}.hamburger{width:25px;height:20px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.hamburger{width:24px;height:20px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;z-index:10001}.hamburger span{display:block;height:2px;width:100%;background:#fff;border-radius:2px;transition:all .3s ease}.hamburger.open span:nth-child(1){transform:translateY(9px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.closeButton{padding:10px 20px;background:none;border:none;font-size:2rem;cursor:pointer;position:absolute;top:10px;right:20px;color:#fff}.languageDropdown{position:relative}.currentLanguage{font-family:Pretendard,sans-serif}.languageToggle{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;display:flex;align-items:center;gap:6px}.languageToggle img:first-child{margin-top:-2px}.languageList{position:absolute;top:45px;left:0;border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:0;width:100px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;list-style:none}.languageList li{padding:8px 12px;color:#fff;cursor:pointer;text-align:center;transition:background .2s;border-bottom:1px solid rgba(255,255,255,.3)}.languageList li:last-child{border-bottom:none}.languageList li:hover{background:#ffffff1a}.subMenuList{list-style:none;max-height:0;overflow:hidden;margin:0;transition:max-height .4s ease-out,opacity .4s ease-out;opacity:0;display:flex;flex-flow:column;transition:all .4s}.subMenuList.open{max-height:400px;opacity:1}.overlayMenu{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s ease;z-index:1000;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.overlayMenu.show{opacity:1;visibility:visible;pointer-events:auto}.overlayContent{width:100%;text-align:center}.subMenuName{margin-top:30px;font-size:36px;color:#fff;text-decoration:none;margin-bottom:10px}.menuList{list-style:none;font-size:58px}.menuList li{padding:10px 0}.menuList li a{cursor:pointer}.Products>span{cursor:pointer}.Products>span>img{display:inline-block;width:30px;padding:0 0 0 20px}.menuList li,.menuList li a,.Products>span{text-decoration:none;background:linear-gradient(180deg,#fff 20%,#9b998e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;transition:all .3s ease;font-weight:400;text-shadow:0 0 10px rgba(255,255,255,.5);font-family:Gontserrat,sans-serif}.menuName a,.subMenuName a,.Products>span{position:relative;display:inline-block;padding-bottom:4px;transition:all .3s ease}.menuName a:hover,.Products>span:hover,.subMenuName a:hover{background:linear-gradient(180deg,#fff 20%,#ff4040);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-shadow:0 0 10px rgba(255,255,255,0)}.menuName a:after,.Products>span:after,.subMenuName a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(to right,transparent,#ff4040,transparent);opacity:0;transform:scaleX(.8);transition:opacity .3s ease,transform .3s ease}.menuName a:hover:after,.Products>span:hover:after,.subMenuName a:hover:after{opacity:1;transform:scaleX(1)}.subMenuName{font-size:35px;color:#fff;text-decoration:none;margin:5px}.navTelNumBox{position:absolute;bottom:42px;left:77px;display:flex;flex-direction:column;align-items:flex-start}.navTelNumlist{display:flex;align-items:center;padding:5px 0;gap:10px}.navTelNumlist span{color:#ffffffa6;font-size:14px}@media (max-width: 767px){.subMenuName{font-size:20px}.menuList{font-size:36px}.navTelNumBox{bottom:40px;left:20px}.navTelNumlist span{font-size:13px}}.gearBackground{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;pointer-events:none;z-index:0;background-blend-mode:screen;background:radial-gradient(circle at center,#28749a,#013869 25%,#000107)}.gears{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none;opacity:0}.gears img{vertical-align:middle}.backgroundContainer{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:0;background:url(./background-CK3iYxat.png) no-repeat center center fixed;background-size:cover}.backgroundShadow{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(ellipse at center,#0000 0% 30%,#000000b3 62%,#000);pointer-events:none;z-index:2}.vectors{position:fixed;display:flex;align-items:center;justify-content:center;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:100vw;height:100vh;pointer-events:none;opacity:0}.VectorMain{opacity:0;transform:translate(calc(-50% + 0px),calc(-50% + 70px))}.VectorBack{opacity:0;transform:translate(calc(-50% + 0px),calc(-50% + 20px))}.VectorFront{opacity:0;transform:translate(calc(-50% + 20px),calc(-50% + 0px))}.backDot{opacity:0;transform:translate(calc(-50% + 20px),calc(-50% + 63px))}.Ellipse_01 img{position:absolute;left:calc(50% - 365px);top:calc(50% - 384px)}.Ellipse_05 img{position:absolute;left:calc(50% - 562px);top:calc(50% - 335px)}@keyframes scale-up{0%{transform:translate(calc(-50% + 0px),calc(-50% + 70px)) scale(0);opacity:0}to{transform:translate(calc(-50% + 0px),calc(-50% + 70px)) scale(1);opacity:1}}@keyframes clock-wise-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes counter-clock-wise-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes fade-in-out{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes opacity-pulse{0%,to{opacity:1}50%{opacity:0}}.VectorMain{animation:fade-in 1.5s ease-out forwards,opacity-pulse 10s ease-in-out infinite;animation-delay:1.2s,2.7s}.VectorBack{animation:fade-in 1.5s ease-out forwards,opacity-pulse 6s ease-in-out infinite;animation-delay:1.4s,2.9s}.VectorFront{animation:fade-in 1.5s ease-out forwards,opacity-pulse 8s ease-in-out infinite;animation-delay:1.6s,3.1s}.backDot{animation:fade-in 1s ease-out forwards .8s}.Ellipse_01{animation:counter-clock-wise-spin 2s cubic-bezier(.59,.19,.25,.7) infinite,fade-in-out 5s ease-out infinite 2s;animation-delay:1s}.Ellipse_02{animation:clock-wise-spin 70s linear infinite,fade-in-out 14s ease-out infinite;animation-delay:1.1s}.backgroundGear{--start-angle: .5deg;animation:rotate-clockwise-from-var 199.25s linear infinite,fade-in-out 20s ease-out infinite;animation-delay:1.15s}.Ellipse_03{animation:counter-clock-wise-spin 8s linear infinite,fade-in-out 18s ease-out infinite;animation-delay:1.2s}.Ellipse_04{animation:clock-wise-spin 300s linear infinite,fade-in-out 20s ease-out infinite;animation-delay:1.3s}.Ellipse_05{animation:counter-clock-wise-spin 200s cubic-bezier(.59,.19,.25,.7) infinite,fade-in-out 13s ease-out infinite;animation-delay:1.4s}.Ellipse_06{animation:clock-wise-spin 600s linear infinite,fade-in-out 14s ease-out infinite;animation-delay:1.5s}.Ellipse_07{animation:fade-in 2s ease-out forwards;animation-delay:1s}.behindShadow{z-index:1}.gear_01{--start-angle: 7.4deg;left:calc(50% - 705px);top:calc(50% - 312px);transform:translate(-50%,-50%) rotate(var(--start-angle));animation:rotate-clockwise-from-var 198.5s linear infinite,fade-in 1s ease-out forwards .5s}.gear_02{--start-angle: 0deg;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--start-angle));animation:rotate-counter-from-var 110s linear infinite,fade-in 1s ease-out forwards .3s}.gear_03{--start-angle: 2deg;left:calc(50% + 372px);top:calc(50% + 115px);transform:translate(-50%,-50%) rotate(var(--start-angle));animation:rotate-clockwise-from-var 45.2s linear infinite,fade-in 1s ease-out forwards .5s}.gear_04{--start-angle: .5deg;left:calc(50% + 918px);top:calc(50% + 339px);transform:translate(-50%,-50%) rotate(var(--start-angle));animation:rotate-counter-from-var 187.5s linear infinite,fade-in 1s ease-out forwards .7s}@keyframes rotate-clockwise-from-var{0%{transform:translate(-50%,-50%) rotate(var(--start-angle))}to{transform:translate(-50%,-50%) rotate(calc(var(--start-angle) + 360deg))}}@keyframes rotate-counter-from-var{0%{transform:translate(-50%,-50%) rotate(var(--start-angle))}to{transform:translate(-50%,-50%) rotate(calc(var(--start-angle) - 360deg))}}.backImg{position:fixed;top:0;left:0;width:70%;height:auto;z-index:0}.backParticle{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none;opacity:0;animation:fade-in 1s ease-out forwards;animation-delay:3s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.backCircle{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none;opacity:0;transform:scale(0);animation:circle-grow-1 3s ease-out forwards}.backCircle2{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none;opacity:0;transform:scale(0);animation:circle-grow-2 3s ease-out forwards;animation-delay:.5s}.backCircle3{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none;opacity:0;transform:scale(0);animation:circle-grow-3 3s ease-out forwards;animation-delay:1s}.gear1{opacity:0;animation:gear-scale-in 1s ease-out forwards;animation-delay:2.5s}.gear4{opacity:0;animation:gear-scale-in 1s ease-out forwards;animation-delay:2.8s}.gear5{opacity:0;animation:gear-scale-in 1s ease-out forwards;animation-delay:3.1s}.gear2,.gear3{opacity:0;animation:gear-scale-in 1s ease-out forwards;animation-delay:3.4s}@keyframes circle-grow-1{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes circle-grow-2{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes circle-grow-3{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes gear-scale-in{0%{opacity:0}to{opacity:1}}@media (max-width: 767px){.backgroundGear,.Ellipse_01,.Ellipse_02,.Ellipse_03,.Ellipse_04,.Ellipse_05,.Ellipse_06,.Ellipse_07,.gear_01,.gear_02,.gear_03,.gear_04,.VectorMain,.VectorBack,.VectorFront,.backDot,.gear1,.gear2,.gear3,.gear4,.gear5,.backCircle,.backCircle2,.backCircle3{animation:fade-in 1s ease-out forwards!important;animation-delay:0s!important;opacity:0}.backgroundShadow,.gearBackground,.vectors,.gears,.backParticle{animation:none!important;opacity:1!important}}.popupContainer{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:75%;height:80%;background:#ffffff0d;padding:20px;border-radius:8px;display:flex;flex-flow:column;color:#e0f7ff;box-shadow:inset 0 0 25px #ffffff40;overflow:hidden;opacity:1;z-index:999;align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);margin-top:10px;transition:all .25s ease-out;font-family:Pretendard,sans-serif}.popupContainer.show{opacity:1;margin-top:0}.popupContainer.hide{opacity:0;visibility:hidden}.popupButtonContainer{width:90%;display:flex;flex-flow:row;align-items:center;justify-content:space-around;background-color:#0003;border-radius:10px;padding:3px}.buttonContainer{width:100%;height:100%;display:flex;justify-content:space-around}.button1,.button2,.button3,.button4{font-size:15px;font-weight:500;width:100%;height:auto;border-radius:10px;background-color:#0000;color:#e0f7ff;cursor:pointer;transition:background-color .3s,color .3s,box-shadow .3s;border:none;font-family:"Montserrat",sans- serif;padding:12px 0}.button1:hover,.button2:hover,.button3:hover,.button4:hover{background-color:#9cb4ca4d;color:#fff}.button1:active,.button2:active,.button3:active,.button4:active{background-color:#ffffff5b;color:#fff}.button1.active,.button2.active,.button3.active,.button4.active{background-color:#fff3;color:#fff}.exit{position:absolute;top:20px;right:20px;background:transparent;border:none;color:#e0f7ff;width:50px;height:50px;cursor:pointer;transition:all .3s;z-index:9999}.exit img{display:block;width:50px;height:50px}.popupCanvas{width:100%;height:100%}.popupInfoContainer{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:70%;flex:1}.popup1,.popup2,.popup3,.popup4{width:100%;height:100%}.popupMotorName{display:none;width:80%;margin:0 auto;height:auto;align-items:center;justify-content:center;position:relative;text-align:center;font-size:12px;font-family:Pretendard,sans-serif}.popupInfo{position:absolute;bottom:50px;left:50%}.popupInfo h3{transform:translate(-50%);font-size:clamp(20px,1.5vw,32px)}.prevButton,.nextButton{position:absolute;bottom:50%;transform:translateY(50%);cursor:pointer}.prevButton{left:20px}.nextButton{right:20px}.pagination-dots{position:absolute;bottom:15px;justify-content:center}.dot{display:inline-block;width:10px;height:10px;margin:0 7px;border-radius:50%;background-color:transparent;border:1px solid #999;cursor:pointer}.dot.active{background-color:#000}.icon_360Box{width:100px;height:100px;border-radius:50%;background:#ffffff40;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.icon_360Box img{display:block}.popupDirectionContainer{position:absolute;top:50%;left:0;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none}.popupLeftButton,.popupRightButton{pointer-events:all;cursor:pointer;width:50px;height:50px;margin:0 20px}@media (max-width: 1024px){@keyframes top-left-light{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}.pagination-dots{position:absolute;bottom:2vh;justify-content:center}.dot.active{background-color:#000}.popupButtonContainer{width:95%;margin-top:0}.exit{top:18px;right:4px;width:33px;height:33px}.exit img{width:33px;height:33px}.prevButton{margin-left:10px}.nextButton{margin-right:10px}.buttonTextKo{font-size:13px;font-weight:400}.buttonTextEn{font-size:11px}.button1,.button2,.button3,.button4{padding:10px 5px}}@media (max-width: 768px){.pagination-dots{position:absolute;bottom:2vh;justify-content:center}.dot{display:inline-block;width:10px;height:10px;margin:0 5px;border-radius:50%;background-color:transparent;border:1px solid #999}.dot.active{background-color:#000}.popupButtonContainer{width:auto;display:flex;flex-flow:row;align-items:center;justify-content:center;background-color:#ffffff10;border-radius:10px;padding:5px;margin-top:1vh}.buttonContainer{display:flex;flex-flow:column}.exit{top:20px;right:10px;width:33px;height:33px}.exit img{width:33px;height:33px}.popupMotorName{display:flex}.popupMotorName h3{font-size:16px;font-weight:500}.prevButton,.nextButton{bottom:50px;transform:translate(0);width:35px}.icon_360Box{width:80px;height:80px}.icon_360Box img{width:38px}.popupInfo{width:80vw;font-size:14px;text-align:center}.popupInfo h3{font-weight:400}}@media (max-width: 450px){.popupContainer{width:87vw;max-height:50vh}.popupInfo{bottom:0}}@media (max-width: 380px){.dot{display:inline-block;width:10px;height:10px;margin:0 5px;border-radius:50%;background-color:transparent;border:1px solid #999}.dot.active{background-color:#000}.popupButtonContainer{width:auto;height:20%;display:flex;flex-flow:row;align-items:center;justify-content:center;background-color:#ffffff10;border-radius:10px;padding:5px;margin-top:1vh}.buttonContainer{display:flex;flex-flow:column}.prevButton,.nextButton{width:30px;height:30px;background:transparent;border:none;font-size:40px;font-weight:700;cursor:pointer}.prevButton{margin-left:10px}.nextButton{margin-right:10px}.buttonTextKo{font-size:12px;font-weight:700}.buttonTextEn{font-size:10px}}.loading-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#000000b3;z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:all .25s ease-out;pointer-events:none}.loading-container.visible{opacity:1;pointer-events:auto}.loading-container.in-popup{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:rgba(0,0,0,0.5)}.loading-spinner{position:absolute;width:10vw;height:10vw;animation:rotate 2s linear infinite}.spinner-track{fill:none;stroke:#8d8d8d;stroke-width:1}.spinner-line{fill:none;stroke:#fff;stroke-width:1;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283;animation:draw 1.5s ease-in-out infinite}.loadingImg{position:absolute;width:9vw;height:auto;z-index:1}.loadingText{font-size:clamp(8px,1.5vw,18px);color:#fff}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes draw{0%{stroke-dashoffset:260}50%{stroke-dashoffset:70}to{stroke-dashoffset:260}}html,body{margin:0;padding:0;background-color:#060230;overflow:hidden}html::-webkit-scrollbar{width:0;height:0}.secondPageContainer{width:100vw;height:100vh;background-color:#060230;z-index:8}.mainContainer{width:100%;display:flex;flex-flow:column;justify-content:center;align-items:center;z-index:7;position:relative}.webgl{position:absolute;top:0;left:0;width:100vw;height:auto;opacity:1;transform:none;z-index:10;pointer-events:none}.second-page-visible{opacity:1;visibility:visible;transform:scale(1);transition:opacity .8s ease-out,transform .8s ease-out}.objImgContainer{position:relative;width:100%;height:100%}.objImg,.objImg2,.objImg3,.objImg4{position:relative;width:100%;height:100%;margin-left:10vw}.objImg div.second-page-visible{opacity:1;transition:all .5s ease-out;margin-top:0}.obj1,.obj2,.obj3,.obj4,.obj6,.obj7,.obj8,.obj2-1,.obj2-2,.obj2-3,.obj2-4,.obj3-1,.obj3-2,.obj3-3,.obj3-4,.obj4-1,.obj4-2{position:absolute;opacity:0}.obj1{top:0;left:0;cursor:pointer}.obj2{top:115px;left:140px}.obj3{top:2px;left:207px}.obj4{top:90px;left:300px}.obj6{top:0%;left:0vw}.obj7{top:30%;left:7vw}.obj8{top:10%;left:14.5vw}.obj2-2{top:40%;left:30%;transform:rotate(-5deg)}.obj2-3{top:-20%;left:52%}.obj2-4{top:50%;left:75%}.obj3-1{top:0%;left:0%;transform:rotate(-5deg)}.obj3-2{top:15%;left:30%;transform:rotate(-5deg)}.obj3-3{top:-10%;left:53%}.obj3-4{top:5%;left:80%}.obj4-1{top:15%;left:4vw;transform:rotate(0)}.mask1,.mask2,.mask3,.mask4,.mask5,.mask6,.mask7,.mask8,.mask9{position:relative;width:210px;filter:drop-shadow(3px 3px 9px rgba(255,255,255,.6))}.mask1{width:180px}.mask2,.mask3{width:140px;opacity:.4}.mask4,.mask5{width:170px;opacity:.4}.mask6{width:240px}.mask7{width:210px}.mask8{width:220px}.mask9,.mask10,.mask11{width:190px}.motorExple{position:absolute;top:60%;left:44%;transform:translate(-50%,-50%) scaleX(0);background:#ffffff0d;box-shadow:inset 0 0 10px #ffffff40;padding:.75vw 1.5vw;transform-origin:center center;z-index:8;max-width:97vw}.motorExple:before,.motorExple:after{content:"";position:absolute;top:0;width:1px;height:100%;background-color:#fff;transform-origin:center;transition:transform .15s ease-out}.motorExple:before{left:0}.motorExple:after{right:0}.motorExple.second-page-visible{transform:translate(-50%,-50%) scaleX(1);color:#fff;transition:opacity .5s ease-out,transform .5s ease-out}.motorTitle{font-size:clamp(12px,1.5vw,30px);font-family:pretendard,sans-serif;margin-bottom:10px}.motorTitle,.motorTitle2,.motorTitle3,.motorTitle4{font-size:clamp(22px,1.5vw,30px);font-family:pretendard,sans-serif;margin-bottom:10px;border-bottom:1px solid transparent;padding-bottom:1vw;border-image:linear-gradient(to right,white,transparent) 1}.motorExplanation,.motorExplanation2,.motorExplanation3,.motorExplanation4{white-space:nowrap;font-size:clamp(16px,.8vw,20px);font-family:pretendard,sans-serif;padding:5px}@keyframes hologram-creation{0%{height:0;opacity:0;transform:translate(-50%,-50%) scaleY(0);filter:blur(5px)}20%{height:10%;opacity:1;transform:translate(-50%,-50%) scaleY(1);filter:blur(3px)}40%{height:14%;opacity:1;transform:translate(-50%,-50%);filter:blur(1px)}to{height:14%;opacity:1;transform:translate(-50%,-50%);filter:blur(0px)}}@keyframes top-left-light{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}.motorExple .content{padding:20px 5px}@keyframes text-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.beamLeft,.beamRight{position:fixed;top:0;width:50%;height:100%;background-color:#ffffff26;box-shadow:0 0 10px #ffffff4d,0 0 20px #ffffff4d,0 0 40px #ffffff4d;z-index:20;pointer-events:none;opacity:0;transition:transform 1s cubic-bezier(.83,0,.17,1),opacity .5s ease-out;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.beamLeft{left:0;transform:translate(-100vw);border-right:1px solid #ffffff}.beamRight{right:0;transform:translate(100vw);border-left:1px solid #ffffff}.beamLeft.closing,.beamRight.closing{opacity:1;transform:translate(0)}.beamLeft.opening{opacity:1;transform:translate(-100vw)}.beamRight.opening{opacity:1;transform:translate(100vw)}.beamLeft.idle,.beamRight.idle{opacity:0}.product-content.hidden{visibility:hidden;opacity:0}.dotContainer.hidden{display:none}.dotContainer{position:absolute;top:50%;right:0vw;display:flex;flex-flow:column;align-items:center;justify-content:center;transform:translate(-50%,-50%);z-index:100;margin-right:1vw}.dot{border-radius:50%;cursor:pointer;transition:background-color .3s;background-color:#fff6;margin:1.045vw}.dot.active{background-color:#fff}.ProductLeft,.ProductRight{cursor:pointer;width:2.92vw;height:2.92vw;transform:rotate(90deg)}.motorImage{width:auto;height:auto;position:fixed;top:60%;left:70vw;transform:translate(-50%,-50%)}.motor1{width:21.3vw}.motor2{width:19vw}.motor3{width:20.89vw}.motor4{width:18.89vw;transform:rotate(-20deg)}@media (max-width: 1024px){.mask5{width:29vw}.mask6,.mask7{width:50vw}.mask8,.mask9,.mask10,.mask11{width:40vw}.motorExple{top:49%;left:50%}.content{display:flex;flex-flow:column;justify-content:center;align-items:center}.motorTitle,.motorTitle2,.motorTitle3,.motorTitle4{width:65vw;padding-bottom:10px;text-align:center}.motorTitle3{font-size:clamp(18px,1.2vw,30px)}.motorExplanation3{font-size:clamp(14px,.8vw,20px)}.motorExplanation,.motorExplanation2,.motorExplanation3,.motorExplanation4{padding-bottom:10px}.dot{margin:2.6vw}.ProductLeft,.ProductRight{cursor:pointer;width:6.85vw;height:6.85vw}.motorImage{top:80%;left:50%;width:auto}.motor1{width:43vw}.motor2{width:40vw}.motor3{width:52.2vw}.motor4{width:39.2vw}}@media (max-width: 767px){.obj2{left:calc(140px * 2 / 3);top:calc(115px * 2 / 3)}.obj3{left:138px;top:calc(2px * 2 / 3)}.obj4{left:200px;top:60px}.mask1{width:120px}.mask2,.mask3{width:calc(140px * 2 / 3)}.mask4,.mask5{width:calc(170px * 2 / 3)}.mask6{width:65vw}.mask7,.mask8{width:60vw}.mask9{width:50vw}.mask10{width:40vw}.mask11{width:45vw}.motorExple{top:48%;left:50%}@keyframes hologram-creation{0%{height:0;opacity:0;transform:translate(-50%,-50%) scaleY(0);filter:blur(5px)}20%{height:10%;opacity:1;transform:translate(-50%,-50%) scaleY(1);filter:blur(3px)}40%{height:14%;opacity:1;transform:translate(-50%,-50%);filter:blur(1px)}to{height:14%;opacity:1;transform:translate(-50%,-50%);filter:blur(0px)}}.content{display:flex;flex-flow:column;justify-content:center;align-items:center}.dotContainer{flex-flow:row;top:auto;bottom:0%;left:50%;width:88.5vw;height:12.32vw}.dot{width:2.58vw;height:2.58vw;margin:4vw}.ProductLeft{cursor:pointer;width:10.28vw;height:10.28vw;margin-right:11.6vw;transform:rotate(0)}.ProductRight{cursor:pointer;width:10.28vw;height:10.28vw;margin-left:11.6vw;transform:rotate(0)}.motorImage{top:75%;left:50%;width:auto}.motor1{width:58.23vw}.motor2{width:52vw}.motor3{width:63.7vw}.motor4{width:42.7vw;transform:rotate(-16deg)}.objImg,.objImg2,.objImg3,.objImg4{margin-left:0}}.canvas-animation{opacity:0;margin-top:10px}.canvas-animation.visible{opacity:1;margin-top:0;transition:opacity 1s ease-out,margin-top 1s ease-out}.main-content{margin:0}.mainContainer{width:100%;height:auto;display:flex;justify-content:center;align-items:center;z-index:1px;flex-flow:column}.portfolioPage.mainContainer{width:100%;height:100vh;align-items:center;flex-direction:column;justify-content:center}.portfolioContainer{display:flex;position:relative;width:100%;margin:14vh 0;flex-flow:row;justify-content:center}.portfolios{width:14vw;max-width:257.95px;aspect-ratio:257.95 / 345.68;justify-content:center;margin-left:-5vw;box-shadow:4px 0 20px #00000040;border-radius:6%;transition:all .25s ease-out}.portfolios:nth-child(1){margin-left:0}.portfolio1,.portfolio2,.portfolio3,.portfolio4,.portfolio5,.portfolio6,.portfolio7{background-image:url(../images/portfolio.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-flow:column;align-items:center;cursor:pointer;z-index:0}.portfolio1{z-index:7}.portfolio1:hover{background-image:url(../images/taiwanexpo.png);background-image:url(../images/gsat.png);border-radius:10px;z-index:8}.portfolio2{z-index:6}.portfolio2:hover{background-image:url(../images/kofas.png);border-radius:10px;z-index:8}.portfolio3{z-index:5}.portfolio3:hover{background-image:url(../images/taiwanexpo.png);border-radius:10px;z-index:8}.portfolio4{z-index:4}.portfolio4:hover{background-image:url(../images/taiwan.png);border-radius:10px;z-index:8}.portfolio5{z-index:3}.portfolio5:hover{background-image:url(../images/bronze.png);border-radius:10px;z-index:8}.portfolio6{z-index:2}.portfolio6:hover{background-image:url(../images/patent.png);z-index:8;border-radius:10px}.portfolio7{z-index:1}.portfolio7:hover{border-radius:10px;z-index:8}.portExpla{display:flex;flex-flow:column;justify-content:center;align-items:center;background:linear-gradient(to top,#7f818e,#f5f5f5);-webkit-background-clip:text;background-clip:text;color:transparent;z-index:0;font-size:clamp(.3rem,1.3vw,1.775rem);font-family:Gontserrat,sans-serif;font-weight:500}.portTitle{display:inline-block;position:relative;transform-origin:center;padding:1vw 3vw;font-size:clamp(26px,1.3vw,2.25rem);z-index:0;text-align:center;color:transparent;transition:all .25s ease-in-out,background-color 0ms ease-in-out,box-shadow 0ms ease-in-out;font-family:Pretendard,sans-serif}.portTitle.custom-title{border:none;background:#ffffff0d;box-shadow:0 0 10px #ffffff40}.portTitle.custom-title:before,.portTitle.custom-title:after{content:"";position:absolute;top:0;width:1px;height:100%;background-color:#fff;transform-origin:center;transition:transform .15s ease-out}.portTitle.custom-title:before{left:0}.portTitle.custom-title:after{right:0}.portTitle.visible{transform:scaleX(1);color:#fff;transition-delay:.15s}.portTitle.visible.custom-title:before,.portTitle.visible.custom-title:after{transform:scaleY(1);transition-delay:0s}.portTitle.hidden{transform:scaleX(0);color:transparent;transition-delay:0s}.portTitle.hidden.custom-title:before,.portTitle.hidden.custom-title:after{transition-delay:.25s}.portfolio1:hover .portTitle,.portfolio1:hover .portText,.portfolio1:hover .portUnder,.portfolio2:hover .portTitle,.portfolio2:hover .portText,.portfolio2:hover .portUnder,.portfolio3:hover .portTitle,.portfolio3:hover .portText,.portfolio3:hover .portUnder,.portfolio4:hover .portTitle,.portfolio4:hover .portText,.portfolio4:hover .portUnder,.portfolio5:hover .portTitle,.portfolio5:hover .portText,.portfolio5:hover .portUnder,.portfolio7:hover .portTitle,.portfolio7:hover .portText,.portfolio7:hover .portUnder{opacity:0}.portfolioTitle{display:flex;color:#fff;font-size:clamp(1.5rem,1.9vw,2.25rem);font-family:Pretendard,sans-serif;font-weight:500}@media (max-width: 1024px){.portfolios{width:20vw;margin-left:-8vw}.portExpla{font-size:clamp(.3rem,2vw,1.775rem)}}@media (max-width: 767px){.portfolios{width:22vw;margin-left:-10vw}.portExpla{font-size:clamp(.3rem,2.1vw,1.775rem)}.portfolio7 .portExpla{font-size:clamp(.3rem,2vw,1.775rem)}}.contactMainContainer{width:100%;height:100vh;display:flex;flex-flow:row;justify-content:center;align-items:center}.contactSContainer{display:flex;width:100%;height:100vh;flex-flow:row;justify-content:center;z-index:5;padding:4.7vw 4.2vw;opacity:0;transform:translateY(10px);transition:all .25s ease-out}.contactSContainer.visible{opacity:1;transform:translateY(0)}.contactInfo{display:flex;width:50%;align-items:flex-start;flex-flow:column;flex-direction:column;z-index:5}.contactTitle{font-size:clamp(10px,2.1vw,42px);color:#fff;font-weight:400;font-family:Gontserrat,sans-serif;margin-bottom:2.35vw}.contactContainer{width:auto;height:auto;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin-top:40px}.contactContainer:nth-child(2){margin-top:0}.imgObj1{width:2.61vw;height:2.61vw;background-repeat:no-repeat;background-size:cover;margin-right:30px}.textTitle{font-size:clamp(12px,.8vw,19px);color:#ffffff7b;margin-bottom:10px}.text{font-size:clamp(12px,.8vw,19px);color:#fff}.sendMessageContainer{display:flex;width:50%;align-items:center;justify-content:center;z-index:5;padding:0 4vw;box-sizing:border-box}.sendMessageBack{width:70%;position:fixed;height:auto}.sendMessage{width:100%;display:flex;flex-flow:column;align-items:flex-start;justify-content:center;background-image:url(/images/inputBack.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat}.messageTitle{font-size:clamp(10px,2.1vw,42px);color:#fff;font-weight:400;font-family:Gontserrat,sans-serif}.userContainer{width:100%;display:flex;flex-flow:column;margin-top:30px}.userContainer:nth-child(1){margin-top:20px}.messageNEM{font-size:clamp(12px,.95vw,19px);color:#ffffff7b;margin-bottom:15px;text-align:left;width:100%}.messageInput,.messageTextarea{text-align:center;width:100%;background-color:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.6);color:#fff;font-size:clamp(12px,.9vw,16px);outline:none;font-family:inherit}.messageTextarea{resize:none;height:1.2em;scrollbar-width:none;-ms-overflow-style:none;overflow-y:scroll}.messageTextarea::-webkit-scrollbar{display:none}.messageForm{display:flex;flex-direction:column;width:100%;margin-bottom:30px}.submitButton{background-color:#ff404080;color:#fff;padding:10px 20px;border:none;border-radius:20px;cursor:pointer;font-size:clamp(10px,.9vw,16px);margin-top:7vw;align-self:flex-end}.submitButton:hover{background-color:#f61d1dbe}.backgroundEffect{width:70%;height:auto;position:fixed;background-color:#0000000d;border-radius:20px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 0 33px #0000001a;border:1px solid rgba(255,255,255,.1);z-index:1;gap:4vw;box-sizing:border-box}@media (max-width: 1024px){.contactMainContainer{width:100%;height:100vh;display:flex;flex-flow:row}.contactSContainer{width:95%}}@media (max-width: 767px){.contactMainContainer{width:100%;height:100vh;display:flex;flex-flow:row}.contactSContainer{width:95%;height:80%;flex-flow:column;padding:5vw;justify-content:space-around}.contactInfo{width:100%;align-items:center}.contactTitle,.messageTitle{font-size:clamp(14px,5vw,42px)}.imgObj1{width:5vw;height:5vw}.contactContainer{width:100%;margin-top:5vw}.sendMessageContainer{width:100%;padding:0}.sendMessage{align-items:center}.messageNEM{font-size:clamp(12px,.95vw,19px);color:#ffffff7b;margin-bottom:1vw;text-align:left;width:100%}}.mainContainer{display:flex;width:100%;height:100vh;color:#fff;font-family:sans-serif;flex-flow:row;justify-content:center;align-items:center;padding:5vw 15vw;box-sizing:border-box;font-family:Pretendard,sans-serif}.leftWrap{display:flex;flex-direction:column;width:50%;height:100%}.inventoryContainer{width:100%;height:clamp(420px,23vw,550px);margin:auto 0;display:flex;flex-flow:column;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box}.titleWrap{display:flex;flex-direction:row;align-items:center}.titleWrap img{width:1.5vw;min-width:20px;cursor:pointer}.titleWrap .title{font-size:clamp(16px,1.1vw,20px);font-family:"Pretendard" "sans-serif";font-weight:400;padding:0 2vw 0 1vw;cursor:pointer}.inventoryContainer::-webkit-scrollbar{display:none}.inventoryItem{font-size:clamp(10px,1vw,20px);color:#ffffff80;margin-bottom:50px;cursor:pointer;transition:opacity .25s ease-out;white-space:nowrap;position:relative;padding-left:30px}.inventoryItem:before{content:"";position:absolute;top:-5%;left:0;height:110%;width:3px;background:linear-gradient(to bottom,#ff404000,#ff4040 20% 80%,#ff404000);border-radius:2px;opacity:0;transition:opacity .3s ease}.inventoryItem.active{color:#fff;font-size:clamp(12px,1.9vw,36px)}.inventoryItem.active:before{opacity:1}.imgContainer{position:relative;display:flex;align-items:center;justify-content:center;flex-flow:column}.imgMainContainer{width:50%}.imgSContainer{position:relative;display:flex;align-items:center;justify-content:center;flex-flow:row}.imgObjBox{width:clamp(310px,22vw,420px);height:clamp(420px,29vw,560px);overflow:hidden;border-radius:15px;display:flex;align-items:center}.imgObj{display:block;width:100%;height:100%;object-fit:cover;border-radius:15px}.leftButton,.rightButton{position:absolute;top:50%;transform:translateY(-50%);width:2.5vw;background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:2}.leftButton{left:-2.5vw}.rightButton{right:-2.5vw}.inventoryTitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inventorySubtitle{font-size:clamp(16px,1vw,20px);color:#fffc;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.buttonImg{cursor:pointer}.imageIndicator{display:flex;justify-content:center;position:absolute;bottom:-35px}.dot{font-size:14px;background:#fff6;transition:color .2s;border:none}.imageIndicator .dot.active{background-color:#fff}.newsContainer{width:22vw;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:.5vw;position:relative;padding-bottom:10px;z-index:0;border-top:1px solid white;border-bottom:none;backdrop-filter:blur(7px) contrast(1);-webkit-backdrop-filter:blur(1px) contrast(.8);background-color:#0000;margin:5px auto 0;box-sizing:border-box}.newsContainer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;background:linear-gradient(to bottom,#fff,#ffffffb3 30%,#ffffff4d 50%,#fff0);mask-image:linear-gradient(to right,black 0,black 1px,transparent 1px,transparent calc(100% - 1px),black calc(100% - 1px),black 100%);-webkit-mask-image:linear-gradient(to right,black 0,black 1px,transparent 1px,transparent calc(100% - 1px),black calc(100% - 1px),black 100%)}.newButtonContainer a{display:flex;align-items:center;text-decoration:none;justify-content:center;gap:5px}.titleDate1{margin-top:1.81vw;font-size:.7vw}.titleDate{margin-top:1.5vw;font-size:.7vw}.titleName{color:#fff;font-size:1vw;text-align:center}.titleName1{color:#fff;font-size:1vw;margin-bottom:1.76vw}.titleNameLink{text-decoration:none}.newButton{width:1.7vw;margin-bottom:-.48vw;margin-right:-.85vw}@media (max-width: 1024px){.mainContainer{width:100%;height:100vh;padding:8vw 5vw;flex-direction:column;align-items:center;justify-content:flex-start;gap:2vw}.leftWrap{width:100%;height:auto}.inventoryContainer{margin-top:2vw;height:10vh;align-items:center;justify-items:flex-start;margin-bottom:0}.imgMainContainer{width:100%;position:relative}.imgObjBox{width:clamp(344px,47.79vw,536px);height:clamp(458px,63vw,700px);overflow:hidden;border-radius:15px;display:flex;align-items:center;justify-content:center}.inventoryItem.active{color:#fff;font-size:clamp(24px,3.9vw,40px)}.leftButton,.rightButton{width:5vw}.leftButton{left:-7.5vw}.rightButton{right:-7.5vw}.newsContainer{width:clamp(344px,47.79vw,536px);height:clamp(458px,63vw,700px);justify-content:center;align-items:center}.titleDate1,.titleDate{margin-top:2.6vw;font-size:clamp(12px,1.7vw,20px)}.titleName{color:#fff;font-size:clamp(12px,2vw,20px)}.titleName1{color:#fff;font-size:1vw;margin-bottom:1.76vw}.titleNameLink{text-decoration:none}.newButton{width:1.7vw;margin-bottom:-.48vw;margin-right:-.85vw}.imgContainer{margin-top:5px}.inventorySubtitle{margin-top:6px}.newsLeftButton{left:11.6vw}.newsRightButton{right:11.6vw}.inventoryItem{font-size:clamp(20px,2.5vw,20px);max-width:80vw}}@media (max-width: 767px){.mainContainer{width:100%;height:100vh;padding:16vw 5vw;flex-direction:column;justify-content:flex-start;gap:8vw}.imgObjBox{width:clamp(200px,77vw,302px);height:clamp(300px,102vw,401px);overflow:hidden;border-radius:15px;display:flex;align-items:center;justify-content:center}.imageIndicator{bottom:-15vw}.leftButton,.rightButton{width:10vw}.leftButton{left:-10.5vw}.rightButton{right:-10.5vw}.newsContainer{width:clamp(200px,77vw,302px);height:clamp(300px,102vw,401px)}.newsLeftButton,.newsRightButton{width:10vw}.newsLeftButton{left:-10.5vw}.newsRightButton{right:-10.5vw}}.corporate-change-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease-out}.corporate-change-popup{border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:90%;max-height:90vh;overflow:hidden;position:relative;animation:slideIn .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column}.popup-header{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:20px 30px;display:flex;justify-content:space-between;align-items:center;position:relative;flex-shrink:0}.popup-header h2{font-family:Gontserrat,sans-serif;font-weight:700;font-size:1.5rem;margin:0;letter-spacing:.5px}.close-button{background:#ffffff1a;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;transition:all .25s ease-out;position:relative}.close-button:before,.close-button:after{content:"";position:absolute;width:16px;height:2px;background-color:#fff;transition:all .25s ease-out}.close-button:before{transform:rotate(45deg)}.close-button:after{transform:rotate(-45deg)}.close-button:hover{background:#fff3}.close-button:hover:before,.close-button:hover:after{background-color:#f8f9fa}.popup-buttons{background:#f8f9fa;padding:20px 30px;display:flex;gap:15px;justify-content:center;border-bottom:1px solid #e9ecef;flex-shrink:0;margin-top:-2px}.hide-for-day-button,.confirm-button{font-family:Pretendard,sans-serif;font-weight:600;font-size:.95rem;padding:12px 24px;border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;min-width:140px}.hide-for-day-button{background:#6c757d;color:#fff}.hide-for-day-button:hover{background:#5a6268;transform:translateY(-2px);box-shadow:0 5px 15px #6c757d4d}.confirm-button{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.confirm-button:hover{background:linear-gradient(135deg,#2980b9,#1f5f8b);transform:translateY(-2px);box-shadow:0 5px 15px #3498db4d}.popup-content{padding:20px 30px;overflow-y:auto;flex:1;background:linear-gradient(135deg,#fff,#f8f9fa)}.notice-icon{text-align:center;margin-bottom:25px}.icon-circle{width:80px;height:80px;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #3498db4d;animation:pulse 2s infinite}.icon-circle span{font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.notice-text{text-align:center;margin-bottom:20px}.notice-text .greeting{font-family:Gontserrat,sans-serif;font-size:1.05rem;color:#34495e}.notice-text p{font-family:Pretendard,sans-serif;font-size:1.05rem;line-height:1.6;color:#34495e}.change-details{background:#f8f9fa;border-radius:15px;padding:25px;margin-bottom:25px;border:1px solid #e9ecef}.detail-row{display:flex;margin-bottom:15px;align-items:flex-start;flex-wrap:wrap}.detail-row:last-child{margin-bottom:0}.detail-row .label{font-family:Pretendard,sans-serif;font-weight:600;color:#495057;min-width:180px;margin-right:15px;font-size:.95rem;margin-top:.2em}.detail-row .value{font-family:Pretendard,sans-serif;color:#212529;font-size:.95rem;line-height:1.5;flex:1}.detail-row .value.highlight{color:#3191d0;font-weight:600}.important-notice{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffc107;border-radius:12px;padding:10px 20px;margin-bottom:20px;text-align:center}.important-notice p{font-family:Pretendard,sans-serif;color:#856404;font-size:1rem;line-height:1.5;margin:0}.contact-info{background:#e8f4fd;border:1px solid #bee5eb;border-radius:12px;padding:10px 20px;margin-bottom:20px;text-align:center}.contact-info p{font-family:Pretendard,sans-serif;color:#0c5460;font-size:1rem;line-height:1.5;margin:0}.closing{text-align:center}.closing p{font-family:Pretendard,sans-serif;color:#495057;font-size:1rem;line-height:1.6;margin-bottom:8px}.closing p:last-child{margin-bottom:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 10px 30px #3498db4d}50%{transform:scale(1.05);box-shadow:0 15px 40px #3498db66}to{transform:scale(1);box-shadow:0 10px 30px #3498db4d}}@media (max-width: 768px){.corporate-change-popup{width:95%;margin:20px}.popup-header{padding:20px 25px}.popup-header h2{font-size:1.3rem}.popup-buttons{padding:20px 25px}.popup-content{padding:25px 20px}.detail-row{flex-direction:column;margin-bottom:20px}.detail-row .label{min-width:auto;margin-right:0;margin-bottom:8px}.hide-for-day-button,.confirm-button{max-width:max-content;padding:10px 20px}.icon-circle{width:60px;height:60px}.icon-circle span{font-size:2rem}.notice-text p br{display:block}.notice-text p br+strong{display:block}}@media (max-width: 480px){.corporate-change-popup{width:98%;margin:10px}.popup-header,.popup-buttons{padding:18px 20px}.popup-content,.change-details{padding:20px 15px}.important-notice,.contact-info{padding:15px}.notice-text p{font-size:1rem}}