/*  공통사항------------------------------------------------------------------------------------------------------------------------------------------------------ */
#intro_wrapper  {
    width: 100%;
    height: 100%;
	position: relative;
	overflow:hidden;
    background: url('/images/main/intro_img.jpg') no-repeat center center;
    background-size: cover;
}
/*
#intro_wrapper::after {
	display:block;
	content:"";
    top:0;
	left:0;
	right:0;
	bottom:0;
	position: absolute;
	 opacity: 0;
    z-index: 0;
    animation: introAnimation 8s linear infinite 0s;
	clear: both;
}
*/
@keyframes introAnimation { 
	0% {
	    opacity: 0.5;
	    animation-timing-function: ease-in;
	}
	20% {
	    opacity: 1;
	    transform: scale(1.01);
	    animation-timing-function: ease-out;
	}
	55% {
	    opacity: 0.3;
	    transform: scale(1.02) rotate(1.2deg);
	}
	90% { opacity: 1}
	100% { opacity: 0.5}
}


#intro_content  {
    height: 100%;
	z-index: 1;
	position: relative;
}
#intro_visual  {
    height: 100%;
	position:relative;
	z-index: 1;
}
#intro_visual .intro_logo {
    text-align:center;
	padding-top:12%;
}
#intro_visual .intro_txt {
    text-align:center;
	padding-top:5%;
}
#intro_visual .one_com {
    text-align:center;
	padding-top:7%;
}
#intro_visual .one_com ul{
   
}
#intro_visual .one_com ul li{
    display:inline-block;
	padding:0 2%;
}


#intro_visual .title {
/*     position: absolute;
    top: 50%;
    left: 50%;
    	text-align:center;
    	transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transition: 1s opacity;
    -webkit-transition: 1s opacity;
    -moz-transition: 1s opacity;
    -o-transition: 1s opacity; */
	text-align:center;
	padding-top:6%;
}
#intro_visual .title .txt01{
	color:#fff;
	font-size:1.3em;
	font-weight:600;
	letter-spacing:0.4em;
	padding-bottom:2em;
}