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

/* 아코디언 */
.acc_wrap {
	margin-bottom: 2rem;
	display: flex;
	flex-direction: column;gap: 0.5rem;
}
.acc_box {margin: 0;padding: 0;}
.acc_box dt.title a{
	position: relative;
	padding: 1rem 1.25rem;
	display: flex;
	align-items: center;gap: 0.5rem;
	background-color: #FFF;
	background-image: url("/images/skywalk/common/icon_arrow_down.svg");
	background-position: right 2rem center;
	background-repeat: no-repeat;
	background-size: 16px auto;
	border: 1px solid #C9D2DB;
	-webkit-border-radius: 0.5rem;
	border-radius: 0.5rem;
}
.acc_box dt.title a strong{font-size: 1.05rem;font-weight: 500;}
.acc_box dt.title a.on{	
	background-image: url("/images/skywalk/common/icon_arrow_up.svg");
	border: 2px solid #1C7A40;
	border-bottom: 0;
	-webkit-border-radius:  0.5rem 0.5rem 0 0;
	border-radius: 0.5rem 0.5rem 0 0;
}
.acc_box dt.title a span.badge {
	display: flex;
	align-items: center;justify-content: center;
	width: 2rem;height: 2rem;
	text-align: center;
	background-image: url("/images/skywalk/notify/icon_acc_title.svg");
	background-position: center center;
	background-size: 20px auto;
	background-repeat: no-repeat;
}
.acc_box dt.title a span.number{
	display: flex;
	align-items: center;justify-content: center;
	min-width: 3rem;font-weight: 600;
	color: #3980da;
	text-align: center;
}
.acc_box dt.title a.on strong{color: #000;}
.acc_box dd {
	min-height: 10rem;
	padding: 2rem;padding-left: 3.75rem;
	background-color: #F4F5F9;
	border: 2px solid #1C7A40;border-top: 0;
	-webkit-border-radius: 0 0 0.5rem 0.5rem;
	border-radius: 0 0 0.5rem 0.5rem;
}
.acc_box dd.hide {display:none;}  
.acc_box dd.show {display:block;} 

@media all and (max-width:746px){
	.acc_box dt.title a span.number{display:block; padding: 0; margin:0; border-right:0;}
	.acc_box dt.title a,
	.acc_box dt.title a.on{
		background-position: right 1.5rem center;
		background-size: 0.75rem auto;
	}
	.acc_box dt.title a{
		gap: 0;
		padding: 0.75rem;
		font-size: 1rem;
	}
	.acc_box dt.title a span.badge{
		background-size: 16px auto;
	}
	.acc_box dd {
		min-height: 6rem;
		padding: 1rem;
	}
}

/* 찾아오시는 길 */
.root_daum_roughmap {position: relative;overflow: hidden;width: 100%;height: 100%;aspect-ratio: 1300 / 500;min-height: 30rem;z-index: 0;}
.map_info {
	width:100%;
	margin: 0;padding: 2rem 0;
	display: flex;	
	justify-content: space-between;gap: 1rem;
}
.map_info > li{
	position: relative;
	width: calc(33.33% - 0.5rem);
	margin: 0;padding: 2rem;
	display: flex;
	gap: 1.5rem;
	background-color: #F5F6F8;
	-webkit-border-radius: 0.5rem;
	border-radius: 0.5rem;
}
.map_info > li p {display: flex;flex-direction: column;gap: 0.5rem;color: #666;}
.map_info > li p strong {font-size: 1.125rem;font-weight: 700;color: #1E2124;}
.map_info > li i {display: block;width: 50px;height: 50px;background-repeat: no-repeat;background-position:50% 50%;background-size: 50px;}
.map_info > li:nth-child(1) i{background-image: url('/images/skywalk/notify/icon_map1.svg')}
.map_info > li:nth-child(2) i{background-image: url('/images/skywalk/notify/icon_map2.svg')}
.map_info > li:nth-child(3) i{background-image: url('/images/skywalk/notify/icon_map3.svg')}

@media (max-width: 1300px){
	.map_info {gap: 1rem;}
	.map_info > li{width: calc(33.33% - 0.5rem);}
}
@media (max-width: 1024px){
	.map_info {flex-direction: column;gap: 0.5rem;}
	.map_info > li {width: 100%;padding: 1rem 1.5rem;font-size: 0.9rem;-webkit-border-radius: 0;border-radius: 0;}
	.map_info > li p {gap: 0;}	
	.map_info > li p strong {font-size: 1rem;}
	.map_info > li i{width: 40px;height: 40px;background-size: 40px;}
}
@media (max-width: 768px){
	.root_daum_roughmap {min-height: 20rem;}
}
@media (max-width: 480px){
	
}

/* sitemap */
.sitemap {
	position: relative;
	display:flex;gap: 3rem;
	margin: 2rem 0;padding: 0;	
	overflow: hidden;	
}
.sitemap > li {
	width: calc(25% - 1.5rem);
	margin: 0;padding: 0;
}
.sitemap > li h4 {
	margin: 0;padding: 1rem 1.5rem;
	font-size: 1.15rem;font-weight: 700;
	background-color: #EBEFF2;
	background-image: url('/images/skywalk/common/icon_arrow_down.svg');
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: right 1.5rem center;
	border-color: transparent;
	-webkit-border-radius: 0.5rem;
	border-radius: 0.5rem;
	transition: all 0.2s;
}
.depth1 {
	width:100%;
	display:flex;
	flex-direction: column;
	gap: 0.75rem;
	margin: 0 ;padding: 1.5rem;	
}
.depth1 li {
	position: relative;
	margin: 0;padding-left: 1.25rem;
}
.depth1 li::before{
	position: absolute;
	content: '';
	display: block;
	top: 50%;left: 0.25rem;
	transform: translateY(-50%);
	width: 5px;height: 5px;
	background-color: #8A949E;	
	-webkit-border-radius: 99rem;
	border-radius: 99rem;
}
.depth1 li a {
	display: inline-block;
	margin: 0;padding: 0;
	font-size: 1.05rem;
	transition: all 0.3s ease;
}
.depth1 li a.blank{
	padding-right: 1.5rem;
	background: url('/images/susang/common/icon_blank.svg') right center no-repeat;
	background-size: 1rem auto;
}
 
@media all and (max-width:1023px){	
	.sitemap {flex-wrap: wrap;gap: 2rem;}
	.sitemap > li {width: calc(50% - 1.5rem);}
	.sitemap > li h4 {
		padding: 0.75rem 1rem;
		font-size: 1.15rem;
	}
	.depth1 {
		gap: 0.5rem;
		padding: 1rem;	
	}
	.depth1 li a {font-size: 0.95rem;}
}
	
@media all and (max-width:746px){
	.sitemap {gap: 1rem;}
	.sitemap > li {width: calc(50% - 1rem);}
	.sitemap > li h4 {
		font-size: 1rem;
		background-color: #FFF;
		box-shadow: 0.25rem 0.25rem 2rem rgba(0, 0, 0, 0.1);
	}
	.depth1 {
		gap: 0.25rem;
		padding: 0.75rem;	
	}
	.depth1 li {padding-left: 1rem;	}
	.depth1 li::before{
		width: 0.25rem;height: 0.25rem;	
	}
}	
@media all and (max-width:480px){
	.sitemap > li {width: 100%;}
	.depth1 li a {font-size: 0.95rem;}
}