@charset "utf-8";
/*
body.fp-viewing-1 .logo,
body.fp-viewing-2 .logo,
body.fp-viewing-4 .logo,
body.fp-viewing-5 .logo {background-image:url('../img/common/logo.png');}
body.fp-viewing-1 .lang_box span.on,
body.fp-viewing-1 .lang_box a,
body.fp-viewing-2 .lang_box span.on,
body.fp-viewing-2 .lang_box a,
body.fp-viewing-4 .lang_box span.on,
body.fp-viewing-4 .lang_box a,
body.fp-viewing-5 .lang_box span.on,
body.fp-viewing-5 .lang_box a {color:#000;}
body.fp-viewing-1 .lang_box span.on:after,
body.fp-viewing-2 .lang_box span.on:after,
body.fp-viewing-4 .lang_box span.on:after,
body.fp-viewing-5 .lang_box span.on:after {background:#000;}
body.fp-viewing-1 #gnb > ul > li > a,
body.fp-viewing-2 #gnb > ul > li > a,
body.fp-viewing-4 #gnb > ul > li > a,
body.fp-viewing-5 #gnb > ul > li > a {color:#000;}
body.fp-viewing-1 #nav-icon span,
body.fp-viewing-2 #nav-icon span,
body.fp-viewing-4 #nav-icon span,
body.fp-viewing-5 #nav-icon span {background:#000;}
*/

