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

	#logo {width: calc(100% - 20px); margin-left: 10px; float:left;padding:20px 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: 40px; cursor: pointer; }
	.mobile_menu { display: block; }

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

	#ft_wr {width:100%;}

#container_title {width:100%;margin:0 auto; }
#container_wr_sub{width:100%}
#container_sub{float:none; width:100%; margin:0;}

	.mobile_menu { margin: 20px; }
	.mobile_menu > ul { background: #FFF; padding-bottom: 15px;  }
	.mobile_menu > ul > li { 
		position: relative; width: 100%; padding: 15px 10px 0px 10px;

	}
	.mobile_menu > ul > li > i { position: absolute; right: 10px; color: #fff; font-size: 20px; cursor: pointer;}
	.mobile_menu > ul > li > ul { display: none; margin-top: 15px; background: #253dbe; padding-bottom: 10px; }
	.mobile_menu > ul > li > ul > li { width: 100%;padding: 10px 15px 0px 10px;  }
		.mobile_menu > ul > li > ul > li  > a { color:#FFF; padding: 15px 15px 0px 15px; font-size:1.2em}
	.mobile_menu > ul > li > ul > li > a:hover { font-weight: 700;  }

}

@media screen and (max-width:700px) {
	#aside{display:block!important}
	#tnb ul { width: 100%; }
	#hd_wrapper { height: 80px; }

	.hd_sch_wr{top:30px;width: calc(100% - 20px); z-index: 0; }
	#hd_qnb{ display: none; float:right;margin-top:30px}
	#hd_sch #sch_stx {width:calc(100% - 50px);}
.sub_menu{display:none}

#container_title {width:100%;margin:0 auto; }
#container_wr_sub{width:100%}
#container_sub{float:none; width:100%; margin:0;}
#gj_wr .gj_c1 {
    width: 100%;
    float: none;
}
#gj_wr .gj_c2 { 
    width: 100%;
    float: none;
	margin:0!important;	
}

#ft .latest_wr1 {
    float: none;
    width: 100%;

	}
#ft_catch {
    margin: 20px 0 10px;
    text-align: center;
}

#ft_copy {
    margin: 20px 0px 10px;
    color: #FFF;
    font-size: 1em;
    line-height: 150%;
    font-weight: 200;
    text-align: center;
}

#ft .latest_wr2 {
    float: none;
    width: 100%;
}

.col3 a {
    display: block;
    padding: 25px 0;
}

}


@media screen and (max-width:600px) {
	.lt_wr{width:100% !important; margin-left: 0px !important; margin-bottom:10px;}
#container_title {width:100%;margin:0 auto; }
#container_wr_sub{width:100%}
#container_sub{float:none; width:100%; margin:0;}
#gj_wr .gj_c1 {
    width: 100%;
    float: none;
}
#gj_wr .gj_c2 { 
    width: 100%;
    float: none;
	margin:0!important;	
}

#ft .latest_wr1 {
    float: none;
    width: 100%;

	}
#ft_catch {
    margin: 20px 0 10px;
    text-align: center;
}

#ft_copy {
    margin: 20px 0px 10px;
    color: #FFF;
    font-size: 1em;
    line-height: 150%;
    font-weight: 200;
    text-align: center;
}

#ft .latest_wr2 {
    float: none;
    width: 100%;
}

.col3 a {
    display: block;
    padding: 25px 0;
	
}

}