@charset "UTF-8";

/*Çì´õ*/
#header{width:100%; position:fixed; top:0; left:0; z-index:999; background:black;}
#header .header{width:1200px; margin:0 auto; overflow:hidden; padding:30px 0; background:black;}
#header .header .header_sns{float:left;}
#header .header .header_sns li{float:left; margin-right:4px; padding:9.5px 0;}
#header .header .header_sns li:last-child{margin-right:0;}
#header .header .header_gnb{float:left; padding-left:35px;}
#header .header .header_gnb li{float:left; margin-right:23px;}
#header .header .header_gnb li:last-child{margin-right:0;}
#header .header .header_gnb li a{font-size:17px; color:white; line-height:40px;}
#header .header h1{float:right;}

/*¸ð¹ÙÀÏ Çì´õ*/
#m_header{display:none; width:100%; min-width:320px; height:60px; margin:0 auto; background:black; position:relative; border-bottom:1px solid #666; box-sizing:border-box;}
#m_header .m_user_menu{width:100%;}
#m_header .m_user_menu ul{float:right;}
#m_header .m_user_menu ul li{float:left; height:42px; line-height:42px; padding:0 8px; border-left:1px solid white;}
#m_header .m_user_menu ul li a{display:block; color:#0f4640; font-size:12px;}

#m_header h1{position:absolute; top:12px; left:8px;}
#m_header h1 a img{width:auto; height:36px;}

#m_header .m_menu{display:block; text-indent:0px; position:absolute; top:19px; right:14px; z-index:9; }
#m_gnb .m_close{display:none; position:absolute; top:19px; right:14px; z-index:9; }

#m_gnb{width:80%; position:absolute; top:0; right:0; display:none; z-index:999; background:black;}
#m_gnb li{line-height:48px; font-size:13px; border-bottom:1px solid #666; font-weight:600;}
#m_gnb li a{display:block; color:white; padding-left:15px;}
#m_gnb li.m_gnb_top{padding-left:0; background:#2b2b29; height:60px; line-height:100%; color:#333; overflow:hidden; box-sizing:border-box;}
#m_gnb li.m_gnb_bottom{padding:9px 0; overflow:hidden;}
#m_gnb li.m_gnb_bottom a{padding-left:10px; float:left;}
#m_gnb li.m_gnb_bottom a img{height:21px; width:auto;}

/*ǪÅÍ*/
#footer{width:100%; background:black; padding:45px 0;}
#footer .footer{width:1200px; margin:0 auto; background:black; text-align:center;}
#footer .footer p{color:#5f5f5f; font-size:17px;}

@media screen and (min-width:1024px) and (max-width:1199px){
	/*Çì´õ*/
	#header .header{width:1024px;}
	#header .header .header_gnb{padding-left:20px;}
	#header .header .header_gnb li{margin-right:10px;}
	#header .header .header_gnb li a{font-size:15px;}
	
	/*¸ð¹ÙÀÏ Çì´õ*/
	#m_header{display:none;}

	/*ǪÅÍ*/
	#footer .footer{width:1024px;}
}

@media screen and (min-width:720px) and (max-width:1023px){
	/*Çì´õ*/
	#header{display:none;}

	/*¸ð¹ÙÀÏ Çì´õ*/
	#m_header{display:block;}

	/*ǪÅÍ*/
	#footer{padding:35px 0;}
	#footer .footer{width:720px;}
	#footer .footer p{font-size:15px;}
}

@media screen and (max-width:719px){
	/*Çì´õ*/
	#header{display:none;}

	/*¸ð¹ÙÀÏ Çì´õ*/
	#m_header{display:block;}

	/*ǪÅÍ*/
	#footer{padding:30px 0;}
	#footer .footer{width:100%;}
	#footer .footer p{font-size:14px;}
}