header {position: fixed; top: 0; left: 0; width: 100%; height: 88px; z-index: 10; transition: all .5s;}
header .container {display: flex; align-items: center; justify-content: space-between; height: 100%;}
header .logo {width: 207px; 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: 18px; font-weight: bold; line-height: 1; color: var(--wt);}
header nav ul li.active a {color: var(--pr) !important;}

header.sub {border-bottom: 1px solid var(--gray_e9); background: var(--wt);}
header.sub nav ul li a {color: var(--gray_b);}

/* q_menu */
.q_menu {position: fixed; top: 115px; right: 16px; display: flex; flex-flow: column; gap: 10px; width: auto; height: auto; z-index: 4;}
.q_menu .img-box {position: relative; width: 180px; height: auto;}
.q_menu .img-box img {width: 100%; height: auto;}
.q_menu .img-box > a {}
.q_menu .img-box .link_hidden {position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.q_menu .img-box .link_hidden a {width: 100%; height: 100%;}

.mo_btn {display: none;}