/* BASIC css start */
/* FlexSlider  전체 컨트롤 */

/* 모바일 센터배너 메인이미지 가로 영역 사이즈  풀스크린 width:100% */
.flexslider { position:relative; width:100%; height: auto; overflow:hidden; top: 0px; margin:0px auto;  padding:0; background: #fff; clear:both; }

@media screen and (min-width: 600px) {
.flexslider { position:relative; width:100%; height: auto; overflow:hidden; top: 0px; margin:0px auto 8px;  padding:0; background: #fff; clear:both; }
}

.flexslider .slides { *zoom: 1; overflow:hidden; display: inline; float:left;}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}


/* 메인이미지 가로 이미지 사이즈*/
.flexslider .slides .inner_img { position:relative; float:left; width: 100%;  display:block;}
.flexslider .slides .inner_img img { width:100%; margin: 0 auto; text-align: center;  display: inline; height: auto !important;}
.flexslider .slides .inner_img p { display: none;}
.flexslider .slides .inner_img:hover p { display: block; position:absolute; padding: 17px 0; top:47%; left:32%; background: #fff; width: 375px; 
                                       text-align: center; font-family: 'Arial,Arimo,"Nanum Gothic",AppleGothic,sans-serif'; font-size: 11px; letter-spacing: 3px; opacity:0.8; text-transform: capitalize; }
.flexslider .slides .inner_img span{ display: block; width:100%;   text-align: center; margin: 3px auto 0px; font-size:10px; line-height: 16px; font-family: 'Arial,Arimo,"Nanum Gothic",AppleGothic,sans-serif'; color:#000; font-weight:500; letter-spacing: 0.5px; }
.flexslider .slides .inner_img span:before { content:""}


.flex_wrap{ position:relative;  width:100%; overflow:hidden; height:auto; margin:0px auto 0px;}
.flex_wrap h2 { margin: 5px auto 20px;  max-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align: center; font-size:9px; color: #000;line-height:20px; padding:0 10px 0 10px;
                              background:url("/images/bg_title_close.gif") no-repeat right 14px top 50%; background-size:10px 6px; cursor:pointer;
                              border: 0px solid #eee;  width: 180px; letter-spacing: 1.5px;}
.flex_wrap h2 span { display: block;  width: 100%; margin: px 0 0px; font-size:6px;  font-family:'Lato','Nanum Gothic'; color:#333; font-weight:400; letter-spacing: 0.5px;}
.flex_wrap .title_line {  margin: 0px auto 0px; width: 20px; height: 0px; border-bottom:1px solid #999; }
.flex_wrap h2 img  {width: auto;}


/* Direction Nav 방향네비*/
.flexslider .flex-direction-nav {*height: 0;}
.flexslider .flex-direction-nav a {z-index:12;width: 30px; height: 61px; margin: 0px 0 0; display: block; background: url(/web/upload/designfixy/mobile/images/nav_bg.png) no-repeat 0 0; 
position: absolute; top: 0%; cursor: pointer; text-indent: -9999px; opacity: 0.4; -webkit-transition: all .3s ease;}
.flexslider .flex-direction-nav .flex-next {background-position: 100% 0; right: 30px; }
.flexslider .flex-direction-nav .flex-prev {left: 30px;}
.flexslider:hover .flex-next {opacity: 0.6; right: 30px;}
.flexslider:hover .flex-prev {opacity: 0.6; left: 30px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 0.6;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}


/* Control Nav 하단 동그라미 네비*/
.flexslider .flex-control-nav {width: 100%; position: absolute;  bottom:2%; z-index:12; display:inline-block; text-align: center;}
.flexslider .flex-control-nav li {margin: 0px 5px; padding: 2px; display: inline-block; zoom: 1; *display: inline-block;}
.flexslider .flex-control-paging li a {width: 8px; height: 8px; display: block; background: #fff;  cursor: pointer; 
text-indent: -9999px; border: 1px solid #fff; border-radius:6px; opacity: 1; }
.flexslider .flex-control-paging li a:hover {width: 8px; height: 8px;  background: #000; background: rgba(0,0,0,0.5);}
.flexslider .flex-control-paging li a.flex-active { width: 8px; height: 8px;  background: #fff; background: rgba(16,157,246,1); border:1px solid #109df6; cursor: default; }

.flexslider .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flexslider .flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flexslider .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flexslider .flex-control-thumbs img:hover {opacity: 1;}
.flexslider .flex-control-thumbs .flex-active {opacity: 1; cursor: default;}


@media screen and (max-width: 660px) {
}


/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 


/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}


/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* BASIC css end */