



/******* slider *********************************/ 
.mainslide { width:100%; margin:0 auto; max-width:800px; position: relative; zoom: 1;  z-index:1;  box-sizing:border-box; padding:0 0px; overflow:hidden; }
.mainslide .flex-viewport {max-height: 2000px; }
.mainslide .slides {zoom: 1;margin: 0 auto; padding: 0;  }
.mainslide .slides > li { display: none; -webkit-backface-visibility: hidden; position:relative; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.mainslide .slides img { display: inline-block;  width:100%; }
 
/* Direction Nav */
.mainslide .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: none; z-index:9999;  }
.mainslide .flex-direction-nav a { width: 42px; height: 42px; margin: 0px 0 0 0; display: block; background: url(../img/bg_direction_nav.png) no-repeat 0 0; 
	position: absolute; top: -45%; z-index: 9999; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease; }
.mainslide .flex-direction-nav a:hover { background: url(../img/bg_direction_nav_ov.png) no-repeat 0 0; }
.mainslide .flex-direction-nav .flex-next {background-position: 100% 0; right:0px; }
.mainslide .flex-direction-nav .flex-prev {left:0px;}

.mainslide .flex-direction-nav .flex-next:hover {background-position: 100% 0; right:0px; }



/* Control Nav */
.mainslide .flex-control-nav {width:100%; display:none;
	position: absolute; bottom:30px; text-align: center; padding: 0; list-style: none; z-index:9999;}
.mainslide .flex-control-nav li {margin: 0 13px; display: inline-block; zoom: 1; *display: inline;}
.mainslide .flex-control-paging li a {width: 13px; height: 13px; display: block; background: #FFF;   border-radius:13px; cursor: pointer; text-indent: -9999px;  }
.mainslide .flex-control-paging li a:hover { background: #ff7037;   }
.mainslide .flex-control-paging li a.flex-active { background: #ff7037;  cursor: default; }
/******* //slider02 *********************************/ 
 

.mainslide .img {background:#000; overflow:hidden;}
.mainslide .img img {opacity:0.8; -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out; height:300px;}
.mainslide .txtWrap {position:absolute; width:100%;  z-index:9; top:0; display:block; height:300px;}
.mainslide .txtIn {display:table; height:100%; width:100%;}
.mainslide .txtIn div {display:table-cell; text-align:center; vertical-align:middle; height:100%; width:100%; padding:0 20px;}
.mainslide .txtIn div h3 {font-size:18px; color:#FFF; font-family:"NanumMyeongjo"; line-height:140%; font-weight:normal; letter-spacing:-1px;}
.mainslide .txtIn div p {font-size:14px; color:#FFF; font-family:"NanumMyeongjo"; line-height:140%; font-weight:normal; letter-spacing:-1px;}

.mainslide a:hover .img img {opacity:0.6; transform:scale(1.1);}