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

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

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

/* Clearfix for the .slides element */
.main_banner_wrap .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
*********************************/
.main_banner_wrap .flex-viewport { max-height: 1000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.main_banner_wrap .loading .flex-viewport {max-height: 200px;}
.main_banner_wrap .carousel li { margin-right: 5px; }

/* Direction Nav */ 
.main_banner_wrap .flex-direction-nav{ max-width:1330px; margin:0 auto; }
.main_banner_wrap .flex-direction-nav a {  position:absolute; margin:0px; top:41.5%; width:60px; height:60px; display: block; padding:0px; color:rgba(0,0,0,0.8); transition: all ease 1s; border:solid 1px #333; border-radius:100px;  font:normal 50px/52px "FontAwesome"; text-align:center; }
.main_banner_wrap .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; }
.main_banner_wrap .flex-direction-nav a:hover{transform: scale( 1.3 ); border-color:#aaa;}
.main_banner_wrap .flex-direction-nav .flex-next { position:absolute; right:7%; opacity:.1; filter:alpha(opacity=10); z-index:9; letter-spacing:-5px;  }
.main_banner_wrap .flex-direction-nav .flex-prev { position:absolute;  left:6.5%; opacity:.1; filter:alpha(opacity=10);  z-index:9; letter-spacing:7px;  }
.main_banner_wrap .flexslider:hover .flex-next { opacity: .3; filter:alpha(opacity=30);  }
.main_banner_wrap .flexslider:hover .flex-prev { opacity: .3; filter:alpha(opacity=30); }
.main_banner_wrap .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 0.3; filter:alpha(opacity=50); }
.main_banner_wrap .flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default; }

/* Control Nav 동그라미 숫자 버튼 */
.main_banner_wrap .flex-control-nav { width: 100%;  position:absolute; bottom:15px; text-align: center; z-index:9; display:none; }
.main_banner_wrap .flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline; }
.main_banner_wrap .flex-control-paging li a { width: 13px; height: 13px; display: block; background: #fff;  cursor: pointer; text-indent:-9999px; opacity:.9 }
.main_banner_wrap .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); */  }
.main_banner_wrap .flex-control-paging li a:hover { background:#0059a9; }
.main_banner_wrap .flex-control-paging li a.flex-active { width:38px; background:#0059a9; cursor: default; opacity:1  }


/* Control Nav 네모 숫자 버튼_2020/07-27 */
.main_banner_wrap .flex-control-nav {  display:none !important; width: 100%; position:absolute; bottom:50px; text-align: center; z-index:9; display:block; }
.main_banner_wrap .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
.main_banner_wrap .flex-control-paging li a { width:12px; height:12px; border-radius:30px !important; display: block; background:none; border:solid 1px #fff; cursor: pointer; text-indent:-9999px; opacity:.9 }
.main_banner_wrap .flex-control-paging li a { -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius:0; /* box-shadow: inset 1px 1px 1px rgba(0,0,0,0.3); */  }
.main_banner_wrap .flex-control-paging li a:hover { background:#0e518c; border-color:#0e518c; }
.main_banner_wrap .flex-control-paging li a.flex-active { width:38px; background:#0e518c; border-color:#0e518c; cursor: default; opacity:1  }



/* 메인 비쥬얼 탭(Control Nav 동그라미 숫자 버튼 제이쿼리 복사)*/
.main_banner_wrap .main_visualArea a:focus{outline:none !important;}
.main_banner_wrap .main_visualArea .flex-control-nav { text-align:center  }
.main_banner_wrap .main_visualArea .flex-control-paging li a{width:72px; height:7px; box-shadow:none; background:#fff; border:none;}

.main_banner_wrap .main_visualArea .flex-control-paging li a:hover,
.main_banner_wrap .main_visualArea .flex-control-paging li a.flex-active { background:#1b63ce; opacity:1; border:none; cursor: default; opacity:1;}

/*메인비주얼*/
.main_banner_wrap img{max-width:100%; width:auto; margin:0 auto; }
.main_banner_wrap{ width:100%; height:100vh; }
.main_banner_wrap{ animation: 1s ease-out 0s 1 slideInFromLeft; }

.visual_ment .centerWrap{overflow:hidden; padding-top:200px;}
.visual_ment .centerWrap .left{float:left; width:55%; margin-right:5%;  }
.visual_ment .centerWrap .right{float:left; width:40%;  text-align:left; padding-top:110px; }
.visual_ment .centerWrap .right h2{ font:800 75px 'Raleway','Roboto','Noto Sans KR',Sans-serif;  line-height:140%; }
.visual_ment .centerWrap .right h3{ font:800 75px 'Raleway','Roboto','Noto Sans KR',Sans-serif;  line-height:140%; color:#fff;}
.visual_ment .centerWrap .right p{ font:300 23px 'Noto Sans KR',Sans-serif;  line-height:160%; color:rgba(255,255,255,.8); letter-spacing:-.5px; padding-top:20px;}


/*메인텍스트 움직임*/
.pc_main_banner_wrap.flex-active-slide .visual_ment{opacity: 1;transform: translate(0,0);}
.visual_ment{ transition:all 2s; opacity:0; transform:translate(0,30%); }


/*문광조 1960px이상 모니터해상도 대응*/
@media (min-width:1960px) {
	#container1 {width:1920px; height: 947px;}
	
	.main_banner_wrap .flexslider .slides > li { position:relative; width:100%; height:947px; background-size:cover !important; display:none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */
	
}	

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

.visual_ment{left:8%;}
.main_banner_wrap{height:650px;}
.main_banner_wrap .flexslider .slides > li{height:650px;}
.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); }

.main_banner_wrap .flex-direction-nav .flex-next{right:20px;}
.main_banner_wrap .flex-direction-nav .flex-prev{left:20px;}

.visual_ment{margin-top:-110px;}
.visual_ment h1{font-size:48px;}
.visual_ment h3{font-size:21px;}
.visual_ment p{font-size:18px;}
.visual_ment a{font-size:14px; padding:0 40px 0 25px; margin-top:50px; }
.visual_ment a:after{font-size:15px; top:11px; right:20px;  }
.main_banner_wrap .flex-direction-nav a{top:45%;}

}

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

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

.visual_ment .centerWrap{overflow:hidden; padding-top:200px;}
.visual_ment .centerWrap .left{float:none; width:100%; margin-right:0; text-align:center;  }
.visual_ment .centerWrap .left img{ width:180px; }
.visual_ment .centerWrap .right{float:none; width:100%;  text-align:center; padding-top:0; }
.visual_ment .centerWrap .right h2{font-size:25px; color:#fff; line-height:120%;}
.visual_ment .centerWrap .right h3{font-size:25px; line-height:120%; }
.visual_ment .centerWrap .right p{font-size:16px; padding-top:12px;  }


.main_banner_wrap{ height:auto; }
.main_banner_wrap .flexslider .slides > li{ height:420px; }
.main_banner_wrap .flex-direction-nav{ display:block; }
.main_banner_wrap .flex-direction-nav a{ top:40%; width:40px; height:40px; font-size:40px; line-height:37px; }
.main_banner_wrap .flex-control-paging li a{ width:25px; height:3px; border-color:rgba(255,255,255,.5); }
.main_banner_wrap .flex-control-paging li a.flex-active{ width:25px; }


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

.flexslider .slides > li {  }
.flexslider .slides > li:last-child{  }
.flexslider2 .flex-control-nav{ margin-top:0;}

}