@media screen and (max-width:1200px) {
	
	#container_title{ border-top:0px; font-size:1.1em; } 
	#tnb ul { width: 100%; }
	#hd_wrapper { width: 100%; margin: auto; height: 165px; border-bottom: 2px solid #002d69; }

	#logo {width: calc(100% - 20px); margin-left: 10px; float:left;padding:17px 0 0; text-align: center; }
	#logo > span { display: block; float: left; cursor: pointer; font-size: 25px; margin-top:10px; }
	.hd_sch_wr{position:absolute;top:95px;left:10px; width: calc(100% - 20px); margin-left:0px;  }
	
	#hd_qnb{ display: none; float:right;margin-top:30px}
	#hd_sch #sch_stx {width:calc(100% - 50px);}
	
	#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 { 
	    height: 100%;
	    background: rgba(0,0,0,0.5);
	    width: 200px;
		position: fixed; display: block; z-index: 900; top: 0px; left: -305px; margin-left:-5px; 
	}
	.close_menu > i { font-size: 40px; cursor: pointer; }
	.mobile_menu { display: block; }

	#container {width: calc(100% - 20px); margin:10px 10px;}

	#ft_wr {width:100%;}


	.mobile_menu > ul { border-bottom: 1px solid #ccc; }
	.mobile_menu > ul > li { 
			
	    position: relative;
	    width: 100%;
	    background: #fafafa;
	    color: #000;
	    
	    /* padding: 25px 5px 5px 15px; position: relative; width: 100%; padding: 25px 5px 5px 15px; */

	}
	.mobile_menu > ul > li a{
		display: block;
		padding: 15px 10px;
	    border-top: 1px solid #ccc;
	}
	
	.mobile_menu > ul > li > .gnb_1da{ color: #000; }
	
	.mobile_menu > ul > li > i { position: absolute; right: 10px; top:10px; font-size: 20px; cursor: pointer;}
	
	.mobile_menu > ul > li > ul { display: none; background: #fff; }
	
	.mobile_menu > ul > li > ul > li { width: 100%; border-left:3px solid #333; font-size:0.95em; }
	.mobile_menu > ul > li > ul > li > a:hover { font-weight: 700; }

}

@media screen and (max-width:700px) {
	
	body{ font-size: 13px; }
	
	#logo{ color: #fff; margin-top:-12px; padding:5px; }
	
	#logo > span{ margin-top:12px; margin-left:2px; font-size:17px; }
	
	#tnb ul { width: 100%; } 
	
	#hd_wrapper { height: 54px;background: #000; border-bottom: 0px; }
	
	
    	body #hd_wrapper a.desktop{ display:none; }
    	
    	#hd{ position:fixed; width:100%; z-index: 99; }
    	#wrapper{ padding-top:55px; }
    	
    	#hd_wrapper a.mobile{ display:inline-block; }
    	#hd_wrapper a.mobile img{ width:200px; margin-top: 3px; }
	

	.hd_sch_wr{top:95px;width: calc(100% - 20px); z-index: 0; display:none; }
	#hd_qnb{ display: none; float:right;margin-top:30px}
	#hd_sch #sch_stx {width:calc(100% - 50px);}

	.gall_row .col-gn-4{ width:33.3%; }
	
	
	#container_title{ border-top: 0px; display: block; font-size: 1em; }
	#container_title span{ margin:0px; padding:0px; line-height:normal; }
	
	
	/* 게시판 스타일  */
	#bo_v_title .bo_v_tit{ font-size:1.3em; }
	
	.bo_v_file_cnt{ position:static; }
    		

}


@media screen and (max-width:600px) {
	.lt_wr{width:100% !important; margin-left: 0px !important; }
	.gall_row .col-gn-4{ width:50%; }
}

