.mm_logo{display:none;}
.top_logo > span{display:none;}
.main_img{height:481px;}
#aside{display:none;}

@media screen and (max-width:1200px) {
	#tnb ul { width: 100%; }
	#hd_wrapper { width: 100%; margin: auto; }

	#logo {width: calc(100% - 20px); margin-left: 10px; float:left;padding:10px 0 0; text-align: center; }
	#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 { 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: 18px; cursor: pointer; color:#fff;font-weight:normal;}
	#mobile_menu_close{cursor: pointer;}
	.mobile_menu { display: block; }
	.mobile_logo{display:block;}

	#container {width: calc(100% - 20px); }

	#ft_wr {width:100%;}

	.mobile_menu { margin-top: 0px; }
	.mobile_menu > ul { background: #fff; padding-bottom: 0px;  }
	.mobile_menu > ul > li { position: relative; width: 100%; padding: 0px 0px;border-bottom:1px solid #e4e4e4;background-color:#444444;color:#acacac;}
	/*.mobile_menu > ul > li:hover{background-color:#efefef;}*/
	.mobile_menu > ul > li > i { position: absolute; right: 10px; color: #acacac; font-size: 20px; cursor: pointer;padding:15px 15px;}
	.mobile_menu > ul > li > ul { display: none; margin-top: 0px; background: #fff; padding-bottom: 0px; border-top:1px solid #e4e4e4;}
	.mobile_menu > ul > li > ul > li { width: 100%;  padding: 5px 15px 5px 15px;}
	.mobile_menu > ul > li > ul > li:first-child{padding-top:10px;}
	.mobile_menu > ul > li > ul > li:last-child{padding-bottom:10px;}
	.mobile_menu > ul > li > ul > li > a{ font-size:1.1em; }
/*	.menu_top{display:none;} */
	.menuNav{display:none;}
	
	
	.hide{display:none;}
	.top_menu{display:none;}

	.menu_top, .top_sns, .top_cs{display:none;}
	.top_logo {width: calc(100% - 20px); float:left;padding:0px 0 0; text-align: center; margin-top:0px;}
	.top_logo > span { display: block; float: left; cursor: pointer; font-size: 30px; margin-top:15px;}

	.top_logo .logo{margin-top:0;}
	.sub-right{width:100%;}

	.hd_br{border-bottom:2px solid #3f3f3f;}
	.sub-right .right_title{margin:40px 5px 10px 5px;}
}

@media screen and (max-width:700px) {
	#tnb ul { width: 100%; }
	.main_img{height:350px;}

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

	.lt_wr{width:100% !important; margin-left: 0px !important; }

	#tab{width:100%; }

}


@media screen and (max-width:600px) {
	.lt_wr{width:100% !important; margin-left: 0px !important; }
	#ft_catch{width:100%;text-align:center;}
	#ft #ft_wr #ft_copy{width:100%;text-align:center;}
}

/*write by.sol*/
@media (max-width: 800px) {
	.hd_top .bxslider li{height:300px;}
	.hd_top .bxslider li img{height:300px;}
}
@media (max-width: 760px) {
	.sub_cate{padding:5px;}
}

@media (max-width: 570px) {
	.banner li{float:left;width:50%;margin-bottom:2%;}
}

@media (max-width: 480px) {
.top_logo a img{width:auto;}
}

@media (max-width: 440px) {
	.title_txt{text-align:center;font-size:2.8em;color:#fff; line-height:332px;}
	.title_txt spanpadding:0 10px;}
}