@font-face {
		font-family: 'Fira Sans';
		src: url('../fonts/FiraSans-Light.eot');
		src: local('Fira Sans Light'),
				url('../fonts/FiraSans-Light.eot') format('embedded-opentype'),
				url('../fonts/FiraSans-Light.woff') format('woff'),
				url('../fonts/FiraSans-Light.ttf') format('truetype');
		font-weight: 300;
		font-style: normal;
}
@font-face {
		font-family: 'Fira Sans';
		src: url('../fonts/FiraSans-Regular.eot');
		src: local('Fira Sans Regular'),
				url('../fonts/FiraSans-Regular.eot') format('embedded-opentype'),
				url('../fonts/FiraSans-Regular.woff') format('woff'),
				url('../fonts/FiraSans-Regular.ttf') format('truetype');
		font-weight: 400;
		font-style: normal;

}
@font-face {
		font-family: 'Fira Sans';
		src: url('../fonts/FiraSans-Bold.eot');
		src: local('Fira Sans Bold'),
				url('../fonts/FiraSans-Bold.eot') format('embedded-opentype'),
				url('../fonts/FiraSans-Bold.woff') format('woff'),
				url('../fonts/FiraSans-Bold.ttf') format('truetype');
		font-weight: 700;
		font-style: normal;
}

@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 300;
	src: url(../fonts/NanumGothic-Regular.eot);
	src: url(../fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
		url(../fonts/NanumGothic-Regular.woff2) format('woff2'),
		url(../fonts/NanumGothic-Regular.woff) format('woff'),
		url(../fonts/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
	font-family: 'Nanum Gothic Bold';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/NanumGothic-Bold.eot);
	src: url(../fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
		url(../fonts/NanumGothic-Bold.woff2) format('woff2'),
		url(../fonts/NanumGothic-Bold.woff) format('woff'),
		url(../fonts/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
	font-family: 'Nanum Gothic exBold';
	font-style: normal;
	font-weight: 700;
	src: url(../fonts/NanumGothic-ExtraBold.eot);
	src: url(../fonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
		url(../fonts/NanumGothic-ExtraBold.woff2) format('woff2'),
		url(../fonts/NanumGothic-ExtraBold.woff) format('woff'),
		url(../fonts/NanumGothic-ExtraBold.ttf) format('truetype');
}

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

body {
		background: #115588; /* fallback for old browsers */
		background: -webkit-linear-gradient(to left, #004477 , #226699); /* Chrome 10-25, Safari 5.1-6 */
		background: linear-gradient(to left, #004477 , #226699); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
						
		width: 100%;
		height: 100%;
}

body.navbar-fixed {
	padding-top: 70px;
}

/***** Navbar *****/

@media(min-width:767px) {
	.navbar {
		padding: 10px 0;
		background: #115588; /* fallback for old browsers */
		background: -webkit-linear-gradient(to left, #004477 , #226699); /* Chrome 10-25, Safari 5.1-6 */
		background: linear-gradient(to left, #004477 , #226699); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

		border-bottom: 0px;
		-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
		-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
		transition: background .5s ease-in-out,padding .5s ease-in-out;
	}
	
	.navbar-brand {
		visibility: hidden;
	}
	
	.navbar-nav > li > a {
		color:#fff !important;
		font-size:16px;
	}

	.top-nav-collapse {
		padding: 0 0;
		box-shadow: 0 0px 6px 0px #999;
		background:#fff;
	}
	
	.top-nav-collapse .navbar-brand {
		visibility: visible;
	}
	
	.top-nav-collapse .navbar-nav > li > a {
		color:#777 !important;
	}
}

.navbar {
	margin-bottom:0px;
}

.navbar-brand {
	padding:10px;
}

.navbar-brand img {
	width:150px;
	height:30px;
}

.navbar-nohide {
	visibility: visible;
	padding: 0 0;
	box-shadow: 0 0px 6px 0px #999;
	background:#fff;
}

.nohide {
	visibility: visible;
}

/***** Typography *****/
body, p, a, th, td, li, dl { font: normal normal 300 18px/2em 'Fira Sans', 'Nanum Gothic';}
b, strong, dt { font-weight: 400;}
h1, h2, h3, h4, h5, h6 { line-height: 1em;}

.form-control { font: normal normal 300 14px 'Fira Sans', 'Nanum Gothic';}

/***** Carousel *****/
#main-carousel {
	margin-top:-100px;
	text-align:center;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	margin: auto;
}
.carousel-control .icon-prev, .carousel-control .icon-next {
	font-size: 64px;
	color:#115588;
}
.carousel-inner .item {
	padding-bottom:100px;
}
.carousel-caption {
	padding-bottom:-100px;
	text-shadow:none;
	color:#000;
	right: 0;
	left: 0;
}
.carousel-indicators {
	bottom:60px;
}
.carousel-inner {
	margin-bottom:-60px;
}
.carousel-indicators li {
	background-color: #ccc;
}
.carousel-indicators .active {
	background-color: #115588;
}
.carousel-control.left, .carousel-control.right {
	background: none !important;
	filter:none !important; 
	outline: 0;
}
.carousel .carousel-control {
	visibility: hidden;
}
.carousel:hover .carousel-control {
	visibility: visible;
}

/***** Header *****/
header h1 {
		font: normal normal 300 50px/150px 'Fira Sans', 'Nanum Gothic', sans-serif;
		text-align: center;
		color:#666;
		
}
header h1 span {
		position: relative; 
		top: -15px;
}

hr.dotted {
	border-top: 1px dotted #ddd;
	margin:60px 0;
}

/***** Landing *****/
#section_landing {
	color: #fff;
	/*background:  url(../images/pattern_bg.png) fixed;*/
	text-align:center;
}
#section_landing img {
	width:480px;
	margin-top:40px;
}

#section_landing h1 {
	font-size: 20px;
	color: #fff;
	padding-bottom:30px;
}

#section_landing p {
	font-size: 13px;
	font-style: italic;
	color: #eee;
	margin-bottom:80px;
}

#section_landing a {
	margin:20px 5px 20px 5px;
}

/***** Features *****/
#section_screenshot .container {
	background-color: #fff;
	margin-top: 40px;
	border-radius: 8px;
	padding:0 40px 60px 40px;
}

