/* BASIC css start */
#footer { clear:both; margin-top:36px; padding: 0 0 50px; background: #585858;}

#footer .footerTop{padding: 15px 7px; background: #4b4b4b;}
#footer .footerTop ul:after{content:''; display:block; clear:both;}
#footer .footerTop ul li.fontsmall{ width: 34%;}
#footer .footerTop ul li.fontsmall a{ letter-spacing: -1px; vertical-align: top;}
#footer .footerTop ul li{float:left; width: 22%; text-align: center;}
#footer .footerTop ul li a{ color: #bebebe; font-size: .725rem; font-family: 'Brandon Grotesque', sans-serif;}

#footer .footerInfo {padding: 30px 18px 0;}
#footer .footerInfo div .tit{ margin: 0 0 10px; color: #a09f9f; font-size: .8rem; font-family: 'Noto Sans','Noto Sans KR', sans-serif;}
#footer .footerInfo div p.tx{ color: #e7e6e6; font-size: .8rem; font-family: 'Noto Sans','Noto Sans KR', sans-serif; line-height: 20px;}
#footer .footerInfo .info_top{font-size: 0; margin: 0 0 20px;}
#footer .footerInfo .info_top > div{display: inline-block; width: calc(100%/2 - 8px); margin: 0 15px 0 0; vertical-align: top;}
#footer .footerInfo .info_top > div:nth-of-type(2){ margin:0}
#footer .footerInfo .info_top .info_center .centel{ display: inline-block; margin: 4px 0 13px; color: #fff; font-size: 18px; font-family: 'Noto Sans','Noto Sans KR', sans-serif; font-weight: 500; word-break: break-all; line-height: 22px;}
#footer .footerInfo .info_top .info_bank .banknum{ display: inline-block; margin: 5px 0; color: #979898; font-size: 1.2rem; font-family: 'Brandon Grotesque', sans-serif; font-weight: bold;}

#footer .footerInfo .info_bottom{ padding: 30px 0 0; border-top: 1px solid #696969; text-align: center;}
#footer .footerInfo .info_bottom .copy{ margin: 25px 0 0; color: #a09f9f; font-size: .8rem; font-family: 'Noto Sans','Noto Sans KR', sans-serif;}
#footer .footerInfo .info_bottom > img{ margin: 15px 0 0;}
/* BASIC css end */