/* default */
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
*, html {
	margin:0;
	padding:0;
}

a:link, a:visited {color:#fff;text-decoration:none}
a:hover, a:focus, a:active {color:#fff;text-decoration:underline}

h3, p {
	font-family: NanumGothic, 나눔고딕, 돋움, 굴림;
}
#wrap {
	width:100%;


}
.container {
	position:relative;	
	cursor:pointer;
	min-height:730px;
	background-position: center;
	background-repeat: no-repeat;
	background-size:cover;
	overflow:hidden;
	margin:0;
}
#navi {
	position:fixed;	
	width:100%;
	z-index:10000;
	background:#000000;	
}
#navi h1 {
	float:left;
	padding:10px 0 0 15px;
}

.navi-center {
	width:100%;
	margin-left:25%;
}
.main-nav {
	width:100%;
	height:74px;
	 
}
.main-nav li {
	list-style:none;	
	display:inline-block;
	margin:12px 30px;
}
.main-nav a {
	color: #fff;
	font-family:Arial;
	font-size:20px;
	text-decoration: none;
}

.navbar-default .navbar-nav>li>a {
	color: #fff;
	font-family:Arial;
	font-size:20px;
	text-decoration: none;
}


#ms1{
  background-image:url("../images/bg01.jpg"); 
}
#ms2{
  background-image:url("../images/bg02.jpg"); 
}
#ms3{
  background-image:url("../images/bg03.jpg"); 
}
#ms4{
  background-image:url("../images/bg04.jpg"); 
}
#ms5{
background-image:url("../images/bg05.jpg"); 
	background-color:#007451; 
 }
.bg-holder{
  width:100%;
  height:100%;
}

.con-bottom{
  width:100%;
  text-align:center;
  position: absolute;
  bottom: 30px;
}
.container .content {
  color: #fff;
  text-align: center;
  position: absolute;
  left:50%;
  top: 50%;

}
.content h3{
	font-family:'Nexa Bold';
	color:#da1d23;
	font-size:2em;
	text-align:center;
}

.content4 h3{
	font-family:'Nexa Bold';
	color:#fff;
	font-size:2em;
	text-align:center;
}

.content5 h3{
	margin-top:100px;
	font-family:'Nexa Bold';
	color:#fff;
	font-size:2em;
	text-align:center;
}

.content5 p{
	margin-top:12px;
	padding-left:5px;
	padding-right:5px;
	line-height:32px;
	padding-bottom:30px;
	font-size:1.6em;
	text-align:center;
	color:#fff;
}

.content p{
	margin-top:12px;
	padding-left:5px;
	padding-right:5px;
	line-height:32px;
	padding-bottom:30px;
	font-size:1.6em;
	text-align:center;
	color:#fff;
}
.icon{
	width:200px;
	text-align:center;
	padding:20px;
	border:1px solid #fff;
 	margin:0 auto; 
	font-size:1.4em;
 
}

.icon1{
	width:200px;
	text-align:center;
	padding:20px;
	border:1px solid #000;
 	margin:0 auto; 
	font-size:1.4em;
 
}

.icon3{
	width:300px;
	text-align:center;
	padding:20px;
	border:1px solid #000;
 	margin:0 auto; 
	font-size:1.4em;
 
}

.divclas {
	padding-top:30px;
	margin:auto;
	width:80%;
	height:20%;
}

@media screen and (min-width: 768px) {
	.navbar-center {
		padding-left:20%;
		}
	.content h3{

		font-size:5em;

	}

	.content4 h3{

		font-size:5em;

	}

	.content5 h3{

		font-size:5em;

	}

	.divclas {
		padding-top:30px;
		margin:auto;
		width:750px;
		height:550px;
	}

	#ms1{
	   margin-left:-15px;
	}
	#ms2{
	  margin-left:-15px;
	}
	#ms3{
	  ;margin-left:-15px;
	}
	#ms4{
	   margin-left:-15px;
	}
	#ms5{
		 margin-left:-15px;
	 }

	.container {
	 
	 
		min-height:730px;
	 
	}


}

.navbar-toggle  {
    background-color: #000000;
}
.navbar-toggle:active  {
    background-color: #000000;
}

.icon-bar {
     border-color: #fff;
}

.navbar-default .navbar-toggle {
    border-color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
 

 .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #000000;
}

.navbar-default {
     border-color: #000000;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #000000;
}

.navbar-nav {
 background-color: #000000;

}