/* BASIC css start */
#footer{width: 100%; min-width: 320px; max-width: 850px; margin: 0 auto;}
#footer .foot_banner{width: 100%;}
#footer .foot_banner a{display: block;width: 100%;}
#footer .foot_banner a img{width: 100%;}

/* 공통 */
#footer .foot_inner{width: 100%; padding: 7%; padding-top: 60px;}
#footer .foot_inner>div{}
#footer .foot_inner>div h4{font-family: 'Lora', serif; font-size: 13px; color: #000;margin-bottom: 15px; font-weight: 600;letter-spacing:1.6px}
#footer .foot_inner>div h5{font-family: 'Lora', serif;font-size: 21px;color: #000; font-weight: 500;letter-spacing: 1.4px; margin-bottom: 10px;}
#footer .foot_inner>div li{font-family: 'Noto Sans KR', serif;color: #999;font-size: 12px;margin: 4px 0;}
#footer .foot_inner>div li a{font-family: 'Noto Sans KR', serif;color: #999;}

#footer .foot_top{margin-bottom: 35px;width: 100%;}
#footer .foot_top>div{}
#footer .foot_top>div ul{}
#footer .foot_top>div ul li{display: inline-block; position: relative; padding-right: 10px; margin-right: 6px;}
#footer .foot_top>div ul li::after{content: ""; display: block; width: 1px; height: 10px; background-color: #ccc; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
#footer .foot_top>div ul li.nobg::after{display: none;}


#footer .foot_middle{width: 100%;margin-bottom: 35px;}
#footer .foot_middle>div{float: left; width: 50%;}

#footer .foot_bottom{width: 100%; padding-bottom:50px}
#footer .foot_bottom ul{ width: 100%}
#footer .foot_bottom ul li{border: 1px solid #ccc; width: 48.5%; float: left;}
#footer .foot_bottom ul li:first-child{margin-right: 3%;}
#footer .foot_bottom ul li a{display: block; width: 100%; padding: 10px 0; text-align: center; font-size: 14px;}
/* BASIC css end */