.main  #gnb .menu{border-top:1px solid #e6e8ec; background:#fff;}
.main #gnb .menu li a{color: #000}


.main .content{
  max-width:100%;
  padding-top: 130px;
}




/*section*/

.main-section{
  display: inline-block;
  width:100%;
  position:relative;
}

.main-section article:last-child{
  margin-right:0
}

.main-section h2{
  font-size:23px;
  font-weight:600;
  color: #000;
  margin-bottom:20px;
  text-align: left;
}

.main-section h1 span{
  display:block;
  font-size:17px;
  font-weight:normal;
  margin-top:20px
}

.section-area{position:relative;}

.section-area:after{ content:""; display:block; clear:both}


.section-area .more-view{
  display:block;
  width:23px;
  height:23px;
  background:url(../images/main_more_btn.png) no-repeat center center;
  position:absolute;
  right:0;
  top:0;
  transition: all 0.5s linear;
  overflow: hidden;
  text-indent: -999px;
}

.section-area .more-view:hover{
  transform: rotate(180deg);
}


/*banner-slider_top*/
.banner-slider_top{float: left; position: relative; width:66%; height: 400px; margin-right:4%; overflow:hidden; border-radius:30px; }
.banner-slider_top img{width: 131%}
.banner-slider_top .banner-slider-text{position: absolute; bottom: 60px; left: 60px; color: #fff; font-size: 30px; text-align: left; line-height: 1.3; font-weight: 500; }

.banner-slider_top .swiper-slide{position: relative;border-radius: 30px; overflow: hidden; height: 400px;}
.banner-slider_top .swiper-slide a{display: block;}
.banner-slider_top .swiper-slide .text{position: absolute; left:60px; bottom: 70px; font-size:37px; line-height: 1.2; color:#fff; z-index: 90}
.banner-slider_top .swiper-slide .text div {font-weight: 500; }
.banner-slider_top .swiper-slide .thumbnail .b_box{position: absolute; top:0; right: 0; left: 0; bottom: 0;z-index: 80;  
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,0.51) 100%); 
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 37%,rgba(0,0,0,0.51) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 37%,rgba(0,0,0,0.51) 100%);  }

.banner-slider_top .bn_paging{position: absolute; bottom: -25px; right:50px; width: 180px; height: 50px; border-radius: 100px; background:#fff;z-index: 999;
  box-shadow: 1px 4px 5px -1px rgba(0,0,0,0.3);
-webkit-box-shadow: 1px 4px 5px -1px rgba(0,0,0,0.3);
-moz-box-shadow: 1px 4px 5px -1px rgba(0,0,0,0.3);
}

