@media screen and (max-width:1180px) {
    .swiper-button-prev, .swiper-button-next{
        width: 15px !important;
        height: 25px !important;
        background-size: 15px 25px !important;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev, .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
        width: 100%;
    }
    .main_wrap_lf .swiper-container1 .swiper-slide .slide_text .under_img h2{
        font-size: 26px;
    }
    .main_wrap_lf .swiper-container1 .swiper-slide .slide_text .under_img p{
        font-size: 18px;
    }
	.header_line img{display:none;}
	#tnb ul { width: 100%;     height: 50px;}
	#tnb a{line-height:50px;}
	#hd_wrapper { width: 100%; margin: auto; height: 165px; border-bottom: 2px solid #253dbe; }

	#logo {width: calc(100% - 20px); margin-left: 10px; float:left;padding:10px 0 0; text-align: center; }
	span#mobile_open {    display: flex;
        align-items: center;
        justify-content: center;
    float: left;
    cursor: pointer;
    font-size: 20px;
    padding: 0 10px;
    margin-top: -50px;
    background: #212e6c;
    color: #fff;
    width: 50px;
    height: 50px;}
    #ft_catch img{
        width: 100px;
        margin: 15px auto 0 auto;
    }
	.hd_sch_wr{position:absolute;top:80px;left:10px;width:430px;margin-left:0px;  }
	#hd_qnb{float:right;margin-top:30px}
	#gnb { display: none; }

	.subtop_menu_wrap{max-width:1180px;margin:0 auto;padding-left:0;}
	.subtop p, .container_sub{    max-width: 95%;}

	#container_wr {width:100%; }
	
	#aside {display:block; position: fixed; left: -305px; top: 0px; margin: 0px; z-index: 1000; overflow-y: auto; }
	.close_menu { position: fixed; display: block; height: 0px; z-index: 1100; top: 11px; left: -30px }
	.close_menu > i { font-size: 25px; cursor: pointer; color:#fff;}
	.mobile_menu { display: block; }


	#ft_wr {width:100%;}
	#ft_link{float: none;
    text-align: center;}
	#ft_catch {float:none;
    margin: 10px auto 0;}
	#ft_copy{    width: 100%;
    text-align: center;}


	.mobile_menu {}
	.mobile_menu > ul { font-size: 19px;}
	.mobile_menu > ul > li { 
	    position: relative;
    width: 100%;
    /* padding: 15px 10px 0px 10px; */
    line-height: 50px;
    
    border-bottom: 1px solid #ddd;

	}
	.mobile_menu > ul > li :hover{background:#212e6c;}
	
	.mobile_menu > ul > li > i { position: absolute; right: 10px; color: #333; font-size: 20px; cursor: pointer;    top: 15px;}
	.mobile_menu > ul > li > ul { display: none;background: #fff!important; margin-left: -10px;}
	.mobile_menu > ul > li > ul > li { width: 100%;    line-height: 50px;
    padding-left: 20px;    font-size: 15px;}
	.mobile_menu > ul > li > ul > li:hover{background:#fff;border-bottom:2px solid #212e6c;}
	.mobile_menu > ul > li > ul > li:hover a {color:#212e6c;background:#fff;}

.gnb_1da {color:#333;font-size:16px;padding-left: 10px;}
.mobile_menu ul li:hover .gnb_1da {color:#fff!important;background: #212e6c;}
.mobile_menu ul li:hover i {color:#fff!important;}
.ban_wr ul li p{    bottom: 20px;    left: 20px;}
.ban_wr ul li p b{    font-size: 25px;}

.ban_wr ul li i.icon_right{    bottom: 20px;    right: 20px;}

.lt_ban{width:100%;}
.lt_wr{    width: calc(90% / 2);
    margin: 0 2.5%;}

.notice{    background: #212e6c;    border-bottom: 0;}
.notice h2 a{background:#fff;color:#333}
.notice li a{color:#fff !important}
.empty_li { color: #fff;}
.notice li a:hover{    color: #347f9d;}
#ol_auto label{}
#ol_svc a, #ol_svc{}
#tnb{border-bottom:none;}
#tnb #m_logo{
     display: block;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #d1d1d1;
}
#tnb #m_logo img{width: 76px;}

.main_wrap_lf .swiper-container1 .swiper-slide .slide_text{    width: 85%;}
.main_wrap_lf .swiper-container1 .swiper-slide:nth-child(1){background:url(/img/main1_bg.png) no-repeat center;height:500px; background-size: cover;}
.main_wrap_lf .swiper-container1 .swiper-slide:nth-child(2){background:url(/img/main2_bg.png) no-repeat center;height:500px; background-size: cover;}
.main_wrap_lf .swiper-container1 .swiper-slide:nth-child(3){background:url(/img/main3_bg.png) no-repeat center;height:500px; background-size: cover;}
.main_ti, .ban_wr,.main_latest_gallery_ti{max-width:95%;}
.gallery_wrap:after{min-height: 200px;}

.cbp-l-grid-projects-title p{    left: 20px;
    bottom: 20px;}

.sub0201 ul.sub0201_con{    width: 100%;}

}

@media screen and (max-width:930px) {
    .sub0101 .big_tx{
        font-size: 18px;
        padding: 20px 0;
    }
    .sub0101 .text {
        font-size: 16px;
    }
    .sub0105 p{
        font-size: 16px;
    }
.lt_wr{    width: 95%;
    margin: 0 2.5%;}
.sub0101 .under_img{    width: 100%;
    margin: 0 auto 30px;
    float: none;}
.sub0101 .text{    width: 100%;
margin: 0 auto;
text-align: center;}
.sub0101 .text strong{text-align: center;}
.sub0101 .sec_left{width:100%;    text-align: center;
    margin: 0 auto;}
}

@media screen and (max-width:700px) {
    .ban_wr ul li p.big_tx{
        font-size: 16px;
    }
.subtop_menu_wrap .menutab{    font-size: 14px;}
	#tnb ul { width: 100%; }
	#hd_wrapper { height: 160px; }

	.hd_sch_wr{top:80px;width: calc(100% - 20px); z-index: 0; }
	#hd_qnb{ display: none; float:right;margin-top:30px}
	#hd_sch #sch_stx {width:calc(100% - 50px);}
	
	#bo_list .tbl_head01 .view{display:none;}
	#bo_list .tbl_head01 thead th:last-child {border-right: 1px solid #ccc;}
	.main_wrap_lf .swiper-container1 .swiper-slide .slide_text1{    font-size: 35px;    line-height: 45px;}
	.main_wrap_lf .swiper-container1 .swiper-slide .slide_text1:after{margin: 10px 0;}
	.sub0201 ul.sub0201_con li p{    padding: 15px 0;}
}


@media screen and (max-width:600px) {
    .tg .tg-6fs0{width: 90px}
	.ban_wr ul li{width:97%;    margin-bottom: 30px;}

	.subtop p{padding:20px 10px;      text-align: center;  white-space: normal;}

    .subtop p strong{
        font-size: 18px;
        padding-bottom: 10px;
    }
    .subtop p span{
        font-size: 16px;
    }
	.subtop p strong:before{    left: calc(50% - 27.5px);}
	.subtop p strong:after{    position: absolute;
    left: calc(50% - 100px);
    bottom: 0;
    z-index: -1;
    width: 200px;}
	.lt_wr{width:100% !important; margin-left: 0px !important; }
	.main_wrap_lf{width: 100%;}
	.main_wrap_rg {width:100%;}
	.main_wrap_rg .under_img{float:left;width: calc(100% / 3);}
	.sub_ti{font-size:25px;}
	.sub0101 .sec_left{    width: 100%;
    float: none;
    margin: 0;
    text-align: center;}
	.sub0104 ul li{    width: calc(96% / 2);}
	.sub0201_con li{width:100%;}
	.gall_row .col-gn-4{width:50%;}
	#ft_sns{width:100%;}
	#ft_link{width:100%;text-align: center;}
	.history_img{width:100%!important;}
	.history_img span{    text-align: left!important;    margin-left: 30px;}
	.history_txt{width:100%!important;    margin-top: 20px!important;}

	.subtop_menu_wrap .subtop_menu1{display:none;}

}

@media screen and (max-width:400px){

.main_wrap_lf .swiper-container1 .swiper-slide .slide_text .under_img h2{
    font-size: 18px;
}
.main_wrap_lf .swiper-container1 .swiper-slide .slide_text .under_img p{
    font-size: 16px;
}
.ban_wr ul li i.icon_right{display:none;}
.main_wrap_lf .swiper-container1 .swiper-slide:nth-child(1){background:url(/img/main1_bg.png) no-repeat center;height:300px; background-size: cover;}
.main_wrap_lf .swiper-container1 .swiper-slide:nth-child(2){background:url(/img/main2_bg.png) no-repeat center;height:300px;  background-size: cover;}
.main_wrap_lf .swiper-container1 .swiper-slide:nth-child(3){background:url(/img/main3_bg.png) no-repeat center;height:300px;  background-size: cover;}

.subtop_menu_wrap .subtop_menu2{width:calc(100% - 60px)}
.subtop_menu_wrap .home{width:60px;
    
}
#ft_catch{width:90%;}

}