/* AWF NAV CONCEPT */
.awf-nav {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  overflow: visible !important;
  z-index: 5000 !important;
}

.awf-nav a {
  text-decoration: none !important;
}

.awf-nav-item,
.awf-nav-trigger {
  height: 44px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  color: rgba(234, 246, 255, .88) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  cursor: pointer !important;
  transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

.awf-nav-group {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  overflow: visible !important;
}

.awf-nav-group.is-open .awf-nav-trigger,
.awf-nav-item:hover {
  color: #6cffc2 !important;
  border-color: rgba(108, 255, 194, .35) !important;
  background: linear-gradient(180deg, rgba(20, 65, 96, .72), rgba(8, 28, 55, .78)) !important;
  box-shadow:
    0 0 0 1px rgba(66, 216, 255, .08),
    0 12px 34px rgba(66, 216, 255, .12),
    inset 0 1px 0 rgba(255, 255, 255, .05) !important;
  transform: translateY(-1px) !important;
}

.awf-nav-caret {
  color: #42d8ff !important;
  font-size: 14px !important;
  line-height: 1 !important;
  transition: transform .18s ease, color .18s ease !important;
}

.awf-nav-group.is-open .awf-nav-caret {
  color: #6cffc2 !important;
  transform: rotate(180deg) !important;
}

.awf-nav-mega {
  position: absolute !important;
  top: calc(100% + 13px) !important;
  left: 50% !important;
  width: 560px !important;
  min-height: 238px !important;
  transform: translateX(-50%) translateY(10px) scale(.985) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  padding: 22px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(66, 216, 255, .34) !important;
  background:
    radial-gradient(circle at 78% 48%, rgba(66, 216, 255, .12), transparent 35%),
    linear-gradient(135deg, rgba(6, 24, 50, .98), rgba(4, 13, 30, .98)) !important;
  box-shadow:
    0 30px 80px rgba(0, 0, 0, .45),
    0 0 45px rgba(66, 216, 255, .13),
    inset 0 1px 0 rgba(255, 255, 255, .05) !important;
  z-index: 99999 !important;
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important;
}

.awf-nav-group.is-open .awf-nav-mega {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateX(-50%) translateY(0) scale(1) !important;
}

.awf-nav-mega::before {
  content: "" !important;
  position: absolute !important;
  top: -10px !important;
  left: 50% !important;
  width: 18px !important;
  height: 18px !important;
  transform: translateX(-50%) rotate(45deg) !important;
  border-left: 1px solid rgba(66, 216, 255, .34) !important;
  border-top: 1px solid rgba(66, 216, 255, .34) !important;
  background: rgba(6, 24, 50, .98) !important;
}

.awf-nav-panel-inner {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 210px !important;
  gap: 18px !important;
  align-items: stretch !important;
}

.awf-nav-panel-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.awf-nav-panel-link {
  min-height: 62px !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;
  color: #ffffff !important;
  border: 1px solid rgba(120, 200, 255, .15) !important;
  background: rgba(255, 255, 255, .035) !important;
  text-decoration: none !important;
  transition: background .16s ease, border-color .16s ease, transform .16s ease, box-shadow .16s ease !important;
}

.awf-nav-panel-link:hover {
  background: rgba(108, 255, 194, .09) !important;
  border-color: rgba(108, 255, 194, .36) !important;
  transform: translateX(3px) !important;
  box-shadow: 0 10px 28px rgba(108, 255, 194, .08) !important;
}

.awf-nav-panel-icon {
  width: 48px !important;
  height: 48px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 14px !important;
  color: #8ffcff !important;
  font-size: 23px !important;
  font-weight: 900 !important;
  background: linear-gradient(135deg, rgba(66, 216, 255, .20), rgba(108, 255, 194, .09)) !important;
  border: 1px solid rgba(120, 220, 255, .20) !important;
}

.awf-nav-panel-title {
  display: block !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  margin-bottom: 5px !important;
  letter-spacing: -.03em !important;
}

.awf-nav-panel-desc {
  display: block !important;
  color: rgba(222, 242, 255, .70) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.awf-nav-visual {
  position: relative !important;
  min-height: 194px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(66, 216, 255, .22) !important;
  background:
    radial-gradient(circle at 50% 68%, rgba(66, 216, 255, .32), transparent 28%),
    linear-gradient(135deg, rgba(66, 216, 255, .10), rgba(108, 255, 194, .04)) !important;
  overflow: hidden !important;
}

.awf-nav-visual::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px) !important;
  background-size: 24px 24px !important;
}

