@media screen and (max-width:1100px) {
	.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 {display:none;}
	span#mobile_open {      display: block;
    float: left;
    font-size: 29px;
    font-size: 24px;
    line-height: 51px;
    margin-top: -51px;
    text-align: center;
    background: #347f9d;
    color: #fff;
    width: 51px;
    height: 51px;
	}
	.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:1100px;margin:0 auto;padding-left:0;}

	#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: 0px; left: -30px }
	.close_menu > i { font-size: 40px; cursor: pointer; }
	.mobile_menu { display: block; }

	#container {width: calc(100% - 20px)!important; margin:10px 10px;}

	#ft_wr {width:100%;}
	#ft_catch {width:100%;}
	#ft_copy{    width: 100%;
    text-align: center;}


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

	}
	.mobile_menu > ul > li > i { position: absolute; right: 10px;     top: 16px;color: #aaa; font-size: 20px; cursor: pointer;    bottom: 15px;}
	.mobile_menu > ul > li > ul { display: none;    background: #efefef;
    padding-bottom: 10px;
    margin-left: -10px;
    border-top: 1px solid #ddd;}
	.mobile_menu > ul > li > ul > li { width: 100%;    line-height: 50px;
    padding-left: 20px;}
	.mobile_menu > ul > li > ul > li > a:hover { font-weight: 700; }
.lt_ban{width:100%;}
.lt_wr{width:calc(96% / 2);margin: 0 1%;}
	.gnb_1da {color:#242424}
.notice{    background: #333;    border-bottom: 0;}
.notice h2 a{background:#fff;color:#333}
.notice li a{color:#fff}
.notice li a:hover{    color: #347f9d;}
#ol_auto label{color:#555}
#ol_svc a, #ol_svc{color:#555;}
#tnb #m_logo{display:block;    float: left;
    margin-left: 60px;}
#tnb #m_logo img{max-width:300px;}


/*¸ÞÀÎÈ­¸é*/
.main_wrap{margin-top:0}
.main_wrap_lf,.main_wrap_rg  {
    float: unset;
    width: 100%;
}
.main_wrap_rg .rg_box {
    width: calc(100% / 3);
    float: left;
}
.main_wrap_rg .rg_box a{padding:16px;}


.latest_wr{display:block;}
/*subpage*/
.subtop p{text-align:center;}
.sub0101 .under_img{opacity:0.5}


}

@media screen and (max-width:700px) {
	#tnb ul { width: 100%; }
	#hd_wrapper { height: 160px; }
	.main_wrap_lf .swiper-container1 .swiper-slide {min-height: 300px!important;}



	.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);}
	.sub0101 .text{    width: 100%;
    margin: 0 auto;
    text-align: center;}
	.sub0101 .text strong{text-align: center;}
	#bo_list .tbl_head01 .view{display:none;}
	#bo_list .tbl_head01 thead th:last-child {border-right: 1px solid #ccc;}
	#container_title span{margin-bottom:20px;margin-top:20px;}
	.sub0201{background-size:contain}
}


@media screen and (max-width:600px) {
	#tnb ul{display:none}
	#tnb #m_logo{float:unset;}
	#tnb #m_logo img {    max-width: 226px;}
	.main_wrap_rg .rg_box{width:100%;}

	.subtop p{padding:20px 10px;      text-align: center;  white-space: normal;}
	.subtop p strong{    font-size: 20px;word-break: keep-all;}
	.lt_wr{width:100% !important; margin-left: 0px !important; }
	.lt_wr:after{content:'';display:block;clear:both;}
	.main_wrap_lf{width: 100%;}
	.main_wrap_rg {width:100%;}

	.sub0104 ul li{    width: calc(96% / 2);}
	.sub0201_con li{width:100%;}
	.gall_row .col-gn-4{width:50%;}
	
	#bo_sch{width:100%;}
	#bo_sch select{width:20%;}	
	#bo_sch .sch_input{width:calc(80% - 50px)}
	}