.bn_swiper-pagination{display: inline-block; width: auto !important; position: absolute;left: 36px !important; top: 12px; color: #999;}
.banner-slider_top .bn_paging{font-size: 14px}
.banner-slider_top .bn_paging .swiper-pagination-current{font-size: 16px; font-weight: 600; color: #000}



/*banner_top*/
.banner_top{height: 400px;position: relative; float: right; padding: 86px 2% 0 2%; width: 30%; height: 400px; border: 1px solid #e0e3e9; border-radius: 30px; overflow: hidden; }
.banner_top > .title{margin-left: -130px; position: absolute; top: 0px; left: 50%;  width: 260px; height: 60px; line-height: 60px; font-size: 22px; font-weight: 500; text-align: center; letter-spacing: -0.025em; color: #fff; border-radius: 0 0 40px 40px; background: #0191f5}
.banner_top > ul{border: 1px solid #e7e7e7;}
.banner_top > ul:after{ content:""; display:block; clear:both}
.banner_top > ul > li{float:left; width:33.3333%; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;}
.banner_top > ul > li:nth-child(3n){border-right: none}
.banner_top > ul > li:nth-child(n+4):nth-child(-n+6){border-bottom: none}
.banner_top > ul > li > a{display: block; padding: 95px 0 25px 0; text-align: center; font-size:15px; font-weight: 500; line-height: 1; color:#000 }
.banner_top > ul > li:nth-child(1) > a{background:url(../images/img_bn_top_01.png) 50% 25px no-repeat;}
.banner_top > ul > li:nth-child(2) > a{background:url(../images/img_bn_top_02.png) 50% 25px no-repeat;}
.banner_top > ul > li:nth-child(3) > a{background:url(../images/img_bn_top_03.png) 50% 25px no-repeat;}
.banner_top > ul > li:nth-child(4) > a{background:url(../images/img_bn_top_04.png) 50% 25px no-repeat;}
.banner_top > ul > li:nth-child(5) > a{background:url(../images/img_bn_top_05.png) 50% 25px no-repeat;}
.banner_top > ul > li:nth-child(6) > a{background:url(../images/img_bn_top_06.png) 50% 25px no-repeat;}


/*press_cont*/
.press_cont {margin-top:50px; position: relative;  float: left; width: 66%; height: 365px; margin-right: 4%;}
.press_cont .box{border: 1px solid #e0e3e9;border-radius: 20px;background: #fff; padding: 35px;  overflow: hidden;}
.press_cont .box ul li a {display: inline-block; position: relative; width: 100%; line-height: 55px}
.press_cont .box ul li a .tit {float: left; padding-left: 25px;  width: 75%; font-size: 20px; font-weight: 500; color: #444; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.press_cont .box ul li a .tit:after{content: 'ㅇ';position: absolute; top: 0px; left: 0; font-size: 12px; color: #999;}
.press_cont .box ul li a .date{float: right; font-size: 15px; color:#b8b8b8 }



/*President_M*/
.president_cont {position: relative; float: right; margin-top: 50px; width: 30%; height: 365px;}
.president_cont .box{ padding: 35px; height: 320px; border: 1px solid #e0e3e9; border-radius: 20px;background: #ebf1f9 url(../images/img_preg.png) right bottom no-repeat; overflow: hidden;}
.president_cont .tit{font-size: 25px; font-weight: 500; letter-spacing: -0.025em; text-align: left; color: #4d66ad}
.president_cont .stxt{margin-top:10px; margin-bottom: 20px; font-size: 15px; font-weight: 400; text-align: left; letter-spacing: -0.025em; line-height: 21px ; color: #000}
.president_cont .btn_mess{margin-top: 10px; display: block; padding-left: 24px; width: 59%; height: 62px; font-size: 17px; color: #000; line-height: 62px; border-radius:100px;  
                           text-align: left; background: rgba(255,255,255,0.8) url(../images/ic_arrow_01.png) 90% 50% no-repeat; 
                          box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.10);
                          -webkit-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.10);
                          -moz-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.10); }
.president_cont .btn_mess:hover{background: rgba(255,255,255,1.0) url(../images/ic_arrow_01.png) 90% 50% no-repeat; }

/*photo_news*/
.main-section.bg{ margin-top:50px; background: url(../images/img_bg.png) 50% 0 no-repeat;}
.photo_news{position: relative;  float: left; width: 66%; height: 450px; margin-right: 4%; border-radius: 0 20px 20px 0; background:#f3f4f7 }
.photo_news .title{margin-top:45px;}

.Swiper_news{width: 930px; height: 340px; margin-top: -25px; margin-left: 0 !important;}   
.Swiper_news .swiper-slide a{display: block; position: relative; /*width: 337px;*/}
.Swiper_news .swiper-slide a .text{ padding: 25px; width: 90%;
                                    background:#fff; 
                                     position: absolute; left: 50%;  margin-left: -45%;  bottom: -37px; 
                                     box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.10);
                                      -webkit-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.10);
                                      -moz-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.10);
                                    }
.Swiper_news .swiper-slide a .text > p{  font-size:15px; font-weight: 300; line-height: 1.4; color:#323232;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.Swiper_news .swiper-slide .thumbnail{width: 300px; height: 250px; border-radius: 0 20px 0 0; overflow: hidden;}
.Swiper_news .swiper-slide .thumbnail img{width: 100%}

/*top10_cont*/
.top10_cont{position: relative; float: right; width: 30%; }
.top10_cont h2 p{display: inline-block; margin-top:10px; font-size: 23px; font-weight: 600; color: #385798;}

.top10_cont .box_1 img{float: left; width: 100px;height: 70px; border-radius: 10px; overflow: hidden;}
.top10_cont .box_1 .text_wrap{margin-left: 10px; float: left;  width: calc( 100% - 110px )}
.top10_cont .box_1 a:after{ content:""; display:block; clear:both}
.top10_cont .box_1 li{margin-bottom: 3px; padding: 20px; border: 5px solid #f0f6f9; border-radius:10px }
.top10_cont .box_1 li .tit{font-size: 18px; font-weight: 500; color: #000; text-align: left; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.top10_cont .box_1 li .stxt img{float: left;}
.top10_cont .box_1 li .stxt{margin-top:6px; font-size: 14px; text-align: left; font-weight: 300; color: #999; line-height: 1.3}



/*Major policies*/
.policies_cont{ float: left; width: 66%; height: 450px; margin-right: 4%;}
.item_box ul{width: 100%}
.item_box ul li{width:50%; height: 340px;float: left; }
.item_box .item_box_01{position: relative; padding: 45px;  border-radius: 20px 0 0 0; background: url(../images/img_poli.png) 0 0 no-repeat;}
.item_box .item_box_01 .title{font-size: 30px; color:#fff; line-height:1.2; text-align:left; }
.item_box .item_box_01 .stxt{margin-top:15px; font-size: 18px; color:#fff; line-height:1.4 ; font-weight: 300; text-align:left;color: #fff;overflow: hidden;
                              text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}

.item_box .item_box_01 .more{display: block; margin-top: 22px; width: 70px; height: 20px; overflow: hidden; text-indent: -999px; background:url(../images/ic_more.png) 0 50% no-repeat;}
.item_box .item_box_02{ position: relative; margin-top:60px;  border-radius: 0 0 20px 0; overflow:hidden; }



/*Exhibition_cont*/
.exhibition_cont{margin-top:45px; padding: 60px; float: right; width: 30%; height: 400px; overflow: hidden; border-radius: 15px; background: url(../images/img_m_02.png) 0 0 no-repeat;}
.exhibition_cont a{display: block; cursor: pointer;}
.exhibition_cont .title{position: relative; font-size: 28px; font-weight: 600; text-align: left; color: #fff}
.exhibition_cont .title:after{content: ''; position: absolute; left: 0; top:50px; width: 40px; height:2px; background:#fff }
.exhibition_cont .stxt{margin-top:50px; font-size: 18px; font-weight: 400;  text-align: left; color: #fff}
.section04{margin-top:50px;}







/*** tab-menu ***/
.tab-menu{
  display:inline-block;
  width:100%;
  margin-bottom:3px;
}

.tab-menu li{
  float:left;
  width:24.6%;
  margin-right:0.5%
}

.tab-menu li:last-child{
  margin-right:0
}

.tab-menu li a{
  display:block;
  border:1px solid #e2e7eb;
  background:#fff;
  line-height:44px;
  font-size:16px;
  font-weight:bold;
  color:#91979f;
  padding:0px 12px 0 0;
  border-radius:8px;
  text-align: right;
  background-position: 12px center;
  background-repeat: no-repeat;
}
/*blog*/
.tab-menu li a.blog{
  background-image:url(../images/blog_icon.png)
}
.tab-menu li.on a.blog, .tab-menu li a.blog:hover{
  background-image:url(../images/blog_icon_on.png);
  color:#000
}
/*facebook*/
.tab-menu li a.facebook{
  background-image:url(../images/facebook_icon.png)
}
.tab-menu li.on a.facebook, .tab-menu li a.facebook:hover{
  background-image:url(../images/facebook_icon_on.png);
  color:#000
}
/*instagram*/
.tab-menu li a.instagram{
  background-image:url(../images/instagram_icon.png)
}
.tab-menu li.on a.instagram, .tab-menu li a.instagram:hover{
  background-image:url(../images/instagram_icon_on.png);
  color:#000
}
/*youtube*/
.tab-menu li a.youtube{
  background-image:url(../images/youtube_icon.png)
}
.tab-menu li.on a.youtube, .tab-menu li a.youtube:hover{
  background-image:#fff url(../images/youtube_icon_on.png);
  color:#000
}


@media screen and (max-width:1550px){
  .Swiper_news .swiper-slide .thumbnail{width: 340px}
}


@media screen and (max-width:1770px){
  .news_swiper-button-prev{left: 10px !important }
  .Swiper_news{width: auto}
}

@media screen and (max-width:1640px){
  .banner-slider_top img{width: 160%}
}


@media screen and (max-width:1279px){
  /*.main-section h2{text-align: center;}*/
  .main-slider{height:640px}
  .main-slider .slider-for .background{height:640px}
  .main-slider .text-wrap{width:43%;}
  .main-slider .text .mtxt{font-size:45px; line-height:55px}
  .main-slider .slider-nav{width:50%; height:320px}
  .main-slider .slider-nav .slide{height:320px}
  .main-slider .slider-nav .slick-track{height:320px}
  .main-slider .slick-prev{left:81%}
  .main-slider .slick-next{left:88%}
  .main-slider .slider-control{bottom:85px;}
  .main-section article{width:100%; display: inline-block; margin-right:3.5%}
  .main-section article:nth-child(2n){margin-right:0}
  .main-section article:last-child{margin-top:60px; float:none; width:100%}
  .main-section article:last-child.service-menu{margin-top:0}
  .main-section article.director-cont{float:none; width:100%}  


  .banner-slider_top img{width: 140%}
  .banner-slider_top a{width: 100%; height: 100%}
  .banner-slider_top a img{width: 100%}

  .banner-slider_top .swiper-slide .text{left: 0; bottom: 45px; right: 0; font-size: 20px; text-align: center; }


  .director-cont .box{background-size:180px; height:auto;}
  .director-cont .menu a{display:inline-block;}
  .sns-news .thumbnail{margin:0; float:left; width:20%; height:139px}
  .sns-news .tit{float:right; width:75%; margin-top: 55px;}
  .sns-news .box{height:auto; padding:30px}
  .service-menu li a{font-size:15px}
  .service-menu li span{font-size:13px}

  .president_cont .stxt br{display: none;}

  .photo_news{width: 100%}
  .top10_cont h2 p{display: inline-block;}
  .top10_cont .box_1 li .stxt img{display: none;}

  .exhibition_cont{background:#144670 url(../images/img_m_02.png) 50% 0 no-repeat;}
  .exhibition_cont .title:after{left: 50; margin-left: 0}

  .item_box .item_box_02{margin-top: 0}


}

@media screen and (max-width:999px){
  .main .content{padding-top:0;}
  .main-section{padding:30px 40px}
  .main-section.public-sercive{margin:30px 0}
  .main-section article.info-link{padding:40px 30px}
  .main-section article.info-link.system{background-size:30%}
  .main-section h1{font-size:25px}
  .main-slider{height:500px;}
  .main-slider .slider-nav{height:auto;}
  .main-slider .slider-nav .slick-track{display:none}
  .main-slider .slider-nav .slick-list{display:none}
  .main-slider .slider-for .background{height:500px}
  .main-slider .slider-for .filter{background-color: rgba(0,0,0,.0); backdrop-filter:blur(0px)}
  .main-slider .text-wrap{top:385px; background:rgba(0,0,0,.3); width:100%; height:115px; padding:20px}
  .main-slider .text-wrap .more-btn{display:none}
  .main-slider .text .mtxt{margin:0; font-size:27px; width:70%; line-height:38px; height: 70px; -webkit-line-clamp: 2;}
  .main-slider .text .stxt{display:none}
  .main-slider .slider-control{right:2%; bottom:65px}
  .main-slider .slick-dots{width:84px; bottom:auto; top:275px; left:auto; right:-5px}
  .main-slider .slick-prev, .main-slider .slick-next{bottom:auto; top:160px}
  .main-slider .slick-prev{left:70%}
  .main-slider .slick-next{left:83%}
  body, html .main{font-size:15px}
  .report-news li.latest .tit, .photo-news .tit, .sns-news .tit{font-size:18px;}
  .report-news li.latest .tit{margin-bottom:15px}
  .report-news li.latest .con{line-height:22px}
  .report-news .tit, .main-notice .tit, .news-board .tit{font-size:16px; line-height:21px}
  .report-news .date, .main-notice .date, .photo-news .date{font-size:13px; line-height:21px; width:25%}
  .news-board .date{font-size:13px}
  .news-board ul.list{height:auto;}
  .main-notice ul.list li.latest .date-cir{width:80px; height:80px; font-size:12px; padding-top:15px}
  .main-notice ul.list li.latest .date-cir .month{font-size:28px}
  .webzine-news h2{font-size:19px}
  .webzine-news .thumbnail{width:50%; height:192px; margin-top:15px}
  .webzine-news .btn{width:44%;}
  .webzine-news .btn a{width:115px; font-size:15px; height:48px; line-height:48px}
  .main-notice .cate-select li a{line-height:38px; font-size:15px}
  .info-link.system::after{background-size:200px; top:40px; right:0px}
  .info-link.data::after{background-size:145px; top:60px; right:0px}
  .main-section.public-sercive{padding:50px 40px}
  .public-sercive ul{table-layout:inherit;}
  .public-sercive li{float:left; width:33.3%; padding:3px}
  .public-sercive li:first-child{padding-left:3px}
  .public-sercive li:last-child{padding-right:3px}

  .press_cont{margin-top: 0; margin-bottom: 0 !important}
  .press_cont .box ul li a .tit{padding-left: 0; font-size: 18px}
  .press_cont .box ul li a .tit:after{display: none;}
  .press_cont .box{padding: 10px 20px}
  .press_cont .box ul li a{line-height: 46px}

  .main-section.bg{background:none;}
  .photo_news{border-radius: 20px}
  .banner-slider_top{height: 300px}
  .banner-slider_top img{width: 150%}

}

@media screen and (max-width:810px){
  .item_box .item_box_01 .title{
     overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

}

@media screen and (max-width:767px){
  .main-slider{height:280px;}
  .main-slider .slider-for .background{height:270px}
  .main-slider .slider-for .bg-slide img{/*object-fit: fill;*/}
  .main-slider .text-wrap{top:170px; height:100px}
  .main-slider .text .mtxt{font-size:21px; line-height:30px; height: 57px;}
  .main-slider .slider-control{bottom:65px}
  .main-slider .slick-dots{top:50px; right:0}
  .main-section{padding:25px 20px}
  .main-section.public-sercive{margin:25px 0}
  .main-section.first{padding-top:30px}
  .main-section article{float:none; margin-right:0; width:100%; margin-bottom:20px}
  .main-section article:last-child{margin:0}
  .main-section article.info-link{background:none !important; padding:0}
  .main-section article.info-link h1{margin-bottom:20px}
  .main-section h1 span{display:none}
  .info-link .box{background: #edf6fc; border: 1px solid #e8f1f6; padding:20px; float:none; width:100% !important; height:auto !important; margin:0 0 10px 0 !important;}
  .info-link .box:last-child{margin-bottom:0 !important}
  .info-link .box h2{font-size:17px}
  .info-link::after{display:none}
  .director-cont .box{padding:20px}
  .director-cont .menu a{display:block; font-size:15px; line-height: 45px; background-size:16px !important; width:150px}
  .report-news .box, .photo-news .box, .sns-news .box{padding:25px; height:auto;}
  .sns-news .thumbnail{height:100px; width:30%}
  .sns-news .tit{margin-top:40px; width:65%; font-size:17px}
  .sns-news .box{padding:20px}
  .main-notice ul.list li, .report-news li{padding:20px 0}
  .report-news li.latest{padding:0 0 10px 0}
  .main-notice ul.list li.latest .con{height:50px}
  .service-menu li a{font-size:13px; line-height:20px;}
  .service-menu li span{font-size:12px}
  .photo-news .thumbnail{height:180px}
  .main-notice .cate-select li{width:120px}
  .main-notice .cate-select li a{font-size:13px; line-height:34px; padding:0px 10px;}
  .webzine-news .box{height:300px}
  .webzine-news h2{font-size:17px}
  .webzine-news .thumbnail{margin-top:0}
  .webzine-news .btn{margin-top:25px}
  .tab-menu li a{font-size:13px; line-height:38px; padding:0px 8px 0 0; background-position:8px center}
  .main-section.public-sercive{padding:50px 20px}
  .public-sercive::after{top:-10px; right:0}
  .public-sercive::before{top:-20px; right:120px}
  .public-sercive li{width:50%}
  .president_cont .stxt br{display: block;}

  .policies_cont{height: auto}
  .item_box ul:after{ content:""; display:block; clear:both}
  .item_box .item_box_01{width: 100%; background-size: cover;}
  .item_box .item_box_02{width: 100%; height:270px }

  .item_box .item_box_01 img{width: 100%}
  .item_box .item_box_02 img{width: 100%}
   .banner-slider_top{height: 220px}
   .banner-slider_top .banner-slider-text{font-size: 22px; bottom: 30px; left: 30px}
}


@media screen and (max-width:500px){
    .president_cont .box{padding: 30px 0 10px 25px; height: 527px;}
    /*.president_cont .tit{text-align: center;}*/
    /*.president_cont .stxt{text-align: center;}*/    
    .president_cont .btn_mess{width: 90%}
    .press_cont .box ul li a .tit{width: 100%}
    
     .news_paging .wrap-autoplay-control{left: auto !important; right: 20px !important}
     .news_swiper-pagination{right: 40px !important}
     .banner-slider_top{height: 190px; }
     .banner-slider_top img{position: absolute; width: 200%; left: -60px}
     .banner-slider_top .banner-slider-text{font-size: 13px; z-index: 9}

}

@media screen and (max-width:372px){
  .banner_top{padding: 65px 2% 0 2%; height: 295px;}
  .banner_top > .title{margin-left: -120px; width: 240px;height: 50px; line-height: 50px;font-size: 18px;}
  .banner_top > ul > li > a{padding: 70px 0 15px 0;font-size: 14px; background-size: 55px !important; background-position: 50% 15px !important}

  .press_cont .box{padding: 20px 15px}
  .press_cont .box ul li a .tit{ 
    width: 100%;text-overflow: ellipsis;
   overflow: hidden;
   word-break: break-word;
   white-space: inherit;
   display: -webkit-box;
   -webkit-line-clamp: 2; 
   -webkit-box-orient: vertical;
   text-align: left;
   font-size: 17px;
   line-height: 1.3;
  }
  .press_cont .box ul li a .date{font-size: 13px; line-height: 32px;}

  .banner-slider_top .banner-slider-text{left: 15px; bottom: 15px; right: 15px}
  .banner-slider_top .banner-slider-text br{display: none;}
  .banner-slider_top img {width: 129%; left: -23px; }
  .banner-slider_top{height: 130px; }
  .exhibition_cont .title:after {left: 0; top: 75px;}
  .main-section.bg{margin-top: 0}
  .press_cont .box,
  .press_cont,
  .photo_news{margin-bottom: 20px}
  .section04{margin-top: 20px}
  .policies_cont{margin-bottom: 0 !important}
  .Swiper_news .swiper-slide a .text{
    background: #fff;
    /*box-shadow: 3px 3px 4px 0px rgb(0 0 0 / 0);
    -webkit-box-shadow: 3px 3px 4px 0px rgb(0 0 0 / 0);
    -moz-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.0);*/
  }
  .president_cont .box{padding: 25px 0 10px 15px;height: 300px; background: #ebf1f9 url(../images/img_preg.png) 140% 150% no-repeat;}
  .president_cont .btn_mess { width: 55%; padding-left: 15px;line-height: 50px;height: 50px; font-size: 14px;}
  .president_cont .stxt{font-size: 12px}
  .news_swiper-pagination{top: 10px !important;}
  .news_paging .wrap-autoplay-control{top: 18px !important;}
  .photo_news{height: 370px;}
  .Swiper_news .swiper-slide a .text{padding: 15px 20px}

  .item_box .item_box_01 .title{font-size: 18px;}
  .item_box .item_box_01 .stxt{font-size: 14px}
  .item_box .item_box_01{padding: 30px}
  .item_box ul li{height: 260px;}
  .exhibition_cont{ padding: 30px; height: 352px;background: #144670 url(../images/img_m_02.png) -20px 62px no-repeat; background-size: 122%;}
  .exhibition_cont .title:after {top: 52px;}

  .president_cont .btn_mess { width: 51%; padding-left: 15px; line-height: 42px; height: 42px; font-size: 13px;background: rgba(255,255,255,0.8) url(../images/ic_arrow_01.png) 94% 50% no-repeat;}
  .news_paging .wrap-autoplay-control, 
  .news_paging .news_swiper-pagination{display: none;}

  .photo_news .title {padding-left: 20px; margin-top: 0;}
  .photo_news h2 { margin-top: 20px; margin-bottom: 0;}


  .news_swiper-button-prev{width: 20px !important; height: 20px !important; left: auto !important; right: 55px !important; top: 44px !important; 
    background: url(../images/ic_arrow_m.png) 5px 50% no-repeat !important;
    box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important;}

  .news_swiper-button-next{width: 20px !important; height: 20px !important; left: auto !important; right: 27px !important; top: 44px !important; 
    background: url(../images/ic_arrow_m.png) -50px 50% no-repeat !important;
    box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important;}

    .top10_cont .box_1 img{display: none;}
    .top10_cont .box_1 .text_wrap{width: 100%}
    .Swiper_news .swiper-slide a .text > p{color: #000}
    .Swiper_news .swiper-slide a .text > p.date{margin-top: 5px; font-size: 14px; color: #666}
}


/*main-slider*/
@media screen and (max-width:1110px){.banner-slider_top .swiper-slide{height:300px}}
@media screen and (max-width:950px){
  .banner-slider_top .swiper-slide{height:300px}
  .banner-slider_top .swiper-slide img{position: absolute; width: auto; height: 100%; left: ; transform: translatex(-50%);}
}