header {width: 100%; height: 80px; background: var(--wt); border-bottom: 1px solid var(--gray_e7); box-sizing: border-box;}
header .container {display: flex; align-items: center; justify-content: space-between; height: 100%;}
header .logo {width: 62px; height: auto;}
header .logo img {width: 100%; height: auto;}

header .hd_btn {display: flex; align-items: center; gap: 28px;}
header .hd_btn a:not(.on) {font-size: 16px; font-weight: 600; line-height: 1.5; letter-spacing: 0.32px; color: var(--black_3);}
header .hd_btn a.on {display: flex; align-items: center; justify-content: center; width: 124px; height: 44px; border-radius: 8px; background: var(--pr); font-size: 16px; font-weight: 600; line-height: 1.5; letter-spacing: 0.32px; color: var(--wt);}