@charset "utf-8";
/* css by OOparts */

#main_menu_container {
	background-color:#2d508a;
	position:fixed;
	height:100%;
	overflow-y:auto;
	box-shadow:5px 0 8px rgba(0, 0, 0, 0.2);
	z-index:99999;
}

/* 검색 wrap */
#sch_wrap {
	margin:0 auto;
	text-align:center;
}
#sch_wrap .hd_sch_logo {
	float:left;
	padding:0 20px;
}
#sch_wrap .hd_sch_logo h2 {
	font-weight:bold;
	color:#666;
}
#sch_wrap #hd_sch {
	border:0;
	margin:10px 10px 0;
}
#sch_wrap #hd_sch .input-group {

}
#sch_wrap #hd_sch .input-group .form-control {
	border:2px solid #666;
	border-right:0;
}
#sch_wrap #hd_sch .input-group .form-control:focus {
	box-shadow:none;
}
#sch_wrap #hd_sch #sch_stx {
    max-width:120px;
	padding:5px;
}
#sch_wrap #hd_sch .btn {
	border:2px solid #666;
	border-left:0;
	padding:5px 12px;
	background:none;
	color:#666;
}

/* 메인 메뉴 로그인/회원가입 부분 */
.login_area_bottom {
	margin:20px 10px 0 15px;
}
.login_area_bottom ul li.col-xs-6 {
	width:49.5%;
}
.login_area_bottom ul li.line {
	float:left;
	width:1px;
	padding:6px 0;
}
.login_area_bottom ul li .btn {
	display:block;
	padding:6px 0;
	color:#99b6e7;
}

#main_menu {
	background-color:#2d508a;
	border:0;
	color:#fff;
	max-width:180px;
	height:100%;
	top:0;
	/*position:fixed;
	overflow-y:auto;*/
	margin:0;
	z-index:99999;
}
#main_menu .container {
	width:100%;
}
/* navbar-header */
#main_menu .navbar-header .container {
	height:100%;
}
#main_menu .navbar-header .navbar-brand {
    display:block;
    float:none;
    height:100%;
    padding:0px 0 0;
	margin:0;
    transition:all 0.5s ease 0s;
	height:220px;
	color:#fff;
}

#main_menu .navbar-header .navbar-brand > img {

	margin:0 auto;
}

/* logo text */
#main_menu .navbar-header .navbar-brand .logo_txt {
	color:#fff;
	text-align:center;
}
#main_menu .navbar-header .navbar-brand .logo_txt h3 {
	margin:0;
	font-size:2rem;
	line-height:1.8;
}
#main_menu .navbar-header .navbar-brand .logo_txt h3 > strong {
	display:inline-block;
	font-weight:700;
}
#main_menu .navbar-header .navbar-brand .logo_txt h3 > span {
	color:#f85252;
}
#main_menu .navbar-header .navbar-brand .logo_txt small {
	display:inline-block;
	position:relative;
	font-weight:100;
	font-size:0.95rem;
	top:-0.5rem;
}

#menu_collapse {
	/*background-color:#222;
	border-bottom:0px solid #222;*/
	clear:both;
	padding:0;
	margin:0 auto;
	position:relative;
	z-index:99999;
}
#menu_collapse > .menu_line {
	position:absolute;
	top:0;
	left:1rem;
	right:1rem;
	border-top:1px solid #bdbdbd;
}

#main_menu .navbar-nav { 
	clear:both;
	margin:0 auto;
	padding:0;
	position:relative;
	float:none;
}
#main_menu .navbar-nav .nav_list_group { 
	position:relative;
	float:none;
}
/* 메뉴 구분 여백 */
#main_menu .navbar-nav .nav_list_group.list_margin {
	margin-bottom:25px;
}
#main_menu .navbar-nav .nav_list_group .list-group-item {
	background:none;
	border:0;
	font-size:13px;
	font-weight:400;
	padding:0;
	margin-bottom:0;
	transition:width 0.3s ease 0s;
	color:inherit;
}
#main_menu .navbar-nav .nav_list_group .list-group-item:hover,
#main_menu .navbar-nav .nav_list_group .list-group-item:focus {
	/*background-color:#333;*/
	transition:width 0.3s ease 0s; 
	color:#26a383;
}

#main_menu .navbar-nav .nav_list_group .list-group-item img.on {
	position:absolute;
	top:0;
	left:0;
}
#main_menu .navbar-nav .nav_list_group .list-group-item:hover img.on,
#main_menu .navbar-nav .nav_list_group .list-group-item:focus img.on {
	display:block !important;
}
#main_menu .navbar-nav .nav_list_group:first-child .list-group-item {
	
}
#main_menu .navbar-nav .nav_list_group.last-child .list-group-item {

}
#main_menu .navbar-nav .nav_list_group .bg_line {
	position:absolute;
	left:0;
	bottom:0;
	width:0;
	height:0.5rem;
	z-index:;
	background-color:#333;
	transition:width 0.3s ease 0s; 
}
#main_menu .navbar-nav .nav_list_group:hover .bg_line {
	height:100%;
	width:100%;
}

/* 하단 빈 공란 */
#main_menu .menu_dummy {
	display:block;
	height:30px;
}

/* 동영상 부분 */
#main_menu .movie_area {
	max-width:180px;
	margin:0 auto;
}
#main_menu .movie_area .movie {
	display:block;
	max-width:135px;
	position:relative;
	margin:0 auto;
	
}
/* 동영상 투명 영역 */
#main_menu .movie_area .movie .box {
	display:block;
	position:absolute;
	top:0;
	width:100%;
	height:90px;
}
#main_menu .bottom_info {
	max-width:180px;
	margin:0 auto;
}