@charset "utf-8";

/* 메인 :: 비주얼 */
#mainVisual{
	position:relative; 
	width:100%; 
	overflow:hidden;
}
#mainVisual .visual-item{
	position:relative; 
	width:100%; 
	overflow:hidden;
}
#mainVisual .visual-item > img{
	width:100%;
	-ms-transform: scale(1.2,1.2); /* IE 9 */
    -o-transform: scale(1.2,1.2); /* IE 9 */
    -moz-transform: scale(1.2,1.2); /* IE 9 */
    -webkit-transform: scale(1.2,1.2); /* Chrome, Safari, Opera */
     transform: scale(1.2,1.2);
	-webkit-transition:transform 5000ms  ease-in-out ; /* Safari */
	-moz-transition:transform 5000ms ease-in-out ; /* Safari */
	-o-transition:transform 5000ms ease-in-out ; /* Safari */
	-ms-transition:transform 5000ms ease-in-out ; /* Safari */
    transition:transform 5000ms ease-in-out ;
}
#mainVisual .visual-item:focus{outline:none;}
#mainVisual .visual-txt{
	position:absolute; top:120px; left:18%; 
}
#mainVisual .visual-inner-txt{
	padding-left:22px; 
	color:#fff; 
	padding-bottom:30px;
}
#mainVisual .visual-inner-txt h2,
#mainVisual .visual-inner-txt strong,
#mainVisual .visual-inner-txt span,
#mainVisual .visual-inner-txt  p{
	display:block;
	opacity:0;filter:Alpha(opacity=0);
	-moz-transform:translateX(10%);  
	-ms-transform:translateX(10%);  
	transform:translateX(10%);  
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	transition:all 0.5s;
}
#mainVisual .visual-inner-txt h2{
	font-size:35px;
	color:#294269	
}
#mainVisual .visual-inner-txt strong{
	padding:15px 0 15px; 
	font-size:70px; 
	font-weight:700; 
	transition-delay:0.2s; 
	line-height:1.2;
	color:#3c323b;
}
#mainVisual .visual-inner-txt span{font-size:13px; font-weight:300; transition-delay:0.4s}
#mainVisual .visual-inner-txt p{padding-top:15px; line-height:24px;  transition-delay:0.6s; color:#333;  font-size: 17px; font-weight:500;}
#mainVisual .visual-txt a{
	margin-left:23px; 
	color:#fff; 
	padding:0 42px 5px 0; 
	background:url(/images/icon/more_btn_bg.png) no-repeat 0 100%; 
	opacity:0;filter:Alpha(opacity=0);
	transition:all 0.5s 0.8s;
}
/* active */
#mainVisual .visual-item.active > img{
	-ms-transform: scale(1,1); /* IE 9 */
    -o-transform: scale(1,1); /* IE 9 */
    -moz-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
    transform: scale(1,1);
}
#mainVisual .active .visual-inner-txt h2,
#mainVisual .active .visual-inner-txt strong,
#mainVisual .active .visual-inner-txt span,
#mainVisual .active .visual-inner-txt  p{
	-moz-transform:translateX(0);  
	-ms-transform:translateX(0);  
	transform:translateX(0);  
}
#mainVisual .active .visual-inner-txt h2,
#mainVisual .active .visual-inner-txt strong,
#mainVisual .active .visual-txt a{
	opacity:1.0;filter:Alpha(opacity=100);
}
#mainVisual .active .visual-inner-txt span{
	opacity:0.73;filter:Alpha(opacity=73); 
}
#mainVisual .active .visual-inner-txt  p{
	opacity:1;filter:Alpha(opacity=54);
}

#mainVisual .slick-arrow{
	position:absolute;
	top:45%; 
	margin-top:0px;
    width: 63px;
    height: 59px;
	left:2%; 
	background:none; 
	border:0; 
	cursor:pointer; 
	z-index:99; 
	font-size:0; 
	-webkit-transition:all 300ms;
	-moz-transition:all 300ms;
	-o-transition:all 300ms;
	-ms-transition:all 300ms;transition:all 300ms
}
#mainVisual .slick-arrow.slick-prev{
	background:url(../images/main_visual_prev_btn.png) no-repeat
	}
#mainVisual .slick-arrow.slick-next{
	 background:url(../images/main_visual_next_btn.png) right center no-repeat;
	 left:95%;
	}
#mainVisual .scroll-icon{
	position:absolute; 
	bottom:10%; 
	left:50%; 
	width:72px; margin-left:-36px; text-align:center;
}
#mainVisual .scroll-icon span{
	display:block; 
	color:#fff; 
	font-weight:300; 
	font-size:10px; opacity:0.75;
	filter:Alpha(opacity=75); margin-bottom:10px;}
#mainVisual .scroll-icon{
	position:absolute; 
	bottom:32px; left:50%; width:72px; margin-left:-36px; text-align:center;}
