@media (min-width:0px) and (max-width:1024px){
body, html{font-size:96%}
#hd_wrapper{display:none; position:fixed; width:100%; top:0; left:0; right:0; bottom:0; max-width:100%; z-index:9999; padding-top:1.5em}
#hd_wrapper #gnb{width:100%; max-width:100%; margin:0 0 2em 0}
#hd_wrapper #gnb .gnb_2dul{left:125px; top:17px; width:50%}

#hd_wrapper #logo img{width:90%; max-width:210px}
#hd_wrapper #hd_sch{display:none}
#hd_wrapper #gnb .gnb_1dli{line-height:50px}

.hd_wrapper_m{position:fixed; top:0; background:#1e3588; opacity:1; padding:1.5em 0; width:100%; z-index:99; text-align:center; z-index:9999}
.hd_wrapper_m img{max-width:210px}

.gnb_mmenu_btn{position:absolute; right:15px; top:3em; color:#fff; width:30px; height:30px; cursor:pointer}
.gnb_mmenu_btn i{color:#fff;  font-size:32px; font-weight:100}
.gnb_mmenu_btn span{position:absolute; padding:0 12px; background:#fff; height:2px; margin:2px 0; left:0}
.gnb_mmenu_btn span:nth-child(2){top:8px}
.gnb_mmenu_btn span:nth-child(3){top:17px}

.gnb_mmenu_close_btn{position:absolute; right:1em; top:3em; cursor:pointer}
.gnb_mmenu_close_btn i{color:#fff; font-size:2em; }

footer #footer{padding:4em 1em}
}


@media (min-width:0px) and (max-width:768px){
.ready{background-size:180px; padding:10em}

#wrapper{padding-left:1em; padding-right:1em; text-align:center; margin-top:6.5em; background-size:130%; background-position:top center}
#container{text-align:left}
#container_title{font-size:140%}
#container_wr{padding:.5em 1em; }


footer{padding:2em}
footer #footer{flex-direction:column; padding:0}
footer #footer .footer_privacy{padding-top:1em; text-align:center; width:100%}
footer #footer .footer_address p{font-size:90%; word-break:keep-all}

#top_btn{border-radius:50%; width:45px; height:45px; line-height:40px; opacity:1}

}


@media (min-width:769px) and (max-width:1024px){
.ready{background-size:180px; padding:10em}

#wrapper{padding-left:1em; padding-right:1em; text-align:center; margin-top:6.5em; background-size:130%; background-position:top center}
#container{text-align:left}
#container_title{font-size:140%}
#container_wr{padding:.5em 1em; }


footer{padding:2em}
footer #footer{flex-direction:column; padding:0}
footer #footer .footer_privacy{padding-top:1em; text-align:center; width:100%}
footer #footer .footer_address p{font-size:90%; word-break:keep-all}

#top_btn{border-radius:50%; width:45px; height:45px; line-height:40px; opacity:1}

}



@media (min-width:1024px){
     .hd_wrapper_m{display:none}
     .gnb_menu_btn{display:none}
	 .gnb_mmenu_close_btn{display:none}
}


					/* mobile */
										.mobile_nav{
											display:none;
											position:fixed;
											left:-300px;
											top:0;
											width:100%
											height:100%;
											-webkit-box-sizing:border-box;
											box-sizing:border-box;
											-webkit-transition:right 0.4s ease-out;
											transition:right 0.4s ease-out;
											z-index:9999;
											box-shadow: 1px 1px 6px #757575;
											background:#1e3588;
											padding:20px;
											z-index:99999;
											text-align:center;
										}
										.mobile_nav.mactive {
											left: 0;
											display:block; 
											right:0;
											position:fixed;
											bottom:0;

										}
										.mobile_nav ul li{list-style-type:none}
										.mobile_nav div.m_top{}
										.mobile_nav div.m_top a{display:block; width:100%;height:55px;}										
										.mobile_nav div.m_top .menu_logo{ width:100%;height:100%; margin:0;}										
																				
								.mobile_nav > ul.m_nav{ width:100%; height:100%; padding:0; margin:3em auto auto auto; box-sizing:border-box;  }
																	 
								.mobile_nav .m_bye{width: 45px; height: 45px; float: none; position: absolute; right: 0; top:20px }	
								.mobile_nav .m_bye a{text-align:center;width:45px;opacity:1 !important; color:inherit; font-size:30px; font-weight:300; color:#fff;}					   

								.mobile_nav ul.m_nav .menu_tit	{width:100%; height:100px; line-height:30px; text-align:center;display:table; vertical-align:middle;background:#333;box-shadow: 1px 1px 6px #757575;}						
								.mobile_nav ul.m_nav .menu_tit li{width:100%;height:100%; }
								.mobile_nav ul.m_nav .menu_tit li a{text-align:left;color:#e62365; font-size:23px; line-height:50px;}	
																					   
								.mobile_nav ul.m_nav .menu_tit2	{
																						 width:100%;
																						 height:50px;
																						 background:#ffffff;
																						 margin-top:20px;
																						 }		
																						 
																						 
								.mobile_nav ul.m_nav .menu_tit2 li a{
																					   text-align:left;
																					   color:#e62365;
																					   font-size:23px;
																					   line-height:50px;
																					   }															 													   												   
																																	   
								.mobile_nav ul.m_nav .menu_tit span{display:block; font-size:13px; text-align:center; color:#e62365; margin:0}
								.mobile_nav > ul.m_nav > li > a{
									display:block;
									width:100%;
									line-height:68px;
									text-decoration:none;
									font-size:15px;
									/*text-indent: 3%;*/
									font-weight:500;
									color:#fff;
									-webkit-box-sizing:border-box;
									box-sizing:border-box;
									border-bottom:1px solid #1e3588;
								}


								.mobile_nav > ul.m_nav > li.me > a{} /*오른쪽에 화살표 나오는 부분 */

								.mobile_nav > ul.m_nav > li.m_first > a{border-top:1px solid #586593}


								.mobile_nav > ul.m_nav  > li:hover > a{
									color:yellow;
								}
								.mobile_nav ul.m_nav li ul.sub{
									display:none;
									width:100%;
									height:100%;
									padding:0;
									background:#314db1;
								}
								ul.m_nav li ul.sub  li{
									width:100%;
									display:block;
									}
								ul.m_nav li ul.sub li.m1{
									border-top:0;
								}
								ul.m_nav li ul.sub li a{
									display:block;
									padding:0 10px;
									width:100%;
									line-height:38px;
									text-decoration:none;
									font-size:14px;
									letter-spacing:-1px;
									color:#fff;
									-webkit-box-sizing:border-box;
									box-sizing:border-box;
									-webkit-transition:background 0.3s;
									transition:background 0.3s;
								}


								ul.m_nav li ul.sub li:hover a {
									cursor:pointer;
									color:#ffffff;
									background:#314db1;
								}

								.transparency{
														 display:none;
														 position:fixed;
														 left:0;top:0;
														 z-index:10000;
														 width:100%;
														 height:100%;
														 background:rgba(0,0,0,0.4);
														 }
																							   
								.transparency.mactive{display:block; }
								.transparency{display:none}

								.m_nav-tit{color:#fff;  font-weight:bold; height:60px; font-size:0; }
								.m_nav-tit a{color:#fff; font-size:1.3em; display:inline-block;}
								.m_nav-tit img{max-width:210px; margin-top:2px;}
								.gnb_close_btn{position:fixed; background:none; color:#fff; font-size:2em; box-shadow:none; right:18px; top:1.2em; border:none}




@media (min-width:1024px){
.m_header, .m_navi{display:none}

}

@media (min-width:0px) and (max-width:768px){
.m_header img{width:80%; max-width:290px}
.m_navi{margin-top:4em}
}


@media (min-width:769px) and (max-width:1024px){
.m_header img{width:80%; max-width:290px}
.m_navi{margin-top:4em}
#wrapper{padding:9em 2em 3em 2em}
#container_wr{margin-top:3em}
}

@media (min-width:1025px) and (max-width:1280px){
body{font-size:100%}
#hd_wrapper{max-width:270px;}
#hd_sch #sch_stx{width:71%}
#wrapper{padding:9em 0 3em 0}
#container_wr{padding-top:0}

footer #footer{width:92%; font-size:95%}
}