/*
 * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess
 */
 @font-face {
 	font-family: 'MyriadPro';
 	font-style: normal;
 	font-weight: normal;
 	src: url(../fonts/MyriadPro-Regular.otf) format('opentype');
 }

 @font-face {
 	font-family: 'MyriadPro';
 	font-style: normal;
 	font-weight: bold;
 	src: url(../fonts/MyriadPro-Bold.otf) format('opentype');
 }

 @font-face {
 	font-family: 'NanumBarunGothic';
 	font-style: normal;
 	font-weight: normal;
 	src: url(../fonts/NanumBarunGothic.ttf) format('truetype');
 }

 @font-face {
 	font-family: 'NanumBarunGothic';
 	font-style: normal;
 	font-weight: bold;
 	src: url(../fonts/NanumBarunGothicBold.ttf) format('truetype');
 }

 body {
 	font-family: MyriadPro,NanumBarunGothic,sans-serif;
 	line-height:24px;
 	letter-spacing: 0;
 }

 .h1, .h2, .h3, h1, h2, h3, p{
 	margin: 0;
 }

 .p, .h1, .h2, .h3, .h4, p, h1, h2, h3, h4{
 	font-family: inherit;
 	letter-spacing: 0;
 }

 h1{
 	font-size: 25px;
 	color: #575757;
 }

 h3{
 	font-size: 20px;
 	margin-bottom: 5px;
 	letter-spacing: inherit;
 }

 p{
 	font-size: 15px;
 	line-height: 24px;
 	letter-spacing: 0;
 }

 a:active, a:hover, a:focus, a:visited{
 	text-decoration: none !important;
 }


 a, a:hover, a:visited, a:focus{
 	color: #fff;
 }

 .margin-2-bottom{
 	margin-bottom: 2px;
 }

 .margin-10-bottom{
 	margin-bottom: 10px;
 }

 .margin-32-bottom{
 	margin-bottom: 32px;
 }

 .navbar {
 	margin:0;
 }

 .navbar-default {
 	background-color: transparent;
 }

 .navbar-header{
 	margin: 20px auto 19px auto;
 }

 #navbar{
 	margin: 20px auto 19px auto;
 	border: 0px;

 }

 .margin-vertical-0{
 	margin: 0 auto;
 }

 #navbar > ul {
 	margin: auto;
 }


 #navbar > ul > li {
 	margin: 10px 8px;
 	width: 48px;
 	height: 48px;
 	border : 1px solid #e1e1e1;
 }

 #navbar > ul > li:hover {
 	background-color: rgb(89,89,89);
 }

 #navbar > ul > li > a{
 	margin-top : 7px;
 	padding: 0;
 	display: block;
 }

 .inline-block {
 	display: inline-block;
 }

 .phone{
 	padding-top: 50px;
 	min-width: 320px;
 	max-width: 320px;
 	min-height: 620px;
 	max-height: 630px;
 	padding: auto 15px;
 	position: absolute;
 	background: url('../images/bg/bg_img_v_phone.png') no-repeat center center; 
 	z-index: 0;
 }

 .screen
 {
 	margin: auto;
 	padding-top: 10px;
 }

 .slick-list{
 	margin: auto ;
 	padding: auto auto;
 	max-width: 290px;
 }

 .backgorund-patterned{
 	background-image: url('../images/bg/bg_pattern_visual.gif');
 	background-repeat: repeat;
 	overflow-x: hidden;
 }


 .icon{
 	width: auto;
 	height: 30px;
 	max-height: 30px;
 	vertical-align: baseline;
 }

 .tabs{
 	margin:0;
 	padding-top: 3%;
 	padding-bottom: 100px;
 }

 .vertical-bottom {
 	font-size: 0;
 }

 .align-left{
 	text-align: left;
 	padding: 0;
 }

 .vertical-bottom > * {
 	float: none;
 	display: inline-block;
 	font-size: 14px;  	
 	padding: 0;
 }

 .vertical-bottom > *:last-child {
 	vertical-align: bottom;
 	padding: 0;
 }

 .vertical-bottom p:last-child {
 	margin-bottom: 0; 
 	padding: 0;
 }

 .vertical-bottom img:last-child {
 	margin-bottom: 0; 
 }

 .vertical-center {
 	display: -webkit-box;
 	display: -moz-box;
 	display: -ms-flexbox;
 	display: -webkit-flex;
 	display: flex; 

 	-webkit-box-align : center;
 	-webkit-align-items : center;
 	-moz-box-align : center;
 	-ms-flex-align : center;
 	align-items : center;

 	-webkit-box-pack : center;
 	-moz-box-pack : center;
 	-ms-flex-pack : center;
 	-webkit-justify-content : center;
 }

 /* IE10+ specific styles go here */
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
 	.vertical-center > *{
 		display: table-cell;
 		vertical-align: middle;
 	}

 	.icon-vcenter-ie{
 		display: block;
		margin-right: 20px;
 	}

 	.overlay{
 		top: 10px;	
 	}

 	.partner-image{
 		margin-top: 16px;
 	}
 }
 .white{
 	color: #fff;
 }

 p.grey{
 	color: #575757;
 }


 .block{
 	display: block;
 }

 .circle {
 	margin-left: -20px;
 	min-width: 77px;
 	max-width: 77px;
 	min-height: 77px;
 	max-height: 77px;
 	border: 3px solid #fff;
 	border-radius: 100%;
 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 	filter: alpha(opacity=100);
 	opacity: 1.0;

 	-webkit-box-shadow: 0 0 1px 0px rgb( 255, 255, 255);
 	box-shadow: 0 0 1px 0px rgb( 255, 255, 255);
 	z-index: 86;
 }


 .partners-block{
 	margin: 7px;
 	min-width: 211px;
 	max-width: 211px;
 	min-height: 86px;
 	max-height: 86px;
 	border: 1px solid #d9d9d9;
 	border-radius: 3px;
 }
 .absolute-preview{
 	position: relative;
 	top: -15px;
 }

 footer{
 	margin: 40px;
 	overflow-x: hidden;
 }

 @media (max-width: 994px) {

 	html, body {
 		height:100%;
 		font-family: MyriadPro,NanumBarunGothic,sans-serif;
 	}

 	.phone {
 		width:100%;
 		margin: 0;
 		position:relative;

 		background: url('../images/bg/bg_img_v_phone.png') no-repeat center center; 
 		-webkit-background-size: 320px 610px;
 		-moz-background-size: 320px 610px;
 		-o-background-size: 320px 610px;
 		background-size: 320px 610px;
 	}

 	.screen{
 		.img-responsive();
 	}


 	.demo-responsive{
 		max-width: 300px;
 		max-height: 608px;
 	}


 	.tabs {
 		min-height: 80%;
 	}

 	.tabs2{
 		padding-top: 20%;
 		min-height: 60%;
 	}

 	.tabs3{
 		margin-bottom: 40px;
 		min-height: 100%;
 	}

 	.tabs4{
 		min-height:400px;
 	}

 	.circle {
 		margin-left: -20px;
 		min-width: 60px;
 		max-width: 60px;
 		min-height: 60px;
 		max-height: 60px;
 		border: 3px solid #fff;
 		border-radius: 100%;
 		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 		filter: alpha(opacity=100);
 		opacity: 1.0;

 		-webkit-box-shadow: 0 0 1px 0px rgb( 255, 255, 255);
 		box-shadow: 0 0 1px 0px rgb( 255, 255, 255);
 		z-index: 86;
 	}

 	.partners-block{
 		margin-bottom: 40px;
 	}

 	.absolute-preview{
 		margin-top: 0px;
 		position: relative;
 	}

 	div.preview-background{
 		min-height: 150px;
 		max-height: 150px;
 		height: 150px;
 	}

 	img.preview-image{
 		margin: auto;
 	}

 	.article-button{
 		max-width : 296px;
 	}
 }

 @media (min-width: 995px) {

 	html, body{

 		min-width: 970px;
 	}


 	.absolute-preview{
 		position: absolute;
 	}

 	.phone {
 		.pull-left();
 		margin: auto 48px;
 	}

 	.demo-responsive{
 		min-width: 290px;
 		max-width: 290px;
 		min-height: 520px;
 		max-height: 520px;
 	}

 	.absolute-preview{
 		position: absolute;
 		bottom: 380px;
 	}

 	.tabs {
 		margin-bottom : 40px;
 		min-height: 325px;
 	}

 	.tabs1{
 		margin: 40px auto;
 		min-height: 325px;
 	}

 	.tabs2{
 		min-height: 250px;
 		max-height: 600px;		
 		margin-bottom: 40px
 	}

 	.tabs3{
 		min-height: 680px;
 		max-height: 680px;
 	}
 }


