@charset "utf-8";
:root {
  --krds-color-light-primary-5: #F0F8EB;
  --krds-color-light-primary-10:#D5ECC3;
  --krds-color-light-primary-20:#8DD556;
  --krds-color-light-primary-30: #5FB41D;
  --krds-color-light-primary-40: #409202;
  --krds-color-light-primary-50: #3B8702;
  --krds-color-light-primary-60: #347602;
  --krds-color-light-primary-70: #2D6601;
  --krds-color-light-primary-80: #204801;
  --krds-color-light-primary-90: #142D01;
  --krds-color-light-primary-95: #0D1E00;

  --krds-color-light-secondary-5: #EDF8F8;
  --krds-color-light-secondary-10: #D1EDED;
  --krds-color-light-secondary-20: #92D7D9;
  --krds-color-light-secondary-30: #42C1C4;
  --krds-color-light-secondary-40: #2AA4A8;
  --krds-color-light-secondary-50: #228386;
  --krds-color-light-secondary-60: #1C6E71;
  --krds-color-light-secondary-70: #175A5C;
  --krds-color-light-secondary-80: #114243;
  --krds-color-light-secondary-90: #0B2B2C;
  --krds-color-light-secondary-95: #082020;
  
  --gra: linear-gradient(95deg, #171D5C 4.39%, #409202 95.61%);
  --gra-reverse:  linear-gradient(90deg, #419301 3.59%, #171C5C 97.63%);
  --viewed-bg: #175A5C;
  --sub-point: #175A5C; 

  --Lbg: url(/museum/natural/img/main/Lbg.svg);
  --Rbg: url(/museum/natural/img/main/Rbg.svg);
}

.slogan .txt02 {
  font-size: 3.8rem;
}

:has(.main-nav .gnb-menu>li:nth-child(1) .gnb-main-trigger.selected) #container::before {
  background-image: url(/museum/natural/img/sub/sub01-visual.png);
}

:has(.main-nav .gnb-menu>li:nth-child(2) .gnb-main-trigger.selected) #container::before {
  background-image: url(/museum/natural/img/sub/sub02-visual.png);
}

:has(.main-nav .gnb-menu>li:nth-child(3) .gnb-main-trigger.selected) #container::before {
  background-image: url(/museum/natural/img/sub/sub03-visual.png);
}

:has(.main-nav .gnb-menu>li:nth-child(4) .gnb-main-trigger.selected) #container::before {
  background-image: url(/museum/natural/img/sub/sub04-visual.png);
}

:has(.main-nav .gnb-menu>li:nth-child(5) .gnb-main-trigger.selected) #container::before {
  background-image: url(/museum/natural/img/sub/sub05-visual.png);
}

:has(.main-nav .gnb-menu>li:nth-child(6) .gnb-main-trigger.selected) #container::before {
  background-image: url(/museum/natural/img/sub/sub06-visual.png);
}

:has(.main-nav .gnb-menu>li:nth-child(7) .gnb-main-trigger.selected) #container::before {
  background-image: url(/museum/natural/img/sub/sub06-visual.png);
}

.side-nav h2::before {
  content: '강화자연사박물관';
}

.side-nav .snv-list>.snv-li.active>.snv-li-btn {
  background-color: #F7F9F6;
}

#lmenu-quick a {
  --bg: url(/museum/natural/img/sub/quick.svg);
  background: linear-gradient(120deg, #F6F6F9 0%, #EAF2E6 100%);
}

#lmenu-tel {
  --bg: url(/museum/natural/img/sub/tel.svg);
}