header {position: fixed; top: 0; left: 0; width: 100%; height: 90px; z-index: 10; transition: all .3s;}
header.on {background: var(--pr);}
header .container {display: flex; align-items: center; justify-content: space-between; height: 100%;}
header .logo {width: 275px; height: auto;}
header .logo img {width: 100%; height: auto;}

header .top_banner {display: flex; align-items: center; justify-content: center; width: 310px; height: 54px; border-radius: 60px; background-color: rgba(255, 255, 255, 0.1); overflow: hidden;}
header .top_banner ul {width: 100%; height: auto;}
header .top_banner ul li {width: 100%; height: auto;}
header .top_banner ul li p {text-align: center; font-size: 20px; line-height: 1.5; letter-spacing: -0.4px; color: var(--wt);}

header .cs_btn {display: flex; align-items: center; gap: 5px;}
header .cs_btn a {display: flex; align-items: center; justify-content: center; gap: 6px; width: auto; height: 50px; padding: 0 15px; font-size: 15px; font-weight: bold; line-height: 1.5; letter-spacing: -0.4px; color: var(--wt); background: var(--pr2);}
header .cs_btn a img {width: 17px; height: auto;}
header .cs_btn a.btn-talk {background: #FFEB3B; color: var(--black_3);}