.awf-nav-visual::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 24px !important;
  width: 120px !important;
  height: 34px !important;
  transform: translateX(-50%) !important;
  border-radius: 50% !important;
  background: radial-gradient(ellipse, rgba(108,255,194,.55), rgba(66,216,255,.16) 48%, transparent 72%) !important;
  box-shadow: 0 0 34px rgba(66,216,255,.35) !important;
}

.awf-nav-visual-symbol {
  position: absolute !important;
  left: 50% !important;
  top: 48% !important;
  transform: translate(-50%, -50%) !important;
  width: 86px !important;
  height: 86px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 22px !important;
  color: #bffcff !important;
  font-size: 38px !important;
  font-weight: 900 !important;
  background: rgba(2, 16, 34, .48) !important;
  border: 1px solid rgba(108, 255, 194, .28) !important;
  box-shadow: 0 0 36px rgba(66,216,255,.28) !important;
}

.awf-nav-visual-note {
  position: absolute !important;
  right: 16px !important;
  bottom: 14px !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  background: rgba(2, 16, 34, .58) !important;
  border: 1px solid rgba(108, 255, 194, .22) !important;
}

.awf-nav-group[data-navgroup="community"] .awf-nav-mega {
  width: 460px !important;
}

.awf-nav-group[data-navgroup="support"] .awf-nav-mega {
  width: 510px !important;
}

.awf-nav-group[data-navgroup="community"] .awf-nav-panel-inner {
  grid-template-columns: minmax(0, 1fr) 180px !important;
}

.awf-nav-group[data-navgroup="support"] .awf-nav-panel-inner {
  grid-template-columns: minmax(0, 1fr) 190px !important;
}

@media (max-width: 900px) {
  .awf-nav {
    display: none !important;
  }
}

