@charset "utf-8";

/* ****************************************************************************************** *
 * GNUWIZ / wizwic custom
 * footer white type
 * ****************************************************************************************** */
#footer{position:relative; border-top:1px solid #dde0e3; padding-bottom:20px;}
#footer .info_container{position:relative; max-width:1200px; margin:0 auto; padding:64px 0;}

/* 푸터 info_container */
#footer .footer_logo{position:absolute; top:45px; left:0; /*width:160px;*/ }
#footer .footer_logo h2 {font-size:22px; color:#000; letter-spacing:-0.5px; font-weight:600; padding-bottom:20px;}
#footer .footer_logo h4 {font-size:16px; color:#000; letter-spacing:-0.5px; font-weight:400;}
#footer .footer_logo img{width:100%;}

#footer .nav_list{ text-align:right; font-size:0; margin-top:-15px;}
#footer .nav_list li{display:inline-block; margin-left:20px; font-size:16px; 
			color:#000; letter-spacing:-1px; font-weight:500; padding-bottom:15px;}
#footer .nav_list li a{color:#000;}

/* 
#footer .nav_list li.sns {display:block;}
#footer .nav_list li.sns a {margin-left:10px;} */

#footer .sns {display:block; float:right;}
#footer .sns a {margin-left:10px;}


/* top button */
#gw_top_btn{position:absolute; top:0; right:120px; width:60px; height:60px; border:0; border-radius:0; background:#252629; color:#fff; font-size:15px;
	-webkit-transition:all .3s; transition:all .3s; z-index:90;}
#gw_top_btn > p{padding-top:2px; font-size:12px;}
#gw_top_btn.gw_go_top_fixed{position:fixed; top:inherit; bottom:20px; border-radius:50%;}
#gw_top_btn.gw_go_top_hide{opacity:0; visibility:hidden; z-index:-1;}





/* ****************************************************************************************** *
 * 1440px
 * ****************************************************************************************** */
@media screen and (max-width:1440px) {

	#footer .info_container{padding:64px 24px;}
	
	#footer .footer_logo{left:24px;}
	#gw_top_btn{right:24px;}

}
/* 1440px end */



/* ****************************************************************************************** *
 * 1024px
 * ****************************************************************************************** */
@media screen and (max-width:1024px) {
	
	#footer{padding-bottom:1px;}
	#footer .info_container{padding:48px 24px;}
	#footer .footer_logo{position:static; top:inherit; left:inherit;  margin-bottom:1.5rem;}

	#footer .nav_list {float:none; text-align:center; padding-top:30px;}
	#footer .nav_list li {text-align:center;}

	#footer .sns {float:none; text-align:center;}
	#footer .sns a {text-align:center;}
}
/* 1024px end */



/* ****************************************************************************************** *
 * 870px
 * ****************************************************************************************** */
@media screen and (max-width:880px) {

	#footer .info_container{padding:48px 24px;}

}
/* 870px end */




/* ****************************************************************************************** *
 * 768px
 * ****************************************************************************************** */
@media screen and (max-width:768px) {

	#footer .nav_list li{ font-weight:400; font-size:14px;}

	#footer .footer_logo h2 {font-size:20px; }
	#footer .footer_logo h4 {font-size:15px; }

}
/* 768px end */




/* ****************************************************************************************** *
 * 560px
 * ****************************************************************************************** */
@media screen and (max-width:560px) {

	#footer .footer_logo{}
	
	#footer .info_container{padding:36px 20px;}
	
	#gw_top_btn{right:16px;}

	#footer .footer_logo h4 span{display:block}


}
/* 560px end */



/* ****************************************************************************************** *
 * 320px
 * ****************************************************************************************** */
@media screen and (max-width:320px) {
	
	/*#footer .info_container{padding:36px 15px 24px;}*/


}
/* 320px end */