@import"https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:Roboto,sans-serif,Consolas,Courier New,monospace}.landing__container{position:relative;width:100vw;min-height:100vh;background-image:url(/ok4image/factorytruck.jpg);background-repeat:no-repeat;background-size:cover}.landing__container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;opacity:.9}.landing_outer{display:flex;gap:10px;justify-content:center;align-items:center;min-height:100vh;text-decoration:none}.toSlat{display:flex;font-size:30px;justify-content:center;align-items:center;width:100px;height:100px;border-radius:50%;border:solid 4px rgba(255,255,255,.6);text-decoration:none;cursor:pointer;z-index:10}.toSlat:hover{transform:scale(1.1);transition:transform .5s;color:#fff}.gate_text{color:#fff9}.gate_text:hover{color:#fff}.logo{z-index:10}.toCompany{display:flex;font-size:20px;justify-content:center;align-items:center;width:100px;height:100px;border-radius:50%;border:solid 4px rgba(255,255,255,.6);text-decoration:none;cursor:pointer;z-index:10}.toCompany:hover{transform:scale(1.1);transition:transform .5s;color:#fff}.home__container{display:flex;flex-direction:column;width:100vw;min-height:100vh;background-color:#87ceeb}.custom__container{display:flex;flex-direction:column;min-height:100vh;justify-content:space-around}body{display:flex;justify-content:center;margin:0;padding:0;height:100%}.header{width:100%;height:150px;display:flex;flex-direction:row;align-items:flex-end;background-position:85% 15%;background:center / cover no-repeat url(/ok4image/sky2_50p_300.jpg)}.navbar{display:flex;align-items:center;width:100%;color:#fff}.nav__left{margin-left:10px}.navbar .nav__left{display:flex;flex:1;padding:10px;justify-content:center;letter-spacing:1.5px;font-family:Roboto,sans-serif;font-size:18px;font-weight:400;background-color:#dc143c;text-decoration:none}.navbar .nav__left:hover,:visited{color:#fff}.navbar .nav__middle{flex:4;display:flex;font-weight:300;font-size:16px;justify-content:space-around;padding:10px;cursor:pointer}.navbar .nav__middle .nav__menu{text-decoration:none;font-weight:700}.nav__menu{color:#fff}.nav__menu:hover,.nav__menu.active{color:#dc143c;transform:scale(1.1);transition:transform .3s}.right__ham{display:flex;align-items:center;font-size:25px;cursor:pointer}.right__login{color:green}.navbar .nav__right{flex:1;display:flex;justify-content:center;align-items:center;padding:10px;font-size:16px;font-weight:300;cursor:pointer}.modal__navbar{display:flex;justify-content:center;align-items:center;flex-direction:row;cursor:pointer;text-decoration:none;gap:5px;margin:5px}.modal__menu{display:flex;justify-content:center;align-items:center;text-decoration:none;padding:3px 9px;background-color:#7493c2;border-radius:5px;cursor:pointer}.modal__menu:visited{color:#000}.modal__menu:hover{color:#f5f5f5}.h2__title{display:flex;justify-content:center;font-weight:500;color:#000000b3}.h2__title span{color:#0009;font-weight:300}.slats_container{max-width:900px;height:100%}.slat__list{display:flex;justify-content:center;align-items:center;font-display:row;margin-left:50px;margin-right:50px;flex-wrap:wrap}.slat__map{position:relative;display:flex;flex-direction:row;padding-left:20px;padding-bottom:20px;overflow:hidden}.slat__map__id{position:absolute;bottom:25px;left:50px;color:#fff}.google__map__container{display:flex;justify-content:center;align-items:center;margin:10px;width:95%;height:500px}.right__logo{margin-right:5px}@media screen and (min-width: 850px){.right__ham,.right__logo,.app__navbar,.submenu{display:none}}@media screen and (max-width: 850px){.header{display:auto;height:10vh;width:100%;display:flex;flex-direction:row;align-items:flex-end;background-position:90% 10%;background:center / cover no-repeat url(/ok4image/sky1.jpg)}.navbar .nav__left{display:none}.navbar .nav__middle{display:none;position:absolute;align-items:center;top:40px;width:100%;flex-direction:column;background-color:#0009;z-index:10}.navbar .nav__right{display:flex;justify-content:space-between}.app__navbar{display:flex}}.geoposition__home__div{width:100%;height:500px;margin:10px 0;display:flex;justify-content:center}.address{display:flex;justify-content:center;align-items:center;line-height:.5;color:#0009}.footer__container{position:absolute;bottom:0;width:100vw;font-family:Roboto,sans-serif;display:flex;flex-direction:column;position:relative;background:#addafb;padding-bottom:10px;margin-top:100px}.footer__lists{display:flex;justify-content:center;flex-direction:row;column-gap:20px}.footer__lists Link{text-decoration:none}.map__box{display:flex;justify-content:center;align-items:center;text-decoration:none;color:#0009}.footer__container li{list-style:none;text-align:center;padding:.5px 0;font-size:1rem}.footer__container li a{font-size:.9rem;color:#0009;text-decoration:none;opacity:.5}.footer__box{margin:10px 0}.copyright,.mailto{display:flex;justify-content:center;align-items:center;font-size:.8rem;color:#0009;text-decoration:none;opacity:1;padding:0}.mailto:hover{cursor:pointer;color:#4169e1}.footer__container li a:hover{opacity:1}.footer__container .wave{position:absolute;top:-100px;left:0;width:100%;height:100px;background:url(/ok4image/waver1.png);background-size:1000px 100px}.footer__container .wave#wave1{z-index:10;opacity:1;bottom:0;animation:animatewave 8s linear infinite}.footer__container .wave#wave2{z-index:9;opacity:.5;bottom:10px;animation:animatewave_02 8s linear infinite}.footer__container .wave#wave3{z-index:10;opacity:.2;bottom:15px;animation:animatewave 7s linear infinite}.footer__container .wave#wave4{z-index:9;opacity:.7;bottom:20px;animation:animatewave_02 7s linear infinite}@keyframes animatewave{0%{background-position-x:1000px}to{background-position-x:0px}}@keyframes animatewave_02{0%{background-position-x:0px}to{background-position-x:1000px}}@media screen and (max-width: 600px){.landing_outer{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;text-decoration:none}}.modal{position:fixed;top:0;left:0;background-color:#0006;z-index:50;width:100%;height:100%;overflow:auto;padding-top:60px}.modal__box{display:flex;justify-content:center;align-items:center}