header {position: fixed; top: 0; left: 0; width: 100%; height: 100px; background: var(--wt); border-bottom: 1px solid var(--gray_e0); z-index: 9999;}
header .container {display: flex; align-items: center; justify-content: space-between; height: 100%;}
header .logo {width: 180px; height: auto; cursor: pointer;}
header .logo img {width: 100%; height: auto;}

header nav {display: flex; align-items: center; gap: 40px;}
header nav ul {display: flex; align-items: center; gap: 40px;}
header nav ul li {}
header nav ul li a {font-size: 18px; font-weight: 500; line-height: 1; color: var(--black_3);}
header nav ul li.active a {color: var(--pr);}

header .log_in_out {}
header .log_in_out a {display: flex; align-items: center; justify-content: center; width: 80px; height: 40px; background: var(--pr); font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; color: var(--wt);}