/* BASIC css start */
:is(#footer) :is(*){box-sizing: border-box}
#footer{width: 100%; min-width: 320px; max-width: 850px; border-top: 1px solid #ccc; margin: 60px auto 0;}
#footer :is(img){transform: scale(.66);}
#footer .foot_inner{padding: 30px 5%;}
#footer .foot_inner>*{margin-bottom: 25px;}
#footer .foot_inner .f_logo{}
#footer .foot_inner .f_logo a{display: block;}
#footer .foot_inner .f_logo a img{transform-origin: left center; max-width: 500px; max-width:300px}
#footer .foot_inner .f_info{}
#footer .foot_inner .f_info li {color: #000; font-size: 12px; font-weight: 400; font-family: 'Noto Sans KR', sans-serif; display: inline-block; margin-right: 3px; margin-bottom:4px;}
#footer .foot_inner .f_info li.hasborder{ position: relative; padding-left: 7px;}
#footer .foot_inner .f_info li.hasborder::after{position: absolute; content: ""; display: block; width: 1px; height: 10px; background-color: #000; left: 0; top: 50%; transform: translateY(-50%);} 
#footer .foot_inner .f_menu{display: flex; gap: 6px;}
#footer .foot_inner .f_menu li{position: relative;}
#footer .foot_inner .f_menu li:last-child::after{display: none;}
#footer .foot_inner .f_menu li a{color: #999999; font-size: 12px; font-weight: 400; font-family: 'Noto Sans KR', sans-serif; display: block;padding-right: 8px;}
#footer .foot_inner .f_menu li::after{content: ""; display: block; position: absolute; width: 1px; height: 11px; background-color: #999; right: 0; top: 50%; transform: translateY(-50%);}
#footer .foot_inner .copy{font-family: 'Montserrat', sans-serif;color: #000; font-size: 12px; font-weight: 500; }
#footer .foot_inner .f_sns{display: flex; align-items: center; gap: 20px; }
#footer .foot_inner .f_sns li{}
#footer .foot_inner .f_sns li a{display: flex; align-items: center; justify-content: center;}
#footer .foot_inner .f_sns li a img{transform-origin: left center;}
/* BASIC css end */