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

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider { overflow:hidden; position:relative; width:100%; height:630px; margin:0 auto; zoom: 1; overflow:hidden; /* background:#fff url(../img/loading.gif) no-repeat center;  */}
.flexslider .slides {zoom: 1;  width:100%;  }
.flexslider .slides > li { position:relative; width:100%; height:630px; background-size:100% !important; display:none; text-align:center; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides > li > img{ width:auto; max-width:100%; }
.flex-pauseplay span {text-transform: capitalize; }

/* 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 {  }

/* FlexSlider Default Theme
*********************************/
.flex-viewport { max-height: 1000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 200px;}
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav a {  position:absolute; margin:0px; top:50%; width:50px; height:60px; margin-top:-30px; display: block; padding:0px; color:rgba(255,255,255,0.8); font:normal 36px/60px "FontAwesome"; text-align:center; border-radius:4px; background:#141414; }
.flex-direction-nav a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.flex-direction-nav .flex-next { position:absolute; right:-4px; opacity:.1; filter:alpha(opacity=10); z-index:9; /* background:#000 url(/img/after_btn.png) no-repeat 25px center; */ }
.flex-direction-nav .flex-prev { position:absolute;  left:-4px; opacity:.1; filter:alpha(opacity=10);  z-index:9; /* background:#000 url(/img/before_btn.png) no-repeat 17px center; */ }
.flexslider:hover .flex-next { opacity: .3; filter:alpha(opacity=30); }
.flexslider:hover .flex-prev { opacity: .3; filter:alpha(opacity=30); }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 0.5; filter:alpha(opacity=50); }
.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default; }

/* Control Nav 동그라미 숫자 버튼 */
.flex-control-nav { width: 100%; position:absolute; bottom:15px; text-align: center; z-index:9; display:none; }
.flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a { width: 13px; height: 13px; display: block; background: #fff;  cursor: pointer; text-indent:-9999px; opacity:.9 }
.flex-control-paging li a { -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; /* box-shadow: inset 1px 1px 1px rgba(0,0,0,0.3); */  }
.flex-control-paging li a:hover { background:#0059a9; }
.flex-control-paging li a.flex-active { width:38px; background:#0059a9; cursor: default; opacity:1  }


/* 메인비주얼 */
.main_visual_wrap{ position:relative; width:100%; }
.main_visual_wrap{ animation: 1s ease-out 0s 1 slideInFromLeft; }

/* 메인비주얼 텍스트 */
.main_visual_wrap .centerWrap{ display:flex; align-items:center; justify-content:space-between; }
.main_visual_wrap .main_title{ margin-top:90px; position:relative; margin-bottom:25px; text-align:left; }
.main_visual_wrap .main_title:before{ position:absolute; left:-89px; top:-32px; content:''; width:716px; height:485px; background:url(/img/wfont.png) no-repeat center; background-size:100%; }
.main_visual_wrap .main_title p{ margin:5px auto 25px; font-size:22px; font-weight:500; line-height:36px; }
.main_visual_wrap .main_title .view_btn{ }
.main_visual_wrap:hover .main_title .view_btn{ background:#242424; }

/* 메인비주얼 이미지 */
.main_visual_img{ position:relative; margin-top:40px; }
.main_visual_img:before{ position:absolute; right:-62px; bottom:-50px; content:''; width:739px; height:457px; background:#eee; }
.main_visual_img:after{ z-index:2; position:absolute; left:68px; bottom:-2px; content:''; width:92px; height:92px; background:#0067b4 url(/img/main_visual_plus.png) no-repeat center; border-radius:100px; }
.main_visual_wrap:hover .main_visual_img:after{ background-color:#085392; }
.main_visual_img .img_wrap{ position:relative; width:790px; height:460px; }
.main_visual_img span{ display:block; position:relative; padding-top:15px; font-weight:400; font-size:17px; color:#333; text-align:right; }

@media (max-width:1400px) {

.flexslider, 
.flexslider .slides > li{ height:580px; }

.main_visual_wrap .main_title{ margin-top:70px; margin-bottom:15px; }
.main_title strong{ font-size:18px; }
.main_title h5{ font-size:50px; }
.main_visual_wrap .main_title p{ font-size:20px; }

.main_visual_img .img_wrap{ width:730px; height:425px; }
.main_visual_img:before{ width:719px; height:437px; }
.main_visual_img:after{ width:84px; height:84px; left:32px; bottom:3px; }

}
/* ############### 태블릿 반응형 ############### */
@media (max-width:1200px) {

.flexslider, .flexslider .slides > li{ height:700px; }
.flex-direction-nav a{ width:40px; height:50px; margin-top:-25px; font-size:30px; line-height:50px; }
.flex-direction-nav .flex-next { opacity:.3; filter:alpha(opacity=30); }
.flex-direction-nav .flex-prev { opacity:.3; filter:alpha(opacity=30); }

.visual_ment{  }
.visual_ment h2{ font-size:48px; }
.visual_ment p{ margin-top:35px; font-size:18px; }
/* .visual_ment a{ padding:0 30px; font-size:13px; line-height:40px; margin-top:45px; } */

.flexslider, 
.flexslider .slides > li{ height:540px; }

.main_visual_wrap .main_title{ margin-top:60px; }
.main_title strong{ font-size:17px; }
.main_title h5{ font-size:46px; }
.main_visual_wrap .main_title p{ font-size:18px; }

.main_visual_img .img_wrap{ width:680px; height:394px; }
.main_visual_img:before{ width:669px; height:420px; }
.main_visual_img:after{  }
.main_visual_img span{ font-size:15px; }

}

/* ############### 모바일 반응형 ############### */
@media (max-width:999px) {

.flexslider, .flexslider .slides > li { height:350px; }
.flex-direction-nav a{ width:30px; height:34px; margin-top:-17px; font-size:20px; line-height:34px; }

.visual_ment{ -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.visual_ment h2{ font-size:26px; }
.visual_ment p{ margin-top:15px; font-size:13px; }
/* .visual_ment a{ padding:0 15px; font-size:11px; line-height:32px; margin-top:25px; } */

.flex-direction-nav{ display:none; }

.flexslider, 
.flexslider .slides > li{ min-height:660px; height:auto; }

.main_visual_wrap .centerWrap{ display:block; }

.main_visual_wrap .main_title{ margin-top:30px; }
.main_title strong{ margin-bottom:5px; font-size:15px; }
.main_title h5{ margin-bottom:10px; font-size:28px; }
.main_visual_wrap .main_title p{ margin-bottom:15px; font-size:16px; line-height:26px; }
.main_visual_wrap .main_title:before{ left:-15px; top:-25px; content:''; width:100%; max-width:716px; height:485px; background-size:100%; background-position:left top; }

.main_visual_img .img_wrap{ width:100%; height:280px; }
.main_visual_img:before{ width:100%; height:320px; bottom:-30px; }
.main_visual_img:after{ width:60px; height:60px; bottom:8px; background-size:40%; }
.main_visual_img span{ font-size:14px; }


}
@media (max-width:600px) {

.flexslider, .flexslider .slides > li {  }
.flexslider .slides > li:last-child{  }


}