@charset "UTF-8";

#b_content{
    width: 100%;
}

.main_slider{
	width:100%;
	background:#dd8bb3; //kss
}
.main_slider_back{
	width:1400px;
	height:400px;
	margin:0 auto;
	background:url("../img/images/back_1.jpg");
	background-size:100% 100%;
	animation:zoomin 10s ease-in-out infinite; 
}
		@keyframes zoomin {
			50% {
				background:url("../img/images/back_2.jpg");
				background-size:100% 100%;
			}

			100% {
				background:url("../img/images/back_1.jpg");			
				background-size:100% 100%;
			}
		}


.main_slider_back .text {
	position:relative;
    width: 940px;
    height: 400px; // kss
    margin: 0 auto;
}

.main_slider_back .text h2{
	position:absolute;
	top:120px;
	left:350px;
	color:#fff;font-size:35px;line-height:45px;font-weight:700;letter-spacing:-1px	;
	animation:textani 1s ease-in  ; 
}	
@keyframes textani{
	0% {
		color:white;	
		opacity:0;
		top:150px;
	}	
	100% {
		display:none;
		opacity:1;
		top:120px;				
	}	
}


@keyframes textcolor{
	0% {
		color:white;	
	}	
	50% {
		color:green;	

		
	}
	100% {
		color:white;	
		
	}	
}


.main_slider_back .text .line{
	display:inline-block;
	position:absolute;
	top:220px;
	left:350px;
	width:300px;
	height:2px;
	background-color:#F2F2F2;
	animation:lineani 1s; 
	animation:linecolor 10s ease-in infinite; 
}	
@keyframes lineani{
	0% {
//				transform:scale(0);
		width:0px;
		height:2px;
	}	

	100% {
//				transform:scale(1);
		width:300px;
		height:2px;
	}	
}
@keyframes linecolor{
	0% {
		background:white;	
	}	
	50% {
		background:green;	
	}
	100% {
		background:white;	
	}	
}



.main_slider_back .text .ppp{
	position:absolute;
	top:220px;
	left:350px;
	margin-top:15px;color:#fff;font-size:18px;line-height:30px;letter-spacing:-1px;
	animation:textani2 1s ease-in; 
	animation:textani2color 10s ease-in infinite; 
}	
@keyframes textani2{
	0% {
		color:white;	
		opacity:0;
		top:290px;
	}	
	100% {
		opacity:1;
		top:220px;				
	}	
}
@keyframes textani2color{
	0% {
		color:white;	
	}	
	50% {
		color:green;	
		
	}
	100% {
		color:white;	
		
	}	
}

.bt_sajomall{
	position:absolute;
	top:320px;
	left:850px;
	animation:imgani 1s ease-in;
	width:150px;
	height:30px; 
	background:url("../img/images/logo_sajomall.png");
	z-index: -1;
}

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