@charset “utf-8″;
/*!
 * Surveymob v1.0.0 (http://surveymob.co.kr)
 * Copyright 2012-2015 Surveymob.
 */
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);

body {
	font-family: 'Spoqa Han Sans', 'Sans-serif';
	font-size: 16px;
  font-weight: 400;
	line-height: 21px;
	color: #303a45;
	-webkit-font-smoothing: antialiased;
					font-smoothing: antialiased;
}
body, html {
	margin: 0;
	padding: 0;
	height: 100%;
}
h1, h2, h3, h4, h5, h6,{
   font-weight: 700;
}
h1 {font-size: 42px;}
h2 {font-size: 36px;}
h3 {font-size: 24px;}
h4 {font-size: 21px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}
img {
	max-width: 100%; 
	border: none; 
}
p {
	font-family: 'Spoqa Han Sans', 'Sans-serif';
	letter-spacing: 0;
	font-size: 0.875em;
	margin-bottom: 21px;
}
a {
	text-decoration: none;
	color: #2c91c6;
}
a:hover {
	text-decoration: none;
	color: #1f4e6d;
}
.list-unstyled li {
  padding: 5px 0;
	list-style: none;
}
.text-blue { 
	color: #00bdf3;
}
.text-yellow {
	color: #f39c12;
}
.text-orange {
	color: #f19b29;
}
.text-green {
	color: #0db896;
}
.text-carrot {
	color: #e74c3c;
}
.m-bot5 {margin-bottom: 5px;}

.btn, .btn-group-lg>.btn, .form-control, .input-group-addon, pagination {
    border-radius: 2px;
}
.btn-lg {
 font-weight: 700;
	padding: 5px 16px;
}
.btn-primary {
  background-color: #00bdf3;
  border-color:transparent;
}
.btn-primary:focus,
.btn-primary.focus {
  background-color: #2c91c6 ;
  border-color: transparent;
}
.btn-primary:hover {
  background-color: #2c91c6;
  border-color: transparent;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #2c91c6;
  border-color: transparent;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.btn-primary:active.focus,
.btn-primary.active.focus {
  background-color: #2c91c6;
  border-color: transparent;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #b2ebfb ;
  border-color: transparent;
}
@media (min-width: 1200px) {
  .container {
    width: 1020px;
  }
}
body.slide-active {overflow-x: hidden;}
.no-margin-top {margin-top: 0px!important;}
.page-header {
  padding-bottom: 0; 
  margin: 0; 
  border-bottom: none; 
}
#page-content {
	position: relative;
	padding-top: 63px;
	right: 0;
}
#page-content.slide-active {padding-top: 63px;}
@media (min-width:768px) { 
	#page-content {right: 0!important}
}
@media (max-width:767px) { 
	.page-header {
  margin-top: -21px; 
  padding-bottom: 21px;
}
	}
