@charset "utf-8";
.side > .side-item > .side-collapse > .side-body > ul > .goProduct.active{
  background-color: rgb(219 255 230 / 20%) !important
}
.side > .side-item > .side-collapse > .side-body > ul > .goNew.active{
  background-color: rgb(219 255 230 / 20%)
}
.side > .side-item > .side-collapse > .side-body > ul > .goBed.active{
  background-color: rgb(219 255 230 / 20%)
}
.side > .side-item > .side-collapse > .side-body > ul > .goMedical.active{
  background-color: rgb(219 255 230 / 20%)
}
.side > .side-item > .side-collapse > .side-body > ul > .goHealth.active{
  background-color: rgb(219 255 230 / 20%)
}
.side > .side-item > .side-collapse > .side-body > ul > .goSalesList.active{
  background-color: rgb(219 255 230 / 20%)
}
.side > .side-item > .side-collapse > .side-body > ul > .goPromotional.active{
  background-color: rgb(219 255 230 / 20%)
}
/* ====================================================== */
.side > .side-item > .side-collapse > .side-body > ul > .goAttendanceQr.active{
  background-color: rgb(219 255 230 / 20%)
}
.side > .side-item > .side-collapse > .side-body > ul > .goAttendanceId.active{
  background-color: rgb(219 255 230 / 20%)
}
/* ====================================================== */
.side > .side-item > .side-collapse > .side-body > ul > li.active{
  background-color: rgb(219 255 230 / 20%)
}
.side > .side-item > .side-collapse > .side-body > ul > .goMemberList.active{
  background-color: rgb(219 255 230 / 20%)
}
.side > .side-item > .side-collapse > .side-body > ul > .goDormancyList.active{
  background-color: rgb(219 255 230 / 20%)
}
.side > .side-item > .side-collapse > .side-body > ul > .goBirthdayList.active{
  background-color: rgb(219 255 230 / 20%)
}
.side > .side-item > .side-collapse > .side-body > ul > .goPoint.active{
  background-color: rgb(219 255 230 / 20%)
}
/* ====================================================== */
.side > .side-item > .side-collapse > .side-body > ul > .goManagerSignup.active{
  background-color: rgb(219 255 230 / 20%)
}
.side > .side-item > .side-collapse > .side-body > ul > .goManagerList.active{
  background-color: rgb(219 255 230 / 20%)
}
.side > .side-item > .side-collapse > .side-body > ul > .goManagerHistory.active{
  background-color: rgb(219 255 230 / 20%)
}
/* ====================================================== */
.side > .side-item > .side-collapse > .side-body > ul > .goSurveyMunjin.active{
  background-color: rgb(219 255 230 / 20%) !important;
}
.side > .side-item > .side-collapse > .side-body > ul > .goSurveyMunjinDone.active{
  background-color: rgb(219 255 230 / 20%) !important;
}
.side > .side-item > .side-collapse > .side-body > ul > .goSurveyMunjinResult.active{
  background-color: rgb(219 255 230 / 20%) !important;
}
.side > .side-item > .side-collapse > .side-body > ul > .goSurveyChehum.active{
  background-color: rgb(219 255 230 / 20%) !important;
}
.side > .side-item > .side-collapse > .side-body > ul > .goSurveyChehumDone.active{
  background-color: rgb(219 255 230 / 20%) !important;
}
.side > .side-item > .side-collapse > .side-body > ul > .goSurveyChehumResult.active{
  background-color: rgb(219 255 230 / 20%) !important;
}
/* ====================================================== */
.side > .side-item > .side-collapse > .side-body > ul > .goOrderRegisterList.active{
  background-color: rgb(219 255 230 / 20%)
}
.side > .side-item > .side-collapse > .side-body > ul > .goOrderConfirmList.active{
  background-color: rgb(219 255 230 / 20%)
}
/* ====================================================== */
.side > .side-item > .side-collapse > .side-body > ul > .goSales.active{
  background-color: rgb(219 255 230 / 20%)
}
.side > .side-item > .side-collapse > .side-body > ul > .goSalesSearch.active{
  background-color: rgb(219 255 230 / 20%)
}
/* ====================================================== */
.side > .side-item > .side-collapse > .side-body > ul > .goNotice.active{
  background-color: rgb(219 255 230 / 20%)
}
/* ====================================================== */
.side > .side-item > .side-collapse > .side-body > ul > .goSmsSend.active{
  background-color: rgb(219 255 230 / 20%)
}
.side > .side-item > .side-collapse > .side-body > ul > .goSmsAutoList.active{
  background-color: rgb(219 255 230 / 20%)
}
.side > .side-item > .side-collapse > .side-body > ul > .goSmsSendList.active{
  background-color: rgb(219 255 230 / 20%)
}
.side > .side-item > .side-collapse > .side-body > ul > .goSmsTemplate.active{
  background-color: rgb(219 255 230 / 20%) !important;
}
.side > .side-item > .side-collapse > .side-body > ul > .goSmsDashboard.active{
  background-color: rgb(219 255 230 / 20%) !important;
}
/* ====================================================== */
.side > .side-item > .side-collapse > .side-body > ul > .goAward.active{
  background-color: rgb(219 255 230 / 20%)
}
/* ====================================================== */
.side > .side-item > .side-collapse > .side-body > ul > .goAS.active{
  background-color: rgb(219 255 230 / 20%)
}
/* ====================================================== */
.side > .side-item > .side-collapse > .side-body > ul > .goLegacyPurchase.active{
  background-color: rgb(219 255 230 / 20%)
}





