/*
==============
	import
==============
*/
@import url('yami-navigation.css');
@import url('yami-button.css');

@import url('yami-owl.css');

@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,700');
@import url('https://fonts.googleapis.com/css?family=PT+Sans');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800,600');
@import url('https://fonts.googleapis.com/css?family=Lora:400,700');
@import url('https://fonts.googleapis.com/css?family=Bungee'); /*logo font-family: 'Bungee', cursive;*/

.border {
	border:1px solid red;
}
.text-eng {
font-family:'open sans', sans-serif;

}

/*==========================================
				Color
========================================== */

.text-navy{
	color:#0f254a !important;
}
.text-navy h1, .text-navy h2, .text-navy h3, .text-navy h4, .text-navy h5, .text-navy h6{
	color:#0f254a !important;
}
.text-navy a{
	color:rgba(255, 255, 255, 0.7);
}
.text-navy a:hover{
	color:#0f254a;
}
.txt-blue {color:#69d2e7;}
.txt-org {color:#f15e71;}
.bg-blue {background-color:#8ad5da !important;}
.bg-org {background-color:#ef594a !important;}

.portfolio-box .portfolio-box-caption {
		background: rgba(0, 0, 0, 0.7);
}

/*==========================================
				Main
========================================== */
.main-box-text{
	position:absolute;
	left:0;
	top:0;
	right:0;
	z-index:99;
}
.main-box-over{
	overflow:hidden;
}
.main-box-text.main-2 {
	padding:12%;
}
.main-box-text.main-3, .main-box-text.main-4, .main-box-text.main-5, .main-box-text.main-7 {
	 top:50% !important;
	 -webkit-transform:translateY(-50%);
	 -moz-transform:translateY(-50%);
	 -o-transform:translateY(-50%);
	 transform:translateY(-50%);
}
.main-box-text.main-3, .main-box-text.main-4, .main-box-text.main-7 {
	text-align:center;
}
.main-box-text.main-7, 
.main-box-text.main-7 h4,
.main-box-text.main-7 i {
	color:#e9455a;	
 }
.ribbon-inner.colored {
	background: #f15e71;
}
.main-box-text.main-2 h4 {
	font-weight:600;
}
.main-box-text.main-2 p {
	padding-bottom:20px;
}
.main-box-text.main-5 h4 {
	font-weight:400;
}
.main-box-text.main-5 h5 {
	margin-bottom:10px;
}
.main-box-text.main-5 p {
	margin-bottom:25px;
}
.main-box-text.main-5 p.last-child {
	margin-bottom:0px;
}


	/* font size */
	.main-box-text.main-2 h3 {
		font-size:33px;
		font-weight:400;
		letter-spacing:0.1em;
	}
	.main-box-text.main-2 h4 {
		padding:5px 0;
		font-size:16px;
		text-transform:none;
	}
	.main-box-text.main-3 i, .main-box-text.main-4 i, .main-box-text.main-7 i {
		font-size: 44px;	
	}
	.main-box-text.main-3 h4, .main-box-text.main-4 h4, .main-box-text.main-7 h4 {
		font-size: 20px;	
	}

	.main-box-text.main-5 p {
		font-size:16px;
	}



	@media (min-width: 768px) {
		.main-box-text.main-2 h3 {
			font-size:50px;
		}
		.main-box-text.main-2 h4 {
			padding:20px 0;
			font-size:20px;
		}
		.main-box-text.main-2 p {
			padding-bottom:50px;
		}
		.main-box-text.main-3 i, .main-box-text.main-4 i, .main-box-text.main-7 i {
			font-size: 70px;	
		}
		.main-box-text.main-3 h4, .main-box-text.main-4 h4, .main-box-text.main-7 h4 {
			font-size: 30px;	
		}

	}




.main-video {
	background-repeat:no-repeat;
	background-position:center 0;
	width:100%;
	padding:130px 0;
	overflow:hidden;
	position:relative;
}
.main-video video,
.main-video embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
}
.video-text {
	z-index:1;
	position:relative;
	min-height:1px;
	padding:0 20px;
}
.video-text h2 {
	font-size:44px;
	line-height:1.4;
	letter-spacing:-0.09em;
	font-weight:100;
}
.video-overlay {
	background:rgba(0,0,0,0.3);
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	z-index:1;
}

@media (max-width: 767px) {
	.main-video {
		padding:90px 0;
		background-position:center center;
	}
	.main-video video {
		width:auto;
		height:100%;
	}
	.video-text h2 {
		font-size:30px;
		line-height:1.4;
	}
}

/*==========================================
				Sub
========================================== */

.separator.sub-title {
	background-color:#fff;
	height:5px;
	position:relative;
	width:50px;
	display:block;
	margin:10px auto 0px
}
.sub-title {
	text-align:center;
	margin-bottom:50px;
}

.hero-title {
	color:#fff;

	letter-spacing:0px !important;
	font-weight:500;
	font-size:36px;
	padding-top:80px;
}

.height-sub {
	height:48vh;
}
	.about-text.pad-left,
	.about-img.pad-left {
		padding-left:15px;
	}
	.about-img {
		padding-bottom:20px;
	}
	.about-text .about-title {
		font-size:32px;
		font-weight:300;
		line-height:1.3;
		letter-spacing:-0.05em;
		margin-bottom:30px;
	}
	.about-text p:last-child {
		margin-bottom:0;
	}

	.box-icon .box-icon-title.box-icon-custom>i {
		width: 160px;
		height: 160px;
		line-height: 160px;
		font-size: 100px;
		color:#fff;
		background-color:transparent;
		float:none;
		margin:0 0 25px 0;
		}
	.box-icon a.box-icon-title.box-icon-custom:hover>i {
		background-color:transparent;
	}

	.service-text {
		background-color:#efeee9;
		padding:8% !important;
		margin-left:15px;
		margin-right:15px;
	}

	.service-text .service-num {
		margin-bottom:30px !important;
			}
	.service-text .service-title {
		font-size:50px;
		margin-bottom:30px;
			}
	.service-text .service-subtitle {
		font-size:19px;
		margin-bottom:27px;
		line-height:1.4;
		text-transform:none;
	}	



		@media (min-width: 992px) {
			.about-text.pad-left,
			.about-img.pad-left {
				padding-left:40px;
			}
			.about-img {
				padding-bottom:0px;
			}
			.about-text .about-title {
				font-size:42px;
				line-height:1.3;
				letter-spacing:-0.1em;
				
			}
			.service-text {

				margin-left:0px;
				margin-right:0px;
			}
			.service-text .service-num {
				margin-bottom:30px !important;
			}
			.service-text .service-title {
				font-size:55px;
			}
			.service-text .service-subtitle {
				font-size:19px;
			}

			.hero-title {
			font-size:60px;
			}
		}

/*==========================================
					navbar
========================================== */
.navigation.shadow .main-nav {
	background-color:rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 1px 15px 0px rgba(40, 40, 40, 0.1);
	-moz-box-shadow:    0px 1px 15px 0px rgba(40, 40, 40, 0.1);
	box-shadow:         0px 1px 15px 0px rgba(40, 40, 40, 0.1);
}
	.logo-wrap {
		width:160px;

		position:absolute;
		left:0;
		top:0;
	}

.logo-wrap a.logo {
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	background-image:url('../img/logo-light.png');
}
.main-nav a.logo {
	font-size:30px;
	color:#fff;
	width:100%;
}
.main-nav.shrink a.logo {

	font-size:26px;
	color:#fff;

}

	body#main .navigation.shadow .main-nav {
		background-color:#fff;
	}
	body#main .navigation.shadow .main-nav.shrink {
		background-color:#232323;
	}
	body#main .main-nav a.logo {
	background-image:url('../img/logo-dark.png');

	}
	body#main .main-nav.shrink a.logo {
	background-image:url('../img/logo-light.png');
	}
	body#main .main-nav .bar-icon {
		background:#333;
	}
	body#main .main-nav.shrink .bar-icon {
		background:#fff;
	}


