/* 탑슬라이더 */
.slide-tmargin {margin-top: -180px;}
@media only screen and (max-width: 1000px) {
    .slide-tmargin {margin-top: 0px;}
}

/* 탑메뉴 */

/* 서브타이틀 */
.page-title-1.style-1 {padding: 130px 0px 70px 0px;}
h1.big-text {font-size: 50px;line-height: 50px;}
@media only screen and (max-width: 1000px) {
    .page-title-1.style-1 {padding: 150px 0px 50px 0px;}
	h1.big-text {font-size: 40px;line-height: 40px;}
	h5.extra-text {font-size: 17px;}
}
@media screen and (max-width: 640px) {
	.page-title-1.style-1 {padding: 120px 0px 20px 0px;}
	h1.big-text {font-size: 25px;line-height: 25px;margin-bottom: 10px;}
	h5.extra-text {font-size: 15px;line-height: 20px;}
}
@media screen and (max-width: 360px) {
	.page-title-1.style-1 {padding: 120px 0px 20px 0px;}
	h1.big-text {font-size: 20px;line-height: 20px;margin-bottom: 10px;}
	h5.extra-text {font-size: 13px;line-height: 18px;}
}

/* 인테리어 포트폴리오 최신글 섹션 A 시작 { */
	.em-interior-recent-1 .img-hover-text2 {
		position: relative;
		background: #323335;
	}
	.em-interior-recent-1 .img-hover-text2 img {
		opacity: 0.9;
		display: block;
		transition: all 0.3s ease;
	}
	.em-interior-recent-1 .img-hover-text2:hover img {
		opacity: 0.5;
	}
	.em-interior-recent-1 .img-hover-text2 .distext {
		position: absolute;
		left: 10%;
		right: 10%;
		bottom: 12%;
		text-decoration: none;
		transition: all 0.3s ease;
		opacity: 0;
	}
	.em-interior-recent-1 .img-hover-text2:hover .distext {
		bottom: 20%;
		opacity: 1;
	}
	.em-interior-recent-1 .img-hover-text2 .distext .hidtext {
		opacity: 1;
		transition: all 0.3s ease;
	}
	.em-interior-recent-1 .img-hover-text2:hover .distext .hidtext {
		opacity: 1;
	}
	.em-interior-recent-1 .img-hover-text2 .distext .hidtext h5.less-mar-4 {margin-top: 0;margin-bottom: 0;}
	.em-interior-recent-1 .img-hover-text2 .distext .hidtext p {line-height: 1.4em;}
	.em-interior-recent-1 .img-hover-text2 .distext .hidtext .margin-top-1 {margin-top: 5px;}
	.em-interior-recent-1 .img-hover-text2 .distext .hidtext .margin-bottom-1 {margin-bottom: 0;}

	.em-interior-recent-1 .img-hover-text2.button-1 {width: 100%;background: #56585a;}
	.em-interior-recent-1 .img-hover-text2.button-1:hover {background: #323335;}
	.em-interior-recent-1 .img-hover-text2.button-1 .distext {bottom: 20%;opacity: 1;}

	.button-share {position: absolute;right: 30px;top: 15px;width: 30px;height: 30px;text-align: center;line-height: 26px;font-size: 14px;background-color: #505050;border: 0;border-radius: 3px;background-repeat: no-repeat;background-position: center center;background-size: 20px 20px;}
	.share-pop {text-align: center;}
	.share-pop a.share-facebook, .share-pop a.share-twitter {display:inline-block;width: 34px;height: 34px;color: #fff;font-size: 20px;text-align: center;border-radius: 3px;margin: 0 10px;}
	.share-pop a.share-facebook {background: #3b5997;line-height: 34px;}
	.share-pop a.share-twitter {background: #09aeee;line-height: 34px;}
	
	
	@media only screen and (max-width: 1024px) {	
		.em-interior-recent-1 .img-hover-text2 .distext {left: 5%;right: 5%;bottom: 10%;}
		.em-interior-recent-1 .img-hover-text2:hover .distext {bottom: 10%;}
	}
	@media only screen and (max-width: 1000px) {
	}
	@media only screen and (max-width: 991px) {
	}
	@media only screen and (max-width: 800px) {
	}
	@media only screen and (max-width: 768px) {
	}
	@media only screen and (max-width: 640px) {
		.em-product-recent-1 .col-xs-12 {padding-left: 5px;padding-right: 5px;}
	}
	@media only screen and (max-width: 480px) {
	}
	@media only screen and (max-width: 360px) {
	}
	@media only screen and (max-width: 320px) {
	}
/* } 인테리어 포트폴리오 최신글 섹션 A 끝 */

.capitalize {text-transform: capitalize;}

/* 푸터 커스텀 */
footer.footer-color-1 {background-color: #f0f0f0;}
footer.footer-color-1 .divider-line.light {border-bottom-color: #505050;}
footer.footer-color-1 .footer-social-icons.stype-c li a {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.2);
	border: 1px solid #fff;
}
footer.footer-color-1 .footer-social-icons.stype-c li a:hover, .footer-social-icons.stype-c li a.active {
    color: #999;
    background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.2);
}
footer.footer-color-1 .bg-color {background-color: #e5e5e5;}

/* 관계사 배너 커스텀 */
.em-owl-ban-1 {background-color: #fff;border-top: 1px solid #efefef;}

/* Scroll down icon */

@-webkit-keyframes scroll-down-anim {
	0%{ top: -7px; }
	50%{ top: 3px; }
	100%{ top: -7px; }
}
@-moz-keyframes scroll-down-anim {
	0%{ top: -7px; }
	50%{ top: 3px; }
	100%{ top: -7px; }
}
@-o-keyframes scroll-down-anim {
	0%{ top: -7px; }
	50%{ top: 3px; }
	100%{ top: -7px; }
}
@keyframes scroll-down-anim {
	0%{ top: -7px; }
	50%{ top: 3px; }
	100%{ top: -7px; }
}

.scroll-down{
	z-index: 999;
	width: 150px;
	height: 43px;
	margin-left: -75px;
	line-height: 43px;
	white-space: nowrap;
	position: absolute;
	bottom: 10%;
	left: 50%;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 3px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	color: rgba(255,255,255, .5) !important;
	
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 

}


.scroll-down:hover,
.scroll-down:focus{
	text-decoration: none;
	letter-spacing: 6px;
	color: rgba(255,255,255, 0) !important;
}
.scroll-down.static,
.scroll-down.static{
	color: rgba(255,255,255, .4) !important;
}
.scroll-down.static:hover,
.scroll-down.static:focus{
	letter-spacing: 3px;
	color: rgba(255,255,255, .85) !important;
}
.scroll-down-icon{
	width: 26px;
	height: 100%;
	margin-left: -13px;
	position: absolute;
	top: 0;
	left: 50%;
	border: 2px solid rgba(255,255,255, .35);
	
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
	
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	
	-webkit-animation: scroll-down-anim 1s infinite;
    -moz-animation: scroll-down-anim 1s infinite;
    -o-animation: scroll-down-anim 1s infinite;
    animation: scroll-down-anim 1s infinite; 
}

.scroll-down-icon:after{
	content: " ";
	width: 2px;
	height: 12px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1px;
	background: rgba(255,255,255, .35);
	
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.scroll-down:hover .scroll-down-icon{
	background: rgba(255,255,255, .7);
}

.scroll-down:hover .scroll-down-icon:after{
	background: rgba(0,0,0, .5);
}
.scroll-down.light:hover .scroll-down-icon:after,
.bg-color .scroll-down:hover .scroll-down-icon:after,
.bg-color-alfa .scroll-down:hover .scroll-down-icon:after,
.bg-color-alfa-30 .scroll-down:hover .scroll-down-icon:after,
.bg-color-alfa-50 .scroll-down:hover .scroll-down-icon:after,
.bg-color-alfa-70 .scroll-down:hover .scroll-down-icon:after,
.bg-color-alfa-90 .scroll-down:hover .scroll-down-icon:after{
	background: rgba(255,255,255, .15);
}

@media only screen and (max-width: 1240px) {
	.scroll-down {display: none;}
}