header {position: fixed; top: 0; left: 0; width: 100%; height: 80px; background: var(--wt); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); box-sizing: border-box; z-index: 10;}
header .container {display: flex; align-items: center; justify-content: space-between; height: 100%;}
header .logo {width: auto;}
header .logo img {width: auto; height: 100%; max-width: 220px; max-height: 50px;}
header nav {}
header nav ul {display: flex; align-items: center; gap: 40px;}
header nav ul li {position: relative;}
header nav ul li > a {display: block; text-align: center; padding: 20px 0; font-size: 18px; font-weight: 500; line-height: 1.17; color: var(--black);}
header nav ul li.active a {color: var(--pr);}
header nav ul li .toggle_link {display: none; align-items: center; justify-content: center; flex-flow: column; gap: 10px; position: absolute; top: 40px; left: 50%; transform: translateX(-50%); width: auto; height: auto; padding: 20px; background: var(--wt); box-shadow: 1px 1px 1px #dcdcdc;}
header nav ul li .toggle_link a {white-space: nowrap; text-align: center; font-size: 15px; font-weight: 400; color: var(--gray_4e);}
header nav ul li:hover .toggle_link {display: flex;}