header {position: fixed; top: 0; left: 0; width: 100%; height: 75px; background: var(--black); z-index: 10;}
header .container {display: flex; align-items: center; justify-content: space-between; height: 100%;}
header .logo {width: 196px; height: auto;}
header .logo img {width: 100%; height: auto;}

header nav {}
header nav ul {display: flex; align-items: center; gap: 40px;}
header nav ul li {}
header nav ul li a {font-size: 16px; font-weight: 600; line-height: 1; color: var(--wt_e1);}

header .hd_btn {display: none; align-items: center; justify-content: center; gap: 10px;}
header .hd_btn a {display: block; padding: 9px 12px 10px; border-radius: 5px; background: var(--pr); font-size: 14px; font-weight: 400; line-height: 1.4; color: var(--wt);}
header .hd_btn button {display: block; padding: 9px 12px 10px; border-radius: 5px; background: var(--wt); font-size: 14px; font-weight: 500; line-height: 1.4; color: var(--black_3);}

/* dim */
.dim {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 9;}