@charset "utf-8";

.section3 {border-top: none;}
.mv_mousewheel {position:absolute;bottom:50px;left:50%;margin-left:-30px;width:60px;height:auto;z-index:99;transition: 0.3s;}
.mv_mousewheel img {width:100%;height:auto;}

.mv_mousewheel {

    -webkit-animation: st1 .5s 1s infinite linear alternate;
    -moz-animation: st1 .5s 1s infinite linear alternate;
    -ms-animation: st1 .5s 1s infinite linear alternate;
    -o-animation: st1 .5s 1s infinite linear alternate;
    animation: st1 .5s 1s infinite linear alternate;


}

@keyframes st1{
  from {
    opacity: .9;
	bottom:50px;
  }
  to {
    opacity: .2;
	bottom:30px;
  }
}

.reveal {
    position: relative;
    transform: translateY(100px);
    opacity: 0;
    transition: 1s all ease;
}

.reveal.active {
    transform: translateY(0);
    opacity: 1;
}


.mvisual	{width:100%;background-color:#333;height:auto;margin:0px;position:relative;}

/*
.mvisual .msbg01 {width:100%;min-height:600px;background: url("../img/main/ms01.jpg") center top no-repeat;transition: 0.3s;}
.mvisual .msbg02 {width:100%;min-height:600px;background: url("../img/main/ms02_01.jpg") center top no-repeat;transition: 0.3s;}
.mvisual .msbg03 {width:100%;min-height:600px;background: url("../img/main/ms03.jpg") center top no-repeat;transition: 0.3s;}
.mvisual .msbg04 {width:100%;min-height:600px;background: url("../img/main/ms04.jpg") center top no-repeat;transition: 0.3s;}
.mvisual .msbg01, 
.mvisual .msbg02, 
.mvisual .msbg03, 
.mvisual .msbg04, 
.mvisual .msbg05 {	animation:animate_background 7s ease;}
*/


.mvisual .msbg01 {background: url("../img/main/ms1.jpg") center top no-repeat;}
.mvisual .msbg02 {background: url("../img/main/ms2.jpg") center top no-repeat;}
.mvisual .msbg03 {background: url("../img/main/ms3.jpg") center top no-repeat;}
.mvisual .msbg04 {background: url("../img/main/ms4.jpg") center top no-repeat;}
.mvisual .msbg05 {background: url("../img/main/ms5.jpg") center top no-repeat;}

.mvisual .msbg01,
.mvisual .msbg02,
.mvisual .msbg03,
.mvisual .msbg04,
.mvisual .msbg05,
.mvisual .msbg06 {width:100%;min-height:600px;transition: 0.3s;animation:animate_background 7s ease;}


.mvisual .carousel-caption		{max-width:1000px;width:100%;margin:0 auto;top:300px;
	animation: rotate01 0.6s linear 0.3s 1 alternate;transition: 0.3s;

}
.mvisual .carousel-caption .bar1 {display:block;width:100px;height:1px;background-color:#fff;overflow:hidden;margin-bottom:30px;}

.mvisual .carousel-caption h1	{

	text-align:left !important;
	font-size:34px;font-weight:700;color:#fff;letter-spacing:-0.05em;
}


.mvisual .carousel-caption h1 .c01	{color:#b1dffa;}
.mvisual .carousel-caption h1 .c02	{color:#ccf29b;font-family: 'Poppins', sans-serif;font-weight:400;}


.mvisual .carousel-caption h1 strong	{

	font-weight:900;color:#fff;
}
.mvisual .carousel-caption p		{
	text-align:left;
	margin-top:15px;
	font-size:20px;font-weight:400;color:#fff;letter-spacing:-0.03125em;

}


.mvisual .carousel-caption span.btn1		{
	vertical-align:middle;
	display:block;width:150px;
	text-align:left;
	margin:40px 0 0 0;
	padding:15px 20px;
	border-radius:4px;
	border:1px solid #eee;opacity:0.8;
	font-size:16px;font-weight:400;color:#fff;letter-spacing:-0.05em;
	line-height:1;
	transition: 0.3s;
	cursor:pointer;
}

.mvisual .carousel-caption span.btn1 i		{ font-style:normal;font-size:14px;font-weight:400;color:#fff;}


.mvisual .carousel-caption span:hover.btn1		{
	border:1px solid #000;opacity:0.9;
	background-color:#000;
	font-size:16px;font-weight:400;color:#fff;letter-spacing:-0.05em;

}



@keyframes animate_background {0% {transform:scale(1.02)} 100% {transform:scale(1)}}
@keyframes rotate01 {
	0%   {opacity: 0.0; margin-top:30px;}
	100% {opacity: 1.0; margin-top:0px;}
}



.layer_m01 {position:absolute;left:50%;top:200px;margin-left:-590px;width:1180px;z-index:11;background-color:rgba(0, 0, 0, 0.3);padding:35px;}
.layer_m01 .msec1 img {width:100%;height:auto;}
.layer_m01 .msec1 {width:100%;padding:0px;margin:0px;}
.layer_m01 .msec1 lite-youtube {margin:0px auto;}
.layer_m01 .close i {text-align:center;padding:5px 5px;font-size:24px;position:absolute;top:0px;right:0px;z-index:12;cursor:pointer;color:#fff;background-color:#fd3c25;}





.maintitle1 {
	display: table;font-size:18px;
	margin:0px 0px 15px 0px;padding:35px 8px 15px 8px;
	border-bottom:1px solid #e4e4e4;
}
.maintitle1 span {margin:0px;line-height:1.2;display:block;color:#333;font-weight:700;letter-spacing:-0.07125em;}
.maintitle1 span.store1 {margin:0px;color:#333;font-weight:300;}


.m_slogan01		{
	margin:63px 0 50px 0;
	font-size:18px;font-weight:300;color:#666;letter-spacing:-0.05em;line-height:1.4;
	text-align:center;
}
.m_slogan01 em	{display:block;font-style:normal;font-size:30px;font-weight:300;text-align:center;}
.m_slogan01 span	{
	/*font-family: 'Poppins', sans-serif; */
	font-size:20px;font-weight:300;color:#0c7a3e;
}

.m_slogan01 em strong,
.m_slogan01 span strong {font-weight:700;}



.maintitle1_img1 {display:table;margin:0px auto 50px auto;width:120px;}
.maintitle1_img1 img {width:100%;height:auto;}




.section2 .mtext_s1 {font-size:18px;font-weight:400;color:#666;margin:0 0 20px 0;letter-spacing:-0.05em;}
.section2 .mtext_s1 strong {display:block;font-size:30px;font-weight:300;color:#666;margin:0 0 0px 0;}
.section2 .mtext_s2 {font-size:30px;font-weight:700;color:#666;margin:0 0 30px 0;letter-spacing:-0.075em;}
.section2 .mtext_s3 {font-size:15px;font-weight:400;color:#666;margin:0 0 0px 0;letter-spacing:-0.05em;}


.m_btn {padding:50px 0 20px 0; }
.m_btn a {
	display: inline-block;margin:0px 5px;padding:15px 50px;
	font-size: 18px;text-align: center;text-decoration: none; 
	transition: 0.3s;white-space: nowrap; border-radius: 50px;
	letter-spacing: -0.075em;
    line-height: 1.2;
    color: #fff;
    font-weight: 500;

}
a.btn_inquiry	{background-color: #0c7a3e;}
a.btn_inquiry:hover	{background-color: #13954e;}
a.btn_archive	{background-color: #2d2d2d;}
a.btn_archive:hover	{background-color: #4c4b4b;}

.ico_certification {text-align: center;padding:30px 0;}


.service_p .service_p1						{list-style:none;margin:0px -10px 0 -10px;padding:0px 0px;text-align:center;zoom:1}
.service_p .service_p1 						{*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
.service_p .service_p1:after				{content:"";display: block;height: 0;clear: both;visibility: hidden;}	
.service_p .service_p1 li					{float:left;padding-left:10px;padding-right:10px;margin:0px;box-sizing:border-box;} 
.service_p .service_p1 li					{width:calc(100%/3);} 
.service_p .service_p1 li img.img1			{width:100%;height:auto;transition: 0.3s;border-radius:5px;} 
.service_p .service_p1 li					{letter-spacing:-0.05em;color:#fff;font-size:15px;font-weight:400;line-height:1.2;}
.service_p .service_p1 li .data1			{display:block;color:#666;transition: 0.3s;padding:15px 0px 15px 0px;margin-bottom:20px;transition: 0.3s;} 
.service_p .service_p1 li .data2			{display:block;color:#666;transition: 0.3s;padding:0px 10px;transition: 0.3s;text-align:center;} 
.service_p .service_p1 li .data2 i			{font-size:48px;color:#666;transition: 0.3s;} 
.service_p .service_p1 li em				{display:block;font-style:normal;font-size:18px;margin:0 0 6px 0;font-weight:600;letter-spacing: -0.05em;transition: 0.3s;}

.service_p .service_p1 li:hover img.img1	{opacity:0.7;box-shadow: 0px 1px 50px rgb(201 33 39 / 30%);} 
.service_p .service_p1 li:hover .data1		{} 
.service_p .service_p1 li:hover .data1 em	{color:#c92127;} 
.service_p .service_p1 li:hover .data2 		{} 
.service_p .service_p1 li:hover .data2 i	{color:#c92127;} 



.service_p .service_p1 li img.img1	{clear:both;}





.zoom {
  transition: transform .3s; /* Animation */
}

.zoom:hover {
  transform: scale(1.02); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}




/* youtube */
lite-youtube {margin:0px auto;}


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


	.layer_m01 {position:absolute;left:0%;top:100px;margin-left:0px;width:100%;padding:35px;}


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


	.mvisual .msbg00,
	.mvisual .msbg01,
	.mvisual .msbg02,
	.mvisual .msbg03,
	.mvisual .msbg04,
	.mvisual .msbg05,
	.mvisual .msbg06 {min-height:600px;background-size:auto 600px;}



	.mvisual .carousel-caption		{max-width:70%;width:100%;margin:0 auto;top:240px;
		animation: rotate01 0.6s linear 0.3s 1 alternate;transition: 0.3s;

	}
	.mvisual .carousel-caption .bar1 {display:block;width:50px;height:1px;background-color:#fff;overflow:hidden;margin-bottom:40px;}

	.mvisual .carousel-caption h1	{

		font-weight:bold;
		text-align:left !important;
		font-size:24px;color:#fff;letter-spacing:-0.01em;
	}
	.mvisual .carousel-caption p		{
		text-align:left;
		margin-top:15px;
		font-size:15px;font-weight:400;color:#fff;letter-spacing:-0.05em;

	}

	.mv_mousewheel {position:absolute;bottom:50px;left:50%;margin-left:-30px;width:60px;height:auto;}
	.mv_mousewheel img {width:100%;height:auto;}




	.layer_m01 {position:absolute;left:0%;top:50px;margin-left:0px;width:100%;padding:25px;}



	.m_slogan01		{margin:40px 0 40px 0;font-size:18px;font-weight:300;color:#666;letter-spacing:-0.05em;line-height:1.6;text-align:center;}
	.m_slogan01 em	{display:block;font-style:normal;font-size:24px;font-weight:700;text-align:center;}


	.fl {float:none;}

	.maintitle1_img1 {display:table;margin:0px auto 50px auto;width:120px;}
	.maintitle1_img1 img {width:100%;height:auto;}


	.mtsec01 {display:block;min-height:250px;float:right;width:50%;}
	.mtsec01 .m_customer {padding:35px;font-size:15px;color:#eee;letter-spacing:-0.05em;transition: 0.3s;line-height: 1.4;}
	.mtsec01 .m_customer .text1 {font-size:18px;font-weight:700;color:#fff;margin:0 0 30px 0;}
	.mtsec01 .m_customer .text2 {font-size:30px;font-weight:900;color:#fff;margin:5px 0 5px 0;}
	.mtsec01 .m_customer .text3 {font-size:16px;font-weight:500;color:#fff;}

	.bgmt1 {background:#18529a url("../img/main/bg_mt01.jpg") right bottom no-repeat;}





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

	.mvisual .msbg01,
	.mvisual .msbg02,
	.mvisual .msbg03,
	.mvisual .msbg04,
	.mvisual .msbg05,
	.mvisual .msbg06 {min-height:520px;background-size:auto 520px;}



	.mvisual .carousel-caption		{max-width:70%;width:100%;margin:0 auto;top:200px;
		animation: rotate01 0.6s linear 0.3s 1 alternate;transition: 0.3s;

	}
	.mvisual .carousel-caption .bar1 {display:block;width:50px;height:1px;background-color:#fff;overflow:hidden;margin-bottom:40px;}

	.mvisual .carousel-caption h1	{

		font-weight:bold;
		text-align:left !important;
		font-size:24px;color:#fff;letter-spacing:-0.01em;
	}
	.mvisual .carousel-caption p		{
		text-align:left;
		margin-top:15px;
		font-size:15px;font-weight:400;color:#fff;letter-spacing:-0.05em;

	}


	.mv_mousewheel {position:absolute;bottom:10px;left:50%;margin-left:-15px;width:30px;height:auto;}
	.mv_mousewheel img {width:100%;height:auto;}


	.mv_mousewheel {

		-webkit-animation: solidpower1 .6s 1s infinite linear alternate;
		-moz-animation: solidpower1 .6s 1s infinite linear alternate;
		-ms-animation: solidpower1 .6s 1s infinite linear alternate;
		-o-animation: solidpower1 .6s 1s infinite linear alternate;
		animation: solidpower1 .6s 1s infinite linear alternate;


	}

	@keyframes solidpower1{
	  from {
		opacity: .9;
		bottom:30px;
	  }
	  to {
		opacity: .2;
		bottom:10px;
	  }
	}

	.m_slogan01		{margin:40px 0 40px 0;font-size:16px;font-weight:300;color:#666;letter-spacing:-0.05em;line-height:1.6;text-align:center;}
	.m_slogan01 em	{display:block;font-style:normal;font-size:20px;font-weight:700;text-align:center;}
	.m_slogan01 span{font-size:20px;font-weight:300;}


	.maintitle1 {
		display: table;font-size:20px;
		margin:0px 0px 15px 0px;padding:35px 8px 15px 8px;
		border-bottom:1px solid #e4e4e4;
	}
	.maintitle1 span {margin:0px;line-height:1.2;display:block;color:#333;font-weight:700;letter-spacing:-0.07125em;}
	.maintitle1 span.store1 {margin:0px;color:#333;font-weight:300;}


	.mtsec01 {display:block;min-height:250px;float:none;width:100%;}
	.mtsec01 .m_customer .text2 {font-size:26px;}




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


	.mvisual .carousel-caption		{max-width:70%;width:100%;margin:0 auto;top:130px;
		animation: rotate01 0.6s linear 0.3s 1 alternate;transition: 0.3s;

	}
	.mvisual .carousel-caption .bar1 {display:block;width:50px;height:1px;background-color:#fff;overflow:hidden;margin-bottom:40px;}

	.mvisual .carousel-caption h1	{

		font-weight:bold;
		text-align:left !important;
		font-size:24px;color:#fff;letter-spacing:-0.01em;
	}
	.mvisual .carousel-caption p		{
		text-align:left;
		margin-top:15px;
		font-size:15px;font-weight:400;color:#fff;letter-spacing:-0.05em;

	}
	.service_p .service_p1 li					{letter-spacing:-0.05em;color:#fff;font-size:14px;font-weight:400;line-height:1.2;}
	.service_p .service_p1 li em				{display:block;font-style:normal;font-size:15px;margin:0 0 6px 0;font-weight:600;letter-spacing: -0.05em;transition: 0.3s;}



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

	.mvisual .msbg01,
	.mvisual .msbg02,
	.mvisual .msbg03,
	.mvisual .msbg04,
	.mvisual .msbg05,
	.mvisual .msbg06 {min-height:320px;background-size:auto 320px;}



	.mvisual .carousel-caption		{max-width:80%;width:100%;margin:0 auto;top:100px;
		animation: rotate01 0.6s linear 0.3s 1 alternate;transition: 0.3s;

	}
	.mvisual .carousel-caption .bar1 {display:block;width:50px;height:1px;background-color:#fff;overflow:hidden;margin-bottom:40px;}

	.mvisual .carousel-caption h1	{

		font-weight:bold;
		text-align:left !important;
		font-size:24px;color:#fff;letter-spacing:-0.01em;
	}
	.mvisual .carousel-caption p		{
		text-align:left;
		margin-top:15px;
		font-size:15px;font-weight:400;color:#fff;letter-spacing:-0.05em;

	}


	.layer_m01 {position:absolute;left:0%;top:0px;margin-left:0px;width:100%;padding:25px;}




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


	.service_p .service_p1						{list-style:none;margin:px -10px 0 -10px;padding:0px 0px;text-align:center;zoom:1}
	.service_p .service_p1 						{*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
	.service_p .service_p1:after				{content:"";display: block;height: 0;clear: both;visibility: hidden;}	
	.service_p .service_p1 li					{float:left;padding-left:10px;padding-right:10px;margin:0px;box-sizing:border-box;} 
	.service_p .service_p1 li					{width:calc(100%/1);} 
	.service_p .service_p1 li img.img1			{width:100%;height:auto;transition: 0.3s;border-radius:5px;} 
	.service_p .service_p1 li					{letter-spacing:-0.05em;color:#fff;font-size:15px;font-weight:400;line-height:1.2;}
	.service_p .service_p1 li .data1			{display:block;color:#666;transition: 0.3s;padding:15px 0px 15px 0px;margin-bottom:20px;transition: 0.3s;} 
	.service_p .service_p1 li .data2			{display:block;color:#666;transition: 0.3s;padding:0px 10px;transition: 0.3s;text-align:center;} 
	.service_p .service_p1 li .data2 i			{font-size:48px;color:#666;transition: 0.3s;} 
	.service_p .service_p1 li em				{display:block;font-style:normal;font-size:18px;margin:0 0 6px 0;font-weight:600;letter-spacing: -0.05em;transition: 0.3s;}

	.service_p .service_p1 li:hover img.img1	{opacity:0.7;zoom:} 
	.service_p .service_p1 li:hover .data1		{} 
	.service_p .service_p1 li:hover .data1 em	{color:#c92127;} 
	.service_p .service_p1 li:hover .data2 		{} 
	.service_p .service_p1 li:hover .data2 i	{color:#c92127;} 



	.service_p .service_p1 li:nth-child(3n+1)	{clear:both;}

	.m_slogan01		{margin:40px 0 30px 0;font-size:16px;font-weight:300;color:#666;letter-spacing:-0.05em;line-height:1.6;text-align:center;}
	.m_slogan01 em	{display:block;font-style:normal;font-size:18px;font-weight:700;text-align:center;}
	.m_slogan01 span{font-size:16px;font-weight:300;}



}