#main_banner{position:relative;width:100%}

/* 슬라이드 */
.slider {width: 100%;}
.slider .ss1 {background: url(/images/main_banner01.jpg) no-repeat center center; background-size: cover}
.slider .ss2 {background: url(/images/main_banner01.jpg) no-repeat center center; background-size: cover}


.slider .swiper-slide {text-align: left;padding:155px 0px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff}
.slider .swiper-slide span{opacity:0;margin-top:-114px; font-size:180px}
.slider .swiper-slide .title{position:relative;width:100%;margin:0 auto;opacity:0;font-size:35px;font-weight:700;padding:30px 30px 20px 20px;color:#333;line-height:120%}
.slider .swiper-slide .des{position:relative;width:100%;opacity:0;font-size:16px;font-weight:500;line-height:150%;color:#666;margin-top:10px;overflow:hidden;padding-left:20px}
/*.slider .swiper-slide .btn{position:relative;width:150px;opacity:0;font-size:16px;font-weight:500;border:0px solid #333;color:#666;margin-top:10px;overflow:hidden;text-align:center;height:40px;line-height:40px}*/

.slider .swiper-slide.swiper-slide-active span{animation:text 1s .3s both;}
.slider .swiper-slide.swiper-slide-active .title{animation:text 1s .4s both;}
.slider .swiper-slide.swiper-slide-active .des{animation:text 1s .8s both;}
.slider .swiper-slide.swiper-slide-active .btn{animation:text 1s .8s both;}
@keyframes text{
	0%{opacity:0;transform:translateY(30px);}
	100%{opacity:1;transform:translateY(0);}
}


/*이미지 롤오버*/
#wrap_main_class{}
.wrap_main_class{position:relative;margin-top:50px}
.wrap_main_class h3{font-size:25px;color:#000033;font-weight:700;line-height:250%;text-indent:1%}
.wrap_main_class h3 span{color:red}

.wrap_main_class .wrap_item{position:relative;width:100%;text-align:center}
.wrap_main_class .wrap_item .item{display:inline-block;background:#fff;width:23%;margin:0.8%;vertical-align:top;padding-bottom:0%}
.wrap_main_class .wrap_item .item figure .item_img {opacity: 1;transition: all 0.3s ease 0s;overflow: hidden;}
.wrap_main_class .wrap_item .item figure .item_img img{vertical-align:bottom}
.wrap_main_class .wrap_item .item figure:hover .item_img {
	overflow: hidden;
	background-color: #000;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/*공통 애니메이션*/
.img-bg{display:block;background-size:cover;opacity: 0;transform: translateY(0px);transition: all 1.5s;margin-top:0px}
.fade{transform:translateY(0px);transition:all 0.8s;opacity:1;}
/*공통 애니메이션*/
.img-bg.lazy{background-image:none;}

#wrap_main_space_lab{width:100%;padding:400px 0px;background: url(/images/main_banner01.jpg) no-repeat center center; background-size: cover}
#wrap_main_space_lab_copy{padding:100px 0px}



#main_smith_copy{width:100%;padding:100px 0px;text-align:center;background:#f9f9f9}
#main_smith_copy .main_smith_copy .main_smith_copy_des{font-size:30px}
#main_smith_copy .main_smith_copy .main_smith_copy_title{font-size:35px;}

#main_model{width:100%;padding:300px 0px;background: url(/images/brand_bg.jpg) no-repeat center center; background-size: cover}
#main_model_img{width:100%;padding:10px 0px}
#main_model_img .main_model_img{display:flex;}
.main_model_img li{padding:1%;width:98%}


#main_products{width:100%;padding:300px 0px;background: url(/images/product_bg.jpg) no-repeat center center; background-size: cover}
#main_products_img{width:100%;padding:10px 0px}
#main_products_img .main_model_img{display:flex;}
.main_products_img li{padding:1%;width:98%}


#main_magic{width:100%;padding:400px 0px;background: url(/images/main_magic_bg.jpg) no-repeat center center; background-size: cover}
#main_magic_img{width:100%;padding:10px 0px}
#main_magic_img .main_magic_img{display:flex;}
.main_magic_img li{padding:1%;width:98%}

#wrap_main_magic{width:100%;padding:100px 0px;text-align:center}
.wrap_main_magic_copy{width:100%}
.wrap_main_magic_copy .wrap_main_magic_copy_title{font-size:35px}
.wrap_main_magic_copy .wrap_main_magic_copy_des{font-size:30px}

.wrap_main_magic_service{width:100%;margin-top:100px;display:flex}

#main_contact_us{width:100%;margin-top:100px}


.main_about_copy{position:relative;display:flex}
.main_about_copy .about_header{position:relative;width:250px;font-size:28px;background:#000;color:#fff;height:70px;text-align:center;line-height:70px}
.main_about_copy .about_contents{position:relative;width:700px;padding-left:240px}
.main_about_copy .about_contents .about_title{position:relative;font-size:35px;height:80px}
.main_about_copy .about_contents .about_des{position:relative;word-break:keep-all;font-size:20px;line-height:180%}
.main_about_copy .about_contents .about_director{position:relative;text-align:right;margin-top:50px;font-size:20px;line-height:160%}


.ani_txt{position:relative;text-align:center}
.ani_txt .title{font-weight:700;color:#fff;font-size:40px}
.ani_txt .des{color:#fff;font-size:22px;font-weight:400;line-height:40px}
.ani_txt .title{animation:text 1s .5s both;}
.ani_txt .des{animation:text 1s .8s both;}

.wrap_contact{width:100%}
.wrap_contact .input{width:30%;height:50px;line-height:50px;border:0px solid #ccc;box-shadow: 0 0 0 1px #ccc inset;margin:0.1%;padding:0px 1% }
.wrap_contact .txt_area{width:96%;height:150px;border:0px solid #ccc;padding:1%;margin-top:10px;box-shadow: 0 0 0 1px #ccc inset}

input::placeholder {
  color: red;
  font-style: italic;
}
textarea::placeholder {
  color: red;
  font-style: italic;
}

/* 미디어 쿼리 */
@media (max-width: 1200px){
	#wrap_main_space_lab{width:100%;padding:350px 0px;background: url(/images/main_banner01.jpg) no-repeat center center; background-size: cover}
	#main_model{width:100%;padding:300px 0px;background: url(/images/brand_bg.jpg) no-repeat center center; background-size: cover}
	#main_magic{width:100%;padding:350px 0px;background: url(/images/main_magic_bg.jpg) no-repeat center center; background-size: cover}
	


	.main_about_copy .about_header{position:relative;width:250px;font-size:28px;background:#000;color:#fff;height:70px;text-align:center;line-height:70px}
	.main_about_copy .about_contents{position:relative;width:700px;padding-left:190px}
	.main_about_copy .about_contents .about_title{position:relative;font-size:35px;height:80px}
	.main_about_copy .about_contents .about_des{position:relative;word-break:keep-all;font-size:20px;line-height:180%}
	.main_about_copy .about_contents .about_director{position:relative;text-align:right;margin-top:50px;font-size:20px;line-height:160%}
}

@media (max-width: 1024px){
	#wrap_main_space_lab{width:100%;padding:300px 0px;background: url(/images/main_banner01.jpg) no-repeat center center; background-size: cover}
	#main_model{width:100%;padding:250px 0px;background: url(/images/brand_bg.jpg) no-repeat center center; background-size: cover}
	#main_products{width:100%;padding:250px 0px;background: url(/images/product_bg.jpg) no-repeat center center; background-size: cover}

	#main_magic{width:100%;padding:300px 0px;background: url(/images/main_magic_bg.jpg) no-repeat center center; background-size: cover}


	.main_about_copy .about_header{position:relative;width:220px;font-size:22px;background:#000;color:#fff;height:60px;text-align:center;line-height:60px}
	.main_about_copy .about_contents{position:relative;width:700px;padding-left:140px}
	.main_about_copy .about_contents .about_title{position:relative;font-size:35px;height:80px}
	.main_about_copy .about_contents .about_des{position:relative;word-break:keep-all;font-size:20px;line-height:180%}
	.main_about_copy .about_contents .about_director{position:relative;text-align:right;margin-top:50px;font-size:20px;line-height:160%}
}

@media (max-width: 960px){
	#wrap_main_space_lab{width:100%;padding:250px 0px;background: url(/images/main_banner01.jpg) no-repeat center center; background-size: cover}
	#main_model{width:100%;padding:200px 0px;background: url(/images/brand_bg.jpg) no-repeat center center; background-size: cover}
	#main_products{width:100%;padding:200px 0px;background: url(/images/product_bg.jpg) no-repeat center center; background-size: cover}
	#main_magic{width:100%;padding:250px 0px;background: url(/images/main_magic_bg.jpg) no-repeat center center; background-size: cover}



	.main_about_copy .about_header{position:relative;width:220px;font-size:20px;background:#000;color:#fff;height:60px;text-align:center;line-height:60px}
	.main_about_copy .about_contents{position:relative;width:700px;padding-left:90px}
	.main_about_copy .about_contents .about_title{position:relative;font-size:35px;height:80px}
	.main_about_copy .about_contents .about_des{position:relative;word-break:keep-all;font-size:20px;line-height:180%}
	.main_about_copy .about_contents .about_director{position:relative;text-align:right;margin-top:50px;font-size:20px;line-height:160%}


	.ani_txt .title{font-weight:700;color:#fff;font-size:30px}
	.ani_txt .des{color:#fff;font-size:18px;font-weight:400;line-height:30px}


	#main_model_img .main_model_img{display:block;width:100%}
	#main_model_img .main_model_img li{float:left;width:47.0%;margin:0.5%}

	#main_magic_img .main_magic_img{display:block;width:100%}
	#main_magic_img .main_magic_img li{float:left;width:47.0%;margin:0.5%}
}

@media (max-width: 768px){
	#wrap_main_space_lab{width:100%;padding:200px 0px;background: url(/images/main_banner01.jpg) no-repeat center center; background-size: cover}
	#main_model{width:100%;padding:200px 0px;background: url(/images/brand_bg.jpg) no-repeat center center; background-size: cover}
	#main_products{width:100%;padding:200px 0px;background: url(/images/product_bg.jpg) no-repeat center center; background-size: cover}
	#main_magic{width:100%;padding:200px 0px;background: url(/images/main_magic_bg.jpg) no-repeat center center; background-size: cover}


	#wrap_main_space_lab_copy{padding:50px 0px}

	.main_about_copy{position:relative;display:block}
	.main_about_copy .about_header{position:relative;width:98%;margin:0 auto;font-size:25px;background:#000;color:#fff;height:60px;text-align:center;line-height:60px}
	.main_about_copy .about_contents{position:relative;width:95%;margin:0 auto;padding-left:0px;margin-top:30px}
	.main_about_copy .about_contents .about_title{position:relative;font-size:22px;height:60px}
	.main_about_copy .about_contents .about_des{position:relative;word-break:keep-all;font-size:16px;line-height:160%}
	.main_about_copy .about_contents .about_director{position:relative;text-align:right;margin-top:50px;font-size:18px;line-height:160%}

	#main_products{width:100%;padding:50px 0px;text-align:center;background:#31859c;color:#fff}
	#main_products .main_products .main_products_des{font-size:25px}
	#main_products .main_products .main_products_title{font-size:30px;}

	.wrap_contact .input{width:98%;height:50px;line-height:50px;border:0px solid #ccc;box-shadow: 0 0 0 1px #ccc inset;margin:0%;padding:0px 1%;margin-bottom:10px }
	.wrap_contact .txt_area{width:98%;height:150px;border:0px solid #ccc;padding:1%;margin-top:0px;box-shadow: 0 0 0 1px #ccc inset}
}

@media (max-width: 600px){
	#wrap_main_space_lab{width:100%;padding:150px 0px;background: url(/images/main_banner01.jpg) no-repeat center center; background-size: cover}
	#main_model{width:100%;padding:150px 0px;background: url(/images/brand_bg.jpg) no-repeat center center; background-size: cover}
	#main_products{width:100%;padding:150px 0px;background: url(/images/product_bg.jpg) no-repeat center center; background-size: cover}
	#main_magic{width:100%;padding:150px 0px;background: url(/images/main_magic_bg.jpg) no-repeat center center; background-size: cover}

}