body.fp-viewing-1 .logo,
body.fp-viewing-3 .logo,
body.fp-viewing-5 .logo,
body.fp-viewing-6 .logo {background-image:url('../img/common/logo.png');}
body.fp-viewing-1 .lang_box span.on,
body.fp-viewing-1 .lang_box a,
body.fp-viewing-3 .lang_box span.on,
body.fp-viewing-3 .lang_box a,
body.fp-viewing-5 .lang_box span.on,
body.fp-viewing-5 .lang_box a,
body.fp-viewing-6 .lang_box span.on,
body.fp-viewing-6 .lang_box a {color:#000;}
body.fp-viewing-1 .lang_box span.on:after,
body.fp-viewing-3 .lang_box span.on:after,
body.fp-viewing-5 .lang_box span.on:after,
body.fp-viewing-6 .lang_box span.on:after {background:#000;}
body.fp-viewing-1 #gnb > ul > li > a,
body.fp-viewing-3 #gnb > ul > li > a,
body.fp-viewing-5 #gnb > ul > li > a,
body.fp-viewing-6 #gnb > ul > li > a {color:#000;}
body.fp-viewing-1 #nav-icon span,
body.fp-viewing-3 #nav-icon span,
body.fp-viewing-5 #nav-icon span,
body.fp-viewing-6 #nav-icon span {background:#000;}

/* =============== Main - visual =============== */

#mainVisual{overflow:hidden; width:100%; height:100vh; position:relative;}	/* 비주얼높이값 이미지에맞게 수정 */
#mainVisual .mainVisualWrap, 
#mainVisual .mainVisualCon, 
#mainVisual .slick-list,  
#mainVisual .slick-track, 
.item{
	height:100%;
}

.mainVisualWrap {position:relative; z-index:2;}

#mainVisual .mainVisualCon .item.video {position:relative; background:#000;}
#mainVisual .mainVisualCon .item video {position:absolute; width:100%; height:100%;}
/* 메인 비주얼 ::이미지 */
.item {position:relative;}
.item .pc_img{
	width:100%;
	height:100%;
	background-size:cover !important;
	-ms-transform:scale(1.1,1.1);
    -o-transform:scale(1.1,1.1); 
    -moz-transform:scale(1.1,1.1); 
    -webkit-transform:scale(1.1,1.1); 
     transform:scale(1.1,1.1);
	-webkit-transition:transform 5000ms  ease-in-out ;
	-moz-transition:transform 5000ms ease-in-out ;
	-o-transition:transform 5000ms ease-in-out ;
	-ms-transition:transform 5000ms ease-in-out ;
    transition:transform 5000ms ease-in-out ;	
}

/* 메인 비주얼 ::텍스트 */
.item .text_box {position:absolute; width:1400px; top:55%; left:calc(50% - 700px); margin-top:-168px;}
.item .text_box h3.title,
.item .text_box p,
.item .text_box .main-visual-more-btn{
	opacity:0;filter:Alpha(opacity=0);
	-ms-transform:translateX(-50px); 
    -o-transform:translateX(-50px); 
    -moz-transform:translateX(-50px);
    -webkit-transform:translateX(-50px); 
     transform:translateX(-50px);
	-webkit-transition:opacity 1.0s, transform 1.0s;
	-moz-transition:opacity 1.0s, transform 1.0s;
	-o-transition:opacity 1.0s, transform 1.0s;
	-ms-transition:opacity 1.0s, transform 1.0s;
	transition:opacity 1.0s, transform 1.0s;
}

.item .text_box {color:#fff; text-shadow:5px 11px 15px rgb(0,0,0,0.35); text-align:center;}
.item .text_box .sTit {font-style:normal; font-size:35px; font-weight:400; display:block; letter-spacing:0.5px; line-height:100%; margin-bottom:31px;}
.item .text_box .sTit b {font-weight:900;}
.item .text_box h3.title {display:block;font-size:60px; font-weight:600; line-height:120%;}

/* 메인 비주얼 ::active효과 */
.item.active-item .pc_img{
	animation:mainImg ease-in-out 5000ms;
}

.item.active-item .text_box .sTit {
	animation:mainTxt ease-in-out 1s forwards; opacity:0; animation-delay: 0.2s;
}
.item.active-item h3.title{
	animation:mainTxt ease-in-out 1s forwards; opacity:0; animation-delay: 0.6s;
}

@keyframes mainImg{
	100% {transform:scale(1,1) rotate(0.0001deg);}
}

@keyframes mainTxt{ 
	0% {transform:translateY(-50px); opacity:0;} 
	100% {transform:translateY(0px); opacity:1;}
}


	@media screen and (max-width:1439px){
		.item .text_box {width:100%; left:auto; padding:0 5%;}
		.item .text_box .sTit {font-size:200%;}
		.item .text_box h3.title {font-size:320%;}
	}

	@media screen and (max-width:999px){
		.item .text_box {top:55%;}
		.item .text_box h3.title {font-size:260%;}
	}

	@media screen and (max-width:799px){
		.item .text_box .sTit {font-size:160%;}
		.item .text_box h3.title {font-size:200%;}
	}

	@media screen and (max-width:499px){
		.item .text_box {top:65%;}
		.item .text_box .sTit {font-size:120%; margin-bottom:21px;}
		.item .text_box h3.title {font-size:160%;}
	}


#mainVisual .slick-arrow {position:absolute; bottom:calc(50% - 27.5px); width:30px; height:55px; background-color:inherit; background-repeat:no-repeat; background-position:50% 50%; margin-top:-35px; cursor:pointer; border:0; cursor:pointer; z-index:9999; font-size:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

#mainVisual .slick-arrow.slick-prev {left:calc(50% - 810px); background-image:url('../img/main/prevBtn.png');}
#mainVisual .slick-arrow.slick-next {right:calc(50% - 810px); background-image:url('../img/main/nextBtn.png');}
#mainVisual .slick-dots {position:absolute; width:100%; text-align:center; bottom:calc(50% - 150px); z-index:1099;}
#mainVisual .slick-dots li {display:inline-block; margin:0 2px; width:25px; height:2px; overflow:hidden; font-size:0; opacity:0.5;}
#mainVisual .slick-dots li button {width:100%;}
#mainVisual .slick-dots li.slick-active {width:50px; height:4px; opacity:1;}

	@media screen and (max-width:499px){
		#mainVisual .slick-dots {bottom:calc(60% - 150px);}
	}


/* =============== Main - default =============== */

.contentSec .container {display:flex; align-items: center; height:100%;}

.contentSec .left {}
.contentSec .right {}

.contentSec .textWrap {}
.contentSec .textWrap .engTit {display:inline-block; font-size:20px; color:#1a68a3; text-transform:uppercase; margin-bottom:36px;}
.contentSec .textWrap .engTit .arrow {position:relative; display:inline-block; top:-1px; margin-left:14px;}
.contentSec .textWrap .engTit:hover .arrow {animation: arrowbounce 1s backwards;}
.contentSec .textWrap h2 {font-size:50px; color:#111; font-weight:700; opacity:0;}
.contentSec .textWrap h2 .sTit {display:block; font-size:30px; font-weight:200; margin-bottom:11px;}
.contentSec .textWrap h2 .sTit b {font-weight:600;}
.contentSec .textWrap p {font-size:18px; color:#333; letter-spacing:-0.02em; margin-top:38px; line-height:140%; word-break:keep-all; opacity:0;}

.contentSec .imageWrap {}

.contentSec.active .textWrap h2 {animation: aniH2 0.8s ease-in-out forwards; animation-delay: 0.5s; }
.contentSec.active .textWrap p {animation: aniP 0.8s ease-in-out forwards; animation-delay: 1s; }


	@keyframes arrowbounce {
		0%, 20%, 50%, 80%, 100% {transform: translateX(0);}
		40% {transform: translateX(30px);}
		60% {transform: translateX(20px);}
	} 

	@media screen and (max-width:1439px){
		.contentSec .textWrap .engTit {font-size:110%;}
		.contentSec .textWrap h2 {font-size:220%;}
		.contentSec .textWrap h2 .sTit {font-size:60%;}
		.contentSec .textWrap p {font-size:110%; margin-top:28px;}
		.contentSec .textWrap p br {display:none;}
	}

	@media screen and (max-width:999px){
		.contentSec .container {height:auto;}
		.contentSec .fp-tableCell {height:auto !important;}
		.contentSec .textWrap {text-align:center;}
		.contentSec .textWrap .engTit {font-size:100%; margin-bottom:26px;}
		.contentSec .textWrap h2 {font-size:200%;}
		.contentSec .textWrap p {margin-top:18px;}
	}

	@media screen and (max-width:799px){
		.contentSec .textWrap .engTit {font-size:90%;}
		.contentSec .textWrap h2 {font-size:180%;}
		.contentSec .textWrap p {font-size:100%;}
	}

	@media screen and (max-width:499px){
		.contentSec .textWrap .engTit {font-size:80%;}
		.contentSec .textWrap h2 {font-size:160%;}
		.contentSec .textWrap p {font-size:90%;}
	}

/* =============== Main - 제품소개 =============== */

#mainProduct .fp-tableCell {display:flex; align-items: center; justify-content: center;}
#mainProduct .textWrap {width:32%; padding-right:2%;}
#mainProduct .textWrap .gallery-thumbs {margin-top:45px; max-width:451px;}
#mainProduct .textWrap .gallery-thumbs .swiper-slide {text-align:center; cursor:pointer; word-break:keep-all;}
#mainProduct .textWrap .gallery-thumbs .swiper-slide .icon {display:flex; align-items: center; justify-content: center; height:87px; background:#f9f9f9; border-radius:25px 0 0 0; margin-bottom:15px;}
#mainProduct .textWrap .gallery-thumbs .swiper-slide-thumb-active {color:#1a68a3;}
#mainProduct .textWrap .gallery-thumbs .swiper-slide-thumb-active .icon {border:1px solid #1a68a3;}

#mainProduct .imageWrap {width:68%; overflow:hidden; margin-right:-27%; border-radius:50px 0 0 0;}
#mainProduct .imageWrap img {max-width:100%;}

	@media screen and (max-width:1439px){
		#mainProduct .textWrap {width:45%; padding:0 3%;}
		#mainProduct .imageWrap {width:55%; margin-right:0;}
		#mainProduct .textWrap .gallery-thumbs {margin-top:40px;}
		#mainProduct .textWrap .gallery-thumbs .swiper-slide {font-size:100%;}
		#mainProduct .textWrap .gallery-thumbs .swiper-slide .icon {height:77px;}
		#mainProduct .textWrap .gallery-thumbs .swiper-slide .icon img {max-height:30px;}
	}

	@media screen and (max-width:999px){
		#mainProduct {height:auto !important;}
		#mainProduct .fp-tableCell {flex-direction: column; margin-bottom:50px;}
		#mainProduct .textWrap {width:80%; padding:50px 0 80px;}
		#mainProduct .textWrap .gallery-thumbs {max-width:inherit; margin-top:30px;}
		#mainProduct .textWrap .gallery-thumbs .swiper-slide .icon {height:87px;}
		#mainProduct .textWrap .gallery-thumbs .swiper-slide .icon img {max-height:inherit;}
		
		#mainProduct .imageWrap {width:80%;}
	}

	@media screen and (max-width:799px){
		#mainProduct .textWrap {width:90%;}
		#mainProduct .textWrap .gallery-thumbs .swiper-slide {font-size:100%;}

		#mainProduct .imageWrap {width:90%;}
	}

	@media screen and (max-width:499px){
		#mainProduct .textWrap .gallery-thumbs .swiper-slide {font-size:90%;}
	}

/* effect */
#mainProduct .textWrap .gallery-thumbs .swiper-slide {animation: aniTOP 0.5s ease-in-out forwards; animation-delay: 1.5s; opacity:0;}
#mainProduct .textWrap .gallery-thumbs .swiper-slide:nth-child(2) {animation-delay: 1.6s;}
#mainProduct .textWrap .gallery-thumbs .swiper-slide:nth-child(3) {animation-delay: 1.7s;}


/* =============== Main - 지붕임대사업소개 =============== */
#mainBusiness {background:url('../img/main/mainBusinessBg.jpg') center no-repeat; background-size:cover; color:#fff;}
#mainBusiness .textWrap {text-align:center;}
#mainBusiness .textWrap .engTit,
#mainBusiness .textWrap h2,
#mainBusiness .textWrap p {color:inherit;}
#mainBusiness .busiList {display:flex; gap:30px; justify-content:center; align-items:center; margin-top:50px;}
#mainBusiness .busiList li {display: flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:320px;height:320px;text-align:center;opacity:0;padding:40px;}
#mainBusiness .busiList li:before {display:block; position:absolute; content:''; top:0; bottom:0; left:0; right:0;background:rgba(255,255,255,0.1);border-radius:25px; z-index:0;}
#mainBusiness .busiList li * {opacity:0.7; z-index:1;}
#mainBusiness .busiList li a {display:block; position:absolute; width:100%; height:100%; content:''; top:0; left:0; z-index:1;}
#mainBusiness .busiList li .icon {display:block;width: 80px;height:80px;}
#mainBusiness .busiList li b {position:relative; font-size:22px; font-weight:500; padding-bottom:12px; margin:12px 0;}
#mainBusiness .busiList li b:before {position:absolute; display:block; content:''; width:25px; height:2px; background:#fff; left:50%; transform:translateX(-50%); bottom:0;}
#mainBusiness .busiList li p {font-size:16px; margin:0; animation:initial;}

#mainBusiness .busiList li:hover:before {background:#1A68A3; border:1px solid #fff;}
#mainBusiness .busiList li:hover * {opacity:1;}

#mainBusiness.active .busiList li {animation: aniTOP 0.5s ease-in-out forwards; animation-delay: 1.5s;}
#mainBusiness.active .busiList li:nth-child(2) {animation-delay: 1.6s;}
#mainBusiness.active .busiList li:nth-child(3) {animation-delay: 1.7s;}
	@media screen and (max-width:1439px){
		#mainBusiness .textWrap p br {display:block;}
		#mainBusiness .busiList {width:90%; margin: 30px auto 0;}
		#mainBusiness .busiList li {width:calc(100%/3 - 20px);height: auto;}
		#mainBusiness .busiList li b {font-size:120%;}
	}

	@media screen and (max-width:1079px){
		#mainBusiness .busiList li p br {display:none;}
	}

	@media screen and (max-width:999px){
		#mainBusiness {height:auto !important; padding:100px 3% 80px;}
		#mainBusiness .textWrap {width: 100%;}
		#mainBusiness .busiList {width:100%;}
	}

	@media screen and (max-width:799px){
		#mainBusiness .textWrap p br {display:none;}
		#mainBusiness.active .busiList {flex-wrap:wrap; gap:20px;}
		#mainBusiness.active .busiList li {width:100%; padding:20px 2% 30px;}
	}
	
	@media screen and (max-width:499px){
		#mainBusiness .busiList li {border-radius:15px;}
		#mainBusiness .busiList li .icon {width: 65px;height: 65px;}
		#mainBusiness .busiList li .icon img {width:100%;}
		#mainBusiness .busiList li b {font-size:105%;padding-bottom: 10px;margin: 10px 0;}
		#mainBusiness .busiList li b:before {height:1px; width:20px;}
		#mainBusiness .busiList li p {font-size:90%;}
	}


/* =============== Main - 회사소개 =============== */

#mainCompany .fp-tableCell {display:flex; align-items: center; justify-content: center;}
#mainCompany .imageWrap {position:relative; width:48%; height:100%; background:url('../img/main/mainComBg.jpg') center no-repeat; background-size:cover; border-radius:0 0 100px 0; overflow:hidden; }
#mainCompany .textWrap {width:57%; padding-left:90px;}
#mainCompany.active .imageWrap {animation: aniBG 3s ease-in-out forwards;}
#mainCompany.active .textWrap h2 {animation-delay: 1.5s;}
#mainCompany.active .textWrap p {animation-delay: 2s;}

	@media screen and (max-width:1439px){
		#mainCompany .textWrap {padding:0 3%;}
	}

	@media screen and (max-width:999px){
		#mainCompany {height:auto !important;}
		#mainCompany .fp-tableCell {flex-direction:column;}
		#mainCompany .imageWrap {width:100%; height:300px; border-radius:0 0 50px 0; opacity:0;}
		#mainCompany .textWrap {width:100%; padding:50px 3% 80px;}
	}

	@media screen and (max-width:799px){
		#mainCompany .imageWrap {height:250px;}
	}

	@media screen and (max-width:499px){
	}



/* =============== Main - 문의하기 =============== */

#mainInquiry {background:url('../img/main/mainInquiryBg.jpg') center no-repeat; background-size:cover; color:#fff;}
#mainInquiry .container {width:900px; justify-content: space-between;}

#mainInquiry .textWrap {}
#mainInquiry .textWrap .engTit,
#mainInquiry .textWrap h2,
#mainInquiry .textWrap p {color:inherit;}

#mainInquiry .btnWrap {position:relative; width:355px; padding-top:355px; opacity:0;}
#mainInquiry .btnWrap a {position:absolute; display:flex; align-items: center; justify-content: center; width:86%; padding-top:86%; top:7%; left:7%; z-index:2; text-align:center;}
#mainInquiry .btnWrap a:before {position:absolute; display:block; width:80%; height:80%; top:10%; left:10%; background:rgba(255,255,255,0.25); border-radius:50%; overflow:hidden; content:'';}
#mainInquiry .btnWrap b:before {position:relative; display:block; margin-bottom:11px; content:url('../img/main/inquiryBtnIcon.png');}
#mainInquiry .btnWrap b {position:absolute; display:flex; align-items: center; justify-content: center; flex-direction: column; width:100%; height:100%; top:0; font-weight:400; font-size:20px; font-family:'S-CoreDream', sans-serif; z-index:2;}
#mainInquiry .btnWrap b:after {position:relative; width:100%; display:inline-block; content:'→';}
#mainInquiry .btnWrap svg {position:absolute; top:0; fill:currentColor; height:auto;  width: 100%; max-width: 100vmin; transform-origin:center; opacity:0.5; font-weight:200; animation: cirRound 8s linear infinite;}
#mainInquiry .btnWrap:hover a:before {background:#1a68a3; transition-duration: 0.25s;}

#mainInquiry.active .textWrap h2 {animation-delay: 0.3s;}
#mainInquiry.active .textWrap p {animation-delay: 0.3s;}
#mainInquiry.active .btnWrap {animation: fadeIn 1s ease-in-out forwards; animation-delay: 0.8s;}

	@keyframes fadeIn{
		0% {opacity:0;}
		100% {opacity:1;}
	}

	@keyframes cirRound{
		100% {transform: rotate(-360deg);}
	}

	@media screen and (max-width:1439px){
		#mainInquiry .textWrap {width:55%;}
		#mainInquiry .btnWrap {width:305px; padding-top:305px;}
		#mainInquiry .btnWrap b {font-size:120%;}
	}

	@media screen and (max-width:999px){
		#mainInquiry {height:auto !important; padding:100px 0 50px;}
		#mainInquiry .container {width:100%; flex-direction: column;}
		#mainInquiry .textWrap {width:100%; margin-right:0;}

		#mainInquiry .btnWrap {width:285px; padding-top:285px;}
		#mainInquiry .btnWrap b {font-size:100%;}
	}

	@media screen and (max-width:799px){
		#mainInquiry .btnWrap b {font-size:90%;}
	}

	@media screen and (max-width:499px){
		#mainInquiry .btnWrap {width:205px; padding-top:205px;}
		#mainInquiry .btnWrap b {font-size:80%;}
	}


/* =============== Main - 오시는 길 =============== */


#mainLocation .fp-tableCell {display:flex; align-items: center; justify-content: center;}
#mainLocation .mapWrap {position:relative; width:54.5%; height:650px; border-radius:0 50px 0 0; overflow:hidden;}
#mainLocation .mapWrap .tabnav{position:absolute; display:flex; justify-content: center; width:100%; bottom:60px; z-index:9;}
#mainLocation .mapWrap .tabnav li{position:relative; width:200px; height:65px; text-align:center; margin:0 12px;}
#mainLocation .mapWrap .tabnav li a {position:absolute; display: flex; justify-content: center; align-items: center; width:100%; height:100%; top:0; left:0; font-size:22px; font-weight:600; color:#ddd; background:rgba(255,255,255,0.9); border:1px solid #dfdfdf; box-shadow:3px 2px 8px rgba(0,0,0,0.1);}
#mainLocation .mapWrap .tabnav li a.active {color:#2d74ab; border:1px solid #3d7fb0;}
#mainLocation .mapWrap .tabcontent{}

#mainLocation .textWrap {width:45.5%; padding-left:84px;}
#mainLocation .textWrap .mapLink {display: flex; margin-top:50px;}
#mainLocation .textWrap .mapLink li {width:140px; text-align:center; margin-left:16px; opacity:0;}
#mainLocation .textWrap .mapLink li:first-child {margin-left:0;}
#mainLocation .textWrap .mapLink li.mapBtn a {font-size:18px; letter-spacing:-0.02em;}
#mainLocation .textWrap .mapLink li.mapBtn a:before {position:relative; display:flex; align-items: center; justify-content: center; width:100%; height:87px; background:#f9f9f9; border-radius:0 25px 0 0; overflow:hidden; margin-bottom:15px;}

#mainLocation .textWrap .mapLink li.naver a:before {content:url('../img/main/naverIcon.png');}
#mainLocation .textWrap .mapLink li.kakao a:before {content:url('../img/main/kakaoIcon.png');}
#mainLocation .textWrap .mapLink li.google a:before {content:url('../img/main/googleIcon.png');}

#mainLocation.active .textWrap .mapLink li {animation: aniTOP 0.5s ease-in-out forwards; animation-delay: 1.5s;}
#mainLocation.active .textWrap .mapLink li:nth-child(2) {animation-delay: 1.6s;}
#mainLocation.active .textWrap .mapLink li:nth-child(3) {animation-delay: 1.7s;}

	@media screen and (max-width:1439px){
		#mainLocation .mapWrap {width:52.5%; height:550px;}
		#mainLocation .mapWrap .tabnav {bottom:50px;}
		#mainLocation .mapWrap .tabnav li {width:180px; height:55px;}
		#mainLocation .mapWrap .tabnav li a {font-size:120%;}

		#mainLocation .textWrap {width:47.5%; padding:0 3%;}
		#mainLocation .textWrap p br {display:block;}
		#mainLocation .textWrap .mapLink li.mapBtn a {font-size:110%;}
	}

	@media screen and (max-width:999px){
		#mainLocation {height:auto !important;}
		#mainLocation .fp-tableCell {flex-direction: column;}

		#mainLocation .mapWrap {width:100%; height:450px;}
		#mainLocation .mapWrap .tabnav li a {font-size:110%;}

		#mainLocation .textWrap {width:100%; padding:80px 3% 50px;}
		#mainLocation .textWrap .mapLink li {width:33.333%;}
	}

	@media screen and (max-width:799px){
		#mainLocation .mapWrap {height:350px; border-radius:0 25px 0 0;}
		#mainLocation .mapWrap .tabnav li {width:35%; height:45px;}
		#mainLocation .mapWrap .tabnav li a {font-size:100%;}

		#mainLocation .textWrap .mapLink li.mapBtn a {font-size:100%;}
	}

	@media screen and (max-width:499px){
		#mainLocation .textWrap .mapLink li.mapBtn a {font-size:90%;}
	}

/* =============== Main - footer =============== */

.sec-footer {margin-top:0 !important;}




/* effect */
@keyframes aniH2 {
	from {opacity:0; transform:translateX(-60px);}
	to {opacity:1; transform:translateX(0);}
} 

@keyframes aniP {
	from {opacity:0; transform:translateX(-60px);}
	to {opacity:1; transform:translateX(0);}
} 

@keyframes aniBG {
	from {opacity:0; background-size:100%;}
	to {opacity:1; background-size:105%;}
} 

	@media screen and (max-width:1499px){
		@keyframes aniBG {
			from {opacity:0; background-size:160%;}
			to {opacity:1; background-size:170%;}
		} 
	}

	@media screen and (max-width:999px){
		@keyframes aniBG {
			from {opacity:0; background-size:110%;}
			to {opacity:1; background-size:120%;}
		} 
	}

	@media screen and (max-width:799px){
	}

	@media screen and (max-width:499px){
	}


@keyframes aniTOP {
	from {opacity:0; transform:translateY(40px);}
	to {opacity:1; transform:translateY(0);}
}