@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 .visual{ position:relative; z-index:inherit}
.main_visual .visual .flex-control-paging{position:absolute; bottom:65px; left:0; width:100%; z-index:1000003; text-align:center;}
.main_visual .visual .flex-control-paging li{ margin:0 3px; display:inline-block; *display:inline; zoom:1; cursor:pointer; font-size:0; line-height:0}
.main_visual .visual .flex-control-paging li a {background:#fff; border:3px solid #fff; width:12px; height:12px;text-indent:9999px; filter:alpha(opacity=50);opacity:0.5; display:block; border-radius:50px}
.main_visual .visual .flex-control-paging li a:hover {filter:alpha(opacity=100);opacity:1;}
.main_visual .visual .flex-control-paging li a.flex-active {filter:alpha(opacity=100);opacity:1; background:#044f95}

.review_slide_box{ position:relative;}
.review_slide_box .flex-control-paging{position:absolute; bottom:-20px; right:0; z-index:10; width:auto}
.review_slide_box .flex-control-paging li{ float:left; margin:0 2px}
.review_slide_box .flex-control-paging li a {background:#fff; width:11px; height:11px; font-size:0; line-height:0; border-radius:100px;}
.review_slide_box .flex-control-paging li a:hover,
.review_slide_box .flex-control-paging li a.flex-active { background:#0d9fb3;}

