
/*==========================================
					GENERAL
========================================== */
html {
	font-size:16px;
}
body{
	background:#fff;
	font-family:'Noto Sans KR','Noto Sans','Nanum Square','돋움', sans-serif;
	line-height:1.8;
  font-size: 1rem;
	color:#4c4c4c;
	-ms-overflow-style:scrollbar;
	overflow-x:hidden;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	text-transform:uppercase;
	letter-spacing:-.025em;
	font-weight:600;
	color:#333;
	margin:0 0 20px;
}

 h1, .h1 {font-size:28px;}
 h2, .h2 {font-size:26px;}
 h3, .h3 {font-size:24px;}
 h4, .h4 {font-size:20px;}
 h5, .h5 {font-size:18px;}
 h6, .h6 {font-size:16px;}


	@media (min-width: 992px) {
		 h1, .h1 {font-size:47px;}
		 h2, .h2 {font-size:40px;}
		 h3, .h3 {font-size:34px;}
		 h4, .h4 {font-size:24px;}
		 h5, .h5 {font-size:20px;}
	}

.lead {
  margin-bottom: 40px;
  font-size: 18px;
  color:#555;
}
	@media (min-width: 768px) {
	  .lead {
		font-size: 20px;
	  }
	}

.text-light{
	color:#fff !important;

}

.text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6{
	color:#fff !important;
}

.text-light a{
	color:rgba(255, 255, 255, 1);
}

.text-light a:hover{
	color:#fff;
}

.block-md {
	display:block;
}
.block-sm {
	display:none;
}
.pad-side-no> [class*='col-'] {
			  padding-right: 0;
			  padding-left: 0;
			}

	@media (max-width: 991px) {
		.block-md {
			display:none;
		}
		.block-sm {
			display:block;
		}
		#sub-business .pad-side-no> [class*='col-'] {
			  padding-right: 15px;
			  padding-left: 15px;
		}
	}


			/* margin, padding */

			.no-margin-top { margin-top: 0 !important; } .no-margin-bottom { 	margin-bottom: 0 !important; } .no-margin-left { 	margin-left: 0 !important; } .no-margin-right { 	margin-right: 0 !important; } .no-margin-side { 	margin-left: 0 !important; 	margin-right: 0 !important; } .no-margin { 	margin: 0 !important; } .mar-top-100 { 	margin-top: 100px !important; } .mar-top-50 { 	margin-top: 50px !important; } .mar-top-45 { 	margin-top: 45px !important; } .mar-top-40 { 	margin-top: 40px !important; } .mar-top-35 { 	margin-top: 35px !important; } .mar-top-30 { 	margin-top: 30px !important; } .mar-top-25 { 	margin-top: 25px !important; } .mar-top-20 { 	margin-top: 20px !important; } .mar-top-15 { 	margin-top: 15px !important; } .mar-top-10 { 	margin-top: 10px !important; } .mar-top-5 { 	margin-top: 5px !important; } .mar-bot-100 { 	margin-bottom: 100px !important; } .mar-bot-50 { 	margin-bottom: 50px !important; } .mar-bot-45 { 	margin-bottom: 45px !important; } .mar-bot-40 { 	margin-bottom: 40px !important; } .mar-bot-35 { 	margin-bottom: 35px !important; } .mar-bot-30 { 	margin-bottom: 30px !important; } .mar-bot-25 { 	margin-bottom: 25px !important; } .mar-bot-20 { 	margin-bottom: 20px !important; } .mar-bot-15 { 	margin-bottom: 15px !important; } .mar-bot-10 { 	margin-bottom: 10px !important; } .mar-bot-5 { 	margin-bottom: 5px !important; } .mar-left-100 { 	margin-left: 100px !important; } .mar-left-50 { 	margin-left: 50px !important; } .mar-left-45 { 	margin-left: 45px !important; } .mar-left-40 { 	margin-left: 40px !important; } .mar-left-35 { 	margin-left: 35px !important; } .mar-left-30 { 	margin-left: 30px !important; } .mar-left-25 { 	margin-left: 25px !important; } .mar-left-20 { 	margin-left: 20px !important; } .mar-left-15 { 	margin-left: 15px !important; } .mar-left-10 { 	margin-left: 10px !important; } .mar-left-5 { 	margin-left: 5px !important; } .mar-right-100 { 	margin-right: 100px !important; } .mar-right-50 { 	margin-right: 50px !important; } .mar-right-45 { 	margin-right: 45px !important; } .mar-right-40 { 	margin-right: 40px !important; } .mar-right-35 { 	margin-right: 35px !important; } .mar-right-30 { 	margin-right: 30px !important; } .mar-right-25 { 	margin-right: 25px !important; } .mar-right-20 { 	margin-right: 20px !important; } .mar-right-15 { 	margin-right: 15px !important; } .mar-right-10 { 	margin-right: 10px !important; } .mar-right-5 { 	margin-right: 5px !important; }
			.no-pad {padding:0 !important;}.no-padding-top { padding-top: 0 !important; } .no-padding-bottom { 	padding-bottom: 0 !important; } .no-padding-left { 	padding-left: 0 !important; } .no-padding-right { 	padding-right: 0 !important; } .no-padding-side { 	padding-left: 0 !important; 	padding-right: 0 !important; } .no-padding { 	padding: 0 !important; } .pad-left-100 { 	padding-left: 100px !important; } .pad-left-50 { 	padding-left: 50px !important; } .pad-left-45 { 	padding-left: 45px !important; } .pad-left-40 { 	padding-left: 40px !important; } .pad-left-35 { 	padding-left: 35px !important; } .pad-left-30 { 	padding-left: 30px !important; } .pad-left-25 { 	padding-left: 25px !important; } .pad-left-20 { 	padding-left: 20px !important; } .pad-left-15 { 	padding-left: 15px !important; } .pad-left-10 { 	padding-left: 10px !important; } .pad-left-5 { 	padding-left: 5px !important; } .pad-right-100 { 	padding-right: 100px !important; } .pad-right-50 { 	padding-right: 50px !important; } .pad-right-45 { 	padding-right: 45px !important; } .pad-right-40 { 	padding-right: 40px !important; } .pad-right-35 { 	padding-right: 35px !important; } .pad-right-30 { 	padding-right: 30px !important; } .pad-right-25 { 	padding-right: 25px !important; } .pad-right-20 { 	padding-right: 20px !important; } .pad-right-15 { 	padding-right: 15px !important; } .pad-right-10 { 	padding-right: 10px !important; } .pad-right-5 { 	padding-right: 5px !important; } .pad-top-100 { 	padding-top: 100px !important; } .pad-top-50 { 	padding-top: 50px !important; } .pad-top-45 { 	padding-top: 45px !important; } .pad-top-40 { 	padding-top: 40px !important; } .pad-top-35 { 	padding-top: 35px !important; } .pad-top-30 { 	padding-top: 30px !important; } .pad-top-25 { 	padding-top: 25px !important; } .pad-top-20 { 	padding-top: 20px !important; } .pad-top-15 { 	padding-top: 15px !important; } .pad-top-10 { 	padding-top: 10px !important; } .pad-top-5 { 	padding-top: 5px !important; } .pad-bot-100 { 	padding-bottom: 100px !important; } .pad-bot-70 { 	padding-bottom: 70px !important; } .pad-bot-50 { 	padding-bottom: 50px !important; } .pad-bot-45 { 	padding-bottom: 45px !important; } .pad-bot-40 { 	padding-bottom: 40px !important; } .pad-bot-35 { 	padding-bottom: 35px !important; } .pad-bot-30 { 	padding-bottom: 30px !important; } .pad-bot-25 { 	padding-bottom: 25px !important; } .pad-bot-20 { 	padding-bottom: 20px !important; } .pad-bot-15 { 	padding-bottom: 15px !important; } .pad-bot-10 { 	padding-bottom: 10px !important; } .pad-bot-5 { 	padding-bottom: 5px !important; }
			.va-middle { vertical-align:middle; } .right-align { float: right; } .left-align { float: left; } .read-only { 	display:none;}
			.inner {padding:120px 0 !important; }.inner-md {padding:100px 0 !important; }.inner-sm {padding:80px 0 !important; }.inner-xs {padding:40px 0 !important; }
			.outer {margin:120px 0 !important; }.outer-md {margin:100px 0 !important; }.outer-sm {margin:80px 0 !important; }.outer-xs {margin:40px 0 !important; }


			/* Mail Form */

			input.form-control {
				background: #fff none repeat scroll 0 0;
				border: 1px solid #e1e1e1;
				border-radius: 0 !important;
				color: #222;
				font-size:16px;
				height: 45px;
				box-shadow: none;
			}
			textarea.form-control {
				background: #fff none repeat scroll 0 0;
				border: 1px solid #e8e8e9;
				color: #222;
				border-radius: 0;
				box-shadow: none;
			}
			.form-control:focus {
				border: 1px solid #222;
				box-shadow: none;
				outline: 0 none;
			}
			.form-control-feedback {
				color: #555;
				line-height: 40px !important;
				width: 60px;
			}


