/* BASIC css start */
#footer{width: 100%; max-width: 850px; min-width: 320px; margin: 0 auto;}

#footer>div{width: 100%;}
#footer li, #footer a{font-family: 'Noto Sans KR', sans-serif;}
#footer .f_menu    {padding:20px 0;}
#footer .f_menu ul{width: 100%;  display: flex; justify-content: space-between; border-top: 1px solid #eee; border-bottom: 1px solid #eee;padding: 12px 0px;}
#footer .f_menu ul li{padding: 0 6px; width: calc(100% / 3); position: relative; text-align: center;text-overflow: ellipsis; overflow: hidden; white-space:nowrap}
#footer .f_menu ul li::after{content: ""; display: block;width: 1px; height: 10px; background-color: #ccc; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
#footer .f_menu ul li:last-child a{padding-right: 0 !important;}
#footer .f_menu ul li:last-child::after{display: none;}
#footer .f_menu ul li a{font-size: 11px; color: #999; }
#footer .f_top{padding: 20px;}
#footer .f_top h4{font-family: 'Alumni Sans', sans-serif;font-size: 26px; font-weight:800; margin-bottom:10px; display:block;}
#footer .f_top ul{}
#footer .f_top ul li{color: #999; font-size: 12px; margin: 5px 0;}
#footer .f_top .bank{margin-top: 30px;}
#footer .f_top .bank h5{font-family: 'Noto Sans KR', sans-serif;}
#footer .f_top .bank p{font-family: 'Noto Sans KR', sans-serif; font-size: 12px; color: #999; margin: 5px 0;}
#footer .f_middle{padding: 0 20px 20px 20px;}
#footer .f_middle ul{}
#footer .f_middle ul li{font-size: 12px; color: #999; margin: 5px 0;}

#footer .f_bottom{padding: 20px;}
#footer .f_bottom ul.sns{}
#footer .f_bottom ul.sns li{display: inline-block; margin-right: 30px;}
#footer .f_bottom ul.sns li.li_you{width: 21px;}
#footer .f_bottom ul.sns li.li_face{width: 9px;}
#footer .f_bottom ul.sns li.li_ins{width: 16px;}
#footer .f_bottom ul.sns li.li_blog{width: 13px;}
#footer .f_bottom ul.sns li a{width: 100%;display: block;}
#footer .f_bottom ul.sns li a img{width: 100%;}

#footer .f_bottom ul.btn{width: 100%; display: flex;justify-content: space-between; margin-top: 35px; margin-bottom:30px}
#footer .f_bottom ul.btn li{border: 1px solid #ccc; width: calc((100% - 40px) / 3);}
#footer .f_bottom ul.btn li a{font-size: 13px; text-align: center; display: block; padding: 10px 0; color: #888;}
/* BASIC css end */