.top_bg {position: fixed; top: 0; left: 0; width: 100%; height: 25px; background: var(--black); z-index: 9;}

/* header */
header {position: fixed; top: 0; left: 0; width: 100%; height: auto; background: var(--wt); z-index: 10; border-bottom: 3px solid var(--black);}
header .d-flex {padding: 15px 0; box-sizing: border-box;}
header .logo {width: 219px; height: auto;}
header .logo img {width: 100%; height: auto;}
header .kakao_btn {width: 179px; height: auto;}
header .kakao_btn img {width: 100%; height: auto;}
header nav {width: 100%; height: 50px; max-width:1200px; margin:0 auto}
header nav ul {display: flex; align-items: center; justify-content: space-between; height: 100%;}
header nav ul li {width: calc(100% / 4); height: 100%; box-sizing: border-box; text-align: center;}
header nav ul li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 17px; color: #fff; font-weight: 600; transition: all .3s;}
header nav ul li a:hover {color: #fff; transition: all .3s;}

/* border */
.border {width: 100%; height: 1px; background: #E4E4E4;}