/* [ ---------- created by SUNDO-SB ---------- ]*/
.navbar-brand {
	padding: 0px; 
	width: 100%;
}

#sitemapHandler {
	display: none !important;
}


/* ---------------------------------- */
/* 2. 사이드바와 오버레이 CSS */
/* ---------------------------------- */

/* 사이드바 기본 스타일 */
.sidenav {
    height: 100%; /* 전체 높이 */
    width: 250px; /* 너비 */
    position: fixed; /* 화면에 고정 */
    z-index: 2; /* 다른 요소들보다 위에 표시 */
    top: 0;
    right: -250px; /* 기본적으로 화면 오른쪽에 숨김 */
    background-color: #f1f1f1; /* 배경색 */
    overflow-x: hidden; /* 가로 스크롤 숨김 */
    transition: 0.3s; /* 부드러운 애니메이션 효과 */
    padding-top: 60px; /* 상단 여백 */
    box-shadow: -2px 0 5px rgba(0,0,0,0.5); /* 그림자 효과 */
}

/* 사이드바가 활성화(열림) 상태일 때의 스타일 */
.sidenav.active {
    right: 0; /* 오른쪽 끝에 붙어서 보이도록 함 */
}

/* 사이드바 안의 링크 스타일 */
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 15px;
    color: #333;
    display: block;
    transition: 0.3s;
}

/* 사이드바 링크에 마우스를 올렸을 때 */
.sidenav a:hover {
    background-color: #ddd;
    color: #000;
}

/* 사이드바 닫기 버튼(X) 스타일 */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 25px;
    margin-left: 50px;
    margin-top: 10px;
}

/* .사이드바 텍스트 사이의 선 스타일 */
.sidebar-line {
	border-top: 0.6px solid #dbdbdb;
	width: 80%;
	justify-self: center;
}

/* 뒷배경을 어둡게 하는 오버레이 스타일 */
#overlay {
    position: fixed;
    display: none; /* 기본적으로 숨김 */
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* 반투명 검은색 */
    z-index: 1; /* 사이드바보단 아래에 위치 */
    cursor: pointer;
}

.mypage {}
.mypage .md-card { padding: 16px; }
.mypage .graphTitle { font-size: 16px; font-weight: 600; }
.mypage .Wspace01 { display: flex; margin-bottom: 8px; }
.mypage .Wspace01 > div.title-div { min-width: 132px; }

/* 화면이 작아지면(모바일) 기존 메뉴는 숨기고 햄버거 아이콘만 표시 */
@media screen and (max-width: 768px) {
    .navbar-menu2 {
        display: none;
    }
    #sitemapHandler {
        display: block !important;
    }
}

/* ------------ 반응형 ------------ */
@media (max-width: 1023px) {
	#sitemapHandler {
		display: flex !important;
	}
}