@charset "utf-8";
/* sub visual */
#sub_visual::before {background-image: url("/images/susang/notify/sub_visual.jpg");}

/* 사이트맵 */
.sitemap {
	position: relative;
	display: flex;gap: 2.8rem;
	margin: 2rem 0;padding: 0;	
	overflow: hidden;	
}
.sitemap > li {
	width: calc(25% - 1.5rem);
	display: flex;
	flex-direction: column;
	gap: 2.8rem;
	margin: 0;padding: 0;
}
.sitemap > li strong {
	display:flex;
	align-items: center;
	justify-content: center;
	padding: 2.4rem;
	font-size: clamp(1.8rem, 1.6vw, 2rem);
	font-weight: 600;
	color: #2439A2;
	text-align: center;
	background-color: #E5EEFB;
	border-radius: 0.4rem;
}
.sitemap > li > .depth1 {
	width:100%;
	display:flex;
	flex-direction: column;
	gap: 1rem;
	margin: 0 ;padding: 0 0.5rem;	
}
.sitemap > li > .depth1 li {
	position: relative;
	margin: 0;padding-left: 2.4rem;
}
.sitemap > li > .depth1 li::before{
	position: absolute;
	content: '';
	display: block;
	top: 50%;left: 0.8rem;
	transform: translateY(-50%);
	width: 5px;	height: 5px;
	background-color: #22449C;
	border-radius: 99rem;
}
.sitemap > li > .depth1 li a {
	margin: 0;padding: 0;
	display: flex;
	align-items: center;
	gap: 0.4rem;
	font-size: clamp(1.4rem, 1.5vw, 1.6rem);
	line-height: 1.5;
	transition: all 0.3s ease;
}
 
@media all and (max-width:1023px){	
	.sitemap {flex-wrap: wrap;gap: 3rem;}
	.sitemap > li {width: calc(50% - 1.5rem);}
	.sitemap > li strong {
		padding: 0.75rem 0;
	}
	.sitemap > li > .depth1 {
		gap: 0.5rem;
		padding: 1.5rem 0.5rem;	
	}
}
	
@media all and (max-width:746px){
	.sitemap {gap: 2rem;}
	.sitemap > li {width: calc(50% - 1rem);}
	.sitemap > li > .depth1 {
		gap: 0.25rem;
		padding: 1rem 0.5rem;	
	}
	.sitemap > li > .depth1 li {padding-left: 1rem;	}
	.sitemap > li > .depth1 li::before{
		width: 0.25rem;height: 0.25rem;	
	}
}
@media all and (max-width:480px){
	.sitemap > li {width: 100%;}
}