/* AWF_NAV_SVG_ICON_REFINEMENT_START */
/* 메뉴 아이콘을 이모지 느낌에서 SVG 라인 아이콘 느낌으로 정리 */
.awf-nav-panel-icon {
  background:
    radial-gradient(circle at 50% 42%, rgba(143,252,255,.18), transparent 62%),
    linear-gradient(135deg, rgba(66,216,255,.18), rgba(108,255,194,.075)) !important;
  border: 1px solid rgba(143,252,255,.22) !important;
  box-shadow:
    0 0 22px rgba(66,216,255,.12),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.awf-nav-panel-icon svg {
  width: 25px !important;
  height: 25px !important;
  display: block !important;
  stroke: #9ffcff !important;
  fill: none !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  filter: drop-shadow(0 0 7px rgba(66,216,255,.35)) !important;
}

.awf-nav-panel-link:hover .awf-nav-panel-icon svg {
  stroke: #6cffc2 !important;
  filter: drop-shadow(0 0 9px rgba(108,255,194,.50)) !important;
}

.awf-nav-visual-symbol {
  background:
    radial-gradient(circle at 50% 45%, rgba(108,255,194,.10), transparent 70%),
    rgba(2, 16, 34, .48) !important;
}

.awf-nav-visual-symbol svg {
  width: 48px !important;
  height: 48px !important;
  display: block !important;
  stroke: #bffcff !important;
  fill: none !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  filter:
    drop-shadow(0 0 10px rgba(66,216,255,.45))
    drop-shadow(0 0 18px rgba(108,255,194,.24)) !important;
}

.awf-nav-group[data-navgroup="news"] .awf-nav-visual-symbol svg {
  stroke: #ffe36b !important;
}

.awf-nav-group[data-navgroup="community"] .awf-nav-visual-symbol svg {
  stroke: #8ffcff !important;
}

.awf-nav-group[data-navgroup="support"] .awf-nav-visual-symbol svg {
  stroke: #9ffcff !important;
}
/* AWF_NAV_SVG_ICON_REFINEMENT_END */

/* AWF_NAV_FINAL_POLISH_START */
/* 상단 메뉴 최종 고급화 보정 */

.awf-nav {
  gap: 16px !important;
}

.awf-nav-group::after {
  content: "" !important;
  position: absolute !important;
  left: -18px !important;
  right: -18px !important;
  top: 38px !important;
  height: 34px !important;
  background: transparent !important;
  pointer-events: auto !important;
}

.awf-nav-trigger,
.awf-nav-item {
  min-width: 92px !important;
  height: 46px !important;
  padding: 0 20px !important;
  font-size: 16px !important;
  letter-spacing: -.02em !important;
}

.awf-nav-group.is-open .awf-nav-trigger {
  color: #7fffe8 !important;
  border-color: rgba(108, 255, 194, .48) !important;
  background:
    radial-gradient(circle at 50% 100%, rgba(108,255,194,.20), transparent 55%),
    linear-gradient(180deg, rgba(22, 72, 104, .86), rgba(8, 31, 62, .88)) !important;
  box-shadow:
    0 0 0 1px rgba(66, 216, 255, .10),
    0 0 28px rgba(66, 216, 255, .16),
    0 14px 38px rgba(0, 0, 0, .22),
    inset 0 1px 0 rgba(255, 255, 255, .07) !important;
}

.awf-nav-mega {
  top: calc(100% + 18px) !important;
  padding: 24px !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 75% 50%, rgba(66, 216, 255, .16), transparent 32%),
    radial-gradient(circle at 20% 12%, rgba(108, 255, 194, .08), transparent 26%),
    linear-gradient(135deg, rgba(6, 23, 50, .985), rgba(3, 11, 28, .985)) !important;
  border-color: rgba(71, 210, 255, .38) !important;
  box-shadow:
    0 34px 90px rgba(0, 0, 0, .52),
    0 0 60px rgba(66, 216, 255, .14),
    inset 0 1px 0 rgba(255, 255, 255, .055) !important;
}

.awf-nav-mega::after {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  border-radius: 27px !important;
  background:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px) !important;
  background-size: 28px 28px !important;
  pointer-events: none !important;
  opacity: .7 !important;
}

.awf-nav-panel-inner {
  grid-template-columns: minmax(0, 1fr) 225px !important;
  gap: 22px !important;
}

.awf-nav-panel-list {
  gap: 13px !important;
}

.awf-nav-panel-link {
  min-height: 68px !important;
  padding: 13px 15px !important;
  border-radius: 18px !important;
  grid-template-columns: 50px minmax(0, 1fr) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,.022)) !important;
  border-color: rgba(120, 200, 255, .18) !important;
}

.awf-nav-panel-link:hover {
  background:
    radial-gradient(circle at 0% 50%, rgba(108,255,194,.16), transparent 45%),
    linear-gradient(135deg, rgba(108,255,194,.095), rgba(66,216,255,.045)) !important;
  border-color: rgba(108, 255, 194, .42) !important;
  transform: translateX(4px) !important;
}

.awf-nav-panel-icon {
  width: 50px !important;
  height: 50px !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 50% 45%, rgba(143,252,255,.20), transparent 60%),
    linear-gradient(135deg, rgba(66,216,255,.18), rgba(108,255,194,.08)) !important;
}

.awf-nav-panel-icon svg {
  width: 24px !important;
  height: 24px !important;
  stroke-width: 2 !important;
}

.awf-nav-panel-title {
  font-size: 17px !important;
}

.awf-nav-panel-desc {
  font-size: 13px !important;
  color: rgba(222, 242, 255, .76) !important;
}

