header {position: absolute; top: 0; left: 0; width: 100%; height: 80px; background:#f9f9f6; border-bottom: 1px solid var(--gray_b8); box-sizing: border-box; z-index: 10;}
body.main header {background: rgba(255, 255, 255, 0.3);}
header .container {display: flex; align-items: center; justify-content: space-between; height: 100%;}
header .logo {width: 130px; height: auto;}
header .logo img {width: 100%; height: auto;}

header nav {}
header nav ul {display: flex; align-items: center; gap: 60px;}
header nav ul li {}
header nav ul li a {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 80px; padding: 0 10px; box-sizing: border-box; font-size: 18px; font-weight: 400; line-height: 1; color: var(--black_3);}
header nav ul li.active a {font-weight: 600;}
header nav ul li.active a:before {position: absolute; bottom: 0; left: 0; content: ''; display: block; width: 100%; height: 2px; background: var(--black);}

header .talk_btn {}
header .talk_btn a {display: flex; align-items: center; justify-content: center; gap: 8px; width: 135px; height: 43px; background: var(--yellow); border-radius: 6px; box-sizing: border-box;}
header .talk_btn a img {width: 16px; height: auto;}