@charset "UTF-8";

/* 좌측 사이드바 */
button .sidebar-btn {
	color: #333;
	font-weight: bold;
}
.sidebar {
	background-color: #FFF;
	width: 370px;
	min-height:100vh;
	position: absolute;
	top: 0;
	left: -370px;
	z-index: 0;
	box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.5);
}
.sidebar > .sidebar-content, .header-menu {
	position: relative;
	color: #333;
	width:100%;
}
.sidebar button, .header-menu button {
	background-color: #FFF;
	display: block;
	position: absolute;
	top:50%;
	left: 370px;
	width: 30px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	margin: 0;
	padding: 0;
	border: none;
	border: 1px solid #ccc;
	border-left: none;
	border-radius: 0 3px 3px 0;
	box-shadow:4px 0px 3px 0px rgba(0, 0, 0, 0.2);
}
.sidebar h5, .header-menu h5 {
	display:block;
	background:#efefef;
	color:#63b32e;
	padding:15px 20px;
	font-size:14px;
	font-weight:700;
}
.col-form-label {
	font-size:13px;
	letter-spacing:-1px;
}

.sidebar-content .sel-menu-wrap {
    position:absolute;
    top:44px;
    left:0;
    background-color: #fff;
    width:100%;
    z-index: 100;
    box-shadow: 1px 0px 10px 1px rgba(0, 0, 0, .2);
    display: none;
}
.sidebar-content .sel-menu-wrap ul li {
    display: block;
}
.sidebar-content .sel-menu-wrap ul li a{
    font-size:13px;
    color:#3e3e3e;
    font-weight: 500;
    padding:12px 25px;
    width:100%;
}
.sidebar-content .sel-menu-wrap ul li:hover{
    background-color: #efebf5;
}
.sidebar-content .sel-menu-wrap ul li:hover a{
    color:#967bbd;
}
.sidebar-content .sel-menu-wrap ul li.on{
    background-color: #efebf5;
    border: 1px solid #63b32e;
}

.sidebar-content > h5, .header-menu > h5 {
    position: relative;
    cursor: pointer;
}
.sidebar-content > h5::after, .header-menu > h5::after {
    position: absolute;
   content:"\f0c9";
    top:16px;
    right:20px;
	font-family:'Font Awesome 5 Pro'
}

.sidebar-content > h5.active::after, .header-menu > h5.active::after  {
	position: absolute;
	content:"\f00d";
    top:16px;
    right:20px;
    width:8px;
    height: 8px;
}
/*20240517 추가 (사이드메뉴 이동 리뉴얼)*/
.sidebar-content .sel-menu-wrap2, .header-menu .sel-menu-wrap2 {
    position:absolute;
    top:44px;
    left:0;
    background-color: #fff;
    width:100%;
    z-index: 101;
    box-shadow: 1px 0px 10px 1px rgba(0, 0, 0, .2);
    display: none;
}

.sel-menu-wrap2 .sidebar-icon {
	min-height:60px;
}

.page-header {
	padding-left: 0 !important;
}
.sel-menu-wrap2 {
	display: none;
	line-height: 14px !important;
}
.page-header .page-logo {
	margin: 2px 0 0 0/* 20px */;
}
.page-header .page-logo img {
	width: 80%;
	margin: 0 auto;
}

#icon-box span {
	display: inline-block;
	text-decoration: none;
	font-size: 13px;
}

.accordion-gis-menu .on {
	font-weight:bold;
	text-decoration:none !important;
}

.h-3r {
	height: 3rem !important;
}

.mw-120 {
	min-width: 120px !important;
}
.mw-130 {
	min-width: 130px !important;
}
.mw-140 {
	min-width: 140px !important;
}
.mw-150 {
	min-width: 150px !important;
}

.add_scroll_Y{
	overflow-y: auto;
	height: 100%;
	max-height: calc(100vh - 528px);
	width: calc(100% + 15px);
}