@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Roboto:500,900italic,900,400italic,700italic,300,700,500italic,300italic,400);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic);

@import url(http://fonts.googleapis.com/css?family=Modern+Antiqua);

.ad_map {width:100%; height:360px; border:1px solid #d7d7d7; border-radius:4px; }

.avicom {display:block; width:100%; height:80px; padding:10px; background:#eee; margin:0 auto; margin-top:5px; color:#939393;font-weight:bold; z-index:0;}
.avicom:hover {color:#fff; background:#ed4141; }

.avicom2 {font-size:0.8em;font-weight:300}


.avicom5 {display:block; width:100%; padding:0px 10px ; color:#939393;font-weight:bold; z-index:0}
.avicom6 {display:block; width:100%; padding:5px 10px 10px ; color:#939393;font-size:0.8em;font-weight:300; z-index:0}

.st {
  text-shadow:
     1px 1px 0 red;
       margin:-130px 0 auto; font-family: 'roboto'; font-size:46px; color:#fff; padding-left:15px; font-weight:bold;
}

.st2 {
      font-family: 'roboto'; font-size:28px; color:#cc2727; padding-left:15px; font-weight:400;
}


.foot8 {font-family: 'Roboto', sans-serif, 'Nanum Gothic'}


@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}
@-o-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}
@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeftBig {
	-webkit-animation: fadeInLeftBig 1s linear 1s 1 alternate;
	-moz-animation: fadeInLeftBig 1s linear 1s 1 alternate;
	-o-animation: fadeInLeftBig 1s linear 1s 1 alternate;
	animation: fadeInLeftBig 1s linear 1s 1 alternate;
}

@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRightBig {
	-webkit-animation: fadeInRightBig 1s linear 1s 1 alternate;
	-moz-animation: fadeInRightBig 1s linear 1s 1 alternate;
	-o-animation: fadeInRightBig 1s linear 1s 1 alternate;
	animation: fadeInRightBig 1s linear 1s 1 alternate;
}
.homeani {
    position: relative;
 	-webkit-animation: myfirst 10s linear 3s infinite alternate; /* Chrome, Safari, Opera */
    animation: myfirst 10s linear 3s infinite alternate; /* Standard syntax */
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    0%   {color:red; left:0px; }
    25%  {color:yellow; left:15%; }
    50%  {color:sky; left:10%;}
    75%  {color:#fefefe; left:-10%;}
    100% {color:white; left:-15%;}
}

/* Standard syntax */
@keyframes myfirst {
    0%   {color:red; left:0px; }
    25%  {color:yellow; left:15%;}
    50%  {color:sky; left:10%;}
    75%  {color:#fefefe; left:-10%;}
    100% {color:white; left:-15%;}
}