@media (max-width:991px) {
	.logo-wrap {
		width:200px;
		position:absolute;
		left:0;
		top:0;
	}
}


/* ======================================
					footer
========================================= */
#footer {
	padding:70px 0 50px
}
#footer {
	background-color:#f7f7f7;
}

	body#main #footer {
		background-color:#fff;
	}


/* ======================================
					Module Hero
========================================= */

.module-hero{
	position:relative;
	overflow:hidden;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}



.hero-subtitle{
	font-size:16px;
	margin:0 0;
	display:none;
}
.module-hero h1, .module-hero h2, .module-hero h3, .module-hero h4, .module-hero h5, .module-hero h6{
	line-height:1.4;
	margin:0;
}

.module-hero h1{
	font-weight:700;
	font-size:100px;
	letter-spacing:0px;
	padding-left:80px;
	line-height:160px;
	color:#444;
}

.module-hero h2{
	letter-spacing:2px;
	font-weight:500;
	font-size:60px;
}

.module-hero h3{
	letter-spacing:12px;
	font-size:32px;
}

		@media (max-width: 768px){

			.module-hero h1{
				font-size:55px;
				letter-spacing:5px;
				padding-left:5px;
				line-height:50px;
			}
			.module-hero h1 span {
				letter-spacing:10px;
				padding-left:10px;
			}
			.module-hero h2{
				letter-spacing:8px;
				font-size:50px;
			}
			.module-hero h3{
				letter-spacing:6px;
				font-size:30px;
			}
		}

