html { 
	width: 100%;
	height: 100%;
}

body{
  	color : #0C274C;
 	padding-top: 30px;
 	position: relative;
 	font-family: 'Ubuntu', sans-serif;
 	font-size: small;
    font-family:'Malgun Gothic','맑은 고딕','dotum','AppleGothic';
    background : #FFFFFF;
 }
 .borderless tbody tr td, .borderless tbody tr th, .borderless thead tr th { 
    border: none;
}
#nav {
	position : absolute;
	top : 23px;
	left : 200px;
	width: 1000px;
	float: left;
	list-style: none;
	font-weight: bold;
	}
#nav li {
	float: left;
	font-size: small;
	display: inline;
	width : 70px;
	}


.jumbotron{
   background-color:#D0D9DE;
   height:50%;
}

.panel-gray {
    border-color: #bcbcbc;
}
.panel-gray .panel-heading {
    border-color: #001947;
    color: #FFF6EE;
    background-color: #001947;
}
.panel-lb {
    border-color: #0065B3;
}
.panel-lb .panel-heading {
    border-color: #0065B3;
    color: #FFF6EE;
    background-color: #0065B3;
}
.panel-green {
    border-color: #5cb85c;
}
.panel-green .panel-heading {
    border-color: #6acd12;
    color: #FFF6EE;
    background-color: #6acd12;
}
.huge {
	font-size: 18px;
}
._h4 {
	font-size: 13px;
	margin: 0px;
	padding: 0px;
}
h2{
  	font-size:1.7em;
}
 .borderless tbody tr td, .borderless tbody tr th, .borderless thead tr th { 
    border: none;
}

.DocButton{
	float:right;
	position:relative;
}
.navbar-collapse{
	background-color : rgba(0,0,0, ,5)
}
 .navbar-default .navbar-toggle .icon-bar{
 	background-color: #76c9f1;
 }
  .navbar{
 	border-radius : 0;
 	border : 0;
 }
 
 .navbar-toggle{
 	background-color: #76c9f1;
 }
  
 .borderless tbody tr td, .borderless tbody tr th, .borderless thead tr th { 
    border: none;
}
.title_h2{
	font-size: 2em;
	
}
.btn-d {
    background: #76c9f1;
    color: #ffffff;
}
 
.btn-d:hover, .btn-d:focus, .btn-d:active, .btn-d.active, .open > .dropdown-toggle.btn-d {
    background: #0065B3;
    color:#ffffff;
}
 
.btn-d:active, .btn-d.active {
    background: #0065B3;
    box-shadow: none;
}

.btn-h {
    background: #76c9f1;
    color: #ffffff;
}
 
.btn-h:hover, .btn-h:focus, .btn-h:active, .btn-h.active, .open > .dropdown-toggle.btn-h {
    background: #00599D;
    color:#ffffff;
}
 
.btn-h:active, .btn-h.active {
    background: #0065B3;
    box-shadow: none;
}

/* custom-nav bar */

.navbar-default {
  background-color: #001947;
  border-color: #001947;
}
.navbar-default .navbar-brand {
  color: #ecf0f1;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #ecf0f1;
}
.navbar-default .navbar-text {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a {
  color: #ecf0f1;
  position : relative;
  display : block;
/*   padding : 10px 15px; */
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ecf0f1;
  position : relative;
  display : block;
/*   padding : 10px 15px; */
  background-color: #76c9f1;
  text-decoration:underline;
}

.navbar-default .navbar-nav > li > div > a {
  color: #ecf0f1;
  position : relative;
  display : block;
  padding : 10px 15px;
}
.navbar-default .navbar-nav > li > div > a:hover,
.navbar-default .navbar-nav > li > div > a:focus {
  color: #ecf0f1;
  position : relative;
  display : block;
  padding : 10px 15px;
  background-color: #76c9f1;
}

.navbar-default .navbar-nav > .active > div > a,
.navbar-default .navbar-nav > .active > div > a:hover,
.navbar-default .navbar-nav > .active > div > a:focus {
  color: #ecf0f1;
  background-color: #76c9f1;
}
.navbar-default .navbar-nav > .open > div > a,
.navbar-default .navbar-nav > .open > div > a:hover,
.navbar-default .navbar-nav > .open > div > a:focus {
  color: #ecf0f1;
  background-color: #76c9f1;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ecf0f1;
  background-color: #76c9f1;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #ecf0f1;
  background-color: #76c9f1;
}
.navbar-default .navbar-toggle {
  border-color: #76c9f1;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #76c9f1;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ecf0f1;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ecf0f1;
}
.navbar-default .navbar-link {
  color: #ecf0f1;
}
.navbar-default .navbar-link:hover {
  color: #ecf0f1;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ecf0f1;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ecf0f1;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ecf0f1;
    background-color: #76c9f1;
  }
}

#viewPlusKakaoModal {
    /* max-height: 420px; */
    overflow-y: auto;
}
#viewPlusKakaoModal .img-responsive {
    margin: 0 auto;
}

.clickable{
	cursor:pointer;
}