@charset "UTF-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css); 
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean);
@import url(https://use.fontawesome.com/releases/v5.7.2/css/all.css);

body,td,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section,input,textarea,select,button{margin:0;padding:0; font-size:14px; color:#333; line-height:1.6em;  letter-spacing:-0.02em;}
ul,ol,li{margin:0;padding:0;list-style:none;}

a, img{border:0px; vertical-align:middle;}
a {color:#000;text-decoration:none}
strong{font-weight:500;}
*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

html,body{
min-width:1200px;
}


#header_navi { width:100%; min-width:1200px; overflow-x:hidden;}
.navi_box { width:100%; max-width:1200px; margin:0 auto; }
.app-nav-item {
  display: block;
  margin:14px 5px;
  padding: 5px 15px 7px 3px;
  border-radius:20px 0px 0px 20px;
  border:0px solid #8B0000;
  background:#8B0000;
  color:#fff;
  font-size:1.1em;
  -webkit-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.app-dropdown {position:absolute;width:100%;height:0px;display:flex;justify-content:right;}
.app-nav-item:hover, .app-nav-item:focus { border:0px solid #fff;background:#504f7d;color: #fff;transition: all .3s ease-in-out;}
.app-nav-item .fas {margin: 0px 10px;vertical-align: middle;}
.dropdown-item .fa {margin-right:10px;vertical-align: middle;}
.dropdown-item{padding:5px 20px;}
.dropdown-menu {margin-top:23px;border-radius: 0px 0px 5px 5px; -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 0px 35px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.dropdown-menu li {line-height:30px;font-size:.9rem;border-bottom:1px solid #dfdfdf;}
.dropdown-menu li:last-child {border-bottom:0px solid #dfdfdf;}
.dropdown-menu li a:hover {background:#504f7d; color:#fff;border-radius:8px; transition: all .3s ease-in-out;}
.dropdown-menu.dropdown-menu-right {min-width:180px;padding:8px 8px;left: auto;right: 0;}

@media (max-width: 1350px) {
 .app-dropdown {display:none;transition: all .3s ease-in-out;}
}

#header {display:-webkit-box; display:-ms-flexbox;position:fixed;border-bottom:1px solid rgba(255,255,255,0.30);min-width:1200px; top:0; left:0; width:100%; min-height:80px; background: rgba(5,4,25,0.95);  z-index:500 !important; height:80px; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#header .logo { border:none;position:absolute; display:block;  line-height:80px; left:0; transition: all .3s ease-in-out; background:none;z-index:500;}
#header .logo a img{border:none;vertical-align:top;padding:6px 0px;}
#header.header_on{height:350px !important;  } 
#navi {position:relative; line-height:80px !important;width:1200px; }
#navi .navi_container {position:relative; overflow:hidden; height:80px; min-height:80px; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#navi:hover .navi_container {height:350px !important;} 
.navi_menu {margin-left:-90px;}
#navi .navi_container > ul > li { float:left;border-radius:10px;min-width:118px;text-align:center;height:100vh; }
#navi .navi_container .navi_title:hover{ background:url('../image/navi_bg.png');;transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#navi .navi_container > ul > li > a { display:block; width:100%; padding:0 0px 0px 0px; font-size:1.2em; font-weight:400; color:#fff; height:80px; line-height:80px; border-bottom:0px solid rgba(255,255,255,0); }
#navi .navi_container > ul > li > a > span{display:block; background:#fff; width:0px; height:2px; margin:0 auto; margin-top:-5px;transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#navi .navi_container > ul > li.current > a, #navi .navi_container > ul > li.actived > a { color:#fff; font-weight:500;  transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#navi .navi_container > ul > li.current > a > span, #navi .navi_container > ul > li.actived > a > span{text-align:center;display:block;background:#06a84d; width:60%;}
#navi .navi_item {text-align:center; margin-top:10px; padding:0 0px 0px 0px;display:none }
#navi .navi_item li a { display:block; color:#fff; padding:0; margin:0 0 2px 0; height:30px; line-height:30px; font-size:1em; letter-spacing:-0.5px;}
#navi .navi_item li a:hover { display:block; color:#06a84d; font-weight:400; }
.navi_menu .intro_img{margin-top:70px;padding:20px;margin-left:50px;margin-right:100px;width:260px;height:220px;background:url('../image/sub_bg.png') no-repeat top center;opacity: .0;}

.mem-btn {margin-top:-2px;right:0%;text-align:right;position:right}
.mem-btn a {border:0px solid #efefef; color:#fff; text-align:center; font-size:0.85em; border-radius:0px 0px 200px 200px;   line-height:41px; padding:10px 15px;  background:#8B0000; transition: transform 1s; -webkit-transition: -webkit-transform .5s;}
.mem-btn a:hover { background:#555; color:#fff; }
.mem-btn a.mbtn { border-radius:200px 200px 0px 0px; color:#fff; text-align:center; font-size:0.85em;  line-height:46px; padding:9px 10px;  background:#228B22; }
.mem-btn a.mbtn:hover { background:#555; color:#fff; }

#container {position:relative; width:100%; margin:0; padding:0; z-index:1; background:#fff; margin-top:0px;}
#main_visual{clear:both; position:relative; text-align:center; width:100%; padding:0; margin:0px auto; overflow:hidden; }
#main_visual:after{ content:""; display:block; clear:both;}
#main_visual .swiper-slide{width:100%; height:900px; padding:0; background-color:#000; overflow:hidden;}
#main_visual .swiper-slide div.backgroundimg1{width:100%; height:100%; }
#main_visual .swiper-slide div.backgroundimg2{width:100%; height:100%; }
#main_visual .sliderkit-text {width:100%; border:0px solid red; position:absolute; bottom:35%; left:50%; text-align:center;  margin-left:-50%; }
#main_visual .sliderkit-text h1.lviewa{font-size:3.5em;  color:#fff; line-height:1.3em; font-weight:500; text-shadow: 0px 1px 4px #000; padding-bottom:10px;}
#main_visual .sliderkit-text h1.sviewa{font-size:2em;  color:#fff; line-height:1.3em; text-shadow: 0px 1px 4px #000; padding-bottom:10px;}
#main_visual .sliderkit-text span{display:inline-block; height:44px; line-height:44px;padding:0 100px; margin:15px auto; background:none; }
#main_visual .sliderkit-text span h2{ line-height:44px; font-size:1.3em; color:#fed700;  letter-spacing:0.05em;}
#main_visual .swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:60px; display:block;}
#main_visual .swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:60px; display:block;}

#bbs_wrap { width:100%; margin:0px auto; padding:80px 0 80px 0; }
#bbs_wrap:after{ content:""; display:block; clear:both;}
#bbs_area { width:100%; max-width:1200px; margin:0px auto;}
#bbs_area .bbs_tit p { text-align:center; font-size:2.5em;  line-height:50px; color:#000; font-weight:500; padding:0 10px; margin:0px auto;  }
#bbs_area .bbs_tit span { display:block; text-align:center; font-size:1.15em; color:#777;  padding:0 10px; margin:10px 0 20px 0;}
#bbs_tab {position: relative; width:100%; max-width:1200px; margin:50px auto;}
#bbs_tab:after{ content:""; display:block; clear:both;}
#bbs_tab .tab { width:100%;  border:1px solid #ddd;  margin:0px auto;}
#bbs_tab .tab:after{ content:""; display:block; clear:both;}
#bbs_tab .tab li{float: left; display:inline-block; width:25%; height:60px; line-height:60px; border-right:1px solid #ddd;  box-sizing:border-box;  background:#fff;}
#bbs_tab .tab a{display: block; text-align: center;  box-sizing:border-box; color:#333;}
#bbs_tab .tab li:last-child { border-right:0;}
#bbs_tab .tab li.all { width:25%; background:#333; color:#fff;}
#bbs_tab .tab li.all a { background:#333; color:#fff;}
#bbs_tab .tab li.on a{background:#333; color:#fff;}
#bbs_tab li{position: relative;}
#bbs_tab li span.date{position: absolute; right:0; text-align:right; font-size:0.9em; color:#ddd; }
#bbs_tab div li a{display: inline-block; margin-right:0px; font-size:0.9em; color:#333;}
#bbs_tab > div{display: none; padding:0; }
#bbs_tab .active{display: block; margin-top:0px; padding:0px;}
#bbs_tab .bbs_list{ z-index:0;   width:100%; max-width:1200px; margin:40px auto; overflow:hidden;}
#bbs_tab .bbs_list:after {content:""; display:block; clear:both;}
#bbs_tab .bbs_list > ul{ width:100%; font-size:0; list-style:none; margin-bottom:0px; padding:0; overflow:hidden; }
#bbs_tab .bbs_list > ul > li{  display:inline-block; width:23%; margin-left:1%; margin-right:1%; padding-bottom:30px; text-align:center; border:1px solid #ddd; box-sizing:border-box; background:#fff; }
#bbs_tab .bbs_list > ul > li > a{width:100%;}
#bbs_tab .bbs_list > ul > li > a > div > img { width:100%;  border:0px solid #EEE; box-sizing:border-box; cursor:pointer;}
#bbs_tab .bbs_list > ul > li > a > p {display:block; height:30px; width:90%; margin:0 auto; margin-top:20px; font-size:1.5em;font-weight:500; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}
#bbs_tab .bbs_list > ul > li > a > div.text {display:block; width:90%; margin:0 auto;  height:25px; margin-top:10px; margin-bottom:0px; color:#777; border:0px solid red; text-overflow:ellipsis; white-space:nowrap;word-wrap:normal;overflow:hidden;}
#bbs_tab .zoom {position:relative; top:0; width:100%; height:100%; margin:0; overflow:hidden; }
#bbs_tab .zoom img:hover {transform: scale(1.1); transition: transform 1.5s; -webkit-transition: -webkit-transform 1.5s;}

#main_bnr {position:relative; top:-100px; width:100%;  max-width:1200px; margin:0px auto;  z-index:99;}
#main_bnr:after{ content:""; display:block; clear:both;}
#main_bnr > div {position:relative; top:0; width:100%; height:300px;}
#main_bnr > div a {display:block; height:100%;}
#main_bnr > div .btn_go1 a {display:block; color:#333; text-align:left;  font-size:0.95em; width:120px; height:40px; line-height:40px; margin-top:20px;  background:url('../image/main/view_icon.png') no-repeat 0% 100%; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease; }
#main_bnr > div .btn_go1 a:hover {color:#C53528; background:url('../image/main/view_icon.png') no-repeat 50% 100%;}
#main_bnr > div .btn_go2 a {display:block; color:#fff; text-align:center;  font-size:0.85em; width:120px; height:40px; line-height:40px; margin:25px auto; border:1px solid #fff; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#main_bnr > div .btn_go2 a:hover {color:#000; background-color:#fff; }
#main_bnr > div .txt_area em { display:block; color:#fff;  font-size:0.85em; padding-top:50px; text-align:center; letter-spacing:0.3em; font-style: normal; opacity:0.7; }
#main_bnr > div .txt_area i { display:none; position:absolute; top:10%; left:50%; text-align:center; transform:translate(-50%,0); margin-left:0px; color:#fff;  font-size:2em; opacity:1; }
#main_bnr > div .txt_area strong { display:block; color:#fff; font-size:1.8em; font-weight:400; padding:25px 0 ;}
#main_bnr > div .txt_area p { color:#fff; font-size:0.9em; font-weight:200;}
#main_bnr > div .txt_area span.btn_view { display:inline-block; width:30px; height:30px; line-height:30px; margin-top:30px; background:url('../image/main/more_w.png') no-repeat 50% 50%; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease; }
#main_bnr > div .txt_area:hover span.btn_view{-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg); transform: rotate(90deg);}
#main_bnr .box1 {float:left; padding:40px 0 0 40px; background:#edf1fa url('../image/main/box-bg-0.png')no-repeat center; overflow:hidden;}
#main_bnr .box1 strong{display:block; color:#000; font-size:1.8em; font-weight:400; line-height:1.25em;}
#main_bnr .box1 p { color:#555; font-size:1.1em; padding-top:20px; }
#main_bnr .box2 {margin:0px;float:left; text-align:center; background:#243558 url('../image/main/box-bg.png')no-repeat center; overflow:hidden; }
#main_bnr .box3 {margin:0px;float:left; text-align:center; background:#2c3137 url('../image/main/box-bg1.png')no-repeat center; overflow:hidden; }
#main_bnr .box4 {margin:0px;float:left; text-align:center; background:#2d53a2 url('../image/main/box-bg2.png')no-repeat center;  overflow:hidden; }
#main_bnr .box5 {margin:0px;float:left; text-align:center; background:#287d7f; overflow:hidden; }
#main_bnr .box7 {margin:0px;float:left; text-align:center; background:#2039CC; overflow:hidden; }
#main_bnr .box6 {margin:0px;float:left; border:1px solid #ddd; box-sizing:border-box; }
#main_bnr .box6 .notice_area {position:relative; width:90%; padding:40px 0; margin:0 auto; border:0px solid red;}
#main_bnr .box6 .notice_area .tab { height:44px; line-height:44px; border-bottom: 1px solid #333;  box-sizing:border-box;  }
#main_bnr .box6 .notice_area .tab li{float:left; width:30%; color:#777;}
#main_bnr .box6 .notice_area .tab a{display:block; height:44px; line-height:44px; text-align: center; border:1px solid #ddd; border-bottom: 1px solid #333;  color:#777; box-sizing:border-box; }
#main_bnr .box6 .notice_area .tab a:hover, #main_bnr .box6 .notice_area .tab a:focus {background:#333; color:#fff; }
#main_bnr .box6 .notice_area .tab li:first-child a{border-right:0;}
#main_bnr .box6 .notice_area .tab li:last-child a{border-left:0;}
#main_bnr .box6 .notice_area .tab li.on a{border:1px solid #333; border-bottom:0;  background:#fff; color:#000;}
#main_bnr .box6 .notice_area .active{display: block; margin-top:20px; padding:0px;}
#main_bnr .box6 .notice_area li{position: relative; line-height:30px;}
#main_bnr .box6 .notice_area li span.date{position: absolute; right:0; text-align:right; line-height:30px; font-size:0.9em; color:#777; }
#main_bnr .box6 .notice_area div li a{display: inline-block; margin-right:0px; font-size:1em; color:#333;}
#main_bnr .box6 .notice_area > div{display: none; padding:0; }
#main_bnr .box6 .notice_area a.more { position: absolute; top:45px; right:0; width:20px; height:20px;}

#main_bnr2 {width:100%;   margin:0px auto; padding:30px 0; background:#f8f8f8; }
#main_bnr2:after{ content:""; display:block; clear:both;}
#main_bnr2 .box { width:100%; max-width:1200px; margin:0 auto;}
#main_bnr2 .box li {float:left;  display:inline-block; text-align:center; width:25%; height:200px; border-right:1px solid #ddd;  box-sizing:border-box; overflow:hidden;} 
#main_bnr2 .box li a{display:block; width:100%; height:100%; cursor:pointer;}
#main_bnr2 .box li:last-child { border-right:0;}
#main_bnr2 .box li .txt_area { width:100%; height:100%; padding-top:40px; box-sizing:border-box; transition:0.6s; }
#main_bnr2 .box li .txt_area div { width:80px; height:80px; line-height:80px;margin:0 auto;  box-sizing:border-box; background:#555; border-radius:80px; transition:0.6s; }
#main_bnr2 .box li .txt_area div i { display:inline; width:30px; height:30px; padding:5px 0 5px 0; vertical-align:middle;  font-size:2em; color:#fff; text-align:center; }
#main_bnr2 .box li strong { position:relative; display:block; padding-top:20px; font-size:1.5em; font-weight:400; color:#222; }
#main_bnr2 .box li p { padding:0 10px; margin-top:10px; font-size:1em; line-height:20px; color:#777; transition:0.6s; letter-spacing:0.05em; }
#main_bnr2 .box li:hover .txt_area div{color:#b82835; background:#191970; transition:0.6s;}
#main_bnr2 .box li:hover .txt_area div, .box li:hover .txt_area div:active {-ms-transform: scale(1.1, 1.1); /* IE 9 */	-webkit-transform: scale(1.1, 1.1); /* Safari */	transform: scale(1.1, 1.1);}


#footer{ clear:both; width:100%; margin:0; padding-bottom:20px;border-top:1px solid #ddd;background-color: #f5f5f5;}
#footer:after{ content:""; display:block; clear:both;}
#footer .copy_bar{ width:100%;}
#footer .copy_bar div{width:100%; max-width:1200px; text-align:center; margin:0 auto;}
#footer .copy_bar div .copy_menu { padding-top:20px; font-size:0.95em; }
#footer .copy_bar div .copy_menu a{color:#000; }
#footer .copy_bar div .copy_menu a:hover{color:#C53528; }
#footer .copy_area{position:relative; width:100%; max-width:1200px; margin:0 auto; padding-top:20px; }
#footer .copyright{float:left; width:100%; text-align:center; padding:0; }
#footer .copyright p{width:100%; color:#000; padding-top:10px; font-size:1.0em; }
#footer .copyright p span{ display:inline-block; color:#000; margin-right:15px;}
#footer .copyright p span:nth-child(5) {display:block; background:#fff;}
#footer .copyright p span.pc_br { padding:0; margin:0; display:inline-block; background:Red;}

#sub_visual{width:100%; height:350px; text-align:center; }
.backgroundimg{position:relative; width:100%; text-align:center; margin:0 auto; height:350px; z-index:0; }
.visual_area {width:100%; max-width:1920px; height:350px; margin:0 auto; }
.title{ position:absolute;margin:0px auto; top:160px; left:44%; border-radius:5px;padding:10px 0px;padding-bottom:10px; font-size:2.5em; color:#fff; text-align:center; text-transform:uppercase;background:rgba(0,0,0,0.3); width:300px;} 
.title:after{display:block; content:""; width:30%; height:3px;  margin:8px auto; background:#fff;}

#sub_wrapper{width:100%; margin:0 auto;}
#sub_wrapper:after{ content:""; display:block; clear:both;}
#sub_menu{ display:block; width:100%;  margin:0px auto; background:#fff; border-bottom:1px solid #ddd; } 
#sub_menu .sub_tab{width:100%; max-width:1200px; text-align:left; margin:0 auto; }

.sub_location{ width:100%; max-width:1200px; height:55px; font-size: 0; background:#fff; margin:0 auto;}
.sub_location > div{font-size: 0;}
.sub_location > div .home{ float:left; width:60px; height:55px; line-height:55px; text-align:center; border-left: 1px solid #ddd; border-right: 1px solid #ddd;background:#efefef}
.sub_location > div .home i{ color:#444; font-size:1.2em;}
.sub_location .depth{width:200px; max-width:1200px; padding:0; margin:0; display: inline-block;  border-left: 1px solid #ddd;border-right: 1px solid #ddd;vertical-align: top; box-sizing:border-box; }
.sub_location .depth2{width:200px; max-width:1200px; padding:0; margin:0; display: inline-block;  border-right: 1px solid #ddd;vertical-align: top; box-sizing:border-box; }
.sub_location ul.depth ul{ width:200px;border-left: 1px solid #ddd; }
.sub_location ul li{position: relative; width:100%;}
.sub_location ul li span{display: block; padding: 0 15px; line-height: 55px; font-size:1.2em; color: #000; background: url('../image/down.png') 90% center no-repeat; cursor: pointer;transition:0.6s;}
.sub_location ul.on li span{background: url('../image/up.png') 90% center no-repeat;transition:0.6s;}
.sub_location ul li a{width:100%; display: block; padding: 8px 15px; color: #000; }
.sub_location ul li a:hover{color: #000; background:#ddd;box-sizing:border-box;}
.sub_location ul ul{display: none;position: absolute;top:56px; left: -1px; padding: 0px 0;background:#fff; border: 1px solid #ddd;  border-top:none; z-index:9999;}
.sub_location ul.on li ul{display: block;}
.sub_location ul.depth2 li span{color: #c53528; font-weight:600;width:200px;}
.sub_location ul.depth2 ul{width:200px;}

#sub_intro {width:100%; height:0px;width:1200px; margin:0px auto; background:red;right:0%;}
#sub_intro .path { padding-top:8px;float:right;}
#sub_intro .path li {float:left;  font-size:0.9em; padding: 0 8px 5px 12px; margin:0; color: #000; background:  url('../image/ico_path.gif') no-repeat left center; }
#sub_intro .path li a i .ic-home {margin-top:0;cursor: pointer;}
#sub_intro .path li:first-child { background:none;}
#sub_intro .path li:last-child { color:#000; font-weight:400;}

.contents{width:100%; max-width:1200px; height:100%;  margin:0px auto; padding:25px 0 100px 0; background:none; }
.contents:after{ content:""; display:block; clear:both;}
.contents .stitle {  display:block; text-align:left; font-size: 2.2em;  font-weight:500;  margin:0px 0;}
.contents .stitle em { color: rgba(197,53,55,1); font-style: normal;}
.contents .sinfotitle { font-size:1.1em; line-height:28px; text-align:left; color:#333; margin-bottom:30px; }
.contents .sinfotitle:after{display:block; width:100%; border-bottom:1px solid #ddd; height:30px; background-color:red;}

.sub_left{float:left; width:240px; }
.sub_right{float:right; width:920px;margin-top:-5px;}
.sub_left h1{border-radius:5px 5px 5px 5px; margin-bottom:5px;width:100%; display:block; background:rgba(2,2,45,1) url('../image/title_bg.png') no-repeat 50% 50%; height:75px; line-height:75px; color:#fff; font-weight:400;font-size:1.9em; text-align:center;}
.sub_left ul {width:100%;  position:relative; overflow:hidden;}
.sub_left > ul > li {width:100%; transition: 0.5s all ease;   -webkit-transition: 0.5s all ease;   -moz-transition: 0.5s all ease;   -ms-transition: 0.5s all ease;   -o-transition: 0.5s all ease; }
.sub_left > ul > li > a { display:block;width:100%; padding:0 10px; font-size:1em; font-weight:400; color:#000; height:45px; line-height:45px; border-bottom:1px solid #ddd; transition: 0.5s all ease;   -webkit-transition: 0.5s all ease;   -moz-transition: 0.5s all ease;   -ms-transition: 0.5s all ease;   -o-transition: 0.5s all ease; }
.sub_left > ul > li:hover > a{background-color:#f2f2f2; color:#000; padding-left:15px;} 
.sub_left > ul > li.on > a{background-color:rgba(80,79,125,1); color:#fff; padding-left:15px;} 
.sub_left > ul > li.on > a::after,.sub_left > ul > li:hover > a:after {float:right;content:"»"; } 
.sub_left .left_banner {position:relative; padding:0px 0px;width:100%; height:250px; text-align:center; background:#fff url('../image/banner.png') no-repeat center; margin-top:40px; border:1px solid #ddd; box-sizing:border-box;}
.sub_left .left_banner a {display:block; height:100%;}
.sub_left .left_banner .txt_area  em { display:block;   font-size:1.7em; padding:30px 0px; text-align:center; letter-spacing:0.3em; font-style: normal;font-weight:500 }
.sub_left .left_banner .txt_area strong { display:block; color:#000; font-size:1.7em; font-weight:500; padding:15px 0 ;}
.sub_left .left_banner .txt_area p { color:#000; font-size:1.2em; font-weight:300;margin-top:15px;}
.sub_left .left_banner .txt_area span.btn_view { display:inline-block; width:30px; height:30px; line-height:30px; margin-top:30px; background:url('../image/btn_view.png') no-repeat 50% 50%; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease; }
.sub_left .left_banner .txt_area:hover span.btn_view{-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg); transform: rotate(90deg);}