/*
=====================================================
						Box Icon
=====================================================
*/


.box-icon {
	margin:30px 0;
}
.box-icon>a,
.box-icon .box-icon-title {
	text-decoration:none !important;
	display:block;
}
.box-icon .box-icon-title>i {
	width: 65px;
	height: 65px;
	line-height: 65px;
	font-size: 24px;
	margin-right:15px;
	background-color:#111;
	text-align:center;
	color:#fff;

	-webkit-transition: all .200s;
	   -moz-transition: all .200s;
		 -o-transition: all .200s;
			transition: all .200s; 

	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}
	section.dark .box-icon .box-icon-title>i  {
		background-color:#666;
	}


		/* box-icon-lg */
		.box-icon .box-icon-title.box-icon-lg>i {
			width: 200px;
			height: 200px;
			line-height: 200px;
			font-size: 64px;
			margin-right:15px;
		}
		.box-icon.box-icon-center .box-icon-title.box-icon-lg>i {
			float:none;
			margin:0 0 25px 0;
		}


.box-icon .box-icon-title.box-icon-transparent>i {
	color:#111;
	background-color:transparent;
}
	section.dark .box-icon .box-icon-title.box-icon-transparent>i {
		color:#fff;
	}
.box-icon.box-icon-left .box-icon-title>i {
	float:left;
}
.box-icon.box-icon-round .box-icon-title>i {
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
}

.box-icon .box-icon-title>h3 {
	/*font-size:20px;*/
	line-height:35px;
	margin:0;
    text-transform: uppercase;


	-webkit-transition: all .200s;
	   -moz-transition: all .200s;
		 -o-transition: all .200s;
			transition: all .200s; 
}
.box-icon .box-icon-title>img+h2,
.box-icon .box-icon-title>img+h3,
.box-icon .box-icon-title>img+h4,
.box-icon .box-icon-title>img+h5 {
	font-size:16px;
	line-height:16px;
	margin-top:20px;
}
.box-icon p {
	margin:15px 0;
}
.box-icon a.box-icon-more {
	display:block;
	text-align:right;
	position:relative;
	color:#000;
}
	section.dark .box-icon a.box-icon-more { 
		color:#fff;
	}
