header {position: absolute; top: 0; left: 0; width: 100%; height: 116px; z-index: 9;}
header.on {background: var(--pr2);}
header .container {display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%;;}
header .logo {width: 220px; height: auto;}
header .logo img {width: 100%; height: auto;}
header nav {display: flex; align-items: center; justify-content: flex-end; gap: 40px; width: 100%; height: auto;}
header nav ul {display: flex; align-items: center;}
header nav ul li {position: relative; padding-right: 22px; margin-right: 22px;}
header nav ul li:before {position: absolute; top: 50%; right: -1px; transform: translateY(-50%); content: ''; display: block; width: 1px; height: 22px; background: var(--wt);}

header nav ul li:last-of-type {padding: 0; margin: 0;}
header nav ul li:last-of-type::before {display: none;}
header nav ul li a {font-size: 17.6px; font-weight: bold; line-height: 1.2; letter-spacing: -0.09px; color: var(--wt);}
header nav .link-btn {animation: heartbeat 1.5s ease-in-out infinite both; display: flex; align-items: center; justify-content: center; width: 144px; height: 36px; background: var(--yellow); border-radius: 30px; font-size: 21px; font-weight: 800; line-height: 1.2; letter-spacing: -0.11px; color: var(--pr2);}