/* Slider
http://www.freshdesignweb.com/fashion-responsive-slider-tutorial.html
*/
/* Slider
/*-----------------------------------------------------------------------------------*/
.slider_container{ width:100%; margin:auto; clear:both; padding-top:160px;}
.flex-caption{ position:relative; width:1200px; margin:0 auto;}
.caption_title_line{
	width:450px; height:380px; padding:50px; background:rgba(50, 142, 220, 0.8); color:#fff;
	box-sizing:border-box; float:right; margin-top:130px; margin-right:40px; text-align:center;
}
.caption_title_line p:first-of-type{font-size:1.3em; font-weight:lighter; border-bottom:1px solid; padding-bottom:12px;}
.flex-caption h2{ color:#fff; font-size:50px; font-family:'Noto Sans KR', sans-serif; margin-top:5px;}
.caption_title_line p:last-of-type{font-size:0.85em; font-weight:300; margin-top:20px; line-height:22px;}

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

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; height:580px;}
.flexslider .slides > li {display: none; height:580px;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li:first-of-type{background:url(../image/main/slide01.jpg)no-repeat center top;}
.flexslider .slides > li:nth-of-type(2){background:url(../image/main/slide02.jpg)no-repeat center top;}
.flexslider .slides > li:nth-of-type(3){background:url(../image/main/slide03.jpg)no-repeat center top;}
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider {position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
.flex-container {zoom: 1; position: relative;}

/* Direction Nav */
.flex-direction-nav {width:110px; height:50px; position:relative; margin:-170px auto; padding-left:680px;}
.flex-direction-nav li{float:left;}
.flex-direction-nav li:first-of-type{margin-right:10px;}
.flex-direction-nav li a {width:50px; height:50px; margin:0; display: block; cursor: pointer; text-indent: -9999px; transition:all 0.5s;}
.flex-direction-nav li a.next {background:url(../image/main/next.png) no-repeat center;}
.flex-direction-nav li a.prev {background:url(../image/main/prev.png) no-repeat center;}
.flex-direction-nav li a.next:hover {background:url(../image/main/next_a.png) no-repeat center;}
.flex-direction-nav li a.prev:hover {background:url(../image/main/prev_a.png) no-repeat center;}
.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 30px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 15px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 70px; height: 5px; display: block; cursor: pointer; text-indent: -9999px; background:rgba(0,0,0,0.3); border-radius:100px;}
.flex-control-nav li a:hover {background:#fff;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default; background:#328edc;}

/* Media Queries
/*-----------------------------------------------------------------------------------*/

@media screen and (max-width: 1000px) {
.slider_container{ width:90%; margin:0 0 0 2%; clear:both; background:none; padding:30px 0 0 0;}
.flexslider {width: 100%; margin: 0; padding:0 0 30px 0;background:none;}
.flex-direction-nav li a {width:45px; height:42px; margin:0; display: block; position: absolute; right:-10px; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li a.next {background:url(images/next.png) no-repeat center; bottom:85px;}
.flex-direction-nav li a.prev {background:url(images/prev.png) no-repeat center;bottom:40px;}
.flex-caption { display:none;}
}