//TABS
/***
Bootstrap Line Tabs by @keenthemes
A component of Metronic Theme - #1 Selling Bootstrap 3 Admin Theme in Themeforest: http://j.mp/metronictheme
Licensed under MIT
***/

/* Tabs panel */
.tabbable-panel {
	border:1px solid #eee;
	padding: 10px;
}

/* Default mode */
.tabbable-line > .nav-tabs {
	border: none;
	margin: 0px;
}
.tabbable-line > .nav-tabs > li {
	margin-right: 2px;
	margin-bottom: -5px;
}
.tabbable-line > .nav-tabs > li > a {
	border: 0;
	margin-right: 0;
	color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
	color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
	border-bottom: 5px solid #e95412;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
	border: 0;
	background: #cecece !important;
	color: #f07b1b;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
	text-color: #f07b1b;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
	margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
	border-bottom: 5px solid #f07b1b;
	position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
	border: 0;
	color: #f07b1b;
}
.tabbable-line > .nav-tabs > li.active > a > i {
	color: #404040;
}
.tabbable-line > .tab-content {
	margin-top: -3px;
	border: 0;
	border-top: 10px solid transparent;
	padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
	padding-bottom: 0;
}

.underline{
	border-bottom: 5px solid #cecece;
	margin-bottom: 40px;
}


div.down-button{
	margin-left : -10px;
	margin-right: 10px;

	margin : 10px;

	width:227px;
	height: 91px;
	min-height:91px;

	border : 3px solid #575757;
	border-radius: 3px;
}

div.preview-background{
	min-height: 400px;
	background : url('../images/bg/bg_img_c_phone.png') center center no-repeat;
}

img.preview-image{
	padding-left: 1px;
	padding-top: 40px;
	margin: auto;
}

div.google-button{
	border-color: #e95412;
	background-color: #e95412;
}

div.apple-button {
  border: 2px solid #000;
  background-color: transparent; 
  padding: 10px;
}

div.overlay{
	border-color: #595959;
	margin: 0;
	padding: 0;
	height: 91px;
	min-heigh: 91px;
	max-height: 91px;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.65);
	z-index: 9999;
	color: white;
}

div.article-button{
	width: 396px;
	height: 60px;
	border : 1px solid #d9d9d9;
	border-radius: 3px 
	margin:auto;
}

.apple-button h3,
.apple-button h3 b {
  color: #000 !important;
}