#mainVisual .scroll-icon span{
	display:block; 
	color:#fff; font-weight:300; 
	font-size:10px; opacity:0.75;filter:Alpha(opacity=75); margin-bottom:15px;}
.i-font{color:#fff; font-size:25px;}
.to-top-btn{font-size:10px;}
/* 메인 컨텐츠 공통 */
#mainContent{padding:65px 0 0 0;}
.content-tit{
	color:#1c1a1a; 
	padding-bottom:36px; 
	letter-spacing:-0.5px; 
	font-size:35px; 
	font-weight:bold; 
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	-ms-transition:all 0.4s;
	transition:all 0.4s
}
#mainContent h4.sub_tit{
	color:#7c7c7c;
	font-size:15px;
	font-weight:600;
	text-align:center;
}
.content-tit strong{font-weight:400;}
/* 메인 :: 사업 종류 */
#mainContent{background:#eee}
#mainBusinessCon .content-tit{
	text-align:center;
}
#businessList ul{
	overflow:hidden; 
	padding:53px 0 86px;
	box-sizing:border-box;
	}
#businessList ul li.mobile{
	opacity:1!important	
}
#businessList ul li{
	overflow:hidden; 
	float:left; 
	position:relative; 
	width:49%;
	height:300px;
	margin-left:2%;
	opacity:0;
	filter:Alpha(opacity=0);
	/*-moz-transform:translateY(-20%);
	-ms-transform:translateY(-20%);
	transform:translateY(-20%);*/
	top:-20%;
	-moz-transition:top 1.0s, opacity 1.0s;
	-ms-transition:top 1.0s, opacity 1.0s;
	transition:top 1.0s, opacity 1.0s;
}
#businessList ul li:last{
		
}
#businessList ul li:first-child{margin-left:0;}
#businessList ul li.active{
	opacity:1.0;
	filter:Alpha(opacity=100);
	top:0%;
	/*-moz-transform:translateY(0);
	-ms-transform:translateY(0%);
	transform:translateY(0%);*/
}
#businessList ul li a{
	display:block;
	position:relative; 
	overflow:hidden; 
	width:100%;
	height:300px!important;
}
#businessList ul li .bg-thum{
	position: absolute; 
	top: 0; 
	left: 0; 
	right: 0;
	bottom: 0;
	width:100%;
	height:300px;
}
#businessList ul li .bg-thum img{
	position: absolute; 
	top: 0; 
	left: 0; 
	max-width: 100%; 
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	-ms-transition:all 0.4s;
	transition:all 0.4s
}

#businessList ul li .business-tit{
	position:absolute; 
	top:30px; 
	left:20px; z-index:1; 
	color:#fff;
}
#businessList ul li .business-tit span{
	display:block; 
	height:30px; 
	opacity:0.8;filter:Alpha(opacity=80);
	font-size:16px;
	font-weight:normal;	
}
#businessList ul li .business-tit strong{
	display:block; 
	font-weight:600; 
	font-size:25px; 
	padding-top:5px; 
}
#businessList ul li .over-cover{
	position:absolute; 
	top:0px; left:0px; 
	width:100%; 
	height:300px; 
	visibility:hidden; 
	opacity:0;filter:Alpha(opacity=0);
	background-color:rgba(0,0,0,0.6); 
	z-index:1;  
	box-sizing:border-box; 
	border:10px solid #0e60ac;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	-ms-transition:all 0.4s;
	transition:all 0.4s
}
#businessList ul li .over-cover img{
	position:absolute; 
	top:50%; left:50%; 
	margin:-18px 0 0 -18px; 
	transform:rotate(-45deg) scale(0.7);  
	-moz-transform:rotate(-45deg) scale(0.7); 
	opacity:0;filter:Alpha(opacity=0);
	-webkit-transition:all 0.4s 0.1s;
	-moz-transition:all 0.4s 0.1s;
	-o-transition:all 0.4s 0.1s;
	-ms-transition:all 0.4s 0.1s;
	transition:all 0.4s 0.1s;
}
#businessList ul li a:hover .bg-thum img{ 
	-webkit-transform:scale(1.2); 
	-moz-transform:scale(1.2); 
	transform:scale(1.2);
}
#businessList ul li a:hover .over-cover{
	visibility:visible; 
	opacity:1.0;
	filter:Alpha(opacity=100);
}
#businessList ul li a:hover .over-cover img{
	transform:rotate(0deg) scale(1.0);  
	-moz-transform:rotate(0deg) scale(1.0); 
	opacity:1.0;filter:Alpha(opacity=100);
}

@keyframes ball-scale-multiple {
	0% {
		width:5px;
		height:5px;
		opacity: 0; 
	}
	50% {
		opacity: 0.3; 
	}
	100% {
		width:200px;
		height:200px;
		opacity: 0; 
	} 
}