@charset "utf-8";

/* ****************************************************************************************** *
 * GNUWIZ / wizwic custom
 * footer white type
 * ****************************************************************************************** */
#footer{position:relative; border-top:1px solid #dde0e3;}
#footer .info_container{position:relative; max-width:1440px; margin:0 auto; padding:64px 0;}

/* 푸터 info_container */
#footer .footer_logo{position:absolute; top:56px; left:0; width:160px;}
#footer .footer_logo img{}
#footer .info_list{text-align:right; font-size:0;}
#footer .info_list li{display:inline-block; max-width:300px; width:100%; margin-left:24px; text-align:left; vertical-align:top; font-size:13px;}
#footer .info_list li h4{padding-bottom:1rem; text-transform:uppercase; letter-spacing:0.05em; font-size:1.05rem;}
#footer .info_list li p{padding-bottom:.25rem; letter-spacing:0.01em;}
#footer .info_list li p b{padding-left:4px;}

/* 푸터 nav_copy_container */
#footer .nav_copy_container{background:#f7f7f7;}
#footer .nav_copy_inner{max-width:1440px; margin:0 auto; padding:1.75rem 0;}
#footer .nav_copy_inner:after{content:""; display:block; clear:both;}
#footer .nav_copy_inner > ul, #footer .nav_copy_inner > div{float:left; width:50%;}
#footer .nav_list{font-size:0;}
#footer .nav_list li{display:inline-block; margin-right:48px; font-size:13px; font-weight:500;}
#footer .nav_list li a{color:#646873;}
#footer .copy{text-align:right;}

/* 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 .nav_copy_inner{padding:1.75rem 24px;}
	#footer .footer_logo{left:24px;}
	#gw_top_btn{right:24px;}

}
/* 1440px end */



/* ****************************************************************************************** *
 * 1024px
 * ****************************************************************************************** */
@media screen and (max-width:1024px) {
	
	#footer .info_container{padding:48px 24px;}
	#footer .footer_logo{position:static; top:inherit; left:inherit; width:140px; margin-bottom:1.5rem;}
}
/* 1024px end */



/* ****************************************************************************************** *
 * 870px
 * ****************************************************************************************** */
@media screen and (max-width:880px) {

	#footer .info_container{padding:48px 24px;}
	#footer .info_list li{max-width:unset; width:33.3333%; margin:0; padding-right:1rem;}
	#footer .nav_list li{margin-right:20px;}
}
/* 870px end */




/* ****************************************************************************************** *
 * 768px
 * ****************************************************************************************** */
@media screen and (max-width:768px) {

	#footer .nav_list li{padding-bottom:4px; font-weight:400; font-size:14px;}

}
/* 768px end */




/* ****************************************************************************************** *
 * 560px
 * ****************************************************************************************** */
@media screen and (max-width:560px) {

	#footer .footer_logo{width:70px;}
	
	#footer .info_container{padding:36px 20px;}
	#footer .info_list li{width:100%; margin:0; padding-right:0;}
	#footer .info_list li h4{display:none;}
	#footer .info_list li p{margin-right:.5rem; display:inline;}
	#gw_top_btn{right:16px;}

	#footer .nav_copy_inner{padding:1.75rem 20px;}
	#footer .nav_copy_inner > ul, #footer .nav_copy_inner > div{float:none; width:100%; text-align:left;}
	#footer .nav_list{margin-bottom:4px;}
	#footer .nav_list li{margin-right:12px; font-size:13px;}

}
/* 560px end */



/* ****************************************************************************************** *
 * 320px
 * ****************************************************************************************** */
@media screen and (max-width:320px) {
	
	#footer .info_container{padding:36px 15px 24px;}
	#footer .info_list li p{display:block;}
	#footer .nav_copy_inner{padding:1.75rem 15px;}

}
/* 320px end */