html {height:100%; padding:0; margin:0;}
body {font-family:"NanumGothic", "Malgun Gothic", "Dothum","Gulim","Arial"; font-size:16px; color:#333; height:100%; overflow:hidden;}
li, ul {list-style:none; padding:0; margin:0;}
#wrap {height:100%;}

/* Remove the navbar's default margin-bottom and rounded borders */
    .navbar {
      margin-bottom: 0;
      background-color:#081023;
      padding:0; margin:0;
      border-radius:0;
    }
	.nav > li > a:focus, .nav > li > a:hover {background-color:#f60;}
    .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {background-color:#f60;}
    .nav li {width:100%; margin:0; padding:10px; margin-bottom:2px;}

	.navbar-brand {color:#fff; padding-left:30px;}
	.navbar-brand a:focus, a:hover {color:#f60;} 
	.navbar-header
	
	.navbar-header button {border:solid 0px #f30;}
	.navbar-header button .icon-bar {background-color:#8fb4f1;}
	.dropdown-menu {padding:5px 0 5px 0; border-radius:0; box-shadow:0;}

    .row {margin:0;} 
     
	
	
    /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
    .row.content {height: 890px;} /*  Àüüȭ¸éÀÏ °æ¿ì Á ³ôÀ̸¦ °è»ê  */
    
    /* Set gray background color and 100% height */
    .sidenav {
      padding-top: 10px;
      background-color: #182748;
      height: 100%;
      color:#fff;
      font-weight:600;
      line-height:30px;   
    }
    
    .sidenav h2 {padding-bottom:20px;}
    .sidenav ul {padding:0; }
    .sidenav li  {line-height:50px; padding-left:20px;}
    .sidenav li a {color:#fff; padding:10px;} 
    .sidenav .active {background-color:#294073; border-left :solid 5px #4f7ffa;}
    .sidenav .inactive {border-left :solid 5px #182748;}
  
        
    /* Set black background color, white text and some padding */
    

        
    footer {background-color: #081023; color: #999;  font-size:18px; position:fixed; display:inline-block; width:100%; magin:0; padding:10px; text-align:center;}
    .container-fluid {padding:0;}
      
      
    .table {border-top:solid 1px #aaa; border-bottom:solid 1px #aaa;}
	.table > thead > tr > th {border-bottom:solid 1px #aaa; }
    
    
    .width50 {width:2%;}
    .width75 {width:5%;}
    .width100 {width:10%;}
    .width150 {width:15%;}
    .width200 {width:20%;}
    
    .sDetail {width:500px; overflow:hidden;  position:absolute; left:42.1875%; top:30%; padding:0 10px 10px 10px ; border:solid 1px #ddd; background-color:#fff; box-shadow:5px 5px 10px #ddd; z-index:1000;} /* À§Ä¡ °ªÀº »ó´ëÀûÀ¸·Î °è»ê ÈÄ Á¤Çϱâ */
    .tableNum {border:solid 1px #999; margin:0;}
    .tableNum thead tr th {background-color:#dff1f8; border-left:solid 1px #999;}
    .tableNum tbody tr td {background-color:#f8fbfc; border-left:solid 1px #999;}
    .tableNum .c1 {background-color:#bedbe5;}
    .tableNum .c2 {background-color:#e6eff2;}
    
    .navbar-header {/*width:14%;*/ margin:0; text-align:center;}
    .navbar-brand {font-weight:600; margin:0; text-align:center;}
    .navbar-nav a {font-size:16px; font-weight:600; color:#fff;}
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin:0;}
    
    .sidenav {padding:20px;}
    .contentMain {padding:10px;}
    .pagination {font-size:18px;}
    
    .searchGrp {width:80%; margin:0 auto;}
    
    
    /* login page */
    
    .contents {background-color:#565f8a; padding:20px; height:600px; padding-top:100px; background-image:url(/resources/assets/img/bg-math2.png);}
    .login {width:100%; margin:0 auto; background-color:#6d77a7; border:solid 1px #404973; padding:20px 40px 40px 40px; color:#c6c8d5; font-size:18px; fobt-weight:400; color:#fff; border-radius:6px; box-shadow:2px 2px 10px #47507c;}
    .login  h1 {font-size:30px;}
    .color1 {color:#fff;} 
    .wellInput {background-color:#fff; background-image:none;}
    .inputInfoSave {font-size:12px; color:#c4c9de; vertical-align:top;}
    
   /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 767px) {
      .sidenav {
        height: auto;
        padding: 15px;
      }
      .row.content {height:auto;} 
      
      
    .dropdown-menu li {background-color:#283d6c;}
	.dropdown-menu li a{color:#fff;}
	body {overflow: auto;}
    }
 
    
	@media  (min-width:768px){ /* ºê¶ó¿ìÀú Å©±â°¡ 768px ÀÌ»óÀ϶§ ¾Æ·¡ ³»¿ë Àû¿ë */
	body {overflow: auto;}
	.navbar-brand {padding-left:20px;}
	.navbar-header {width:300px;}
 	.barLeft {border-left:solid 1px #26334f;}
	.barRight {border-Right:solid 1px #26334f;}
    .sidenav {overflow:hidden;height:100%;float:left; width:17%; min-width:100px;}
    .contentMain {float:right; width:83%; height:90%; min-width:500px; padding:30px;}
    .login {width:500px;}
    .contents {padding-top:180px; height:90.9%;}
    .searchGrp {width:500px;}
    .nav li {width:180px; text-align:center; margin:0; padding:0;}
    .width50 {width:50px;}
    .width75 {width:75px;}
    .width100 {width:100px;}
    .width150 {width:150px;}
    .width200 {width:200px;}
    
    }