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

header .state_list {}
header .state_list ul {display: flex; align-items: center; gap: 50px;}
header .state_list ul li {}
header .state_list ul li .child-box {display: flex; align-items: center; gap: 4px;}
header .state_list ul li .child-box .icon {width: 24px; height: auto;}
header .state_list ul li .child-box .icon img {width: 100%; height: auto;}
header .state_list ul li .child-box .txt-box {display: flex; align-items: center; gap: 10px;}
header .state_list ul li .child-box .txt-box .txt {font-size: 20px; font-weight: 400; line-height: 1; color: var(--black_3);}
header .state_list ul li .child-box .txt-box .num {font-size: 20px; font-weight: bold; line-height: 1; color: var(--pr);}

header .link_btns {display: flex; align-items: center; gap: 10px;}
header .link_btns a {display: flex; align-items: center; justify-content: center; gap: 8px; width: 150px; height: 56px; border-radius: 8px; font-size: 18px; font-weight: bold; line-height: 1;}
header .link_btns a img {width: 20px; height: auto;}

/* q_menu */
.q_menu {position: fixed; bottom: 20px; right: 20px; width: 100px; height: auto; z-index: 9;}
.q_menu ul {display: flex; flex-flow: column; gap: 10px; text-align: center;}
.q_menu ul li {width: 100%; height: auto;}
.q_menu ul li .child-box {display: flex; flex-flow: column; align-items: center; justify-content: center; gap: 4px; height: 100px; border-radius: 12px; font-size: 16px; font-weight: 600; line-height: 1.5; letter-spacing: -0.32px; box-shadow: 0px 0px 3px 0px #666666;}
.q_menu ul li .child-box img {width: 42px; height: auto;}
.q_menu ul li .child-box p {font-size: 16px; font-weight: 600; line-height: 1.5; letter-spacing: -0.32px;}

header .d-flex {display: flex; align-items: center; gap: 10px;}