/******* slider02 *********************************/ 
.slider02 {position:relative;zoom:1;z-index:1;width:100%;margin:0 auto;}
.slider02 .flex-viewport {max-height:2000px;}
.slider02 .slides {width:100%;zoom:1;padding:0;margin:0 auto;}
.slider02 .slides > li {display:none;width:100%;text-align:center;
	-webkit-backface-visibility:hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slider02 .slides img {display:inline-block;}

/* Direction Nav */
.slider02 .flex-direction-nav {z-index:9999;*height:0;padding:0;margin:0;list-style:none;}
.slider02 .flex-direction-nav a {position:absolute;display:block;top:45%;z-index:9999;width:27px;height:50px;margin:0;
	cursor:pointer;text-indent:-9999px;background:url(/img/bg_direction_nav.png) no-repeat 0 0;opacity:1;
	-webkit-transition: all .3s ease;
}
.slider02 .flex-direction-nav .flex-next {background-position: 100% 0; right:20%; }
.slider02 .flex-direction-nav .flex-prev {left:20%;}

/* Control Nav */
.slider02 .flex-control-nav {width: 100%; 
	position: absolute; bottom:80px; text-align: center;margin: -10px 0; padding: 0; list-style: none; z-index:9999;}
.slider02 .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.slider02 .flex-control-paging li a {width: 17px; height: 17px; display: block; background: none; border:2px solid #000000;   cursor: pointer; text-indent: -9999px;  }
.slider02 .flex-control-paging li a:hover { background: #000000;   }
.slider02 .flex-control-paging li a.flex-active { background: #000000;  cursor: default; }
/******* //slider02 *********************************/ 


 


 @media (min-width:180px) and (max-width:1000px) {/* 최소 768 ~ 1023 ---------------------------------------------------------------------- */
 
/* Direction Nav */
.slider02 .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: none; z-index:9999;}
.slider02 .flex-direction-nav a {width:13px; height:25px; margin: 0px 0 0 0; display: block; background: url(/img/bg_direction_nav.png) no-repeat 0 0; 
	position: absolute; top:30%; z-index: 9999; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease; background-size:27px 25px;}
.slider02 .flex-direction-nav .flex-next {background-position: 100% 0; right: 10px; }
.slider02 .flex-direction-nav .flex-prev {left:10px;}

 }


#flexisel01, #flexisel02  {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;

}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    position: relative;
    overflow: hidden;
    float:left;
    width:100%;   
}

.nbs-flexisel-item {
    float:left;
    margin:0;
    padding:0px;
    cursor:pointer;
    position:relative;
}
.nbs-flexisel-item img {
    max-width: 100%;
    cursor: pointer;
    position: relative;
    margin: 10px 0;
	border:1px solid #ddd;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {

    position: absolute;
    cursor: pointer;
    z-index: 9999;
    top:0;
	margin-top:13px;
    background: url(/img/bg_direction_nav2.png) no-repeat 0 0;
    color: #fff;     
	width: 23px; height: 23px;  

}

.nbs-flexisel-nav-left {
    right: -40px;
	top: 17px !important;
}

.nbs-flexisel-nav-left:before {
 
}

.nbs-flexisel-nav-left.disabled {
    opacity: 0.4;
}

.nbs-flexisel-nav-right {
    right: -62px;
	top: 17px !important;
	background-position: -22px 0;
}

.nbs-flexisel-nav-right:before {
	
}

.nbs-flexisel-nav-right.disabled {
    opacity: 0.4;
}

/* 
 @media (min-width:180px) and (max-width:1000px) {
  

 }


@media (max-width:786px) {
 

.nbs-flexisel-nav-left {
    left: -120px;
}

.nbs-flexisel-nav-left:before {
 
}

.nbs-flexisel-nav-left.disabled {
    opacity: 0.4;
}

.nbs-flexisel-nav-right {
    left: -98px; 
background-position: -22px 0;
}

 


}*/