@charset "utf-8";

/* ****************************************************************************************** *
 * GNUWIZ / wizwic custom
 * footer basic type
 * ****************************************************************************************** */
#footer{padding:56px 0 72px; background:#3e4046; position:relative;}

/* 푸터로고 */
.gw_footer_logo{position:absolute; top:16px; right:0;}
.gw_footer_logo img{width:auto; height:50px;} /* 로고 높이값 바꾸실 수 있습니다. */

/* 푸터링크 */
.gw_footer_link_info_container{margin-bottom:36px; padding:16px 0 28px; border-bottom:1px solid #646873;}
.gw_footer_link{font-size:0; margin-bottom:32px;}
.gw_footer_link li{display:inline-block; margin-right:4px;}
.gw_footer_link li a{display:block; width:100%; height:100%; padding:10px 24px; background:#52555d; color:#dde0e3; font-size:13px; 
	-webkit-transition:background .3s ease; -moz-transition:background .3s ease; transition:background .3s ease;}
.gw_footer_link li a:hover{background:#646873;}
.gw_footer_info{color:#858a94; font-size:13px;}
.gw_footer_info p{margin-bottom:8px;}
.gw_footer_info span > a{color:#858a94;}
.gw_footer_info i{display:inline-block; width:16px; text-align:center;}
.gw_footer_info i:after{content:"/"; position:relative; top:-1px; font-size:9px; font-weight:600;}
i.gw_footer_info_divider_mobile{display:none;}

/* 카피라이트 */
.gw_footer_copy_container{position:relative;}
.gw_footer_copy{text-transform:uppercase; color:#858a94; font-size:13px; letter-spacing:0.1em;}
.gw_footer_sns{position:absolute; top:-10px; right:-10px;}
.gw_footer_sns > a{display:inline-block; width:40px; height:40px; position:relative;}
.gw_footer_sns > a > i{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%, -50%);
	font-size:20px; color:#858a94; -webkit-transition:color .3s; -moz-transition:color .3s; transition:color .3s;}
.gw_footer_sns > a:hover > i{color:#dde0e3;}

/* top button */
#gw_top_btn{position:absolute; top:0; right:120px; width:60px; height:60px; border: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;}






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

	.gw_footer_logo{right:24px;}
	#gw_top_btn{right:24px;}

}
/* 1200px end */





/* ****************************************************************************************** *
 * 768px
 * ****************************************************************************************** */
@media screen and (max-width:768px) {
	
	#footer{padding:44px 0 60px;}
	.gw_footer_logo{top:-16px; right:inherit;}
	.gw_footer_link_info_container{margin-bottom:28px; padding:54px 0 28px;}
	.gw_footer_link{margin-bottom:24px;}
	.gw_footer_info p{margin-bottom:4px;}
	.gw_footer_sns{position:static; top:inherit; right:inherit; margin-left:-10px; margin-bottom:20px;}
	.gw_footer_sns > a {width:32px; height:32px;}
	.gw_footer_copy {font-size:12px;}
	
}
/* 768px end */





/* ****************************************************************************************** *
 * 560px
 * ****************************************************************************************** */
@media screen and (max-width:560px) {
	
	.gw_footer_logo img{height:36px;}
	.gw_footer_link_info_container{margin-bottom:0; padding:48px 0 28px; border:0;}
	.gw_footer_link li a{padding:5px 15px; font-size:12px;}
	.gw_footer_info p{display:inline; margin-bottom:0; line-height:1.6; word-break:keep-all; font-size:12px;}
	i.gw_footer_info_divider_mobile{display:inline-block;}
	.gw_footer_copy{font-size:11px;}
	#gw_top_btn{right:16px;}

}
/* 560px end */





/* ****************************************************************************************** *
 * 320px
 * ****************************************************************************************** */
@media screen and (max-width:320px) {
	
	.gw_footer_link li a{padding:4px 10px;}

}
/* 320px end */