.footer{margin-top:29.6vw;color:#fff;display:flex;flex-direction:column;justify-content:space-between;background-color:#000;padding:0 16px 20px;width:100%;.logo{position:relative;z-index:4900;margin-bottom:29.6vw;img{width:100%;height:auto;position:absolute;top:-29.6vw;left:50%;transform:translateX(-50%)}}.newsletter{margin:60px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;p{font-size:18px;margin-bottom:20px;text-align:center}form{display:flex;flex-direction:column;align-items:center;gap:20px;width:400px;max-width:100%;button,input{width:100%}input{border:none;padding:16px 20px;font-size:16px;font-weight:400;color:#000;background-color:#fff}button{padding:20px 40px;border:1px solid #fff;color:#fff}}}.nav_footer{display:flex;flex-direction:column;align-items:center}}@media (min-width:1280px){.footer{padding-bottom:80px;.newsletter{margin:80px 0}}}.hero_nav{color:#fff;box-sizing:border-box;top:0;left:0;z-index:1000;width:100%;display:flex;&.fixed_nav{display:none;position:fixed}align-items:center;justify-content:space-between;padding:24px 16px 0;.mobile_links{button{background-color:#000;font-size:24px;font-weight:700;padding:7px 10px;border-radius:4px}}.pc_links{display:none;font-size:14px;padding:0 100px;gap:120px}}.mobile_nav{color:#fff;display:flex;opacity:0;visibility:hidden;flex-direction:column;justify-content:space-between;background-color:#000;padding:24px 16px 20px;position:fixed;left:0;top:0;width:100%;height:100%;z-index:5000;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;&.active{opacity:1;visibility:visible}.nav{display:flex;justify-content:space-between;align-items:center;button{font-size:24px;font-weight:700;padding:7px 0 7px 10px;border-radius:4px}}.nav_footer{display:flex;flex-direction:column;align-items:center}}@media (max-width:768px){.hero_nav{display:none;&.fixed_nav{display:flex}.pc_links{padding:0;gap:60px}}}@media (min-width:768px){.hero_nav{align-items:flex-start;.pc_links{display:flex}}.mobile_links{display:none}.hero_nav{padding:44px 80px 0}.mobile_nav{padding-top:44px}}@media (min-width:1280px){.hero_nav{padding-left:120px;padding-right:120px}}