.box-icon a.box-icon-more:after {
	font-family: FontAwesome;
	content: "\f105";
	padding-left:10px;
	top:50%;
	margin-top:-2px;
}

.box-icon.box-icon-right .box-icon-title>i {
	float:right;
	margin-right:0;
	margin-left:10px;
}
.box-icon.box-icon-right {
	text-align:right;
}
@media only screen and (max-width: 760px) {
	.box-icon.box-icon-right .box-icon-title>i {
		float:left;
		margin-right:10px;
		margin-left:0;
	}
	.box-icon.box-icon-right {
		text-align:left;
	}
}

/* center */
.box-icon.box-icon-center .box-icon-more,
.box-icon.box-icon-center .box-icon-title,
.box-icon.box-icon-center p {
	text-align:center !important;
}
.box-icon.box-icon-center .box-icon-title>i {
	float:none;
	margin:0 0 10px 0;
}

/* transparent icon */
.box-icon.box-icon-transparent .box-icon-title>i {
	background-color:transparent;
	color:#111;
}
	section.dark .box-icon.box-icon-transparent .box-icon-title>i {
		color:#fff;
		background-color:transparent;
		border:0;
	}

	/* large icon */
	.box-icon.box-icon-large .box-icon-title>i {
		height: 100px;
		width: 100px;
		line-height: 100px;
		font-size: 80px;
	}
	.box-icon.box-icon-large a.box-icon-title:hover>i {
		background-color:transparent;
		color:#5dbbce;
	}

	section.dark .box-icon.box-icon-large .box-icon-title>i, 
	section.dark .box-icon.box-icon-large .box-icon-title>h3 {
		color:#fff;
		background-color:transparent;
	}
	section.dark .box-icon.box-icon-large a.box-icon-title:hover>i,
	section.dark .box-icon.box-icon-large a.box-icon-title:hover>h3 {
		color:#111;
	}


/* solid icon */
.box-icon.box-icon-transparent.box-icon-solid .box-icon-title>i {
	border:#ccc 1px solid;
}
	section.dark .box-icon.box-icon-transparent.box-icon-solid .box-icon-title>i {
		color:#fff;
		background-color:#212121;
		border:#555 1px solid;
	}


/* box content */
.box-icon.box-icon-content {
	background-color:rgba(0,0,0,0.05);
	padding:45px 15px 15px 15px;
	display:block;
	margin-top:33px;

	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
	section.dark .box-icon.box-icon-content {
		background-color:rgba(0,0,0,0.1);
	}
.box-icon.box-icon-content .box-icon-title>i {
	background-color:#fff;
	top:0;
	margin-left:-33px;
	position:absolute;
}
section.alternate .box-icon.box-icon-content .box-icon-title>i {
	background-color:#F9F9F9;
}


/* box icon side */
.box-icon.box-icon-side {
	position:relative;
	padding-left: 70px;
}
.box-icon.box-icon-side>i {
	position:absolute;
	left:0; top:10px;
	font-size:48px;
}


/* box static */
.box-static {
	padding:15px;
	background-color:rgba(0,0,0,0.05);
	border-top:transparent 3px solid;

	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
	.box-static.box-transparent {
		background-color:transparent;
	}
	.box-static.box-bordered  {
		border:rgba(0,0,0,0.1) 1px solid;
	}
	.box-static.box-color,
	.box-static.box-dark {
		color:#fff;
		background-color:#333;
	}
	.box-static.box-color h1,
	.box-static.box-color h2,
	.box-static.box-color h3,
	.box-static.box-color h4,
	.box-static.box-color h5,
	.box-static.box-color h6,
	.box-static.box-dark h1,
	.box-static.box-dark h2,
	.box-static.box-dark h3,
	.box-static.box-dark h4,
	.box-static.box-dark h5,
	.box-static.box-dark h6 {
		color:#fff;
	}

.box-static.box-border-top {
	border-top:rgba(0,0,0,0.5) 3px solid;
}
.box-static .box-title {
	margin-bottom:20px;
	border-bottom:rgba(0,0,0,0.1) 1px solid;
}
	.box-static.box-color .box-title,
	.box-static.box-dark .box-title {
		border-bottom:rgba(255,255,255,0.1) 1px solid;
	}
section.dark .box-static.box-bordered  {
	border:rgba(255,255,255,0.1) 1px solid;
}
section.dark .box-static {
	color:#fff;
	padding:15px;
	background-color:#333;
}
section.dark .box-static input,
section.dark .box-static label {
	color:#fff;
}
section.dark .box-static .box-title {
	border-bottom:rgba(255,255,255,0.1) 1px solid;
}

h1.text-colored {
	color:#9ff9b9;
	text-transform: uppercase;
	padding-bottom:50px;
}


/**
	Ribbon
**/
.ribbon {
	width: 140px;
	height: 140px;
	overflow: hidden;
	position: absolute;
	z-index: 1;
}

.ribbon-inner {
	font-family: "Open Sans",Helvetica,Arial,sans-serif;

	-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);
	   -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);
		 -o-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);
			box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);

	-webkit-transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;

	background: #4c4c4c;
	letter-spacing: 0px;
	text-align: center;
	position: relative;
	font-weight: 700;
	font-size: 14px;
	padding: 10px 0;
	width: 100px;
	color: #fff;
	z-index: 1;
	left: 3px;
	top: 6px;
	 text-transform:uppercase;
	
}

.ribbon.right {
	right: -2px; 
	top: -2px;
}
.ribbon.right .ribbon-inner {
	width: 200px;
	left: -5px;
	top: 23px;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		 -o-transform: rotate(45deg);
			transform: rotate(45deg);
}