/*======================================================
      Jeneral 
==========================================================*/

a {
  color: #222;
  text-decoration: none;
}
a:hover,
a:focus {
 color:#999;
  text-decoration: none;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
:focus {
    outline: 0 !important;
}
hr {
  margin-top: 30px;
  margin-bottom: 30px;
  border: 0;
  border-top: 1px solid #eee;
}


/*======================================================
						Media
========================================================*/

@media (min-width: 1920px) {
	.container-fluid {
		max-width:1600px;
	}
}

@media (min-width: 1600px) and (max-width: 1919px) {
	.container-fluid {
		max-width:1500px;
	}
}



	@media (max-width: 991px) {
		  section {
			  position: relative;
			  padding-top: 50px;
			  padding-bottom: 50px;
		  }
		  .main-nav a.logo img {
			  height: 30px;
			}

	}

	


	@media (min-width: 768px) {



	}


.nav-pills>li.active,
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus  {
	background-color:#e9455a;
}
.nav-pills>li>a {
	border-radius:0; 
}

.artcenter {
	display:table;
}
.artcenter span {
	display:table-cell;
}
.artcenter span.td {
	width:130px;
}
.contact-item [class*='col-xs-6'] {
	min-height:300px;
}
.mfp-bg {

	background-color:#fff;
	opacity:.89;
}

@media (min-width: 768px) {
	.nav-justified>li {
		display: table-cell;
		width: 1%;
	}
}

@media (max-width: 767px) {
	.nav-justified>li {
		display: table-cell;
		width: 1%;
	vertical-align:middle;

		min-height:80px;
	}
	.nav-justified>li a{

	}
}

.social-naver:hover { background-color: #23b200 !important; color:#fff;}
.social-naver { background-color: #23b200; }

.icon-naver {
font-family:'open sans', sans-serif;
	font-weight:800;
	font-style:normal;
	font-size:25px !important;
}


#post_area img {

			max-width:100% !important;
			height:auto !important;
}

#post_area embed {
			width:100% !important;
			max-width:640px !important;
			
}


input#border {
width:100%;
}

@media (max-width:767px) {

}



.main-man-icon img,
.main-news-icon img {
	width:50px;
	margin-bottom:25px;
}

@media (max-width:767px) {
	.main-news-icon img {
		width:32px;
	}
	.main-man-icon img {
		width:28px;
	}
	/*.video-wrap {
	position:relative;
	width:100%;
	padding-bottom:56.25%;
	}
	.video-wrap embed {
		position:absolute;
		width:100%;
		height:100%;
		*/
	}

}