@media screen and (max-width:1200px) {
	#tnb ul { width: 100%; height:50px;}
	#hd_wrapper { width: 100%; margin: auto; height: 165px; border-bottom: 2px solid #253dbe;     height: 50px;
    line-height: 50px;}
	#container_title span {
    padding: 10px 0;
    font-size: 30px;
    color: #333;
    border-bottom: 1px solid #ddd;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 40px;
}
.subpage h1 {
    padding-top: 40px;
}
	#mobile_open {
    color: #231815;
    top: 5px;
    position: absolute;
    left: 15px;
    margin: 0;
    font-size: 25px;
	}
	#logo {    top: 5px;
    position: absolute;
    left: 15px;     margin: 0;
	width:100%;max-width:110px;
	left: calc(50% - 55px);}
	#logo > span { display: block; float: left; cursor: pointer; font-size: 25px; }
	.hd_sch_wr{position:absolute;top:80px;left:10px;width:430px;margin-left:0px;  }
	#hd_qnb{float:right;margin-top:30px}
	#gnb { display: none; }

	#container_wr {width:100%; }
	#aside { 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;     color: #222;}
	.mobile_menu { display: block; }

	#container {min-height:auto;    margin: 0 2% 30px;}

	#ft_wr {width:100%;}

	.m_logo{display:block;margin-left:0px;}
	.mobile_menu {}
	.mobile_menu > ul { background: #222; }
	.mobile_menu > ul > li { 
		position: relative; width: 100%;    line-height: 40px;
	}
	.mobile_menu > ul > li a{padding-left:10px;color:#fff;}
	.mobile_menu > ul > li > i {
	position: absolute;
    right: 10px;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    line-height: 75px;
    width: 30px;
    text-align: center;
	}
	.mobile_menu > ul > li > ul { display: none;  background: #fff;}
	.mobile_menu > ul > li > ul > li {     width: 100%;
    font-size: 16px;
    padding-left: 10px;}
	.mobile_menu > ul > li > ul > li > a{color:#222;}
	.mobile_menu > ul > li > ul > li > a:hover { font-weight: 700; }
.main_slide .swiper-slide .text .under_img{    margin: 50px 10px;
    max-width: 50%;}
.main_slide .swiper-slide:nth-child(1), .main_slide .swiper-slide:nth-child(2), .main_slide .swiper-slide:nth-child(3){min-height:auto;}
.menu_wrap, .news_wrap {margin:0 2%;  }
.gallery_wrap{margin:0 2% 30px;   overflow: hidden;}
.menu_wrap .menus{min-height:400px;}
#main_latest_bottom_wrapper .main_latest_bottom_lt li a{letter-spacing:-1px;    font-size: 15px;}
.subpage{margin:10px 10px}
#aside{display:block;}
#logo img{margin: 8px auto;}
#tnb li {border:none;}
#tnb a{line-height:50px;}
.subtop ul li{width:auto;}
.top_menu{display:block;    margin-top: -53px;}
}

@media screen and (max-width:900px) {
.news_wrap .news{width:100%;}
.main_icons{margin:0 auto;}
.main_icons .main_icon0{ width: 50%;
    min-height: 220px;
    border-top: 1px solid #ddd;
    padding: 30px 0;}
.sub0101 p{width:100%;}
.sub0101 p b{    white-space: normal;}
.sub0102 .under_img{width:100%;    height: auto;
    overflow: hidden;}

.sub0102 .text{width:100%; margin-left:0;}
.sub0102 .his li {  line-height: 40px;}
.sub0102 .his li span{width: auto; margin-right:10px;    font-size: 20px;}
.sub0103_box0{    width: 49%;
    margin-bottom: 10px;}
.sub0103_arrow-down i{margin:20px auto 0px;}
.sub0103_tbox{margin:20px auto 50px;    letter-spacing: -1px;}
}

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

	#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);}

#ft_catch ,#ft_copy{width:100%;    margin: 10px 0;}
#ft_catch img{max-width:140px;}
#ft_copy{padding:0 10px 10px;    text-align: center;}
.main_slide .swiper-slide .text .under_img{max-width: 80%;margin:50px auto;}
.menu_wrap .menus{min-height:320px;}
.sub0301 .sub0301_1 .under_img{width:100%;}
#ft_link a{width: calc(96% / 3);
    text-align: center;
    padding: 0;}

.sub03_products{width:95%;} 
.sub0301 .sub0301_l {width:100%;}
.sub03_products .sub0301_r{margin-top:10px;}
}


@media screen and (max-width:600px) {
.main_slide .swiper-slide .text .under_img{max-width: 90%;margin:30px auto;}
.main_icons .main_icon0{width:100%;    min-height: auto;}
.menu_wrap .menus{min-height:auto;width:100%;    margin-bottom: 10px;}

.subtop ul li{width:auto; min-width:unset;height:40px;}
.subtop ul li a{padding:0 10px;}
.subtop ul {height:auto;line-height:40px;}
.subtop ul li a.on{border:none;background:#333;color:#fff;}
	.lt_wr{width:100% !important; margin-left: 0px !important; }
.subtop{height:auto;}

.sub0102 .text li{line-height:30px;     text-align: center;}
.sub0102 .text li span {
    width: 100%;
    margin-right: 0;
    padding-left: 0;
    display: block;
    border-bottom: 1px dashed #ddd;}

.sub0103_box0{    width: 100%;
    margin-bottom: 10px;}
.sub0103_arrow-down i{font-size:25px;    margin-bottom: 20px;}
.sub0103_tbox{    width: 100%;
    margin: 0;
    padding: 10px;
    font-size: 20px;}

.sub02_product{width:100%;}

#bo_sch .sch_input{width:60%;}
#bo_sch select{width:30%;    margin: 0;
    height: 38px;}
#bo_sch .sch_btn{width:10%;}


}