/* top_banner */
.top_banner {position: fixed; top: 0; left: 0; width: 100%; height: 50px; background: var(--pr); z-index: 9;}
.top_banner p {display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; height: 100%; font-size: 16px; font-weight: 600; line-height: 1; color: var(--wt);}
.top_banner p img {width: 22px; height: auto;}
/* //top_banner */

/* quick_menu */
.quick_menu {position: fixed; top: 150px; right: 60px; z-index: 7;}
.quick_menu ul {display: flex; flex-flow: column; width: 128px; height: auto; border-radius: 8px; overflow: hidden; background: var(--wt); box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.12);}
.quick_menu ul li {width: 100%; height: auto; border-bottom: 1px solid var(--gray_d9);}
.quick_menu ul li:last-of-type {border: none;}
.quick_menu ul li .img-box {display: flex; align-items: center; justify-content: center; width: 100%; height: auto; aspect-ratio: 1; transition: all .3s;}
.quick_menu ul li:hover .img-box {background: var(--pr);}
.quick_menu2 ul li:hover .img-box {background: transparent;}
.quick_menu ul li.q_link .img-box img {width: 66px; height: auto;}
.quick_menu2 ul li.q_link .img-box img {width: 66px; height: auto;}
.quick_menu ul li.q_link .img-box img.hover_off {}
.quick_menu ul li.q_link .img-box img.hover_on {display: none;}
.quick_menu ul li.q_link:hover .img-box img.hover_on {display: block;}
.quick_menu ul li.q_link:hover .img-box img.hover_off {display: none;}
.quick_menu ul li.talk .img-box {background: var(--yellow);}
.quick_menu ul li.talk .img-box img {width: 91px; height: 44px;}

header {position: fixed; top: 50px; left: 0; width: 100%; height: 80px; background: var(--wt); z-index: 9;}
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; justify-content: center; gap: 80px;}
header nav ul li {}
header nav ul li.nav_mo {display: none;}
header nav ul li a {font-size: 18px; font-weight: 600; line-height: 1; color: var(--black_3);}
header nav ul li a img {display: none;}
header nav ul li a.active {color: var(--pr);}
header nav ul li a small {display: none;}

header .link_btn {display: flex; align-items: center; gap: 10px;}
header .link_btn a {display: flex; align-items: center; justify-content: center; gap: 10px; width: 160px; height: 47px; border: 1px solid var(--pr); border-radius: 60px; box-sizing: border-box; font-size: 14px; font-weight: 600; line-height: 1; color: var(--black_3);}
header .link_btn a img {width: 14px; height: auto;}

.nav_link_btns {display: none;}