@media (min-width:2400px){

.member{width:550px !important; height:100px; position: relative;}

.member li {
	font-size:20px !important;
	margin-left: 5px;
	line-height: 100px !important;
}

.member li.mb {
	position:relative;
	padding: 0 5px;
	color:#333
}

.member li.mb::after {
	content:'';
	display:inline-block;
	width: 1px;
	height: 10px;
	background-color:#999;
	margin-top: 22px;
	margin-left: 20px;
}


.member li .logout-btn {
	display:inline-block;
	border: 2px solid #79CBE3;
    border-radius: 8px;
	height: 40px !important;
    padding:0px 20px !important;
    background-color: #79CBE3;
    background-image: linear-gradient(to bottom,#79CBE3,#39B5DC);
    font-size: 20px !important;
    color: #fff;
	cursor:pointer;
	line-height:normal;
	margin-left: 5px;
}

.header {
	position:fixed;
	left: 0;
	right: 0;
	width: 100%;
	background-color:#fff;
	color:#333;
	height: 100px !important;
	z-index: 99;
	min-width:1220px;
	transition:all 300ms;
	padding: 0 10px;
	font-family:'NanumBarunGothicWeb';
}

.header.hidden {
	margin-top: -65px;
	height: 90px;
}

.header .toggle_btn  {
	float:left;
	margin-top: 20px !important;
	background-color:#F1F1F1;
	font-size: 30px;
}
.header .toggle_btn i{
	line-height: 50px !important;
}

.header .logo {
	margin: 0 30px 0 10px;
}
.header .logo-p{
	font-family:Raleway-Black, sans-serif;
	font-size:55px !important;
	color:#061538;
}

.header .logo a {
	color:#363636
}

.header .logo a:hover {
	opacity: .7;
}

.header .logo img {
	height:35px;
	margin-top: 12px
}
/* .header .logoimg {
	
	display:inline-block;
	margin-right: 10px;
	vertical-align:middle;
	height: 40px
} */
.header .logo b {
	font-size:30px;
	font-family:Raleway-Bold, sans-serif;
	vertical-align:middle;
	display:inline-block;
	letter-spacing:.5px;
	margin-top: 5px;
}

.header .title {
	display:inline-block;
	vertical-align:middle;
	font-size:25px;
	margin: 5px 0 0 5px;
}

.header .sub-title {
	font-size:16px;
	color:#cfcfcf
}

.header .menu > li {
	position:relative;
	float:left;
	text-align:center;
	font-size:14px;
	cursor:pointer;
	margin: 0 20px;
	height: 65px;
}

.header .menu > li a {
	display:inline-block;
	height: 100px;
	padding-top: 0px !important;
	font-size: 22px;
	line-height: 100px;
}

.header .menu > li.active a,
.header .menu li a:hover {
	color:#44B5F5
}

.header .menu li .submenu {
	display:none;
	position:absolute;
	left: 50%;
	margin: 20px 0 0 -80px;
	font-size:12px;
	width: 160px;
	text-align:left;
	background-color:#fff;
	padding: 15px;
	box-shadow:0 0 10px #d5d5d5
}

.header .menu li .submenu li {
	padding: 2px;
}




/* aside */
.aside {
	padding-top: 120px !important;
	position:fixed;
	top: 0;
	left: 0;
	width: 300px !important;
	/* height: calc(100% - 70px); */
	height: 100%;
	background-color:#2B3A48;
	/*  */
	color:#fdfdfd;
	-webkit-transform: translate3d(0,0,0);
	 -moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	z-index: 98;
}

.aside.up {
	padding-top: 25px
}

.aside.hidden {
	left: -300px;
	/* padding-right: 25px;	 */
	-webkit-transform: translate3d(-300px,0,0);
	 -moz-transform: translate3d(-300,0,0);
	  transform: translate3d(-300,0,0);
}

.aside .inner {
	overflow:auto;
	height: 742px;
	height: 90%;
	height: calc(100% - 90px);
}

.aside .title {
	padding: 30px 0 30px !important;
	text-align:center;
	position:relative;
}

.toggle_btn {
	width: 50px !important;
	height: 50px !important;
	text-align:center;
	/* line-height:30px; */
	z-index: 10;
	cursor:pointer;
	transition:all 300ms
}

.aside .toggle_btn {
	top: 0;
	right: 0;
}

.aside .toggle_btn.active {
	right: -25px;
}

.toggle_btn i {
	transition:all 300ms ease-in
}

/* .toggle_btn.active i {
	transform:rotate(45deg);
} */

.aside .title a {
	color:#fdfdfd;
	font-size: 24px !important;
}

.aside .title a:hover {
	color:#afafaf
}

.aside .title a i {
	display:inline-block;
	margin-left:20px !important;
	font-size: 20px !important;
}



.aside .title strong {
	display:block;
	font-size:25px;
	margin-bottom: 5px;
	font-family: 'Raleway-Bold', sans-serif;
}


.aside .main-menu li a {
	display:block;
	color:#fff;
	padding: 7px 15px;
	border-top:1px solid #788694;
	border-bottom:1px solid #788694
}

.aside .main-menu li a:hover {
	background-color:#788694;
	color:#2B3A48
}

.aside .main-menu li a i {
	margin-right: 5px;
}

.aside .sub-menu > li {
	transition:all 300ms;
	position:relative;
	cursor:pointer;
	font-size:14px;
	
}


.aside .sub-menu > li > i {
	position:absolute;
	right: 10px;
	height: 10px;
	top: 50%;
	margin-top: -5px;
	transition:all 300ms;
	font-size: 22px !important;
}

.aside .sub-menu > li a {
	color:#fff;
	padding: 15px 15px !important;
	width: 100%;
	display:block;
	border-left:3px solid #788694;
	font-size: 22px !important;
}

.aside .sub-menu > li a:hover,
.aside .sub-menu > li a.active {  
	border-color:#44B5F5
}


.aside .sub-menu > li.active > i {
	transform:rotate(180deg);
}

.aside .sub-menu > .dropmenu {
	display:none;
	font-size:12px;
	padding: 10px;
	background-color:#fff;
	width: 90%;
	margin: 10px auto;
	border-radius:5px
}


.aside .sub-menu > .dropmenu li a {
	display:block;
	color:#363636;
	width: 100%;
	font-size: 20px !important;
	
}

.aside .sub-menu > .dropmenu li a:hover,
.aside .sub-menu > .dropmenu li a.active {
	color:#44B5F5
}

.aside .sub-menu > .dropmenu li a i {
	color:#44B5F5;
	margin-right: 5px;
}

.aside .banner {
	position:absolute;
	bottom:20px;
	width: 100%;
	left: 0;
	right: 25px;
	padding: 0 10px;
	transition:all 300ms
}

.aside.hidden .banner {
	
	width: 165px;
}

.aside .banner a {
	display:block;
	padding: 10px;
	text-align:center;
	color:#fdfdfd;
	border:2px solid #ddd;
	font-size: 24px !important;
}

.aside .banner a:hover {
	background-color:#fdfdfd;
	color:#312C54
}

.aside .banner a i {
	display:inline-block;
	margin-right: 10px
}

.aside .banner a:first-child{
	margin-bottom: 20px !important;
}


.aside .banner img{
	width:15px;
	height:15px;
}

.container {
	padding-top: 100px !important;
	overflow:auto;
	margin-left: 300px !important;
	background-color:#EDF0F5;
	transition:all 300ms;
	height: 100%;
}
.container.open {
    margin-left: 0 !important;
    transition: all 300ms;
}
}