@charset "UTF-8";

body{background-color:#eaf1f0;min-width:320px;}
.wrapper{background:#EAF1F0;}
.page-wrapper{margin-left:260px;}
.slide-nav-toggle .page-wrapper{margin-left:69px;}



/*---------------
 *	top.jsp
 *  top 색상 #323337
 *---------------*/
.wrapper.theme-2-active .navbar.navbar-inverse.navbar-fixed-top{background:#323337;border-bottom:1px solid #323337;}
.wrapper.theme-2-active .navbar.navbar-inverse.navbar-fixed-top .mobile-only-brand{background:#323337;}
.modal-body{line-height:30px;color:#222;}
.modal-body input[type=radio]{margin-right:5px;width:17px;height:17px;}
.modal-footer .btn.btn-success{background:#3390fa;border:1px solid #3390fa;color:#fff;}


/* left */
.navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap{padding-left:15px;}
.fixed-sidebar-left .side-nav{}
.mobile-only-brand .current_site_name{font-size:16px;font-weight:500;color:#3390fa;line-height:64px;}
.mobile-only-brand .current_site_url{font-size:14px;font-weight:300;color:#777;line-height:64px;display:inline-block;margin:0 16px 0 8px;}
.mobile-only-brand .current_site_url + button{background-color:#2c2d31;border:1px solid #565659;}
.mobile-only-brand .current_site_url + button > i{color:#3390fa;margin-left:10px;font-size:18px;}
.mobile-only-brand .current_site_url + button:hover{color:#fff;background-color:#3390fa;}
.mobile-only-brand .current_site_url + button:hover > i{color:#fff;}
/*toggle 버튼 정정*/
a.toggle-left-nav-btn{position:absolute;top:150px;left:205px;transition:all 0.3s;}
#toggle_nav_btn > i{display:none;}

/*slide-nav-toggle 상태일때*/
.slide-nav-toggle .logo-wrap{opacity:0;}
.slide-nav-toggle a.toggle-left-nav-btn{left:24px}
.slide-nav-toggle .fixed-sidebar-left .side-nav li.navigation-header > span{display:block;}
.slide-nav-toggle .fixed-sidebar-left .side-nav li.navigation-header > i{display:none;}

/*sidebar-hover 상태일때*/
.sidebar-hover .logo-wrap{opacity:1;}
.sidebar-hover a.toggle-left-nav-btn{left:205px}


/* right */
.navbar.navbar-inverse.navbar-fixed-top .nav.top-nav > li{margin-left:3px;margin-top:15px;}
.navbar.navbar-inverse.navbar-fixed-top .nav > li > a{display:block;background:#2c2d31 !important;color:#c0bebe;line-height:27px;padding:5px 15px;}
.navbar.navbar-inverse.navbar-fixed-top .nav > li.go_vizen{border:1px solid #515155;}
.navbar.navbar-inverse.navbar-fixed-top .nav > li.go_vizen > a{padding:3px 13px;}
.navbar.navbar-inverse.navbar-fixed-top .nav > li.go_vizen > a i{margin-left:5px;color:#515155;font-size:20px;}



/*---------------
 *	leftmenu.jsp
 *---------------*/
.fixed-sidebar-left{box-shadow:0 0 0 transparent;}
.fixed-sidebar-left .side-nav > li{border-bottom:1px solid #dfdfe1}
.fixed-sidebar-left .side-nav > li > a{padding:15px;color:#222}
.fixed-sidebar-left .side-nav > li > a > .pull-left img{margin-right:10px;vertical-align:top;}
.fixed-sidebar-left .side-nav > li > a.active{background-color:#307dd4;}
.wrapper.theme-2-active.pimary-color-blue .fixed-sidebar-left .side-nav > li > a.active{color:#fff;}
.fixed-sidebar-left .side-nav > li > a.active .pull-right i{color:#fff;}
.fixed-sidebar-left .side-nav li a .pull-right i{color:#ababab;margin-top:5px;}
.fixed-sidebar-left .side-nav > li > ul > li a{padding:15px 15px 15px 44px;color:#444;}
.fixed-sidebar-left .side-nav > li > ul > li a:hover{color:#307dd4}



/*---------------
 *	footer.jsp
 *---------------*/
footer p{color:#666;text-align:right;font-size:14px;font-weight:300;text-transform:uppercase;}




/*---------------
 *	미디어 쿼리
 *---------------*/

@media (max-width:1400px){

	.page-wrapper{margin-left:69px;}
	.slide-nav-toggle .page-wrapper{margin-left:35px;}

	/*---------------
	 *	top.jsp
	 *---------------*/
	.fixed-sidebar-left .side-nav li.navigation-header > i{display:none;}

	/*toggle 버튼 위치 정정*/
	a.toggle-left-nav-btn{left:24px;}
	.slide-nav-toggle a.toggle-left-nav-btn{left:205px}

	.fixed-sidebar-left .side-nav li.navigation-header > span{display:block;}

	.slide-nav-toggle .logo-wrap{opacity:1;}

	.logo-wrap{opacity:0;}

}

@media (max-width:1024px){

	.page-wrapper{margin-left:0;}
	/*---------------
	 *	top.jsp
	 *---------------*/
	
	/* left */
	.navbar.navbar-inverse.navbar-fixed-top .nav.navbar-right{padding-bottom:10px;}
	.navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap{padding-left:0;}
	.mobile-only-brand .current_site_name,
	.mobile-only-brand .current_site_url,
	.mobile-only-brand button{display:none;}

	/*toggle 버튼 위치 정정*/
	a.toggle-left-nav-btn{position:relative;top:0;left:0;padding-top:22px;}
	#toggle_nav_btn > i{display:block;}
	#toggle_nav_btn > img{display:none;}

	.logo-wrap{opacity:1;}

	/* right */
	#toggle_mobile_nav{padding-top:22px;}

}

@media (min-width:768px){
	.modal-dialog{width:400px;}
}

@media (max-width:640px){
	.navbar{overflow:hidden;}
	.mobile-nav-open .navbar{overflow:visible;}


	footer{padding:0 10px !important;}
	.pr-30{padding-right: 10px !important;}
	.pl-30{padding-left: 10px !important;}
	footer p{line-height:1.2;margin-bottom: 20px;text-align:center;font-size:11px;}

/*	.slide-nav-toggle .toggle_tab_area{display:block;width:100vw;height:100vh;position: fixed;left:0;top:0;z-index:1;}*/

}