.mobile-side > .side-item > .side-collapse > .side-body > ul > li.active > .mobile-menu-label{
  color: #2eaf57 !important;
}
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goNew.active > .menu-label{
  color: #2eaf57;
}
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goBed.active > .menu-label{
  color: #2eaf57;
}
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goMedical.active > .menu-label{
  color: #2eaf57;
}
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goHealth.active > .menu-label{
  color: #2eaf57;
}
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goPromotional.active > .menu-label{
  color: #2eaf57;
}
/* ====================================================== */
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goAttendanceQr.active > .menu-label{
  color: #2eaf57;
}
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goAttendanceId.active > .menu-label{
  color: #2eaf57;
}
/* ====================================================== */
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goMemberRegister.active > .menu-label{
  color: #2eaf57;
}
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goMemberList.active > .menu-label{
  color: #2eaf57;
}
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goDormancyList.active > .menu-label{
  color: #2eaf57;
}
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goBirthdayList.active > .menu-label{
  color: #2eaf57;
}
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goPoint.active > .menu-label{
  color: #2eaf57;
}
/* ====================================================== */
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goManagerSignup.active > .menu-label{
  color: #2eaf57;
}
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goManagerList.active > .menu-label{
  color: #2eaf57;
}
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goManagerHistory.active > .menu-label{
  color: #2eaf57;
}
/* ====================================================== */
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goSurveyMunjin.active > .menu-label{
  background-color: transparent !important;
  color: #2eaf57;
}
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goSurveyMunjinDone.active > .menu-label{
  background-color: transparent !important;
  color: #2eaf57;
}
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goSurveyMunjinResult.active > .menu-label{
  background-color: transparent !important;
  color: #2eaf57;
}
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goSurveyChehum.active > .menu-label{
  background-color: transparent !important;
  color: #2eaf57;
}
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goSurveyChehumDone.active > .menu-label{
  background-color: transparent !important;
  color: #2eaf57;
}
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goSurveyChehumResult.active > .menu-label{
  background-color: transparent !important;
  color: #2eaf57;
}
/* ====================================================== */
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goOrderRegisterList.active > .menu-label{
  color: #2eaf57;
}
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goOrderConfirmList.active > .menu-label{
  color: #2eaf57;
}
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goSalesList.active > .menu-label{
  color: #2eaf57;
}
/* ====================================================== */
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goSales.active > .menu-label{
  color: #2eaf57;
}
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goSalesSearch.active > .menu-label{
  color: #2eaf57;
}
/* ====================================================== */
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goNotice.active > .menu-label{
  color: #2eaf57;
}
/* ====================================================== */
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goSmsSend.active > .menu-label{
  color: #2eaf57;
}
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goSmsAutoList.active > .menu-label{
  color: #2eaf57;
}
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goSmsSendList.active > .menu-label{
  color: #2eaf57;
}
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goSmsTemplate.active > .menu-label{
  color: #2eaf57;
}
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goSmsDashboard.active > .menu-label{
  color: #2eaf57;
}
/* ====================================================== */
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goAward.active > .menu-label{
  color: #2eaf57;
}
/* ====================================================== */
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goAS.active > .menu-label{
  color: #2eaf57 !important;
}
/* ====================================================== */
.mobile-side > .side-item > .side-collapse > .side-body > ul > .goLegacyPurchase.active > .menu-label{
  color: #2eaf57 !important;
}



.menu-content {
  display: flex;
  align-items: center;
}

.menu-icon {
  width: 22px;
  height: 22px;
  flex-shrink: 0;    /* 줄어들지 않게 */
  margin-right: 13px; /* 텍스트와 간격 */
}

.menu-label {
  width: 110px;
  display: inline-block;
  white-space: nowrap;
}
.mobile-menu-label {
  width: 250px;
  display: inline-block;
  white-space: nowrap;
}

.menu-icon-question{
  width: 28px;
  height: 28px;
  margin-right: 7px !important;
}
.menu-icon-order{
  width: 28px;
  height: 28px;
  margin-right: 7px !important;
}
.menu-icon-guide{
  width: 20px;
  height: 20px;
  margin-right: 8px !important;
}

.mobile-toggle-star > .fa-regular{
  color: #d9d9d9;
}
.mobile-toggle-star > .fa-solid{
  color: #2eaf57;
  line-height: 1rem;
}
.toggle-star > .fa-regular{
  font-size: 16px;
  color: white;
}
.toggle-star > .fa-solid{
  font-size: 16px;
  color: white;
  line-height: 1rem;
}