#slide-nav .navbar-toggle {
	cursor: pointer;
	position: relative;
	line-height: 0;
	float: right;
	margin: 0;
	width: 30px;
	height: 40px;
	padding: 10px 0 0 0;
	border: 0;
	background: transparent;
}
#slide-nav .navbar-toggle > .icon-bar {
	width: 100%;
	display: block;
	height: 2px;
	margin: 8px 0 0 0;
  background: #34495e;
}
#slide-nav .navbar-toggle:hover > .icon-bar {background: #00bdf3;}
@media (max-width:767px) { 
	#slide-nav .container {
		margin: 0;
		padding: 0!important;
	}
	#slide-nav .navbar-header {
		margin: 0 auto;
		padding: 0 15px;
	}
	#slide-nav .navbar.slide-active {
		position: absolute;
		width: 60%;
		top: -1px;
		z-index: 1000;
	}
	#slide-nav #slidemenu {
		background: #34495e;
		right: -100%;
		width: 60%;
		min-width: 0;
		position: absolute;
		padding-left: 0;
		z-index: 2;
		top: 0;
		margin: 0;
	}
	#slide-nav #slidemenu .navbar-nav {
		min-width: 0;
		width: 100%;
		margin: 0;
	}
	#slide-nav #slidemenu .navbar-nav .dropdown-menu li a {
		min-width: 0;
		width: 100%;
		white-space: normal;
	}
	#slide-nav {border-top: 0}
	#slide-nav #navbar-height-col {
		position: fixed;
		top: 0;
		background: #34495e;
		height: 100%;
		width: 60%;
		right: -60%;
	}
	#slide-nav .navbar-form {
		width: 100%;
		margin: 8px 0;
		text-align: center;
		overflow: hidden;
	}
	#slide-nav .navbar-form .form-control {
		text-align: center
	}
	#slide-nav .navbar-form .btn {width: 100%}
	#slide-nav .nav > li > a {color: #fff;}
	.nav > li > a:focus, .nav > li > a:hover {
		background-color: #2d3e50;
		color: #fff;
	}

	.nav .open > a,
	.nav .open > a:hover,
	.nav .open > a:focus {
		background-color: #2d3e50;
		color: #fff;
	}
	.navbar-nav .open .dropdown-menu {background-color: rgba(45,62,80,0.75);}
	.navbar-nav .open .dropdown-menu > li > a {
		line-height: 2;
		padding: 5px 20px;
	}
}
.navbar-header {position: relative;}
.navbar .navbar-fixed-top .slide-active {position: relative;}
.navbar-Smob {
  font-family: 'Spoqa Han Sans', 'Sans-serif';
  font-size: 18px;
  border-bottom: none;
  background-color: rgba(255,255,255,0.9); 
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.35);
		 -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.35);
          box-shadow: 0 1px 2px 0 rgba(0,0,0,.35);
}
.navbar {min-height: 63px;}
.navbar-brand {
  height: 63px;
  padding: 10px 0;
}
 .navbar-nav > li > a {
  padding-top: 16px;
  padding-bottom: 16px;
  line-height: 31px;
  font-size: 16px;
	 color: #34495e;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #34495e;
  color: #fff;
}
@media (min-width:768px) { 
	.navbar.navbar-fixed-top.slide-active {position: fixed}
	.navbar-header {right: 0!important}
	.navbar-nav {
		float: right;
		margin: 0;
	}
}
.dropdown-menu {
	background-color: #34495e;
	font-size: 16px;
	border:none;
	padding: 0;
	border-radius: 0;
}
.dropdown-menu > li > a {
  padding: 5px 20px;
  line-height: 2;
  color: #fff;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #fff;
  background-color: #2d3e50;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #2d3e50;
}
.carousel {margin-top:-63px;}
@media (max-width:767px) { 
	.carousel {margin-top:0;}
}
.carousel-inner > .item img {
	width: 100%;
}
.carousel-indicators {
  bottom: 0;
}
.carousel-indicators li {
  border: 2px solid rgba(255, 255, 255, .6);
	margin: 0 10px;
}
.carousel-indicators .active {
  width: 10px;
  height: 10px;
	margin: 0 10px;
}
.carousel-caption {
  background-color: rgba(0,0,0,0.25);
	bottom: 42px;
	padding-top: 10px;
	right: 30%;
  left: 30%;
}
@media (max-width:767px) { 
	.carousel-indicators {bottom: -5px;}
	.carousel-caption {
		bottom: 24px;
		padding-top: 5px;
		padding-bottom: 10px;
		right: 15%;
		left: 15%;
	}
	.carousel-caption h1 {font-size: 21px;}
}
.typed-wrap {
	width:400px;
	height: 60px;
	font-size: 42px;
	font-weight: 200;
	padding: 42px 0;
	margin:auto;
	clear:both;
}
@media (max-width:767px) { 
	.typed-wrap {
		width:280px;
		font-size: 28px; 
	}
}
.typed-cursor {
	opacity: 1;
	color:#7f8c8d;
	-webkit-animation: blink 1s infinite;
		 -moz-animation: blink 1s infinite;
	        animation: blink 1s infinite;
}
@keyframes blink {
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink {
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink {
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
.Smob-brief {
	clear:both;
	margin-top: 21px;
	text-align: center;
}
.Smob-brief p {
	font-size: 18px;
	line-height: 32px;
	padding-left: 20px;
}
.Smob-feature {
	clear:both;
	margin-top: 21px;
	text-align: center;
}
.Smob-feature p {
	margin-top: 20px;
	font-size: 18px;
	line-height: 32px;
}
.Smob-feature ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.Smob-feature ul li {padding: 42px 0;}
.Smob-feature ul li.bg-gray { background-color: #efefef;}
.Smob-feature ul li h5 {
	margin-bottom: 30px;
	font-weight: 400;
}
.apply li {
  width:16%;
  height: 155px;
  text-align: center;
	font-weight: 700;
  font-size: 21px;
  line-height: 26px;
	color:#fff;
  padding-top: 65px;
  margin-bottom: 5px;
	border-radius: 50%;
}
@media (max-width:767px) { 
	.apply li {
		width:32%;
		height: 90px;
		font-size: 16px;
		line-height: 21px;
		padding-top: 22px;
		}
}
.apply li:nth-of-type(14), 
.apply li:nth-of-type(9) {background-color: #58C4ED;}
.apply li:nth-of-type(2), 
.apply li:nth-of-type(8) {background-color: #FAA61E;}
.apply li:nth-of-type(5), 
.apply li:nth-of-type(7), 
.apply li:nth-of-type(16) {background-color: #aaa;}
.apply li:nth-of-type(6), 
.apply li:nth-of-type(1), 
.apply li:nth-of-type(15) {background-color: #E26729;}
.apply li:nth-of-type(3), 
.apply li:nth-of-type(11){background-color: #F78E2F;}
.apply li:nth-of-type(10),
.apply li:nth-of-type(12) {background-color: #5d6977;}
.apply li:nth-of-type(13),
.apply li:nth-of-type(4) {background-color: #6db7c4;}

.collab {padding: 42px 0 32px 0;}
.collab h4 small {color:#999;}
.collab h4 a {
	text-decoration: none;
	color: #34495e;
}
.collab h4 a:hover {
	text-decoration: none;
	color: #2d3e50;
}
.collab ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.collab ul li {
	display: inline-block; 
	width:148px;
	height: 48px;
	text-align: center;
	border:1px solid #f2f2f2;
	margin-right: 10px;
	margin-bottom: 10px;
}
.collab ul li a {	
	text-decoration: none;
	color:#999;
}
.collab ul li a:hover {	color:#00bdf3;}
.collab-title-img, .company-title-img {
  background-color: #efefef;
  padding: 0 20px;
  margin-bottom: 21px;
}
.collab-title-img h2, .company-title-img h2 {
  font-weight: 400;
  margin-top: 100px;
}
.collab-title-img h5, .company-title-img h5 {
  font-weight: 400;
  margin-top: 20px;
  line-height: 30px;
  color: #71808e;
}
@media (max-width:767px) { 
  .collab-title-img, .company-title-img {
    padding: 20px;
}
  .collab-title-img h2, .company-title-img h2 {
   margin-top: 30px;
  }
}
.company-title-img h2, .company-title-img h5 {
  text-align: center;
}
.solution-title-img {
  background-color: #fff;
  padding:20px;
  margin-bottom: 21px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.35);
  -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.35);
       box-shadow: 0 1px 2px 0 rgba(0,0,0,.35);
}
.solution-title-img h2 {
  font-weight: 400;
  margin-top: 20px;
}
.solution-title-img h5 {
  font-weight: 400;
  margin-top: 20px;
  line-height: 30px;
  color: #71808e;
}
@media (max-width:767px) { 
  .solution-title-img h2 {
		font-size: 24px;
	}
}
.collab-list-img {
  text-align: center;
  padding: 20px 0;
  border: 1px solid #eee;
	margin-bottom: 5px;
}
.title {
  height:90px;
  padding: 0;
  margin-bottom: 21px;
}
.title h1 {color:#fff;}
@media (max-width:767px) { 
	.title {height:70px;}
	.title h1 {font-size:24px;}
}
.company {background-color: #6db7c4;}
.solution {background-color: #f78e2e;}
.collab-title {background-color: #2c91c6;}
.blog {background-color: #5d6977;}

.logo-box {
  width: 100%;
  text-align: center;
  padding: 20px;
  margin-bottom:10px;
  border: 1px solid #eee;
  background-image: url(../images/bg-logo-box.png);
}
.logo-box IMG {max-height: 140px;}
footer {
	background-color: #2d3e50;
	font-size: 12px;
	color:#7c8b99;
	padding: 37px 0 18px 0;
}
footer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
footer ul li { 
	display: inline-block; 
	margin-right: 40px; 
}
footer ul li a {
	text-decoration: none;
	color: #00bdf3;
}
footer ul li a:hover {
	text-decoration: none;
	color: #fff;
}
footer hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0;
  border-top: 1px solid #556575;
}
blockquote {
  border-left: 4px solid #dddddd;
  padding: 0 15px;
  color: #777777; 
  font-size: 16px;
}
blockquote.big {
	font-family: 'Spoqa Han Sans', 'Sans-serif';
	font-size: 21px;
	margin: 21px 0;
	padding: 40px 60px;
	line-height: 32px;
	position: relative;
	border-left: none;
	color: #34495e;
}
blockquote.big:before {
	display: block;
	content: "\201C";
	font-size: 80px;
	font-weight: 700;
	position: absolute;
	left: 0px;
	top: 40px;
	color: #b7bdc3 ;
}
blockquote.big cite {
	color: #bec5c8 ;
	font-size: 16px;
	display: block;
	margin-top: 5px;
	text-align: right;
}
blockquote.big cite:before {
	content: "\2014 \2009";
}
@media (max-width:767px) { 
blockquote.big {
	font-size: 18px;
	padding: 15px;
	line-height: 28px;
}
blockquote.big:before {
	font-size: 50px;
	left: -15px;
	top: 15px;
}
}
.posts {
  background-color: #fff;
  padding:0;
  margin-bottom: 21px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.35);
  -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.35);
       box-shadow: 0 1px 2px 0 rgba(0,0,0,.35);
}
@media (max-width:767px) {
 .posts {
  margin-right: -15px;
  margin-left: -15px;
  margin-top: -21px;
}
	}
.post-navigation  { 
	padding: 0 20px 20px 20px;
	margin-top : -20px;
	line-height: 34px;
}
.posts article {
	padding: 10px 20px 0 20px;
	border-bottom: 1px dashed #c7d0d7;
	margin-bottom: 40px;
}
@media (max-width:767px) { 
	.posts article {
	padding: 10px 15px 0 15px;
	margin-bottom: 30px;
}
	}
.posts article:last-child {
	border-bottom: none;
}
.entry-content {
	padding: 10px;
}
.widget {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	margin: 0 auto 9.09090%;
	width: 100%;
	word-wrap: break-word;
}
.widget h4 {
	border-bottom: 1px solid #c7d0d7;
	margin-bottom: 0;
	padding: 5px 0;
}
.widget ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-bottom: 42px;
}
.widget ul li {
padding: 10px 20px;
border-bottom: 1px dashed #c7d0d7;
color: #898989;
}
.widget ul li:hover {
	background-color: #f5f8fa;
}
.entry-header h2 {
		font-size: 24px;
	}