/* BASIC css start */
/* 하단 */

/* 푸터 공통 */
#footer{background-color: #000; width: 100%; min-width: 320px; max-width: 850px; margin: 0 auto;}
#footer>div{width: 100%; border-bottom: 1px solid #222;}
#footer>div .foot_inner{padding: 4% 8%;width: 100%;}
#footer h4{color: #cccccc;font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 500; margin-bottom: 14px;}
#footer li{color: #777; font-size: 13px;font-family: 'Noto Sans KR', sans-serif; font-weight: 500; line-height: 1.8;}
#footer li a{color: #fff;font-family: 'Noto Sans KR', sans-serif;}

#footer .f_top{}
#footer .f_top ul.f_menu{display: flex; align-items: center; justify-content: space-between;}
#footer .f_top ul.f_menu li{}
#footer .f_top ul.f_menu li a{display: block;font-family: 'Noto Sans KR', sans-serif; color: #fff; font-size: 14px; font-weight: 400;}

#footer .f_middle{padding-top:25px}
#footer .f_middle .foot_inner{display: flex; flex-wrap: wrap;}
#footer .f_middle .foot_inner>div{padding-bottom: 30px;}
#footer .f_middle .cs_center{width: 100%;}
#footer .f_middle .cs_center h4{}
#footer .f_middle .cs_center h5{color: #ccc;font-family: 'Roboto', sans-serif;font-size: 24px; font-weight: 500; letter-spacing: 2.4px; margin-bottom: 10px;}  
#footer .f_middle .cs_center ul{}
#footer .f_middle .cs_center ul li{}
#footer .f_middle .bank_info{width: 50%;}
#footer .f_middle .bank_info h4{}
#footer .f_middle .bank_info ul{margin-bottom: 12px;}
#footer .f_middle .bank_info ul li{}
#footer .f_middle .bank_info a{}
#footer .f_middle .bank_info a span{font-family: 'Noto Sans KR', sans-serif;color: #ccc; font-size: 13px;font-weight: 500; border-bottom: 1px solid #a0a0a0; padding-bottom: 2px;}
#footer .f_middle .bank_info a img{transform: scale(.66) translateY(6px); transform-origin: center center; display: inline-block; margin-left: 8px;}
#footer .f_middle .return{width: 50%;}
#footer .f_middle .return h4{}
#footer .f_middle .return ul{margin-bottom: 12px;}
#footer .f_middle .return ul li{}
#footer .f_middle .return a{}
#footer .f_middle .return a span{font-family: 'Noto Sans KR', sans-serif;color: #ccc;font-size: 13px; font-weight: 500;border-bottom: 1px solid #a0a0a0; padding-bottom: 2px;}
#footer .f_middle .return a img{transform: scale(.66) translateY(6px); transform-origin: center center; display: inline-block; margin-left: 8px;}
#footer .f_bottom{padding-top:20px}
#footer .f_bottom .f_info{}
#footer .f_bottom .f_info ul{}
#footer .f_bottom .f_info ul li{display: inline-block; margin-right:4px}
#footer .f_bottom .f_info ul li a{display: inline-block; margin-left: 5px; color: #cccccc;}
#footer .f_bottom .sns{margin-top: 30px; padding-bottom: 60px;}
#footer .f_bottom .sns ul{}
#footer .f_bottom .sns ul li{display: inline-block; width: 35px;height: 35px; margin-right: 6px;}
#footer .f_bottom .sns ul li a{display: block; width: 100%; height: 100%;}
#footer .f_bottom .sns ul li a img{width: 100%;}
/* BASIC css end */