/* BASIC css start */
#footer :is(*){}
#footer{width: 100%; min-width: 320px; max-width: 850px; margin: 70px auto 0; padding-bottom:80px;}
#footer>div{margin-bottom: 40px;}
#footer>div h4{font-family: 'Noto Sans KR', sans-serif; font-size: 13px; font-weight: 500;color: #222222;margin-bottom: 15px;}
#footer>div li{font-family: 'Noto Sans KR', sans-serif;color: #777777; font-size: 13px; font-weight: 400; line-height: 2;}
#footer>div li a{font-family: 'Noto Sans KR', sans-serif;color: #777777; font-size: 13px; font-weight: 400; }
#footer .f1{padding: 0 5%;}
#footer .f1 select{background-color: #fff;height: max-content; border: none; border-bottom: 1px solid #000;font-family: 'Jost','Noto Sans KR', sans-serif; font-size: 14px;min-height:40px; font-weight: 700;padding-right: 40px; width: 100%;padding: 10px 0;}
#footer .f1 select option{font-family: 'Jost','Noto Sans KR', sans-serif;}
#footer .f2{margin-bottom: 0;}
#footer .f2 ul{display: flex; flex-wrap: wrap; border-top: 1px solid #000;}
#footer .f2 ul li{width: 50%;}
#footer .f2 ul li a{display: block;color: #808080;font-size: 13px;font-weight: 400; text-align: center;border-bottom: 1px solid #e6e6e6; padding: 10px 0;}
#footer .f2 ul li:nth-child(odd){border-right: 1px solid #e6e6e6;}
#footer .f3{}
#footer .f3>div{border-bottom: 1px solid #ebebeb;padding: 35px 5%;display: flex; align-items: center; flex-direction: column; justify-content: center;}
#footer .f3>div h4{}
#footer .f3>div h5{font-size: 21px; font-weight: 700;margin-bottom: 10px;padding-top:7px; }
#footer .f3>div ul{}
#footer .f3>div ul li{ text-align: center;}
#footer .f3>div ul li strong{color: #000;}
#footer .f4{padding: 0 5%; display: flex; flex-direction: column; align-items: center;}
#footer .f4 h4{}
#footer .f4 ul{}
#footer .f4 ul li{color: #7c7c7c;text-align: center;display: flex; flex-direction: column;}
#footer .f4 ul li a{display: inline-block; border: 1px solid #ccc; padding: 2px 10px; margin:5px auto; width:max-content}

#footer .f5{}
#footer .f5 .copy{}
#footer .f5 .copy p{text-align: center; margin-bottom: 30px; color: #999999; font-size: 12px;  line-height: 1.4;}

#footer .f6{}
#footer .f6 ul{display: flex; align-items: center;justify-content: center; gap: 20px;}
#footer .f6 ul li{}
#footer .f6 ul li a{display: flex;}
#footer .f6 ul li a img{transform: scale(.66); transform-origin: center center;}



#footer .f7{}
#footer .f7 ul{display: flex; align-items: center;justify-content: center; gap: 20px;}
#footer .f7 ul li.first {border-right:1px solid #ddd;padding-right: 20px;}
#footer .f7 ul li a{display: flex;}






/* BASIC css end */