@charset "utf-8";
/* FlexSlider Default Theme*/

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 780px; }
.slides { zoom: 1; overflow:hidden;}
.slides > li {display: none; -webkit-backface-visibility: hidden;}

/* Pause/Play 
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
*/
/* Control Nav */
.flex-control-nav { width:100%; text-align:center}
.flex-control-nav li {display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {display: block;cursor: pointer; text-indent: -9999px;}

/*direction Nav*/

/**/
.main .visual{ position: relative; z-index:inherit; width:2000px; height:484px; left:50%; top:0; margin-left:-1000px;}
.visual_wrap .flex-control-paging{position:absolute; bottom:20px; left:50%; margin-left:-30px; z-index:100;}
.visual_wrap .flex-control-paging li{ float:left; margin:0 3px}
.visual_wrap .flex-control-paging li a { background:none; width:7px; height:7px; border:2px solid #a1a1a1; border-radius:30px; text-indent:9999px; transition:all 0.3s; }
.visual_wrap .flex-control-paging li a:hover { background:#e60012; border-radius:30px; border:2px solid #e60012;}
.visual_wrap .flex-control-paging li a.flex-active { background:#e60012; width:7px; height:7px; border-radius:30px; border:2px solid #e60012;}

.visual_wrap .flex-direction-nav{ position:absolute; width:1350px; top:42%; left:50%; margin-left:-670px; z-index:999; height:75px; overflow:hidden;}
.visual_wrap .flex-direction-nav li a{ position:absolute; z-index:inherit; text-indent:9999px; display:block; width:80px; height:75px;}
.visual_wrap .flex-direction-nav li a:hover { opacity:0.9;}
.visual_wrap .flex-direction-nav li a.flex-prev{ left:0; background:url(../images/main/pre_btn.png) no-repeat}
.visual_wrap .flex-direction-nav li a.flex-next{ right:0; background:url(../images/main/next_btn.png) no-repeat}

@media all and (max-width:765px){
.main .visual{ position: relative; z-index:inherit; width:100%; height:inherit; left:inherit; margin-left:inherit;}
.visual_wrap .flex-control-paging{position:absolute; bottom:30px; left:50%; margin-left:-30px; z-index:100;}

}