@charset "UTF-8";
.centerMenuWrapper{
	display: flex;
	justify-content:center;
	align-items:center;
	width:100%;
	background-color:#ffffff;
	position: absolute;
	border-top:1px solid #dcdcdc;
	bottom:0;
}
.centerMenuWrapper > section:first-child{
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0 25px;
	font-weight: 700;
	border-left:1px solid #dcdcdc;
	height: 75px;
	font-size:1.3rem;
}
.centerMenuWrapper > section:first-child + section{
	position:relative;
	padding:0 25px;
	border-left:1px solid #dcdcdc;
	font-weight: 700;
	font-size:1.3rem;
}
.menusListWrapper{
	display:none;
	flex-direction:column;
	position: absolute;
	top:70px;
	background-color: #ffffff;
	width: 170px;
	border:1px solid #dcdcdc;
	border-radius:10px;
	padding:5px 10px;
	z-index: 300;
	/* box-shadow: 5px 5px 10px rgba(0,0,0,0.3); */
	left:50%;
	transform:translateX(-50%);
	opacity: 0;
    transition: opacity 0.3s;  /* 0.3초 동안 투명도가 변경됩니다. */
	/* visibility: hidden; */
}
.onMenusListWrapper{
	/* visibility: visible; */
	opacity: 1;   /* 완전 불투명 */
    display: flex; /* 보이게 처리 */
}

/* .menusListWrapper::before {
	content: '';
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -10px;
	border-width: 0 10px 10px 10px;
	border-style: solid;
	border-color: transparent transparent #ffffff transparent;
	z-index: 1;
}

.menusListWrapper::after {
	content: '';
	position: absolute;
	top: -11px;
	left: 50%;
	margin-left: -11px;
	border-width: 0 11px 11px 11px;
	border-style: solid;
	border-color: transparent transparent #eeeeee transparent;
	z-index: 0;
} */
.menusListWrapper > section{
	position: relative;
}
.menusListWrapper > section > section{
	display:none;
	position: absolute;
	top:0;
	right:-160px;
	background-color: #ffffff;
	/* box-shadow: 5px 5px 10px rgba(0,0,0,0.3); */
	border:1px solid #dcdcdc;
	border-radius:10px;
	width:165px;
	cursor:default;
	z-index: 600;
	color:#000000;
}
.menusListWrapper > section > section > ul{
	list-style: none;
	margin: 0;
	padding:0 10px;
}
.menusListWrapper > section > span, .menusListWrapper > section > section > ul > li{
	font-size: 0.9rem;
	font-weight: 400;
}
.menusListWrapper > section:hover{
	color:rgb(224, 82, 15);
}
.menusListWrapper > section > section > ul > li{
	font-size: 0.8rem;
	cursor:pointer;
	padding:5px 0;
	border-bottom:1px solid #eeeeee;
}
.menusListWrapper > section > section > ul > li:hover{
	color:rgb(224, 82, 15);
}
.menusListWrapper > section > section > ul > li:last-child{
	border-bottom:0;
}
.menusListWrapper > section:not(:first-child){
	padding-top:10px;
}
.menusListWrapper > section{
	border-bottom:1px solid #eeeeee;
	cursor:pointer;
}
.centerMenuWrapper > section:first-child + section > p{
	display:flex;
	justify-content:center;
	align-items:center;
	margin-bottom: 0;
	cursor:pointer;
	height: 75px;
}
.centerMenuWrapper > section:last-child > ul {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
}
.centerMenuWrapper > section:last-child > ul > li:first-child{
	border-left:1px solid #dcdcdc;
}
.centerMenuWrapper > section:last-child > ul > li{
	padding:25px 10px;
	cursor:pointer;
	border-right:1px solid #dcdcdc;
	width:180px;
	text-align: center;
}
.centerMenuWrapper > section:last-child > ul > li:hover{
	color:rgb(224, 82, 15);
}
/* .centerMenuWrapper > section:last-child > ul > li:last-child {
	display: none;
}
.centerMenuWrapper > section:last-child > ul > li > .fa-solid{
	cursor: default;
}
.centerMenuWrapper > section:last-child > ul > li > .fa-solid:hover {
    color: inherit; 
}
 .centerMenuWrapper > section:last-child > ul > li:not(:last-child):before {
	content:"";
	position: absolute;
	width:2px;
	height:15px;
	background-color: #f8f8f8;
	right:-12px;
	top:50%;
	transform:translateY(-50%);
} */