@charset "utf-8";
:root {
	--krds-color-light-primary-5: #e3edf8;
	--krds-color-light-primary-10: #bdd4ee;
	--krds-color-light-primary-20: #96bde6;
	--krds-color-light-primary-30: #5996cc;
	--krds-color-light-primary-40: #2e728c;
	--krds-color-light-primary-50: #0e53ad;
	--krds-color-light-primary-60: #0b4b8a;
	--krds-color-light-primary-70: #0b2e6a;
	--krds-color-light-primary-80: #083c5e;
	--krds-color-light-primary-90: #082e3e;
	--krds-color-light-primary-95: #061d20;

	--krds-color-light-secondary-5: #ecf7f9;
	--krds-color-light-secondary-10: #cbeaef;
	--krds-color-light-secondary-20: #81d0db;
	--krds-color-light-secondary-30: #2fb3c6;
	--krds-color-light-secondary-40: #1c92a3;
	--krds-color-light-secondary-50: #198291;
	--krds-color-light-secondary-60: #16727f;
	--krds-color-light-secondary-70: #13626e;
	--krds-color-light-secondary-80: #0d464e;
	--krds-color-light-secondary-90: #082b30;
	--krds-color-light-secondary-95: #061d20;

	--gra: linear-gradient(90deg, #171c5c 0.63%, #1c92a3 97.21%);
	--gra-reverse: linear-gradient(90deg, #1c92a3 3.59%, #171c5c 97.63%);
	--viewed-bg: #171c5c;
	--sub-point: #171c5c;

	--Lbg: url(/museum/history/img/main/Lbg.svg);
	--Rbg: url(/museum/history/img/main/Rbg.svg);
}

:has(.main-nav .gnb-menu > li:nth-child(1) .gnb-main-trigger.selected) #container::before {
	background-image: url(/museum/history/img/sub/sub01-visual.png);
}

:has(.main-nav .gnb-menu > li:nth-child(2) .gnb-main-trigger.selected) #container::before {
	background-image: url(/museum/history/img/sub/sub02-visual.png);
}

:has(.main-nav .gnb-menu > li:nth-child(3) .gnb-main-trigger.selected) #container::before {
	background-image: url(/museum/history/img/sub/sub03-visual.png);
}

:has(.main-nav .gnb-menu > li:nth-child(4) .gnb-main-trigger.selected) #container::before {
	background-image: url(/museum/history/img/sub/sub04-visual.png);
}

:has(.main-nav .gnb-menu > li:nth-child(5) .gnb-main-trigger.selected) #container::before {
	background-image: url(/museum/history/img/sub/sub05-visual.png);
}

:has(.main-nav .gnb-menu > li:nth-child(6) .gnb-main-trigger.selected) #container::before {
	background-image: url(/museum/history/img/sub/sub06-visual.png);
}

:has(.main-nav .gnb-menu > li:nth-child(7) .gnb-main-trigger.selected) #container::before {
	background-image: url(/museum/history/img/sub/sub06-visual.png);
}

.side-nav h2::before {
	content: '강화역사박물관';
}

.side-nav .snv-list > .snv-li.active > .snv-li-btn {
	background-color: #f6f6f9;
}

#lmenu-quick a {
	--bg: url(/museum/history/img/sub/quick.svg);
	background: linear-gradient(120deg, #f6f6f9 0%, #eff5ff 100%);
}

#lmenu-tel {
	--bg: url(/museum/history/img/sub/tel.svg);
}