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

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider2 { position:relative; width:100%;  height:100%; margin:0 auto; zoom: 1; border-bottom:none; padding:0; text-align:center; }
.flexslider2 .slides {zoom: 1;  width:100%; /* height:100%; */ }
.flexslider2 .slides > li { width:100%; display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider2 .slides img {  }
.flexslider2 .flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.flexslider2 .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 */
.flexslider2 .no-js .slides > li:first-child {  }


/* FlexSlider Default Theme
*********************************/
.flexslider2 .flex-viewport { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.flexslider2 .loading .flex-viewport {max-height: 200px;}


.flexslider2 .carousel li { margin-right: 5px; }
/* Direction Nav */
.flexslider2 .flex-direction-nav{ display:block; }
.flexslider2 .flex-direction-nav a { position:absolute; width:40px; height:40px; top:-65px; display: block; padding:0px; color:#aaaaaa; text-decoration:none; font:normal 35px "FontAwesome"; line-height:110%; text-align:center; border:solid 1px #ddd; background:rgba(255,255,255,.6); }
.flexslider2 .flex-direction-nav a{ -webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out; }
.flexslider2 .flex-direction-nav .flex-next { position:absolute; right:-0; }
.flexslider2 .flex-direction-nav .flex-prev { position:absolute;  right:50px; }
.flexslider2 .flex-next:hover { background:#fff; color:#0e518c; }
.flexslider2 .flex-prev:hover { background:#fff; color:#0e518c; }

/* Control Nav */
.flexslider2 .flex-control-nav{ display:none; width:auto; position:relative; bottom:auto; left:auto; margin-top:60px; text-align: center; z-index:9; }
.flexslider2 .flex-control-nav li { margin: 0 4px; float:left; zoom: 1; *display: inline; }
.flexslider2 .flex-control-paging li a { width:14px; height:14px; display: block; /* background:rgba(255,255,255,.8);  */border:1px solid #adb2be; border-radius:100px; cursor: pointer; text-indent:-9999px; font-size:0; }
.flexslider2 .flex-control-paging li a { -webkit-transition-duration:0.1s; -moz-transition-duration:0.1s; -o-transition-duration:0.1s; -ms-transition-duration:0.1s; transition-duration:0.1s; }
.flexslider2 .flex-control-paging li a > div{ display:none; }
.flexslider2 .flex-control-paging li a:hover { background:#adb2be; border:1px solid #adb2be; }
.flexslider2 .flex-control-paging li a.flex-active { background:#0c4ca3; border:1px solid #0c4ca3; cursor: default; }

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



/*------------------------------------
    메인 : 사업분야 배너
------------------------------------*/
/* .main_product_wrap{ padding:75px 0 0 0; } */
.flexslider2 a{ display:block; }

/* 슬라이드 배너 */
.main_business{ position:relative; padding:0 100px; }
.main_business:after{ display:block; content:''; clear:both; }
.main_business{ -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; }
.main_business dd{ float:left; z-index:1; position:relative; margin-top:40px; width:610px; }
.main_business dd{ -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; }
.main_business dt{ z-index:2; position:absolute; right:100px; top:0; width:610px; height:401px; padding:55px 80px 0; background:#0c4ca3; background:linear-gradient(50deg, #03aeb9, #0c4ca3); color:rgba(255,255,255,0.9); }
.main_business dt{ -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; box-shadow:8px 8px 30px rgba(0,0,0,0.2); }
.main_business dt h2{ padding-bottom:5px; font:500 30px/40px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; text-shadow:1px 1px 2px rgba(0,0,0,0.2); }
.main_business dt p{ display:inline-block; margin:25px 0 0; font:300 15px/26px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; text-shadow:0 1px 1px rgba(0,0,0,0.1); word-break:keep-all; color:#fff; text-align:left; }
.main_business dt p strong{ font-weight:400; font-size:20px; }
.main_business dt span{ position:absolute; left:50%; bottom:63px; margin-left:-100px; width:200px; display:inline-block; padding:0 20px 5px 20px; font:300 18px/28px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:rgba(255,255,255,0.8); text-shadow:0 1px 1px rgba(0,0,0,0.1); background:url(/img/business_arrow_right.png) no-repeat right bottom; }

.main_business:hover{ padding-bottom:40px; }
.main_business:hover dd{ margin-top:0; }
.main_business:hover dt{ top:40px; background:#0c4ca3; background:linear-gradient(50deg, #0c4ca3, #03aeb9); }



@media(max-width:1500px){



}

@media(max-width:1260px){

.flexslider2 .flex-direction-nav .flex-prev{ left:0; }
.flexslider2 .flex-direction-nav .flex-next{ right:0; }

}

@media(max-width:1200px){

.flexslider2 .flex-direction-nav a{top:-30px;}
.main_product_wrap{padding:40px 0 0;}





}

@media(max-width:999px){

.main_product_wrap{padding-top:10px;}


.flexslider2 .flex-direction-nav{ display:block; }
.flexslider2 .flex-direction-nav a {top:-37px; width:35px; height:35px; font-size:30px;}
.flexslider2 .flex-direction-nav .flex-prev{left:40%;}
.flexslider2 .flex-direction-nav .flex-prev:hover{color:#0e518c;}
.flexslider2 .flex-direction-nav .flex-next{right:40%;}
.flexslider2 .flex-direction-nav .flex-next:hover{color:#0e518c;}


/* Control Nav */
.flexslider2 .flex-control-nav{  }
.flexslider2 .flex-control-nav li { margin: 0 4px; }
.flexslider2 .flex-control-paging li a{ width:8px; height:8px; }

}

@media(max-width:600px){

.main_business_field{ /* height:373px; */ min-height:261px; }
.flexslider2 .slides > li{ /* height:330px; */ height:auto; min-height:261px; }
.main_business_field_wrap .flexslider2 > a{ padding-bottom:15px; }

}