.ribbon.left {
	left: 0px; 
	top: 0px;
}
.ribbon.left .ribbon-inner {
	width: 200px;
	left: -50px;
	top: 25px;
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		 -o-transform: rotate(-45deg);
			transform: rotate(-45deg);
}


		@media (max-width: 767px) {
			.ribbon {
				width: 130px;
				height: 130px;
			}
			.ribbon.left .ribbon-inner {
				width: 130px;
				left:-40px;
				top:10px;
				padding: 5px 0;
				font-size: 12px;
				letter-spacing:0px;
			}
		}


/**	Color */
.box-icon a.box-icon-title:hover>h3 {
	color:#222;
}
.box-icon a.box-icon-title:hover>i {
	color:#fff;
	background-color:#8ab933;
}

.box-icon a.box-icon-more {
	color:#111;
}
.box-icon a.box-icon-more:hover,
section.dark .box-icon a.box-icon-more:hover {
	color:#8ab933;
}

.box-video a.box-video-title:hover h3,
.box-video a.box-image-title:hover h3 {
	color:#8ab933;
}

.box-flip .box2 {
	color:#fff;
	background-color:#8ab933;
}

.box-flip .box2 h1,
.box-flip .box2 h2,
.box-flip .box2 h3,
.box-flip .box2 h4,
.box-flip .box2 h5,
.box-flip .box2 h6 {
	color:#fff;
}

.box-static.box-border-top {
	border-color:#8ab933;
}


/* 
==========================================================================
								Sections
==========================================================================
*/

section {
	padding-top: 150px;
	padding-bottom: 150px;
}
.section-video {
	background-repeat: no-repeat;
	background-color: #000;
	background-position: center 0;
	width: 100%;
 
	padding: 150px 0;
	overflow: hidden;
	position: relative;
}
.section-video.video-lg {
	padding: 400px 0;
}
.section-video .embed, .section-video object, .section-video video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}
.section-video .video-overlay {
	background: rgba(0,0,0,0.2);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.section-video .video-overlay.video-overlay-dark {
	background: rgba(0,0,0,0.5);
}
.video-content {
	z-index: 1;
}
.section-colored {
	padding-top: 150px;
	padding-bottom: 150px;
	background-color: #fff;
}
.section-pattern {
	padding-top: 150px;
	padding-bottom: 150px;
 
}
.section-parallax {
	background-size: 100%;
	background-attachment: fixed;
	padding-top: 150px;
	padding-bottom: 150px;
 
}
.section-img {
	background-size: cover;
	padding-top: 150px;
	padding-bottom: 150px;
 
}
.section-side-image {
	padding: 0px;
	position: relative;
 
}
.section-side-image .image-container {
	overflow: hidden;
	position: absolute;
	height: 100%;
	padding: 0px;
	top: 0px;
}
.image-holder {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-size: cover !important;
	z-index: 0;
}
.section-side-image .image-container.pull-right{
	right: 0;
}
.side-image-content {
	padding-top: 150px;
	padding-bottom: 150px;
}
.section-border-image {
	position: absolute;
	top: 20px;
	left: 20px; 
	right: 20px;
	bottom: 20px;
	border: 1px solid #fff;
	z-index: 1;
}
.section-border-image-dark {
	border: 1px solid #000;
}
.with-overlay {
	padding: 0;
}
.with-overlay .section-overlay {
	padding-top: 150px;
	padding-bottom: 150px;
	background-color: rgba(0, 0, 0, 0.6);
}
.with-overlay .section-overlay-light {
	padding-top: 150px;
	padding-bottom: 150px;
	background-color: rgba(255, 255, 255, 0.6);
}


section.text-light {
	color:#fff;
}
section.text-dark {
	color:#111;
}


		@media (max-width: 767px) {
			section,
			.section-colored,
			.section-video,
			.section-pattern,
			.section-parallax {
				padding-top: 100px;
				padding-bottom: 100px;
			}
		}

/*
==========================================================================
								  Portfolio
==========================================================================
*/

.filters{
 text-align:center;
 list-style:none;
 padding:0;
 margin:0 0 70px;
}

.filters li{
 display:inline-block;
 margin:10px 10px 0 0;
}

.filters li > a{
 border:2px solid transparent;
 font-weight:400;
 font-size:20px;
 text-transform:uppercase;
 color:inherit;
 padding:5px 15px;
}

.filters li > a.current{
 background:#f15e71;
 color:#fff;
 border-color:#f15e71;
}

			@media (max-width: 992px) {
			.filters li{
			 margin:10px 10px 10px 0;
			}
			.filters li > a{
				 font-size:15px;
				 margin-bottom:10px;
				 }
			}


.works-grid-wrapper{
 margin-left:-8px;
 margin-right:-8px;
 padding:8px 0;
}

.work-item{
 position:relative;
 overflow:hidden;
 width:25%;
}


.work-grid-3 .work-item{
 width:33.3333%;
}

.works-grid-gutter .work-item{
 padding:8px 8px;
}

.work-wrapper{
 position:relative;
}

.work-item .work-thumbnail:after{
 position:absolute;
 display:block;
 content:"";
 bottom:0;
 right:0;
 left:0;
 top:0;
 z-index:1;
 -webkit-transition:all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
 -moz-transition:all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
 -o-transition:all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
 transition:all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.work-item:hover .work-thumbnail:after{
 background:rgba(255, 255, 255, 0.8);
}

.work-item img{
 height:auto;
 width:100%;
}

.work-caption{
 position:absolute;
 top:50%;
 width:100%;
 padding:0 20px;
 text-align:center;
 z-index:1;
 opacity:0;
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 transform:translateY(-50%);
 -webkit-transition-delay:.2s;
 -moz-transition-delay:.2s;
 -o-transition-delay:.2s;
 transition-delay:.2s;
}

.work-item:hover .work-caption{
 opacity:1;
}

.work-title{
 letter-spacing:4px;
 font-weight:700;
 font-size:13px;
 opacity:0;
 margin:0 0 15px;
 -webkit-transform:translateY(10px);
 -moz-transform:translateY(10px);
 -o-transform:translateY(10px);
 transform:translateY(10px);
 -webkit-transition:.3s cubic-bezier(.215, .61, .355, 1) 0s;
 -moz-transition:.3s cubic-bezier(.215, .61, .355, 1) 0s;
 -o-transition:.3s cubic-bezier(.215, .61, .355, 1) 0s;
 transition:.3s cubic-bezier(.215, .61, .355, 1) 0s;
}

.work-item:hover .work-title{
 -webkit-transition-delay:.2s;
 -moz-transition-delay:.2s;
 -o-transition-delay:.2s;
 transition-delay:.2s;
}

.work-category{
 font-style:italic;
 font-weight:400;
 font-size:12px;
 opacity:0;
 margin:0;
 -webkit-transform:translateY(-10px);
 -moz-transform:translateY(-10px);
 -o-transform:translateY(-10px);
 transform:translateY(-10px);
 -webkit-transition:.3s cubic-bezier(.215, .61, .355, 1) 0s;
 -moz-transition:.3s cubic-bezier(.215, .61, .355, 1) 0s;
 -o-transition:.3s cubic-bezier(.215, .61, .355, 1) 0s;
 transition:.3s cubic-bezier(.215, .61, .355, 1) 0s;
}

.work-category a{
 color:#999;
}

.work-item:hover .work-category{
 -webkit-transition-delay:.3s;
 -moz-transition-delay:.3s;
 -o-transition-delay:.3s;
 transition-delay:.3s;
}

.work-item:hover .work-title, .work-item:hover .work-category{
 opacity:1;
 -webkit-transform:translateY(0);
 -moz-transform:translateY(0);
 -o-transform:translateY(0);
 transform:translateY(0);
}

.work-link{
 position:absolute;
 bottom:0;
 right:0;
 left:0;
 top:0;
 z-index:3;
}

	@media (max-width: 1200px){

	 .work-item,
	 .work-grid-3 .work-item{
	  width:50% !important;
	 }

	}

	@media (max-width: 767px){

	 .work-item,
	 .work-grid-3 .work-item{
	  width:100% !important;
	 }

	}

/*
================================================================
 Product Modal Style
================================================================
*/


.portfolio-box {
  position: relative;
  display: block;
  max-width: 1000px;
  margin: 0 auto;
}
.portfolio-box .portfolio-box-caption {
  color: white;
  opacity: 0;
  display: block;
  /*background: rgba(186, 120, 254, 0.9);*/
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
  font-weight:400;
  padding: 0 15px;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  display:none;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
  text-transform: uppercase;
  font-size: 18px;
}
.portfolio-box:hover .portfolio-box-caption {
  opacity: 1;
}
.portfolio-box:focus {
  outline: none;
}
		@media (min-width: 768px) {
		  .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
			font-size: 16px;
		  }
		  .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
			font-size: 18px;
		  }
		}
		.call-to-action h2 {
		  margin: 0 auto 20px;
		}
		.text-primary {
		  color: #F05F40;
		}
		.no-gutter > [class*='col-'] {
		  padding-right: 0;
		  padding-left: 0;
		}


