.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));
}
기존에 사용하던 네비바 코드