/*  공통사항------------------------------------------------------------------------------------------------------------------------------------------------------ */
#intro_wrapper  {
    height: 100%;
	position: relative;
	overflow:hidden;
}
#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:8%;
}
#intro_visual .one_com {
    text-align:center;
	padding-top:25%;
}
#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;
}
#intro_visual .title .txt02 a{
	background: url("../images/main/skip.png") no-repeat scroll 0 0;
	width:314px;
	height:90px;
	display:inline-block;
	text-indent:-100000px;
	font-size:0;
}
#intro_visual .title .txt02 a:hover{
	background: url("../images/main/skip_on.png") no-repeat scroll 0 0;
}


@media screen and (min-width:1500px) {/* 최소 768 ~ 1023 ------------------------------------------------------------------------------------------------------------------------------------------------------ */
	#intro_wrapper::after {
		background: url('/images/main/intro_bg.jpg') no-repeat 50% 10%; 
		background-size:150% auto;
	}
}
@media all and (min-width:769px) and (max-width:1499px) {/* 최소 768 ~ 1023 ------------------------------------------------------------------------------------------------------------------------------------------------------ */
	#intro_wrapper::after  {
		background: url('/images/main/intro_bg.jpg') no-repeat 50% 10%; 
		background-size:150% auto;
	}
	#intro_visual .intro_logo img{
		width:320px;
	}
}
@media all and (min-width:0px) and (max-width:768px) {/* 최소 768 ~ 1023 ------------------------------------------------------------------------------------------------------------------------------------------------------ */
	#intro_wrapper::after  {
		background: url('/images/main/intro_bg.jpg') no-repeat 100% 10%; 
		background-size:110% auto;
	}
	#intro_visual .intro_logo img{
		width:250px;
	}
	
}
@media all and (max-width:1000px) {/* 최소 900 ------------------------------------------------------------------------------------------------------------------------------------------------------ */
	#intro_visual .one_com ul li{
		display:block;
	}
	#intro_visual .one_com {	padding-top: 40%; }
	#intro_visual .title {  padding-top: 10%; }
	#intro_visual .one_com ul li { padding: 1% 2%;}
	#intro_wrapper::after {    
		background: url('/images/main/intro_bg.jpg') no-repeat 50% 5%;
		background-size: 200% auto;
	}
}