.awf-nav-visual {
  min-height: 214px !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 50% 74%, rgba(108, 255, 194, .32), transparent 28%),
    radial-gradient(circle at 50% 38%, rgba(66, 216, 255, .18), transparent 40%),
    linear-gradient(135deg, rgba(66, 216, 255, .105), rgba(108, 255, 194, .045)) !important;
  border-color: rgba(66, 216, 255, .30) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 18px 44px rgba(0,0,0,.25) !important;
}

.awf-nav-visual::before {
  opacity: .65 !important;
}

.awf-nav-visual::after {
  bottom: 30px !important;
  width: 138px !important;
  height: 38px !important;
  background: radial-gradient(ellipse, rgba(108,255,194,.60), rgba(66,216,255,.18) 48%, transparent 74%) !important;
}

.awf-nav-visual-symbol {
  top: 46% !important;
  width: 92px !important;
  height: 92px !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(143,252,255,.12), transparent 65%),
    linear-gradient(135deg, rgba(4, 20, 42, .72), rgba(5, 35, 52, .62)) !important;
  border-color: rgba(108, 255, 194, .30) !important;
}

.awf-nav-visual-symbol::before,
.awf-nav-visual-symbol::after {
  content: "" !important;
  position: absolute !important;
  border-radius: 14px !important;
  border: 1px solid rgba(66, 216, 255, .24) !important;
  background: rgba(10, 40, 68, .36) !important;
  box-shadow: 0 0 18px rgba(66,216,255,.10) !important;
}

.awf-nav-visual-symbol::before {
  width: 54px !important;
  height: 30px !important;
  right: -52px !important;
  top: 12px !important;
  transform: rotate(8deg) !important;
}

.awf-nav-visual-symbol::after {
  width: 46px !important;
  height: 26px !important;
  left: -46px !important;
  bottom: 14px !important;
  transform: rotate(-7deg) !important;
}

.awf-nav-visual-symbol svg {
  position: relative !important;
  z-index: 2 !important;
  width: 46px !important;
  height: 46px !important;
}

.awf-nav-visual-note {
  right: 14px !important;
  bottom: 14px !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  letter-spacing: .03em !important;
  color: #ffffff !important;
  background: rgba(2, 16, 34, .66) !important;
  border-color: rgba(108, 255, 194, .28) !important;
  box-shadow: 0 0 18px rgba(66,216,255,.14) !important;
}

.awf-nav-group[data-navgroup="news"] .awf-nav-mega {
  width: 610px !important;
}

.awf-nav-group[data-navgroup="community"] .awf-nav-mega {
  width: 510px !important;
}

.awf-nav-group[data-navgroup="support"] .awf-nav-mega {
  width: 560px !important;
}

.awf-nav-group[data-navgroup="community"] .awf-nav-panel-inner,
.awf-nav-group[data-navgroup="support"] .awf-nav-panel-inner {
  grid-template-columns: minmax(0, 1fr) 215px !important;
}
/* AWF_NAV_FINAL_POLISH_END */

/* AWF_NAV_LEFT_CARD_POLISH_START */
/* 하위 메뉴 왼쪽 리스트를 고급 홀로그램 카드형으로 보정 */

.awf-nav-panel-list {
  gap: 14px !important;
}

.awf-nav-panel-link {
  position: relative !important;
  min-height: 76px !important;
  padding: 14px 18px 14px 18px !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  gap: 16px !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 8% 50%, rgba(108, 255, 194, .105), transparent 34%),
    linear-gradient(135deg, rgba(16, 43, 78, .78), rgba(8, 25, 53, .90)) !important;
  border: 1px solid rgba(105, 190, 255, .22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 12px 28px rgba(0,0,0,.18) !important;
}

.awf-nav-panel-link::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 16px !important;
  bottom: 16px !important;
  width: 3px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #42d8ff, #6cffc2) !important;
  box-shadow:
    0 0 12px rgba(66,216,255,.75),
    0 0 24px rgba(108,255,194,.28) !important;
  opacity: .82 !important;
}

