@charset "utf-8";

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

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

/* 푸터배너 */
.gw_footer_bnr_container {height: 239px; background: linear-gradient( to right, rgb(56,51,44) 50%, rgb(17,13,8) 50%)}
.gw_footer_bnr_container .bnr_item { display: block; width: 50%; height: 239px; float: left; color: #fff }
.gw_footer_bnr_container .bnr_item a { display: inline-block; color: #fff; text-align: left; max-width: calc(1920px/2); width: 100%; padding: 50px 140px }
.gw_footer_bnr_container .bnr_item.as_bnr { background: url('/images/common/footer/footer_bnr_est.jpg?v=2') top right no-repeat; text-align: right }
.gw_footer_bnr_container .bnr_item.bank_bnr { background: url('/images/common/footer/footer_bnr_branch.jpg?v=2') top left no-repeat; text-align: left}
.gw_footer_bnr_container .bnr_item h3 { font-size: 22px; }
.gw_footer_bnr_container .bnr_item p { font-size: 14px; font-weight: 100; padding: 20px 0; opacity: 0.6 }
.gw_footer_bnr_container .bnr_item span { font-size: 13px; display: inline-block; position: relative; padding-bottom: 4px; border-bottom: #fff 1px solid}
.gw_footer_bnr_container .bnr_item span:before {position: absolute; width: 100%; left: 0; right: 0; bottom:-1px; width: 0; height: 1px; background: #fff; content: '';}
.gw_footer_bnr_container .bnr_item a:hover span { border-bottom: 0}
.gw_footer_bnr_container .bnr_item a:hover span:before {width: 100%;-webkit-transition: all 0.4s;transition: all 0.4s;}
.gw_footer_bnr_container .bnr_item span i { padding-left: 4px}


/* 푸터 사이트맵 */
#footer .gw_footer_gnb_container{margin-bottom:0; padding:60px 0; background-color: #161616 }
#footer .gw_footer_gnb .f_gnb_item { width: calc((100% / 7) - 4px); display: inline-block; vertical-align: top}
#footer .gw_footer_gnb .f_gnb_item a.menu { font-size: 16px; color: #fff; padding-bottom: 15px; display: inline-block } 
#footer .gw_footer_gnb .f_gnb_item ul > li > a { font-size: 13px; color: #a3a3a3 } 
#footer .gw_footer_gnb .f_lnb > .f_lnb_item > a { padding: 7px 0; display: block}
@media screen and (max-width:768px) {
  #footer{ padding-bottom: 100px }
  #footer .gw_footer_gnb_container { padding:0;}
  #footer .gw_footer_gnb .f_gnb_item { width: calc(100% - 4px); border-bottom: #222 1px solid}
  #footer .gw_footer_gnb .f_gnb_item a.menu { padding: 10px 0 15px }
  #footer .gw_footer_gnb .f_gnb_item .f_lnb { display: none}
}

/* 푸터 전국전시장 */
.gw_footer_branch {margin-bottom:36px; padding:28px 0; border-bottom:1px solid #222;}
.gw_footer_branch .util-title { float: left; margin-top: 4px; color: #fff; padding-right: 30px; display: inline-block; width: 120px}
.gw_footer_branch .util-title > a { color: #fff; }
.gw_footer_branch ul { display: inline-block; width: calc(100% - 150px)}
.gw_footer_branch li { display:inline-block; margin:5px 10px; font-size: 14px; color: #c9c9c9; letter-spacing: -0.5px; }
.gw_footer_branch li a { color: #c9c9c9;}
.gw_footer_branch li a.tel { color: #939393; margin-left: 10px}

/* 푸터링크 */
.gw_footer_link_info_container{margin-bottom:0; padding:16px 0 40px; position: relative; /*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:#bbb; 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:#bbb; font-size:14px;}
.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_container .gw_boundary { position: relative}
.gw_footer_copy{text-transform:uppercase; color:#bbb; font-size:12px; letter-spacing:0.1em;}
.gw_footer_sns{/*position:absolute; top:-10px; right:-10px;*/ float: right; margin-top: -12px }
.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:#fff; -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:-36px; right:14px; 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;}
#gw_top_btn.gw_go_top_hide{opacity:0; z-index:-1; visibility:hidden;}
#gw_top_btn.gw_go_top_fixed{position: fixed;top: inherit;bottom: 50px;}

/* btn_pos */
#btn_pos{position:absolute; top:-208px; right:14px; width:80px; height:80px; border:0; border-radius: 20px; background-color: #000; color:#fff; font-size:23px; text-align: center; -webkit-transition:opacity .3s; transition:opacity .3s; cursor: pointer; justify-content: center; align-items: center; z-index:90;}
#btn_pos:hover { background-color: #000}
#btn_pos > p{padding-top:4px; font-size:12px; color:#fff; font-weight: 500; line-height: 1; letter-spacing: -1px }
#btn_pos > i, #btn_pos > img { margin-top: 8px; }
#btn_pos.hide{opacity:0; z-index:-1; visibility:hidden;}
#btn_pos.fixed{position: fixed;top: inherit;bottom: 286px;}
@media (max-width:1140px) {
#btn_pos{right:0; }
}

/* btn_loca */
#btn_loca{position:absolute; top:-90px; right:14px; width:60px; height:60px; border:0; background-color: #664e7b; color:#fff; font-size:20px; text-align: center; -webkit-transition:opacity .3s; transition:opacity .3s; cursor: pointer; z-index:90;}
#btn_loca:hover { background-color: #7521bf}
#btn_loca > p{padding-top:0px; font-size:14px; color:#fff; font-weight: 500; line-height: 1; margin-top: 14px }
#btn_loca.hide{opacity:0; z-index:-1; visibility:hidden;}
#btn_loca.fixed{position: fixed;top: inherit;bottom: 120px;}
@media (max-width:1140px) {
#btn_loca{right:0; }
}

/* btn_kakao */
#btn_kakao{position:absolute; top:-116px; right:14px; width:80px; height:80px; border:0; border-radius: 20px; background-color: #000; color:#fff; font-size:12px; text-align: center; -webkit-transition:opacity .3s; transition:opacity .3s; cursor: pointer; justify-content: center; align-items: center; z-index:90;}
#btn_kakao:hover { background-color: #000}
#btn_kakao > p{padding-top:0px; font-size:12px; color:#fff; font-weight: 500; line-height: 1; letter-spacing: -1px; margin-top: 7px}
#btn_kakao > i, #btn_kakao > img { margin-top: 12px; }
#btn_kakao.hide{opacity:0; z-index:-1; visibility:hidden;}
#btn_kakao.fixed{position: fixed;top: inherit;bottom: 200px;}
@media (max-width:1140px) {
#btn_kakao{right:0; }
}

@media (max-width:750px) {
  #btn_kakao{width:60px; height:60px; border-radius: 10px; }
  #btn_kakao > p{padding-top:3px; font-size:12px;}
  #btn_kakao > img { margin-top: 4px; height: 26px; width: auto }
  
  #btn_pos,
  #btn_pos.hide,
  #btn_pos.fixed{display: none}
}

#footer_btn { display: none; width: 100%; background: #000; z-index: 999}
#footer_btn ul { width: 100%; display: flex}
#footer_btn li { display: inline-flex; width: 50%; }
#footer_btn li a { width: 100%; line-height: 35px ; font-size: 18px; text-align: center; color: #fff; padding: 10px 0}
#footer_btn.fixed { position: fixed; bottom: 0; }
@media (max-width:750px) {
  #footer_btn { display: block;}
  #btn_loca, #btn_pos { display: none; }
  #top_btn.go_top_hide{opacity:1; z-index:90;visibility:visible;}
  #top_btn, #top_btn.go_top_fixed{ position: fixed; top:auto; bottom: 80px;}
}


@media screen and (max-width:1760px) {
  .gw_footer_bnr_container .bnr_item a { padding: 50px 50px; }
}

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

	.gw_footer_logo{right:24px;}
	#gw_top_btn{right:0;}
  .gw_footer_bnr_container .bnr_item a { padding: 35px 25px; }
  .gw_footer_bnr_container .bnr_item p { font-size:13px;}
  .gw_footer_bnr_container .bnr_item.bank_bnr { background-position: right; }
  .gw_footer_bnr_container .bnr_item h3 { font-size: 20px ; }

}
/* 1200px end */

@media screen and (max-width:920px) {
  .gw_footer_logo { float: none; margin-bottom: 15px}
	.gw_footer_logo img{height:18px;}
}



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

	.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;}
  .gw_footer_bnr_container .bnr_item { position: relative; }
  .gw_footer_bnr_container .bnr_item a { padding: 25px 20px; }
  .gw_footer_bnr_container .bnr_item p { font-size:12px; line-height: 14px; padding: 15px 0; }
  .gw_footer_bnr_container .bnr_item p br { display: none; }
  .gw_footer_bnr_container .bnr_item h3 { font-size: 18px ; }
  .gw_footer_bnr_container .bnr_item span { position: absolute; left: 20px; bottom: 25px}

	
}
/* 768px end */





/* ****************************************************************************************** *
 * 560px
 * ****************************************************************************************** */
@media screen and (max-width:560px) {
	.gw_footer_link_info_container{margin-bottom:0; padding:0 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:0; display: none}

}
/* 560px end */





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

}
/* 320px end */