#hero{width: 100%;}

.flexslider {border:0;-webkit-border-radius: 0;-moz-border-radius: 0;-o-border-radius: 0;border-radius: 0;margin:0;overflow:hidden;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;box-shadow: none;}
.flexslider .slides img {
	width: 100%;
	display: block;
	max-width:1200px;
	margin:0 auto;
	}
.flex-control-nav {position: absolute;z-index:10;top:22%;}
.flex-control-paging li a {
	width:22px;
	height:22px;
	border-radius: 0;
	background:url('../images/main/mv_ic_off.png') no-repeat 0 0;
	background-size:contain;border:none !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	}
.flex-control-paging li a:hover,.flex-control-paging li a.flex-active {
	background:url('../images/main/mv_ic_on.png') no-repeat 0 0;
	background-size:contain;
	}
.flex-control-nav li {margin: 0 3px;}
.flex-direction-nav {height:90px;width: 100%;position: absolute;top:50%;left:0;margin: -50px 0 0;z-index:100;}
.flex-direction-nav li {overflow:visible;}
.flex-direction-nav a  {overflow:visible;width: 90px;height: 90px;margin: 0;opacity: 1;top:0;color: rgba(0,0,0,0.8);text-indent:-9999em;text-shadow: none;-webkit-transition:  all 0.3s ease-out;-moz-transition:  all 0.3s ease-out;transition:  all 0.3s ease-out;background-color: rgba(0,0,0,0.5) ;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;box-shadow: none;}
.flex-direction-nav .arrow {position: absolute;top:0;left:0;width: 90px;height: 90px;background: transparent url('../img/nav.png') no-repeat 5px 5px;z-index:200;}
.flex-direction-nav a.flex-next .arrow {background-position: -75px 5px ;}
.flex-direction-nav .flex-prev { left:0px; }
.flex-direction-nav .flex-next { right:0px; text-align: left;}
.flexslider:hover .flex-prev { left:0; opacity:1}
.flexslider:hover .flex-next { right:0; opacity:1}
.flexslider:hover .flex-prev:hover .arrow { left:0; background-position:5px -95px; background-color: #fff;}
.flexslider:hover .flex-next:hover .arrow { right:0; background-position: -75px -95px ;opacity:1;  background-color: #fff;}
.flexslider:hover .flex-prev:hover,
.flexslider:hover .flex-next:hover {background-color: #fff;	opacity:1;}

/************************* 모바일 및 탭 *******************************************************************************************************************************/

@media all and (max-width:1900px) {
	.flex-control-paging li a {width:20px;height:21px;}
	.flex-control-nav {top:16%;}
}

@media all and (max-width:1500px) {	
	.flex-control-nav {top:24%;}
}

@media all and (max-width:1023px) {
	.flex-control-nav {top:90%;}
}

@media all and (min-width:1024px) and (max-width:1199px){
	
}

@media all and (min-width:640px) and (max-width:1023px){
	
}

@media all and (min-width:420px) and (max-width:639px){
	.flex-control-paging li a {width:16px;height:15px;}
	.flex-control-nav li {margin: 0 2px;}
} 

@media all and (max-width:419px) {
}