.awf-nav-panel-link::after {
  content: "" !important;
  position: absolute !important;
  right: -52px !important;
  top: 50% !important;
  width: 118px !important;
  height: 118px !important;
  transform: translateY(-50%) !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle, rgba(66,216,255,.18), rgba(66,216,255,.06) 44%, transparent 70%) !important;
  opacity: .55 !important;
  pointer-events: none !important;
}

.awf-nav-panel-link:hover {
  background:
    radial-gradient(circle at 8% 50%, rgba(108, 255, 194, .18), transparent 38%),
    linear-gradient(135deg, rgba(19, 58, 94, .92), rgba(9, 31, 62, .96)) !important;
  border-color: rgba(108, 255, 194, .46) !important;
  transform: translateX(5px) !important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.25),
    0 0 28px rgba(66,216,255,.13),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.awf-nav-panel-icon {
  position: relative !important;
  z-index: 2 !important;
  width: 58px !important;
  height: 58px !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(143,252,255,.24), transparent 60%),
    linear-gradient(135deg, rgba(66,216,255,.24), rgba(108,255,194,.08)) !important;
  border: 1px solid rgba(143,252,255,.30) !important;
  box-shadow:
    0 0 24px rgba(66,216,255,.16),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.awf-nav-panel-icon svg {
  width: 29px !important;
  height: 29px !important;
  stroke-width: 2.25 !important;
  stroke: #a8ffff !important;
}

.awf-nav-panel-link:hover .awf-nav-panel-icon {
  border-color: rgba(108,255,194,.48) !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(108,255,194,.28), transparent 60%),
    linear-gradient(135deg, rgba(66,216,255,.26), rgba(108,255,194,.14)) !important;
  box-shadow:
    0 0 28px rgba(108,255,194,.22),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.awf-nav-panel-link:hover .awf-nav-panel-icon svg {
  stroke: #6cffc2 !important;
}

.awf-nav-panel-title {
  position: relative !important;
  z-index: 2 !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  letter-spacing: -.04em !important;
  color: #ffffff !important;
  text-shadow: 0 0 14px rgba(66,216,255,.16) !important;
}

.awf-nav-panel-desc {
  position: relative !important;
  z-index: 2 !important;
  margin-top: 3px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  color: rgba(221, 240, 255, .74) !important;
}

.awf-nav-panel-link:hover .awf-nav-panel-title {
  color: #ffffff !important;
}

.awf-nav-panel-link:hover .awf-nav-panel-desc {
  color: rgba(229, 255, 249, .86) !important;
}

/* 오른쪽 비주얼도 왼쪽 리스트와 톤 맞춤 */
.awf-nav-visual {
  background:
    radial-gradient(circle at 50% 72%, rgba(108,255,194,.38), transparent 28%),
    radial-gradient(circle at 50% 38%, rgba(66,216,255,.20), transparent 42%),
    linear-gradient(135deg, rgba(8, 45, 74, .75), rgba(6, 23, 48, .92)) !important;
}

.awf-nav-visual-symbol {
  border-radius: 28px !important;
  box-shadow:
    0 0 34px rgba(66,216,255,.22),
    0 0 70px rgba(108,255,194,.10),
    inset 0 1px 0 rgba(255,255,255,.09) !important;
}

.awf-nav-visual-symbol svg {
  stroke-width: 2.35 !important;
}
/* AWF_NAV_LEFT_CARD_POLISH_END */

/* AWF_NAV_REDRAW_ICONS_START */
/* AWF 전용 SVG 아이콘 재디자인 */

.awf-nav-panel-link {
  grid-template-columns: 60px minmax(0, 1fr) !important;
  gap: 16px !important;
  min-height: 76px !important;
  padding: 14px 18px !important;
}

