/* BASIC css start */
#footer{width: 100%; background-color: #2f2f2f;padding: 45px 0; }

#footer>div{}
#footer>div h4{color: #eeeeee; font-family: "돋움","Dotum"; font-size: 12px; font-weight: 600; margin-bottom: 25px;}
#footer>div li{color: #888888;font-size: 12px;font-family: "돋움","Dotum";  font-weight: 400; }

#footer>div li a{color: #888888;}
#footer>div .foot_inner{width: 1200px; margin: 0 auto;}

#footer .f1{}
#footer .f1 .foot_inner{display: flex; flex-direction: row; justify-content: space-between; padding-bottom: 35px;}
#footer .f1 .foot_inner>div{}
#footer .f1 .foot_inner .f1_left{display: flex; gap: 110px;}
#footer .f1 .foot_inner .f1_left>div{}
#footer .f1 .foot_inner .f1_left>div h4{}
#footer .f1 .foot_inner .f1_left>div ul{display: flex; flex-direction:column; gap: 13px;}
#footer .f1 .foot_inner .f1_left>div ul li{}
#footer .f1 .foot_inner .f1_left>div ul li a{display: block; padding-left: 5px;position: relative;}

#footer .f1 .foot_inner .f1_left>div ul li a::after{content: ""; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; background-color: #ddd; width: 1px;height: 1px; border-radius: 50%;}
#footer .f1 .foot_inner .f1_right{}
#footer .f1 .foot_inner .f1_right h4{margin-bottom: 10px;}
#footer .f1 .foot_inner .f1_right h5{font-family: 'Noto Sans KR', sans-serif; color:#ffd736; font-size: 25px; font-weight: 200; margin-bottom: 10px;}
#footer .f1 .foot_inner .f1_right ul{}
#footer .f1 .foot_inner .f1_right ul li{font-size: 11px;margin: 7px 0;}
#footer .f1 .foot_inner .f1_right ul li:last-child{margin-top: 20px;}
#footer .f2{border-top: 1px solid #454545; border-bottom: 1px solid #454545;}
#footer .f2 .foot_inner{}
#footer .f2 .foot_inner ul{display: flex; justify-content: space-between; }
#footer .f2 .foot_inner ul li{}

#footer .f2 .foot_inner ul li:first-child,
#footer .f2 .foot_inner ul li:last-child{width: auto;}
#footer .f2 .foot_inner ul li a{display: block; padding: 12px 75px; text-align: center;position: relative; color: #eeeeee; font-size: 13px;}
#footer .f2 .foot_inner ul li a::after{content: ""; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 15px; background-color: #454545;}
#footer .f2 .foot_inner ul li:last-child a::after{display: none;}
#footer .f2 .foot_inner ul li:first-child a{text-align: left;padding-left :0px;}
#footer .f2 .foot_inner ul li:last-child a{text-align: right;padding-right: 0px;}
#footer .f3{}
#footer .f3 .foot_inner{display: flex; justify-content: space-between; align-items: center;}
#footer .f3 .foot_inner ul{padding: 45px 0;}
#footer .f3 .foot_inner ul li{display: inline-block;margin:2px 0px; margin-right: 3px;position: relative; padding-right: 11px;}
#footer .f3 .foot_inner ul li:last-child{margin-top: 13px; color: #666666;}
#footer .f3 .foot_inner ul li:not(.border-none)::after{content: "/"; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
#footer .f3 .foot_inner .f_logo{}
#footer .f3 .foot_inner .f_logo a{display: block;}
#footer .f3 .foot_inner .f_logo a img{}

/* BASIC css end */