/* 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 { position:relative; width:100%; height:100%; 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 { /* cursor:pointer; */ width:100%; height:600px; display:none;  -webkit-backface-visibility: hidden; background-repeat:no-repeat; background-position:center bottom; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width:100%; margin:0 auto; }
.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 */
.flexslider .flex-direction-nav{ }
.flexslider .flex-direction-nav a {  position:absolute; margin:0px; top:50%; display: block; padding:0px; font:normal 40px/42px serif; text-align:center; }
.flexslider .flex-direction-nav .flex-next { position:absolute; width:30px; height:34px; right:40px;  opacity: 0; filter:alpha(opacity=0); z-index:2; font-size:0; }

.flexslider .flex-direction-nav .flex-prev { position:absolute; width:30px; height:34px; left:40px; opacity: 0; filter:alpha(opacity=0);  z-index:2; font-size:0; }
.flexslider .flex-direction-nav .flex-prev:after{ content:''; color:#fff; font-size:28px; font-family:'Icon'; }
.flexslider .flex-direction-nav .flex-next:after{ content:''; color:#fff; font-size:28px; font-family: 'Icon'; }

.flexslider:hover .flex-next { opacity: .6; filter:alpha(opacity=60); color:#fff; }
.flexslider:hover .flex-prev { opacity: .6; filter:alpha(opacity=60);  color:#fff;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 0.8; filter:alpha(opacity=80); }
.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default; }

.flexslider02 .flex-direction-nav{position:absolute; right:-1px; top:-45px;}
.flexslider02 .flex-direction-nav li{float:left; display:inline-block;}
.flexslider02 .flex-direction-nav li:last-child a{border-left:none;}
.flexslider02 .flex-direction-nav a{border:1px solid #adbbce; width:23px; height:23px; display:inline-block; text-align:center;}
.flexslider02 .flex-next:after, .flexslider02 .flex-prev:after{font:12px/23px 'icon'; color:#859ab6;}
.flexslider02 .flex-next:after{content:''; }
.flexslider02 .flex-prev:after{content:'';}
.flexslider02:hover .flex-next:hover, .flexslider02:hover .flex-prev:hover { opacity: 1; filter:alpha(opacity=100); background:#b4d2fd; }

/* Control Nav 동그라미 숫자 버튼 */
.flex-control-nav { display:none; width: 100%; position:absolute; bottom:12%; text-align: center; z-index:10; }
.flex-control-nav li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a { width: 50px; height: 6px; display: block; background: #91a096;  cursor: pointer; text-indent:-9999px; border:solid 1px #91a096; }
.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:#0b84e5; border:solid 1px #0b84e5; }
.flex-control-paging li a.flex-active { background:#0b84e5; cursor: default; border-color:#0b84e5; }


/* 메인 비쥬얼 탭(Control Nav 동그라미 숫자 버튼 제이쿼리 복사)*/
/* .main_tab_wrap{ z-index:10; position:relative; max-width:1160px; height:0; margin:-500px auto 0; }
.main_tab_wrap h2{ width:210px; background:#0c3865; margin:0; padding:25px 0 10px 0; text-align:center; font:400 30px 'Godo',Malgun Gothic; color:#fff; }
.main_tab_wrap h2 b{ display:inline-block; padding:0 3px; font:normal 46px/46px Malgun Gothic; vertical-align:bottom; }
.main_tab_wrap > p { width:210px; background:#0c3865; margin:0; padding:0px 0 27px 0; font:normal 12px/16px Malgun Gothic; text-align:center; color:#b5daff; letter-spacing:-0.6px; border-bottom:solid 1px #3e6b9a; }
.main_tab_wrap .flex-control-nav { width: 210px;  position: absolute; bottom:auto; left:auto; height:400px; background:#0c3865; margin-left:0; text-align:left  }
.main_tab_wrap .flex-control-nav li { width:210px; vertical-align:top; margin:0; margin:0; display:block; zoom: 1;  *display: block; }
.main_tab_wrap .flex-control-paging li a {  position:relative; width:100%;  height:40px; padding:10px 10px 8px 15px; background:none; display: block; background:none; box-shadow:none; text-indent:0; border:0; border-radius:0; color:#fff; opacity:.7 }
.main_tab_wrap .flex-control-paging li a:hover { background:#032547;}
.main_tab_wrap .flex-control-paging li a.flex-active { background:#1d73cc;  cursor: default; opacity:1  }
.main_tab_wrap .flex-control-paging li a.flex-active:after{  position:absolute; top:16px; right:6px; color:#fff;  content:""; font:normal 12px/12px 'icon',arial; }
.main_tab_wrap .flex-control-paging li a h3{ color:#fff; display:inline-block; font:normal 14px/14px Malgun Gothic; margin:0; padding:0 10px 0 0; }
.main_tab_wrap .flex-control-paging li a p{  display:inline-block; color:#fff; font:400 16px 'Godo',Malgun Gothic; } */


/* 메인 비쥬얼 멘트 */
.main_visul_ment{ z-index:1; text-align:center; position:absolute; top:115px; left:50%; margin-left:-180px; min-width:480px; max-width:700px; min-height:200px; padding:30px 2%;  background:url(/img/black_40.png); }
.main_visul_ment{ color:#fff; border:solid 1px #000; border-width:0; transition:.2s ease; text-shadow:2px 2px 5px rgba(0,0,0,.5); border-radius:5px;  }
.main_visul_ment p{ font:400 20px/24px 'Daehan',serif,Malgun Gothic; letter-spacing:-0.5px; color:#fff; word-break:keep-all; opacity:.8; }
.main_visul_ment h3{ font:400 52px/62px 'Godo',Malgun Gothic; letter-spacing:-1px;color:#fff;   }
.main_visul_ment span{ display:inline-block; padding:0 5px; font:normal 15px/20px Malgun Gothic; letter-spacing:-1px; }
.main_visul_ment:after{ content:"자세히보기 >"; display:block; width:150px; border:solid 1px #555; background:url(/img/black_80.png); font:normal 14px/18px Malgun Gothic; padding:8px 0; margin:15px auto 0; opacity:.7 }
.main_visul_ment:after{ color:#fff; text-align:center }
.main_visul_ment:hover:after{ opacity:1; border-color:#1D73cc; background:#1D73cc;  }

/*메인비주얼*/
.main_visaulArea { width:100%; height:600px; }



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

.flexslider .flex-direction-nav a { /* display:none; */ }
.main_visul_ment{  margin-left:-180px; }

.flexslider .slides > li { background-size:cover !important;  }
.main_visaulArea { height:400px; background:url(/img/main_visual_1.jpg) no-repeat center bottom; background-size:cover !important; }
.main_visaulArea,.flexslider .slides > li { height:400px; }

.flex-control-nav{ bottom:9%; }
.flex-control-paging li a{ width:40px; height:5px; }
}

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

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

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

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

.flex-control-nav { bottom:4%; }
.flex-control-nav li {margin: 0 2px; }
.flex-control-paging li a{ width:30px; height:4px; }

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

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

.flex-control-nav { bottom:4%; }
.flex-control-nav li {margin: 0 2px; }
.flex-control-paging li a{ width:30px; height:4px; }

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

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

}