/* BASIC css start */
#footer{width: 100%; min-width: 320px; max-width: 850px; margin: 30px auto 0; }
#footer .foot_top{background-color: #fafafa; padding: 5% 2%; margin:0 5%; border-radius:20px}
#footer .foot_top ul{display: flex; flex-wrap: wrap;}
#footer .foot_top ul li{width: calc(100% / 3); position: relative; margin: 10px 0;}
#footer .foot_top ul li::after{content: ""; position: absolute; display: block; right: 0; background-color: #ebebeb; top: 50%; transform: translateY(-50%); width: 1px; height: 100%;}
#footer .foot_top ul li:nth-child(3n)::after{display: none;}
#footer .foot_top ul li a{display: flex; align-items: center;flex-direction: column; justify-content: center;}
#footer .foot_top ul li a .icon{height: 50px; display: flex; align-items: center; justify-content: center;}
#footer .foot_top ul li a .icon img{transform: scale(.66); transform-origin: center center;}
#footer .foot_top ul li a p{text-align: center;font-size: 12px; color: #888;font-family: 'Noto Sans KR', sans-serif; font-weight: 500; letter-spacing:-.7px}

#footer .foot_bottom{border-top: 1px solid #eeeeee; margin-top: 50px; padding-top: 40px;}
#footer .foot_bottom>div{margin-bottom: 30px;}
#footer .foot_bottom>div h4{ font-family: 'Jost', sans-serif;margin-bottom: 14px; font-size: 13px; color: #000; font-weight: 800; letter-spacing: 1.7px; text-align: center;}
#footer .foot_bottom>div li{color: #aaaaaa; font-size: 13px; font-family: 'Noto Sans KR', sans-serif; text-align: center; font-weight: 500;}
#footer .foot_bottom>div li a{ font-family: 'Noto Sans KR', sans-serif;}

#footer .foot_bottom .f1{}
#footer .foot_bottom .f1 h4{ display: flex; align-items: center; justify-content: center;}
#footer .foot_bottom .f1 h4 span{font-size: 17px; margin-left: 10px;}
#footer .foot_bottom .f1 ul{}
#footer .foot_bottom .f1 ul li{}
#footer .foot_bottom .f2{}
#footer .foot_bottom .f2 ul{display: flex; justify-content: space-between; margin: 0 auto; padding: 0 15%; }
#footer .foot_bottom .f2 ul li{width: 49%;}
#footer .foot_bottom .f2 ul li a{display: block; border: 1px solid #000; padding: 7px 0; border-radius: 3px; color: #000; } 
#footer .foot_bottom .f3{margin: 40px 0;}
#footer .foot_bottom .f3 ul{display: flex; align-items: center; padding: 0 15%; justify-content: space-between;}
#footer .foot_bottom .f3 ul li{}
#footer .foot_bottom .f3 ul li a{font-size: 13px; color: #353535;font-weight: 500;}
#footer .foot_bottom .f4{}
#footer .foot_bottom .f4 h4{display:flex; align-items:center; justify-content:center}
#footer .foot_bottom .f4 h4.clicked span img{transform: scale(.66) rotate(180deg);}
#footer .foot_bottom .f4 h4 span{display:flex; align-items:center; justify-content:center; margin-left:5px}
#footer .foot_bottom .f4 h4 span img{transform: scale(.66) ; transition: transform .3s; transform-origin: center center;}
#footer .foot_bottom .f4 ul{text-align: center;display: none;}
#footer .foot_bottom .f4 ul li{display: inline-block; margin: 3px 0; line-height: 1.4;}
#footer .foot_bottom .f4 ul li a{text-decoration: underline;}
#footer .foot_bottom .f5{}
#footer .foot_bottom .f6{}
#footer .foot_bottom .f7{ padding-bottom: 50px;}
#footer .foot_bottom .f7 p.copy{ font-family: 'Noto Sans KR', sans-serif; text-align: center;color: #dddddd; font-size: 13px; font-weight: 500;}
#footer .foot_bottom .f7 ul.sns{display: flex; align-items: center; justify-content: center; margin-top: 40px;}
#footer .foot_bottom .f7 ul.sns li{margin: 0 12px;}
#footer .foot_bottom .f7 ul.sns li a{}
#footer .foot_bottom .f7 ul.sns li a img{transform: scale(.66); transform-origin: center center;}
/* BASIC css end */