@charset "UTF-8";

.con01 .con01_inner{width: 100% !important; max-width: 1300px;}
.infra{ max-width: 1300px;}

.main .news .inner{height: auto !important; width: 100% !important; max-width: 1300px;}
.main .news .title{padding-right: 20px;}
.main .news .title .btn_view{padding-top: 0 !important;}
.main .news .tit-bx {display: flex; align-items: flex-end; gap:24px; padding-bottom: 12px;}
.main .news .con_tit {font-size: 40px !important;}
.main .news .message{font-size: 18px; color: #444; font-weight: 400; line-height: 28px;}
.main .news .swiper-wrapper {height: auto !important;}
.main .news .swiper-arrow{width: auto !important; gap: 30px; bottom: 24% !important;}
.main .news .swiper-slide .report figure img{width: 100%;height: 100%;object-fit: cover;}
.main .news .swiper-slide .report figure {height: inherit;}
.visually-hidden {
  position: absolute !important;
  width: 1px; 
  height: 1px; 
  margin: -1px; 
  padding: 0; 
  overflow: hidden; 
  clip: rect(0, 0, 0, 0); 
  white-space: nowrap; 
  border: 0;
}
@media (max-width:1350px){
    .main .news .inner{padding-left: 20px !important;}
    .main .swiper-arrow{left:20px !important;}
}

@media (max-width:1180px){
    .infra ul li a .box_bg{height: auto !important;}
    .main .news .tit-bx{gap:20px;}
    .main .news .title .btn_view{width: 40px !important;}
    .main .news .con_tit{font-size: 27px !important;}
    .main .news .message{font-size: 17px;}
    .main .news a[class^="btn_"]{margin: 0 !important; padding:0 !important;}
    .main .news .swiper-arrow{gap: 20px;}
    .main .news .swiper-slide .report .uq_txt{font-size: 18px !important; left: 20px !important;}
    .infra .infra_tit{font-size: 33px !important;}
}
@media (max-width:767px){
    .main .news .con_tit{font-size: 28px !important;}
    .main .news .title {width:100% !important;}
    .main .news .title .btn_view{width: 30px !important;}
    .main .news .tit-bx{padding-bottom: 10px;}
    .main .news .message{font-size: 15px;  line-height: 18px;}
    .con03 ul li{width: 47.6% !important;}
    .infra .infra_tit{font-size: 26px !important;}
}
@media (max-width:576px){
    .main .news .message{font-size: 14px;}
    .main .news .swiper-slide .report .uq_txt{font-size: 14px !important; left: 10px !important;}
}
@media (max-width:400px){
    .main .news .message{font-size: 12px;}
}