#section_screenshot img {
		margin:auto;
}

#section_screenshot h3 {
	margin-bottom:30px;
}

#section_download {
	padding-top:50px;
}

#section_download .container {
	background-color: #fff;
	border-radius: 8px;
	padding:0 40px 60px 40px;
}

#section_download .btn {
	margin-top:20px;
	margin-bottom:20px;
}

#section_download p.description {
	font-size: 13px;
	font-style: italic;
	color: #666;
	text-align:center;
	margin-bottom:0px;
}

#section_contact {
	padding-top:50px;
}

#section_contact .container {
	background-color: #fff;
	margin-bottom: 40px;
	border-radius: 8px;
	padding:0 40px 60px 40px;
}

#section_contact .btn {
	margin-top:20px;
	float:right;
}


#section_common .container {
	background-color: #fff;
	margin-bottom: 40px;
	border-radius: 8px;
	padding:0 40px 60px 40px;
}

/***** Footer *****/
footer {
		padding: 20px 0 16px 0;
		text-align: center;

}

footer button {
	width:200px;
}

footer p {
		color:#fff;
		margin-top:40px;
		font-size:14px;	
}

/***** Etc *****/

.fa-stack {
	color:#ccc;
}

.color-ng {
	color:#ff7200;
}

.color-1clipboard {
	color:#115588;
}

.color-green {
	color:#00BF6F;
}

.g-recaptcha {
	float:left;
	margin-top:20px;
}

@media only screen and (max-width: 640px) {
	#section_landing img {
		width:280px;
		margin-top:40px;
	}
}