@media screen and (max-width:1200px) {
	#tnb ul { width: 100%; }
	#hd_wrapper { width: 100%; margin: auto; height: 165px; border-bottom: 2px solid #253dbe; }

	#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: calc(70% - 20px); ;margin-left:0px;  }
	#hd_qnb{float:right;margin-top:30px}
	#hd_qnb1{margin-top:0px; } 
	#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; }
	.mobile_menu { display: block; }

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

	#ft_wr {width:100%;}


	.mobile_menu { margin: 20px; }
	.mobile_menu > ul { background: #253dbe; 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: #fff; padding-bottom: 10px; }
	.mobile_menu > ul > li > ul > li { width: 100%;  padding: 10px 15px 0px 10px;}
	.mobile_menu > ul > li > ul > li > a:hover { font-weight: 700; }


}
@media screen and (min-width:1200px) {
.asideClass{display:none;}
}

@media screen and (max-width:700px) {
	#tnb  { border:0px; }
	#tnb ul { width: 100%; height:30px; text-align:center; padding:0px; }
	#tnb li { width:30%; }


	.boardClass { display:none; }
	#hd_wrapper { height: 130px;border-bottom:0px; }
	#logo {width: calc(50% - 20px);  margin-left: 10px; float:left;text-align: left; }
	.mobileImg{ width:150px;padding-left:10px;}
	#main_bn{margin:0px; margin-bottom:5px;}
	.hd_sch_wr{top:80px;width: calc(100% - 20px); z-index: 0; }
	#hd_qnb1 li i {width:50px;}
	#hd_qnb1 li i span{display:none;}
	#hd_qnb1{margin-top:5px; } 
	#hd_qnb{ display: none; float:right;margin-top:30px}
	#hd_sch #sch_stx {width:calc(100% - 50px);}

	#ft{display:none;}
	.mobileCl{height:170px; }
}


@media screen and (max-width:600px) {
	.lt_wr{width:100% !important; margin-left: 0px !important; }
}



@media screen and (min-width:300px) {
	.mobileCl{height:140px; }
	/* .frm1{height: 73vh;}
	.frm2{height: 73vh;}
	.frm3{height: 73vh;} */
}

@media screen and (min-width:400px) {
	.mobileCl{height:170px; }
	/* .frm1{height: 78vh;}
	.frm2{height: 78vh;}
	.frm3{height: 78vh;} */
	
}

@media screen and (min-width:500px) {
	.mobileCl{height:200px; }
}

@media screen and (min-width:600px) {
	.mobileCl{height:250px; }
	.card-body {
		padding: 10% 0 0 0;
	}
}
@media screen and (min-width:700px) {
	.mobileCl{height:0px; }
	.card-body {
		padding: 3% 0 0 0;
	}
}


@media screen and (min-height:200px) {
	.heightClass{height: 55%;}
}
@media screen and (min-height:250px) {
	.heightClass{height: 60%;}
}
@media screen and (min-height:300px) {
	.heightClass{height: 65%;}
}
@media screen and (min-height:350px) {
	.heightClass{height: 68%;}
}
@media screen and (min-height:400px) {
	.heightClass{height: 72%;}
}
@media screen and (min-height:450px) {
	.heightClass{height: 75%;}
}
@media screen and (min-height:500px) {
	.heightClass{height: 78%;}
}
@media screen and (min-height:570px) {
	.heightClass{height: 79%;}
}
@media screen and (min-height:600px) {
	.heightClass{height: 80%;}
}
@media screen and (min-height:630px) {
	.heightClass{height: 82%;}
}
@media screen and (min-height:670px) {
	.heightClass{height: 83%;}
}
@media screen and (min-height:700px) {
	.heightClass{height: 84%;}
}
@media screen and (min-height:760px) {
	.heightClass{height: 85%;}
}