/* 모든 스타일은 css 충돌방지를 위해 .footer을 기준으로 작성 하시면 됩니다. 예) .footer .box {} */


.footer{width:100%;height:auto;background:#252525;}
.top_info{border-top:1px solid #333;border-bottom:1px solid #333;}
.top_info .container{}
.top_info ul{overflow:hidden; width: 1300px;}
.top_info ul li{float:left;padding:0 20px;border-left:1px solid #333;}
.top_info ul li:last-child{border-right:1px solid #333;}
.top_info ul li a{display:block;padding:15px 10px;color:#fff;font-size:14px;font-weight:500;}
.top_info ul .foo-nara a {padding:0 10px;}
.top_info ul .foo-nara a img {padding: 11px 15px 9px; width: 198px;}
.top_info ul .foo-newsk a {padding:2px 10px;} 
.top_info ul .foo-newsk a img {padding: 15px; width: 90px;}

.bottom_info{}
.bottom_info .container{padding:50px 0;position:relative;}
.bottom_info p{font-size: 14px;font-weight: 400; color: #c9c9c9; padding-bottom: 10px;
line-height: 23px; letter-spacing: -0.5px;}
.bottom_info span{font-size:14px;font-weight:500;color:#afafaf;opacity:0.5;display:block;  letter-spacing: -0.5px;}

.family_site{position:absolute;right:0;top:64px;}
.family_site a{display:block;}
.family_site img{width: 189px; padding: 13px 30px; 
 border:1px solid #3e3e3e;}
.foo-jodal a {padding: 11px 10px !important;}
.foo-jodal img {width: 118px;}

@media screen and ( max-width:1300px){
  .top_info ul{width:100%;}
  .top_info ul li{padding:0;width:25%;text-align:Center;}
  .top_info ul li:nth-child(1),.top_info ul li:nth-child(2),.top_info ul li:nth-child(3),.top_info ul li:nth-child(4){border-bottom:1px solid #333;}
  .bottom_info .container{padding:30px 50px;}
}

@media screen and ( max-width:799px){
  .top_info ul{width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;}
  .top_info ul li{width:33.3%;box-sizing:border-box;}
  .top_info ul li:nth-child(3), .top_info ul li:nth-child(4){display:none;}
  .top_info ul li:nth-child(5){border-bottom:1px solid #333;}
  .bottom_info .container{padding:30px;}
  .bottom_info p, .bottom_info span{font-size:12px;}
}