nav.m_nav{display:none;clear: both;}


#headtop{width:100%; background: #ffffff;border:0px solid #dedede;position:relative;}


.toplogin { height:40px; border-bottom:1px solid #e7e7e7;}

.toplogin .toploginbox { position:relative; width:100%; max-width:1150px;margin:0px auto; }
.toplogin .toploginbox ul { float:right;  background:#b70005; height:40px;}
.toplogin .toploginbox ul li { float:left; text-align:center;padding:10px 10px 0px 10px; color:#fff;}
.toplogin .toploginbox ul li span{padding:0 10px}
.toplogin .toploginbox ul li a{color:#fff; font-size: 13px; font-weight: 500; letter-spacing:-1px;}
.btnoder{background:url("../../images/hmpg/main/icontop.png") no-repeat left 0px; padding-left:20px}
.btnsearch{background:url("../../images/hmpg/main/icontop.png") no-repeat left -27px; width:27px; height:30px; padding:10px; cursor: pointer;}




.header_control{clear: both;width:1150px;margin:0px auto; background: #ffffff; height:80px; position:relative;}


.login{display:none;}
.Mlogo{margin:10px 5px 10px 5px; text-align:center}
/* .btn_nav{float: left;;margin:18px 5px 10px 5px;} */

.btn_nav{display:block;position: absolute;top:17px;left:2px;width: 35px; height: 35px;background:url("../../images/hmpg/btn_gnb_opener.gif") center center no-repeat; background-size:35px 35px;cursor: pointer;}
.btn_nav.opened{background:url("../../images/hmpg/btn_gnb_close.gif") center center no-repeat; background-size:35px 35px;}

/* .mobbanner {background-color:#8a1601;position:fixed;width:100%;height:25px;z-index:999;} */

.logo{float:left;margin:10px 0px 0px 0px; width:330px; position:relative;}

nav.m_nav{position:relative;top:-65px;left:0;width:1200px; margin: 0 auto;  }
nav.m_nav .gnb{float:right;position:relative; padding:0px;  z-index:999999999;}
nav.m_nav .menu{float:left;padding-left:45px}


nav.m_nav .menu .gnb_title{color:#000;padding:0px; border: 0; font-size: 17px; font-weight: 600; }
nav.m_nav .menu .gnb_title a{color:#494949; display:block; margin:14px 0; padding:10px 10px;}
nav.m_nav .menu .gnb_title a.myedu{color:#c40f0f; }
nav.m_nav .menu .gnb_title a:hover, nav .menu .gnb_title a:active{color:#c40f0f;}	


#submenu{position:absolute;  z-index:999; width:100%; margin: 0 auto; overflow: hidden; height:280px; background:#34404b; opacity:0.9;}
#submenu #top_menu_sub{ position: relative; margin:0 auto; width:1250px; }	
#submenu #top_menu_sub .moxright{position:absolute; right:0; width:760px; border:0px solid #ff0000;}
#menu_box li ul.sub_menu_list{float:left; color:#fff;font-size:15px;line-height:20px;margin-top:10px;margin-left:10px;}
#menu_box li ul.sub_menu_list li{padding:2px 0}	
#menu_box li ul.sub_menu_list li a{color:#ffffff; }
#menu_box li ul.sub_menu_list li a:hover, #menu_box li ul.sub_menu_list li a:active{color:#ffba00;}	

#menu_box li ul.sub_menu_list li ul.step3_sub_menu_list {color:#fff;font-size:12px;line-height:20px;margin-top:0px;margin-left:0px;}
#menu_box li ul.sub_menu_list li ul.step3_sub_menu_list li{background:url("../../images/hmpg/ba01.gif") left center no-repeat; padding:2px 0 2px 10px}	
#menu_box li ul.sub_menu_list li ul.step3_sub_menu_list a{color:#989489; }
#menu_box li ul.sub_menu_list li ul.step3_sub_menu_list a:hover, #menu_box li ul.sub_menu_list li ul.step3_sub_menu_list a:active{color:#ffba00;}	


#menu_box li ul#sub_list1{width:120px;}
#menu_box li ul#sub_list2{width:120px;}
#menu_box li ul#sub_list3{width:120px; }
#menu_box li ul#sub_list4{width:120px;}
#menu_box li ul#sub_list5{width:105px;}
#menu_box li ul#sub_list6{width:90px;}
#menu_box li ul#sub_list7{}

#menu_box li.close_btn{position: absolute;top:280px;right:0px}




 
#Msmenu {position:absolute;z-index: 999999999;left:-240px; width:240px; background:#2a2928;}

#Msmenu .menu .Allmenu{border-bottom:1px solid #5c5756;color:#ffffff;padding:5px 6px 5px 15px;background-color:#000000;font-size: 0.85em;}
#Msmenu .menu .banner{border-bottom:1px solid #5c5756;background-color:#30100c;height:41px;}
#Msmenu .menu .banner .faceb{float: left;padding:6px 6px 3px 6px;border-right:1px solid #5c5756; width:67px; text-align:center}
#Msmenu .menu .banner .blog{float: left;padding:6px 6px 3px 6px;border-right:1px solid #5c5756;width:67px;text-align:center}
#Msmenu .menu .banner .cafe{float: left;padding:6px 6px 3px 6px;width:63px;text-align:center}

#Msmenu .menu .menuov{clear: both;background:url("../../images/hmpg/Mmenu01_ov.gif") no-repeat;padding:10px 0 14px 15px;color:#ffffff;}
#Msmenu .menu .menuon{clear: both;background:url("../../images/hmpg/Mmenu01_on.gif") no-repeat;padding:10px 0 14px 15px;color:#ffffff}

#Msmenu .menu  .menu3step li{border-bottom:1px solid #565453;padding:6px 0 7px 0;background-color:#444240;}
#Msmenu .menu  .menu3step li a{color:#fff; padding-left:10px;}
#Msmenu .menu  .menu3step li span{padding-left:15px;color:#fff;font-size: 0.85em;}
#Msmenu .menu  .menu3step li span.on{color:#ffb400;font-weight: bold;}

#Msmenu .menu  .menu3step li.dep3{background:url("../../images/hmpg/Mmenu02_ov3dep.gif") no-repeat;padding:6px 0 7px 0;}
#Msmenu .menu  .menu3step li.dep3on{display:block; color:#ffb400;font-weight: bold; padding:6px 0 0px 0;}
#Msmenu .menu  .menu3step li.dep3on p{padding-bottom:9px}

#Msmenu .menu  .menu3step li ul.menu4step {clear: both; display:block; background-color:#3b3937;}
#Msmenu .menu  .menu3step li  ul.menu4step li{background:url("../../images/hmpg/ba01.gif") 17px center no-repeat; padding:2px 0 2px 14px}
#Msmenu .menu  .menu3step li  ul.menu4step li a{color:#989489;}
#Msmenu .menu  .menu3step li  ul.menu4step li a:hover, #Msmenu .menu  .menu3step li.dep3on  ul.menu4step li a:active{color:#ffba00;}	


#Msmenu .menuclose{float: left;}

#Msmenu .mloginbox {background:#b70005; display:block; padding:10px; text-align:center; color:#fff;}
#Msmenu .mloginbox a{padding:0 10px; color:#fff !important; }
#Msmenu .mloginbox a:hover, #Msmenu .mloginbox a:active, #Msmenu .mloginbox a:focus {color:#fff}

#contents {clear: both;}	





#footer {position:relative; width:100%; background:#e3e3e3; display: inline-block;}
#footer .footer_wrap{width:800px; margin: 0 auto; padding-top:30px}
#footer .footer_wrap .bottomlogo {width:200px;float:left; margin-right:10px}
#footer .footer_wrap .bottomtxt {float:left;}
.bottomtxt li{ color:#a6a6a9;letter-spacing:0px; font-size:1.0em;}
.bottomtxt li.txt a {color:#000; font-size:14px; font-weight:600;}
.bottomtxt li.txt a:hover,
.bottomtxt li.txt a:focus {color:#000; }
.bottomtxt li.add{color:#333; margin:5px 0 0 0; font-size:13px;}
.bottomtxt li.copy{color:#a6a6a9; font-size:13px;}




	
/* 1199px �̻��϶� */
@media all and (min-width:1199px){
	
	nav.m_nav{display:block;}
	.m_layout{display:none !important;}
	.pc_layout{display:table !important;}	
    .Mlogo{display:none;}
	.btn_nav{display:none;}
	.m_btn_wrap{display:none;}
	.mobbanner{display:none;}
	.gnb_depth_title{display:block;}
	.depth3hide{display:none}
	#Msmenu{display:none;}
	.mquick{display:none}
	
}







/* 1199px�����϶� */
@media (max-width: 1199px) {


	.header_control{width:100%;margin:0px auto; background: #ffffff; border:0px solid #ff0000; height:70px; position:relative; }
	.toplogin{display:none}
	.logo{display:none;}	
	.mobile .mobbanner{position:fixed;width:100%;height:25px;z-index:1000}
	.mobile .header_control{position:fixed;z-index:999;top:0px;}
	.mobile #contents{position:relative;}
	.mobile .sub_bg_wrap{position:relative;}
	.mobile .popup_zone{position:fixed;z-index:999}

    #footer .mquick p a{float:left; font-size:14px; font-weight: 600; color:#000; padding:5px 0px; background:#cddaec;width:100%; padding-left:30px; text-align:center;  border-bottom:1px solid #fff;}
    #footer .mquick p a.last{background:#aed8d5;}
	
    #footer .bottommenu p a{float:left; font-size:14px; font-weight: 400; color:#fff; padding:5px 0px; background:#7f7f7f ;width:100%; padding-left:30px; border-bottom:1px solid #fff;}
	#footer .bottommenu p a.last{background:#7f7f7f ;}

	#footer .footer_wrap{width:98%; margin: 0 auto; padding-top:20px}
	.bottomtxt li{color:#333; margin:5px 0 0 0; font-size:0.813em;}
	.bottomtxt li.copy{color:#a6a6a9; font-size:12px;}

	#footer .footer_wrap .bottomlogo {width:100%; margin:10px 0;text-align:center}
	#footer .footer_wrap .bottomtxt {width:100%;text-align:center}
}



@media (max-width: 991px) {	
	
	/*占쎈릭占쎈뼊燁삳똾逾억옙�뵬占쎌뵠占쎈뱜*/

	

	
}