/*
============================================================
							box-arrow 
============================================================
*/
.arrow-left, 
.arrow-right, 
.arrow-top, 
.arrow-bottom {
	position: relative;
}
.arrow-left:after,
.arrow-right:after,
.arrow-top:after,
.arrow-bottom:after {
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(221, 221, 221, 0);
	border-width: 50px;
}

.arrow-left:after {
	right: 100%;
	top: 50%;
	border-right-color:#46b8e7;
	margin-top: -50px;
}
.arrow-right:after {
	left: 100%;
	top: 50%;
	border-left-color:#46b8e7;
	margin-top: -50px;
}
.arrow-top:after {
	bottom: 100%;
	left: 50%;
	border-bottom-color: #c4edfd;
	margin-left: -50px;
}
.arrow-bottom:after {
	top: 100%;
	left: 50%;
	border-top-color: #eee;
	margin-left: -50px;
}

			@media (max-width:768px){
				.arrow-left:after,
				.arrow-right:after  {
					display:none;
				}
			}


/*
============================================================
						Overlay
============================================================
*/

.overlay-film:before, .overlay-30:before, .overlay-60:before, .overlay-90:before{
	position:absolute;
	height:100%;
	width:100%;
	z-index:0;
}

.overlay-30:before{
	background:rgba(34, 34, 34, 0.3);
	content:"";
	left:0;
	top:0;
}

.overlay-60:before{
	background:rgba(0, 0, 0, 0.6);
	content:"";
	left:0;
	top:0;
}

.overlay-90:before{
	background:rgba(0, 0, 0, 0.9);
	content:"";
	left:0;
	top:0;
}

.overlay-film:before{
	background-image:url(../images/dot.gif);
	opacity:0.15;
	content:"";
	left:0;
	top:0;
}

.overlay-film, .overlay-30, .overlay-60, .overlay-90{
	color:#fff;

}

