/* navi_Style.css */

.menuContainer{
    
    margin: 0 auto;
    padding-top: 0px;
    margin-bottom: 0px;
    overflow: hidden; /* 컨테이너 너비를 넘어가는 내용을 숨김 */
    justify-content: center;
    max-width: 1208px;
  } 

.menuBar{
  display: flex; /* Flexbox를 사용하여 가로로 배치 */
/*  justify-content: center; /* 가로 중앙 정렬 */
  
}

.dropdown{
  position : relative;
  display : inline-block;   
  justify-content: center;
  margin: 0;
  

}

.dropbtn_icon{
  font-family: 'SCoreDream-400';  
  display: flex;
  justify-content: center;
  margin-bottom: 0px; /* 버튼 사이의 간격을 조절합니다.*/   
}

.margineBox {
  border : px solid rgb(37, 37, 37);
  border-radius : 0px;
  background-color: #ffffff00;
  font-weight: 400;
  color : rgb(15, 15, 15);
  padding : 9px;
  width : 0px;
  text-align: center;
  cursor : pointer;

}

.dropbtn{  
  justify-content: center;
  border : 1px solid rgb(37, 37, 37);
  border-radius : 0px;
  background-color: #ffffff00;  
  color : rgb(15, 15, 15);
  padding : 10px;
  width : 164px;
  text-align: center;
  cursor : pointer;
  margin: 4px; 
}

.dropbtn:hover{
  color:white;
  background-color: rgb(68, 68, 68);
}
.dropdown-content{
  display : none;
  position : absolute;
  z-index : 555; /*다른 요소들보다 앞에 배치*/
  font-weight: 400;
  background-color: #2f00ff;
  min-width : 200px;
}

.dropdown-content a{
  display : block;
  text-decoration : none;
  color : rgb(37, 37, 37);
  font-size: 12px;
  padding : 12px 20px;
}

.dropdown-content a:hover{
  background-color : #000ed1
}

.dropdown:hover .dropdown-content {
  display: block;
}