header {position: fixed; top: 0; left: 0; width: 100%; height: 80px; background: var(--wt); z-index: 2; border-bottom: 0.3px solid var(--gray_70);}
header .container {display: flex; align-items: center; justify-content: space-between; height: 100%;}
header .logo {width: 285.5px; height: auto;}
header .logo img {width: 100%; height: auto;}
header nav {}
header nav ul {display: flex; gap: 50px; background: var(--wt); padding-left: 10px; box-sizing: border-box;}
header nav ul li {position: relative;}
header nav ul li .tit {display: flex; align-items: center; height: 80px; font-size: 18px; font-weight: 400; line-height: 1.17; color: var(--black_26); cursor: pointer;}
header nav ul li .sub {position: absolute; top: -180px; left: 0; display: flex; align-items: center; justify-content: center; flex-flow: column; width: 100%; transition: all .3s; z-index: -1;}
header nav ul li:hover .sub {top: 81px; transition: all .3s;}
header nav ul li:last-child .sub {left: auto; right: 0;}
header nav ul li .sub a {display: flex; align-items: center; justify-content: center; width: 140px; height: 60px; font-size: 16px; font-weight: 400; line-height: 1.19; color: var(--black_26); background: var(--wt); border-bottom: 0.3px solid var(--wt);}
header nav ul li.active .tit {color: var(--pr);}
header nav ul li:hover .sub a {transition: all .3s .1s; border-color: var(--gray_70);}
/* header nav ul li .sub a:first-child {border-top: 0.3px solid var(--gray_70);} */
header nav ul li .sub a:last-child {border-bottom: none;}