/* sidebar, container 사이즈 조정 */

/* sidebar, container 사이즈 조정 */
.docs-nav-sidebar {
	width:15.625rem !important;
}
/* sidebar ~768까지 숨김 이후 출력됨 */
@media (max-width: 768px) {
	.docs-nav-sidebar {
		position: relative;
		right: 0;
		width: 100%;
	}
	.docs-wrapper {
		margin-left: 0;
	}
}


/* sidebar, container 사이즈 조정 */
@media (min-width: 576px) {
	.container,.container-sm {
		/* max-width:540px; */
		/* max-width: 750px; */
		width: 100% !important; /* 사이드 메뉴를 제외한 나머지 너비 */
		max-width: none !important; /* 기존의 max-width 설정 제거 */
		margin: 0 0 0 0 !important; /* 왼쪽 마진 제거 */
	}
}

@media (min-width: 768px) {
	.container,.container-md,.container-sm {
		/* max-width:720px; */
		/* max-width: 408px; */
		width: 90% !important; /* 사이드 메뉴를 제외한 나머지 너비 */
		margin: 0 0 0 3rem !important; /* 왼쪽 마진 제거 */
	}
}

@media (min-width: 992px) {
	.container,.container-lg,.container-md,.container-sm {
		/* max-width:960px; */
		/* max-width: 632px; */
		width: 90% !important; /* 사이드 메뉴를 제외한 나머지 너비 */
		margin: 0 0 0 3rem !important; /* 왼쪽 마진 제거 */
	}
}

@media (min-width: 1200px) {
	.container,.container-lg,.container-md,.container-sm,.container-xl {
		/* max-width: 932px; */
		/* max-width: 840px; */
		width: 90% !important; /* 사이드 메뉴를 제외한 나머지 너비 */
		margin: 0 0 0 3rem !important; /* 왼쪽 마진 제거 */
	}
}

@media (min-width: 1400px) {
	.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
		/* max-width:1320px; */
		max-width: none;
		margin: 0 0 0 3rem !important; /* 왼쪽 마진 제거 */
	}
}

@media (min-width: 576px) {
	.container-fluid {
		left: 0; /* 사이드 메뉴 너비 고려 */
	}
}
@media (min-width: 768px) {
	.container-fluid {
		/* left: 18.75rem; */
		left: 15.625rem !important; /* 사이드 메뉴 너비 고려 */
	}
}
@media (min-width: 992px) {
	.container-fluid {
		/* left: 18.75rem; */
		left: 15.625rem !important; /* 사이드 메뉴 너비 고려 */
	}
}
@media (min-width: 1200px) {
	.container-fluid {
		/* left: 18.75rem; */
		left: 15.625rem !important; /* 사이드 메뉴 너비 고려 */
	}
}
@media (min-width: 1400px) {
	.container-fluid {
		/* left: 18.75rem; */
		left: 15.625rem !important; /* 사이드 메뉴 너비 고려 */
	}
}




/* 공통 스타일 */


.scrollspy-h8-auto {
	min-height: 1rem;
	max-height: 8rem;
	/* margin-top: .5rem; */
	overflow: auto;
	position: relative;
	overflow-y: auto; /* 수직 스크롤 활성화 */
	overflow-x: hidden;
}

/* div 스크롤 생성 max높이 설정  */
.scrollspy-h12-auto {
	min-height: 1rem;
	max-height: 12.5rem;
	margin-top: .5rem;
	overflow: auto;
	position: relative;
	overflow-y: auto; /* 수직 스크롤 활성화 */
	overflow-x: hidden;
}

/* div 스크롤 생성 max높이 설정  */
.scrollspy-h15-auto {
	min-height: 1rem;
	max-height: 12.5rem;
	margin-top: .5rem;
	overflow: auto;
	position: relative;
	overflow-y: auto; /* 수직 스크롤 활성화 */
	overflow-x: hidden;
}

/* div 스크롤 생성 max높이 설정  */
.scrollspy-h20-auto {
	min-height: 1rem !important;
	max-height: 30rem !important;
	margin-top: .5rem !important;
	overflow: auto !important;
	position: relative !important;
	overflow-y: auto !important; /* 수직 스크롤 활성화 */
	overflow-x: hidden !important;
}

/* div 스크롤 생성 max높이 설정  */
.scrollspy-h20-auto {
	min-height: 1rem !important;
	max-height: 20rem !important;
	margin-top: .5rem !important;
	overflow: auto !important;
	position: relative !important;
	overflow-y: auto !important; /* 수직 스크롤 활성화 */
	overflow-x: hidden !important;
}

/* div 스크롤 생성 max높이 설정  */
.scrollspy-h30-auto {
	min-height: 1rem !important;
	max-height: 30rem !important;
	margin-top: .5rem !important;
	overflow: auto !important;
	position: relative !important;
	overflow-y: auto !important; /* 수직 스크롤 활성화 */
	overflow-x: hidden !important;
}

/* div 스크롤 생성 max높이 설정  */
.scrollspy-h50-auto {
	min-height: 1rem !important;
	max-height: 50rem !important;
	margin-top: .5rem !important;
	overflow: auto !important;
	position: relative !important;
	overflow-y: auto !important; /* 수직 스크롤 활성화 */
	overflow-x: hidden !important;
}