.header{position:relative;background-color:#fff;width:100%;height:117px;box-shadow:0 3px 3px rgba(0,0,0,.02)}.header__container{display:flex;flex-direction:column;max-width:1680px;margin:0 auto}.header__menu-top{justify-content:space-between;padding:16px 0}.header__menu-top,.menu-top__left-sec{display:flex;gap:32px}.header__logo{width:208px;height:40px;cursor:pointer}.header__search-sec{display:flex;align-items:center;gap:16px}.header__btn{height:40px;font-weight:400}.header__btn_gap{display:flex;align-items:center;gap:8px}.header__search{height:40px;width:700px;font-weight:400;border-radius:8px}.menu-top__right-sec{display:flex;gap:24px;width:367px;justify-content:end}.header__menu-bottom{display:flex;justify-content:space-between;align-items:center;height:45px}.header__nav-list{display:flex;gap:16px}.header__login-btns{display:flex;gap:4px}.header__burger{display:flex;align-items:center;justify-content:center;display:none}.header__menu-mob{position:fixed;top:0;left:0;width:100vw;height:100%;padding:20px;background-color:#fff;z-index:60;display:flex;flex-direction:column;justify-content:space-between;transform:translateX(-100%);transition:transform .3s ease-in-out}.header__menu-mob.open{transform:translateX(0)}.header__menu-mob-close{cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.header__menu-mob .header__nav-list{display:flex;flex-direction:column;gap:6px}.header__menu-mob .header__btn span{display:block}@media (max-width:1680px){.header__container{margin:0 20px}.menu-top__left-sec{justify-content:space-between;flex:1}.header__search{width:400px}}@media (max-width:1366px){.header__container{margin:0 10px}.header__search{width:250px}.header__nav-list{gap:4px}}@media (max-width:1024px){.header{height:157px}.header__logo{display:none}.header__search-sec{width:555px;gap:10px}.header__search{width:100%}.menu-top__right-sec{gap:10px}.header__btn span{display:none}.header__search-sec .header__btn_gap span{display:inline-block}.header__menu-top{gap:0}.header__menu-bottom{flex-wrap:wrap;height:85px}.header__menu-bottom .header__btn{padding:0 10px}}@media (max-width:768px){.header__burger{display:flex}.header{height:auto}.menu-top__left-sec{gap:16px;flex-wrap:wrap;justify-content:center;width:100%}.header__logo{display:block}.header__menu-bottom,.header__search-sec .header__btn,.menu-top__right-sec{display:none}.header__login-btns{flex-direction:column}}