.ykNavBar{ overflow: hidden; background-color: #fff; width: 1080px; height: 54px; } .ykNavBar a { float: left; font-size: 16px; color: #202020; text-align: center; padding: 14px 16px; text-decoration: none; margin-left:30px; font-weight: 500; } .ykDropDown { float: left; overflow: hidden; } .ykDropDown .ykDropBTN{ font-weight: 500; font-size: 16px; border: none; outline: none; color: #202020; padding: 14px 16px; background-color: inherit; font-family: inherit; margin: 0; } .ykNavBar a:hover, .ykDropDown:hover .ykDropBTN{ color: #cf152d; } .ykDropDown_Content { display: none; position: absolute; background-color: white; border: 1px solid #dedede; min-width: 160px; z-index: 9999; } .ykDropDown_Content a { float: none; color: #202020; padding: 12px 16px; text-decoration: none; display: block; text-align: left; font-weight: 400; margin-left: 0px; } .ykDropDown_Content a:hover { color: #cf152d; background-color: #f7f7f7; } .ykDropDown:hover .ykDropDown_Content { display: block; } .ykDropBTN i{ margin:0; padding:0; margin-right: 10px; } .ykNavBarContainer{ box-shadow: 0 5px 6px rgb(0 0 0 / 4%); display: flex; justify-content: center; position: relative; width: 100vw; left: calc(0px - ((100vw - 1080px)/2)); }

기존에 사용하던 네비바 코드 

카카오톡 채널 채팅하기 버튼