@font-face{font-family:ROKG_R;font-weight:400;src:url(/static/media/ROKG_R.b9efd85180365a5904d1.ttf) format("truetype")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:ROKG_R,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100%}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.intro-container.visible .intro,.objective-container.visible .objective{opacity:1;transform:translateY(0);width:100%}.objective2-container{height:500px}@media (max-width:900px){.objective2-container{height:1500px}}.business-container.visible .business,.objective2-container.visible .objective{opacity:1;transform:translateY(0);width:100%}.popup-container{height:0;left:-50%;opacity:0;position:fixed;top:-50%;transform:translateY(-20px);transition:opacity .5s ease-in-out,transform .5s ease-in-out;width:0;z-index:1000}.popup-container.visible{height:100%;left:0;top:0;width:100%}.collaborative-container.visible .collaborative,.popup-container.visible{opacity:1;transform:translateY(0)}.scroll-to-top{background-color:#007bff;border:none;border-radius:50%;bottom:50px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:1rem;height:50px;position:fixed;right:50px;transition:background-color .3s ease;width:50px}.scroll-to-top:hover{background-color:#0056b3}.header{min-width:600px;width:100%}.header-content{background:linear-gradient(90deg,#b8860b,gold,#daa520);color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:.1rem;padding:1rem;text-transform:uppercase}.header .logo,.header-content{align-items:center;display:flex}.header .logo{height:3vw;padding-left:3rem;padding-right:3rem;width:5vw}.header .nav{display:flex;gap:2rem;justify-content:flex-start}.header .nav a{color:#fff;text-decoration:none;transition:color .5s}.header .nav a:hover{color:gold}.footer{background-color:#333;color:#fff;min-width:600px;text-align:left;width:100%;z-index:100}.footer-content{font-size:.9rem;gap:2rem;padding:2rem 1rem 1rem}.footer-bottom,.footer-content{align-items:center;display:flex;justify-content:center}.footer-bottom{padding:2rem}.intro{align-items:center;flex-direction:column;justify-content:center;min-width:600px;opacity:0;transform:translateY(20px);transition:opacity .5s ease-in-out,transform .5s ease-in-out}.intro,.intro-content{display:flex;width:100%}.intro-content{flex-direction:row;height:500px}.intro-block{align-items:start;flex:1 1;flex-direction:column;padding-bottom:4rem;padding-top:4rem}.intro-block,.intro-img-block{display:flex;justify-content:center}.intro-img-block{align-items:center;flex:2 1;flex-direction:column;object-fit:cover;width:50%}@media (max-width:900px){.intro-block,.intro-img-block{flex:1 1}}.intro-title{box-sizing:border-box;font-size:1rem;margin-bottom:2rem;padding-left:1rem;text-align:left}.intro-description{align-items:start;font-size:1rem;gap:2rem;margin-bottom:1rem;margin-left:1rem}.business,.intro-description{display:flex;flex-direction:column;justify-content:center}.business{min-width:600px;opacity:0;transform:translateY(20px);transition:opacity .5s ease-in-out,transform .5s ease-in-out}.business,.business-cover{align-items:center;width:100%}.business-cover{background-color:#00000080;display:flex;flex-direction:column;justify-content:center}.business-content{width:100%}.business-title{align-items:center;color:#000;display:flex;flex-direction:column;font-size:2rem;height:420px;justify-content:center;margin-bottom:3rem;text-align:center}.business-description{align-items:center;display:flex;flex-wrap:wrap;font-size:1.4rem;justify-content:space-between;justify-content:center;width:100%}@media (max-width:900px){.business-description{height:1000px}.business-desc-block{width:100%}}.business-desc-block{align-items:center;box-sizing:border-box;display:flex;flex-basis:calc(25% - 20px);flex-direction:column;flex-grow:1;flex-shrink:1;flex:1 1;height:500px;justify-content:center;min-width:200px;object-fit:cover;opacity:0;overflow:hidden;padding-bottom:2rem;transform:translateY(20px);transition:all .5s ease}@media (max-width:900px){.business-desc-block{flex-basis:calc(50% - 20px);flex-grow:1;flex-shrink:1}}.business-desc-block.visible{opacity:1;transform:translateY(0)}.business-block-title{align-self:flex-start;color:#fff;font-size:1.2rem;margin-bottom:1rem;padding:0 1rem;text-align:left;width:100%}.business-block-element{align-self:center;color:#fff;font-size:1rem;margin:1rem 1rem 0;text-align:left;width:calc(100% - 2rem)}.popup{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;opacity:1;position:fixed;top:0;transition:opacity .5s ease-in-out,transform .5s ease-in-out;width:100%}.popup.visible{opacity:1;transform:scale(1);z-index:1000}.popup-content{border-radius:10px;box-shadow:0 4px 20px #0000004d;max-height:90%;max-width:90%;overflow:hidden;position:relative}.popup-image{display:block;height:100%;max-height:90vh;max-width:90vw;object-fit:contain;width:100%}.close-btn{background-color:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;height:3rem;position:absolute;right:15px;top:15px;transition:background-color .3s ease;width:3rem;z-index:10}.close-btn:hover{background-color:#000c}.collaborative{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:600px;opacity:0;transform:translateY(20px);transition:opacity .5s ease-in-out,transform .5s ease-in-out;width:100%}.collaborative-content{padding:6rem}.collaborative-title{font-size:1.4rem;margin-bottom:3rem;text-align:center}.collaborative-description{align-items:start;display:flex;flex-direction:row;font-size:1.5rem;gap:3rem;justify-content:start;margin-bottom:1rem}@media (max-width:900px){.collaborative-description{flex-direction:column}}.collaborative-description-block{align-items:center;color:#000;display:flex;flex-direction:column;font-size:1.1rem;font-weight:200!important;justify-content:center;line-height:1.5;object-fit:cover;text-decoration:none;transition:transform .5s ease-in-out;width:300px}.collaborative-description-block:hover{transform:scale(1.1)}.objective{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:600px;opacity:0;transform:translateY(20px);transition:opacity .5s ease-in-out,transform .5s ease-in-out;width:100%}.objective-content{flex-direction:row}.objective-content,.objective2-content{box-sizing:border-box;display:flex;height:500px;width:100%}.objective2-content{flex-direction:column}.objective-title{color:#000;font-size:1.2rem;margin-bottom:1.5rem;margin-left:1rem;margin-top:3rem;text-align:left}.objective-title-block{align-items:start;display:flex;flex:1 1;flex-direction:column;justify-content:center}.objective-img-block{flex:2 1}@media (max-width:900px){.objective-img-block,.objective-title-block{flex:1 1}}.objective-description{box-sizing:border-box;color:#000;font-size:1rem;margin-bottom:1rem;padding-left:1rem;width:100%}.objective-description-bottom{align-items:center;display:flex;flex-direction:row;justify-content:center;width:100%}.objective-block{align-items:start;background-color:#f5f5f5;border:1px solid #333;color:#fff;display:flex;flex:1 1;flex-direction:column;height:500px;justify-content:center;opacity:0;overflow:hidden;padding:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.objective-block.visible{opacity:1;transform:translateY(0)}.objective-block-title{height:70px}.objective-block-description,.objective-block-title{font-size:1rem;margin-bottom:1rem;padding:1rem;text-align:left}.objective-block-description{line-height:1.5}@media (max-width:900px){.objective2-content{height:1500px}.objective-description-bottom{flex-direction:column;height:1500px}.objective-block{width:100%}}@keyframes slideInOut{0%{opacity:0;transform:translateX(-100%)}20%{opacity:1;transform:translateX(0)}80%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes slideInOutRight{0%{opacity:0;transform:translateX(100%)}20%{opacity:1;transform:translateX(0)}80%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}@keyframes fadeInOut{0%{opacity:0}5%{opacity:1}50%{opacity:1}55%{opacity:0}to{opacity:0}}.banner{align-items:center;height:90vh;justify-content:center;min-width:600px}.banner,.image-container{display:flex;overflow:hidden;position:relative;width:100%}.image-container{animation:fadeInOut 20s ease-in-out infinite;height:100%;z-index:1}video{object-fit:cover;width:100%}.image-slider{display:flex;transition:transform .5s ease-in-out}.image-slider img{flex-shrink:0;height:100%;object-fit:cover;width:100%}button.slide{background-color:#00000080;border:none;color:#fff;cursor:pointer;font-family:Courier New,Courier,monospace;font-size:1.5rem;padding:.5rem 1rem;z-index:1}button.left{left:0}button.left,button.right{position:absolute;top:50%;transform:translateY(-50%)}button.right{right:0}.banner-title{font-weight:700;z-index:3}.banner-title-eng{font-size:1.35rem;z-index:4}.banner-title-eng,.banner-title-kor{animation:slideInOut 10s ease-in-out infinite;font-weight:700;opacity:0;transform:translateX(-100%)}.banner-title-kor{animation-delay:.5s;z-index:5}.banner-corpname{animation:slideInOutRight 10s ease-in-out infinite;animation-delay:1s;font-size:1.5rem;opacity:0;transform:translateX(-100%);z-index:6}.banner-cover{align-items:start;background-color:#0000004d;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-size:2rem;gap:15vh;height:100%;justify-content:center;padding:20vh 20%;position:absolute;width:100%}
/*# sourceMappingURL=main.e196a1df.css.map*/