/* BASIC css start */
2; }

#footer{margin-top:200px}
.foot_inner{width: 1280px; margin: 0 auto;display: flex; align-items: center; justify-content: space-between;}

#footer{}
#footer .foot_top{background-color: #f8f8f8;}
#footer .foot_top .foot_inner{}
#footer .foot_top .foot_inner ul.f_menu{display: flex; align-items: center; gap: 30px;}
#footer .foot_top .foot_inner ul.f_menu li{}
#footer .foot_top .foot_inner ul.f_menu li a{display: block;color: #999999; padding: 19px 0; font-size: 14px; font-weight: 400;}
#footer .foot_top .foot_inner ul.f_menu li a strong{color: #333;}
#footer .foot_top .foot_inner select{background-color: transparent;font-family: 'Jost', sans-serif; border: none; border-bottom: 1px solid #000; font-size: 14px; font-weight: 600;padding-right: 40px; }
#footer .foot_top .foot_inner select option{background-color: none;font-family: 'Jost', sans-serif; }
#footer .foot_middle{}
#footer .foot_middle .foot_inner{border-bottom: 1px solid #f5f5f5; padding: 40px 0;}
#footer .foot_middle .foot_inner>div{}
#footer .foot_middle .foot_inner>div h4{color: #222222; font-size: 14px; font-weight: 500; margin-bottom: 7px;}
#footer .foot_middle .foot_inner>div h4:has(span){display: flex; align-items: center; gap: 7px;}
#footer .foot_middle .foot_inner>div ul{}
#footer .foot_middle .foot_inner>div ul li{color: #777777; font-size: 13px; font-weight: 400;}
#footer .foot_middle .foot_inner .f1 li{display: inline-block; line-height: 1.6;}
#footer .foot_middle .foot_inner .f1 li.bg{position: relative;padding-right: 7px;margin-right: 3px;}
#footer .foot_middle .foot_inner .f1 li.bg::after{content: ""; display: block; width: 1px; height: 10px; background-color: #777; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
#footer .foot_middle .foot_inner .f1 li a{display: inline-block; border: 1px solid #999; padding: 4px 9px; margin-left: 6px;color:#777777; }
#footer .foot_middle .foot_inner .f2 li{display: inline-block; margin-bottom: 2px;}
#footer .foot_middle .foot_inner .f2{}
#footer .foot_middle .foot_inner .f2 li strong{color: #222;}
#footer .foot_middle .foot_inner .f3{}
#footer .foot_middle .foot_inner :is(.f3,.f2) li{line-height: 1.7;}

#footer .foot_bottom{padding-top: 20px; padding-bottom:60px;}
#footer .foot_bottom .foot_inner{}
#footer .foot_bottom .foot_inner p.copy{color: #999999; font-size: 12px; line-height: 1.7;}
#footer .foot_bottom .foot_inner ul{display: flex; align-items: center; gap: 28px;}
#footer .foot_bottom .foot_inner ul li{}
#footer .foot_bottom .foot_inner ul li a{}
#footer .foot_bottom .foot_inner ul li a img{}



#sec8{margin-top: 120px;}
#sec8 .sec_inner{width:100%; margin:0 auto}
#sec8 .sec_inner ul{display: flex;justify-content: center; background-color: #f8f8f8; padding: 45px 0;}
#sec8 .sec_inner ul li{}
#sec8 .sec_inner ul li a{display: flex;height: 110px; border-right: 1px solid #ebebeb; align-items: center; flex-direction: column;justify-content: space-between;padding: 0 35px;}
#sec8 .sec_inner ul li:last-child a{border-right: none;}
#sec8 .sec_inner ul li a .icon{display: flex;align-items: center;justify-content: center;height: 100%; position:relative}
#sec8 .sec_inner ul li a .icon img{display:block; margin-bottom:0; transition: margin-bottom .2s;}
#sec8 .sec_inner ul li a:hover>.icon img{margin-bottom:8px; }
#sec8 .sec_inner ul li a:hover>.icon:after{opacity:1}
#sec8 .sec_inner ul li a .icon:after{content:""; display:inline-block; width:4px; transition:opacity .3s; height:4px; border-radius:50%; position:absolute; top:-4px; left:50%; background-color:#222; opacity:0; transform:translateX(-50%); }
#sec8 .sec_inner ul li a p{text-align: center;color: #999; font-size: 15px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; letter-spacing: -.6px; line-height: 1.
/* BASIC css end */