.awf-nav-panel-icon {
  display: grid !important;
  position: relative !important;
  z-index: 2 !important;
  width: 58px !important;
  height: 58px !important;
  place-items: center !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(143,252,255,.26), transparent 60%),
    linear-gradient(135deg, rgba(66,216,255,.24), rgba(108,255,194,.09)) !important;
  border: 1px solid rgba(143,252,255,.32) !important;
  box-shadow:
    0 0 24px rgba(66,216,255,.17),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.awf-nav-panel-icon svg {
  width: 31px !important;
  height: 31px !important;
  display: block !important;
  overflow: visible !important;
  stroke: #a8ffff !important;
  fill: none !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  filter:
    drop-shadow(0 0 7px rgba(66,216,255,.45))
    drop-shadow(0 0 14px rgba(108,255,194,.18)) !important;
}

.awf-nav-panel-icon .awf-svg-fill {
  fill: rgba(108,255,194,.18) !important;
  stroke: #a8ffff !important;
}

.awf-nav-panel-icon .awf-svg-gold {
  stroke: #ffe36b !important;
}

.awf-nav-panel-link:hover .awf-nav-panel-icon {
  border-color: rgba(108,255,194,.52) !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(108,255,194,.30), transparent 60%),
    linear-gradient(135deg, rgba(66,216,255,.27), rgba(108,255,194,.15)) !important;
  box-shadow:
    0 0 30px rgba(108,255,194,.24),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.awf-nav-panel-link:hover .awf-nav-panel-icon svg {
  stroke: #6cffc2 !important;
  filter:
    drop-shadow(0 0 9px rgba(108,255,194,.58))
    drop-shadow(0 0 16px rgba(66,216,255,.22)) !important;
}

.awf-nav-visual-symbol {
  display: grid !important;
  position: absolute !important;
  left: 50% !important;
  top: 46% !important;
  transform: translate(-50%, -50%) !important;
  width: 100px !important;
  height: 100px !important;
  place-items: center !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(143,252,255,.16), transparent 65%),
    linear-gradient(135deg, rgba(4, 20, 42, .78), rgba(5, 35, 52, .66)) !important;
  border: 1px solid rgba(108,255,194,.34) !important;
  box-shadow:
    0 0 38px rgba(66,216,255,.25),
    0 0 76px rgba(108,255,194,.11),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.awf-nav-visual-symbol svg {
  width: 56px !important;
  height: 56px !important;
  overflow: visible !important;
  display: block !important;
  stroke: #bffcff !important;
  fill: none !important;
  stroke-width: 2.15 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  filter:
    drop-shadow(0 0 12px rgba(66,216,255,.52))
    drop-shadow(0 0 22px rgba(108,255,194,.24)) !important;
}

.awf-nav-visual-symbol .awf-svg-fill {
  fill: rgba(108,255,194,.16) !important;
}

.awf-nav-visual-symbol .awf-svg-gold {
  stroke: #ffe36b !important;
}

.awf-nav-group[data-navgroup="news"] .awf-nav-visual-symbol svg,
.awf-nav-group[data-navgroup="news"] .awf-nav-panel-icon svg .awf-svg-gold {
  stroke: #ffe36b !important;
}

.awf-nav-group[data-navgroup="community"] .awf-nav-visual-symbol svg {
  stroke: #8ffcff !important;
}

.awf-nav-group[data-navgroup="support"] .awf-nav-visual-symbol svg {
  stroke: #bffcff !important;
}

/* 오른쪽 비주얼 보조 카드 유지 */
.awf-nav-visual-symbol::before,
.awf-nav-visual-symbol::after {
  content: "" !important;
  position: absolute !important;
  border-radius: 14px !important;
  border: 1px solid rgba(66,216,255,.24) !important;
  background: rgba(10,40,68,.36) !important;
  box-shadow: 0 0 18px rgba(66,216,255,.10) !important;
}

.awf-nav-visual-symbol::before {
  width: 56px !important;
  height: 30px !important;
  right: -54px !important;
  top: 12px !important;
  transform: rotate(8deg) !important;
}

.awf-nav-visual-symbol::after {
  width: 48px !important;
  height: 26px !important;
  left: -48px !important;
  bottom: 14px !important;
  transform: rotate(-7deg) !important;
}
/* AWF_NAV_REDRAW_ICONS_END */