.overlay-film h1, .overlay-film h2, .overlay-film h3, .overlay-film h4, .overlay-film h5, .overlay-film h6, .overlay-film .module-subtitle, .overlay-30 h1, .overlay-30 h2, .overlay-30 h3, .overlay-30 h4, .overlay-30 h5, .overlay-30 h6, .overlay-30 .module-subtitle, .overlay-60 h1, .overlay-60 h2, .overlay-60 h3, .overlay-60 h4, .overlay-60 h5, .overlay-60 h6, .overlay-60 .module-subtitle, .overlay-90 h1, .overlay-90 h2, .overlay-90 h3, .overlay-90 h4, .overlay-90 h5, .overlay-90 h6, .overlay-90 .module-subtitle{
	color:#fff;
}


/*
==========================================================================
   height equal
==========================================================================
*/

.inside {
  margin-top: 20px;
  margin-bottom: 20px;
  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom,color-stop(0%, #f4f4f4), color-stop(100%, #ededed));
  background: -moz-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
  background: -ms-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
}
.inside-full-height {
  /*
  // if you want to give content full height give him height: 100%;
  // with content full height you can't apply margins to the content
  // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
  */
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

/* columns of same height styles */

.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}
.col-height {
  display: table-cell;
  float: none;
  height: 100%;
}
.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}

@media (min-width: 480px) {
  .row-xs-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-xs-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-xs-top {
    vertical-align: top;
  }
  .col-xs-middle {
    vertical-align: middle;
  }
  .col-xs-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 768px) {
  .row-sm-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-sm-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-sm-top {
    vertical-align: top;
  }
  .col-sm-middle {
    vertical-align: middle;
  }
  .col-sm-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 992px) {
  .row-md-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-md-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-md-top {
    vertical-align: top;
  }
  .col-md-middle {
    vertical-align: middle;
  }
  .col-md-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 1200px) {
  .row-lg-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-lg-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-lg-top {
    vertical-align: top;
  }
  .col-lg-middle {
    vertical-align: middle;
  }
  .col-lg-bottom {
    vertical-align: bottom;
  }
}


/* ==============================================================
							map
================================================================= */
.map-show {
	width:100%;
	height:300px;
}

@media (min-width: 768px) {
	.map-show {
		height:100%;
	}

}

.map-show.small {
	height:400px;
}


/* ==============================================================
							history(수정)
================================================================= */


.yami-content {
	background:none;
	font-size:16px;
	/*width:100%;
	height:100%;*/
}
.yami-content a {
	color:inherit;
	text-decoration:none;
}
.yami-content a:hover {
	text-decoration:underline;
}
.yami-container {
	overflow:hidden;
}
.yami-thumbnails {
	margin-top:10px;
}
.yami-thumbnails ul {
	display:inline-block;
	padding:0;
}
.yami-thumbnails ul li {
	display:inline-block;
	vertical-align:text-top;
	width:44%;
}
.is-hidden {
	visibility:hidden;
}
.default-effect {
	visibility:visible;
	-moz-animation:default-effect .6s ease-in-out;
	-o-animation:default-effect .6s ease-in-out;
	-webkit-animation:default-effect .6s ease-in-out;
	animation:default-effect .6s ease-in-out;
}


/* history style-1 */
.yami-timeline-1 {
	border-left:4px solid #222; /*라인컬러*/
	border-bottom-right-radius:4px;
	border-top-right-radius:4px;
	background:rgba(255,255,255,.03);
	color:#222;
	font-family:'Source Sans Pro',sans-serif;
	margin:50px auto;
	letter-spacing:.5px;
	position:relative;
	line-height:1.4em;
	font-size:1.03em;
	padding:50px;
	list-style:none;
	text-align:left;
	font-weight:100;
	max-width:100%;
}
.yami-timeline-1 h1,.yami-timeline-1 h2,.yami-timeline-1 h3 {
	
	letter-spacing:1.5px;
	font-weight:600;
	font-size:1.4em;
}
.yami-timeline-1 .event {
	border-bottom:1px dashed rgba(255,255,255,.1);
	padding-bottom:25px;
	margin-bottom:50px;
	position:relative;
}
.yami-timeline-1 .event .event-content {
	margin-top:10px;
}
.yami-timeline-1 .event:last-of-type {
	padding-bottom:0;
	margin-bottom:0;
	border:none;
}
.yami-timeline-1 .event:before,.yami-timeline-1 .event:after {
	position:absolute;
	display:block;
	top:0;
}
.yami-timeline-1 .event:before {
	left:-217.5px;
	content:attr(data-date);
	text-align:right;
	font-weight:100;
	font-size:.9em;
	min-width:120px;
	
}
.yami-timeline-1 .event:after {
	left:-61.85px;
	border-radius:50%;
	height:20px;
	width:20px;
	content:"";
	top:0px;
	
}

.yami-timeline-body {
	padding-left:200px;
}
.yami-timeline-1 .event:before {
	color:#222;
}
.yami-timeline-1 .event:after {
	
	background:#ff4141;
}

@media only screen and (max-width:959px) {
	.yami-timeline-1 {
		max-width:100%;
		margin:25px 0 25px 25px;
	}
	.yami-timeline-1 .event-content:before {
		content:attr(data-date);
		display:block;
		font-size:14px;
		margin-bottom:5px;
		color:#ff4141;
	}
	.yami-timeline-1 .event:before {
		content:'';
	}
	.yami-timeline-body {
		padding-left:0;
}
}


/* ==========================================================================
  Featured Items
============================================================================= */

/*Featured - Style 1*/

