/*footer*/
footer{width:100%; height:auto; min-height:300px; margin:0 auto; background:rgba(51,51,51,0.8); position:relative; bottom:0; display:flex; flex-direction: column; align-items: center; z-index:9999; }

footer *{letter-spacing:0.5px;}

footer #ft_content_frame{width:inherit; max-width:1200px; display:flex; flex-direction:column; justify-content: center; align-items: center;}
footer #ft_content_frame #ft_tp_box,
footer #ft_content_frame #ft_md_box,
footer #ft_content_frame #ft_bt_box{width:inherit; margin:0 auto; display:flex; flex-direction:column; justify-content: center; align-items: center; margin: 20px auto; }
footer .ft_line{width:inherit; height:0; border-bottom:1px solid #777;}

footer #logo{margin-bottom:10px;}
footer #logo img{height:50px; width:auto;}

footer #sitemap{display:flex; justify-content: center; flex-wrap: wrap;}
footer #sitemap a{padding: 4px 0; margin:0 10px; font-weight:100; color:#ccc;}
footer #sitemap a:first-child{margin-left:0;}
footer #sitemap a:last-child{margin-right:0;}
footer #sitemap span{width:auto; letter-spacing: -0.5px;}

footer #tel{display:flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom:10px;}
footer #tel *{display:inline-block; margin:0 5px;}
footer #tel span:first-child{letter-spacing: -0.5px;}
footer #tel .tel_list{display:flex; flex-direction: row; justify-content: flex-start; align-items: center;}

footer #sns{display:flex; flex-direction: row;  justify-content: center; align-items: center;}
footer #sns a{margin-right:20px;}
footer #sns a:last-child{margin-right:0;}
footer #sns a img{width:20px; height:20px;}

footer #info{display:flex; flex-direction: column; justify-content: center; align-items: center;}
footer #info #text,
footer #info #copy{letter-spacing:-0.3px;}
footer #info #text{margin-bottom:5px; display:flex; flex-direction: row; justify-content: center; align-items: center;}
footer #info #text .text{padding:0;}
footer #info #text > .text:after{content:"|"; display:inline-block; padding: 0 6px;}
footer #info #text #terms_box{display:flex; flex-direction: row; justify-content: center; align-items: center;}
footer #info #text #terms_box .terms{display:inline-block;}
footer #info #text #terms_box .terms:hover .text{color:#ccc;}


/*반응형*/
@media(max-width:1300px){
    footer #ft_content_frame{max-width:1000px; }
}

@media(max-width:1050px){
    footer #ft_content_frame > div{width:90%;} 
}

@media(max-width:850px){
    footer #ft_content_frame > div{height:auto;}
    footer #tel{flex-direction: column;  margin-bottom:20px;}
    footer #tel .tel_list{padding:0;}
    footer #tel .hide{display:none;}
    footer #info #text{flex-direction: column;}
    footer #info #text > .text:after{display:none;}
}

@media(max-width:480px){
    footer #ft_content_frame > div{width:100%; margin:0;}
    footer #sitemap a{width:33%; margin:0; text-align:center;}
    footer #tel *{margin:0 2px;}
}

@media(max-width:250px){
}