.featured-owl .owl-arrows.owl-carousel {
	margin-bottom: 70px;
	padding:0;
}
.featured-owl .owl-arrows.owl-carousel .item {
	padding: 350px 100px 0;
}
.featured-owl .owl-arrows.owl-carousel .item:hover img {
	opacity:1;
}
.featured-owl .featured-heading {
	position: absolute;
	top: 200px;
	width: 100%;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.featured-owl .owl-theme.owl-arrows .owl-controls .owl-pagination {
	position: absolute;
	top: 250px;
	left: 0;
	right: 0;
}
.featured-owl .owl-theme.owl-arrows .owl-controls .owl-buttons div {
	opacity: 1;
	position: absolute;
	top: 100%;
	background: #000;
	color: #fff;
	padding: 0;
	height: 70px;
	width: 47.5%;
	margin-top: 0;	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-top: 1px solid #161616;
	border-bottom: 1px solid #161616;
	margin:0;
}
.featured-owl .owl-theme-light.owl-theme.owl-arrows .owl-controls .owl-buttons div {
	background: #fff;
	color: #000;
	border-top: 1px solid #f6f6f6;
	border-bottom: 1px solid #f6f6f6;
}
.featured-owl .owl-theme.owl-arrows .owl-controls .owl-buttons .owl-prev {
	left:0;
	margin-left:0;
}
.featured-owl .owl-theme.owl-arrows .owl-controls .owl-buttons .owl-prev:after {
	content:'PREV';
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: 2px;
	margin-left:10px;
}
.featured-owl .owl-theme.owl-arrows .owl-controls .owl-buttons .owl-prev:hover {
	padding-right: 30px;
}
.featured-owl .owl-theme.owl-arrows .owl-controls .owl-buttons .owl-next {
	right:0;
	margin-right:0;
}
.featured-owl .owl-theme.owl-arrows .owl-controls .owl-buttons .owl-next:before {
	content:'NEXT';
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: 2px;
	margin-right: 10px;
}
.featured-owl .owl-theme.owl-arrows .owl-controls .owl-buttons .owl-next:hover {
	padding-left: 30px;
}
.featured-owl .btn-featured {
	position: absolute;
	bottom: 0;
	left:47.5%;
	height: 70px;
	width: 5%;  
	font-size: 20px;
	line-height: 60px;
	border: 1px solid #262626 !important;
	background-color:#000;
	color:#fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.featured-owl .btn-featured:hover {
	background-color:#262626;
}
.featured-owl .btn-featured.btn-featured-light {
	border: 1px solid #f6f6f6 !important;
	background-color: #fff;
	color:#000;
}
.featured-owl .btn-featured.btn-featured-light:hover {
	background-color:#fafafa;
}

/*Featured - Style 2*/

.featured-owl-side .owl-arrows.owl-carousel {
	padding: 0;
}
.featured-owl-side .owl-theme.owl-arrows .owl-controls .owl-buttons div {
	opacity: 1;
	top:inherit;
	bottom: 25px;
	background: transparent;
	border: 2px solid #000;
	color: #000;
	font-weight: bold;
	height: 50px;
	width: 50px;
	line-height: 50px;
}
.featured-owl-side .owl-theme.owl-arrows .owl-controls .owl-buttons div:hover {
	background: #000;
	color: #fff;
}
.featured-owl-side .owl-theme-light.owl-theme.owl-arrows .owl-controls .owl-buttons div {
	border: 2px solid #fff;
	color: #fff;
}
.featured-owl-side .owl-theme-light.owl-theme.owl-arrows .owl-controls .owl-buttons div:hover {
	background: #fff;
	color: #000;
}
.featured-owl-side .owl-theme.owl-arrows .owl-controls .owl-buttons .owl-prev {
	right: 55px;
	left: inherit;
}
.featured-owl-side .owl-theme.owl-arrows .owl-controls .owl-buttons .owl-next {
	right:0;
}

/* Full Width */

.owl-carousel.full-width {
	padding: 0;
}
.owl-carousel.full-width .item {
	padding: 0;
}


/* ==========================================================================
  socialicon
============================================================================= */

.social-icon {
	margin: 0 5px 5px 0;
    width: 80px;
    height: 80px;
	/*text-shadow: 1px 1px 1px rgba(0,0,0,.3);*/
    border-color: transparent; 
    overflow: hidden;
	display:inline-block;
	text-decoration:none !important;
	text-align: center;
	cursor: pointer;
	font-style: normal;
	letter-spacing: 0em !important;
	color: #eaeaea !important; 

	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}
	.social-icon:hover>i {
		color:#fff;
	}
.social-icon i {
	display: block;
	position: relative;
    width: 80px;
    height: 80px;
	margin-top:6px;
	font-size: 40px;
}

/* rounded social icons */
a.social-icon.social-icon-round {
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
}


/* light social icons */
a.social-icon.social-icon-light {
	background-color:rgba(0,0,0,0.1);
	text-shadow:none;
	color:#888 !important;
}
a.social-icon.social-icon-light:hover>i {
	color:#fff !important;
}
	section.dark a.social-icon.social-icon-light {
		background-color:rgba(255,255,255,0.3);
		color:#fff !important;
	}
	section.dark a.social-icon.social-icon-light:hover>i {
		color:#fff !important;
	}


/* transparent social icons */
a.social-icon.social-icon-transparent {
	background-color:transparent;
	text-shadow:none;
	color:#666 !important;
}
a.social-icon.social-icon-transparent:hover>i {
	color:#fff !important;
}
	section.dark a.social-icon.social-icon-transparent {
		color:#999 !important;
	}
	section.dark a.social-icon.social-icon-transparent:hover>i {
		color:#fff !important;
	}


body:not(.device-touch) .social-icon {
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

body:not(.device-touch) .social-icon i {
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}


/* medium */
a.social-icon>i[class*=" icon-"],
a.social-icon>i[class^=icon-] {
	font-size:20px;
}

/* small */
a.social-icon.social-icon-sm,
a.social-icon.social-icon-sm>i {
	width:40px;
	height:40px;
	margin-top:0px;
	font-size: 28px;
	line-height:23px;
	color:#4c4c4c;
}
a.social-icon.social-icon-sm>i:last-child {
	padding-top:7px;
}
a.social-icon.social-icon-sm>i[class*=" icon-"],
a.social-icon.social-icon-sm>i[class^=icon-] {
	font-size:17px;
}

.social-youtube:hover { background-color: #C4302B !important; }
.social-youtube { background-color: #C4302B; }

.social-facebook:hover { background-color: #3B5998 !important; }
.social-facebook { background-color: #3B5998; }

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

.social-kakao:hover { background-color: #FFC113 !important; }
.social-kakao { background-color: #FFC113; }

.social-instagram:hover { background-color: #8C0383 !important; }
.social-instagram { background-color: #8C0383; }


.social-vimeo:hover { background-color: #86C9EF !important; }
.social-vimeo { background-color: #86C9EF; }
.social-googleplay:hover { background-color: #DD4B39 !important; }
.social-googleplay { background-color: #DD4B39; }

/*-------------------------------------------------
						separator
----------------------------------------------------*/

.separator {
	position:relative;
	display:block;
	height:2px;
	background-color:#eaeaea;
	margin:10px 0
}
.separator.transparent {
	background-color:transparent
}
.separator.small {
	background-color:#303030;
	height:2px;
	position:relative;
	width:22px;
	display:block;
	margin:10px auto 20px
}
.separator.small.left {
	margin-left:0;
	margin-right:0
}
.separator.small.right {
	margin-left:0;
	margin-right:auto
}


/*======================================================
						Text Style
========================================================*/

	.cross-border:before,
	.cross-border:after {
		content: ''; 
		display: inline-block; 
		width: 48px; 
		height: 1px; 
		background-color: #222; 
		position: relative; 
		top: -10px; 
		left: -30px;
	}
	.cross-border:after {
		left: inherit; 
		right: -30px;
	}

		@media (max-width: 767px) {
			.cross-border:before,
			.cross-border:after  {
				display:none;
			}
		}


	.full-border {
		display: block;		
		position: relative;
		z-index: 1;
	}
	.full-border:before { 
		border-top: 1px solid #ddd; 
		content: ""; 
		position: absolute; 
		top: 25px; 
		left: 0; 
		width: 100%; 
		z-index: -1; 
	}
	.full-border span {
		background-color:#fff;
		padding:0 30px;
	}

.row.dark 	.full-border:before {
		border-top: 1px solid rgba(255,255,255,0.3); 
}


/* ==========================================================================
   Modal
============================================================================= */


.hidden-xs-up {
  display: none !important;
}

@media (max-width: 575px) {
  .hidden-xs-down {
    display: none !important;
  }
}

@media (min-width: 576px) {
  .hidden-sm-up {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important;
  }
}

.hidden-xl-down {
  display: none !important;
}


/*-----------------------------------
			 Img Background 
  -----------------------------------*/


.hero-wrap {
	position:relative;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
.hero-caption {
	position:relative;
	display:table;
	height:100%;
	width:80%;
	text-align:center;
	margin:0 auto;
	z-index:2;
}

.hero-caption.innerbox {
	width:30%;
	margin-left:100px;
	background-color:rgba(0,0,0,.78);
	text-align:left;
	padding:1.5em;
}
.hero-caption.innerbox > .hero-text {
	color:#fff;
}
.hero-text {
	position:relative;
	display:table-cell;
	vertical-align:middle;
	height:100%;
}
.hero-text.align-end,
.innerbox-text.align-end {
	vertical-align:bottom;
}
.hero-text.align-start,
.innerbox-text.align-start {
	vertical-align:top;
}
.hero-text.text-light {
	color:#fff;
}
.hero-text.text-dark {
	color:#111;
}
.hero-wrap h1, .hero-wrap h1, .hero-wrap h1, .hero-wrap h1, .hero-wrap h1, .hero-wrap h1 {
	line-height:1.2;
	margin:0;
}

.innerbox-wrap {
	position:absolute;
	top:0px;
	left:100px;
	width:25%;
	height:100%;

	background-color:rgba(0,0,0,.8);
	text-align:left;
	padding:1.5em;
	z-index:11;
	display:table;
	}

	.innerbox-wrap.outline {
		height:66%;
			 top:50%;
	 -webkit-transform:translateY(-50%);
	 -moz-transform:translateY(-50%);
	 -o-transform:translateY(-50%);
	 transform:translateY(-50%);
		background-color:#fff;
	}

.innerbox-text {
	color:#fff;
	display:table-cell;
	vertical-align:middle;
}


	@media (max-width:767px) {
		.hero-caption {
			width:90%;
		}

	}

/* Img Background */

.img-bg-center {
	background-position:center!important;
	background-size:cover
}
.img-bg-top {
	background-position:top!important;
	background-size:cover
}
.img-bg-bottom {
	background-position:bottom!important;
	background-size:cover
}
.img-bg-soft,.img-bg-softer {
	background-position:center;
	position:relative
}
.img-bg-soft:before,.img-bg-softer:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.light-bg.img-bg-soft:before {
	background-color:#f2f5f7;
	opacity:.5
}
.dark-bg.img-bg-soft:before {
	background-color:#000;
	opacity:.4
}
.tint-bg.img-bg-soft:before {
	opacity:.5
}
.tint-bg.img-bg-softer:before {
	opacity:.8
}