/* 푸터 */
.footer{background:#171717;padding:120px 0}
.footer .ctt{display:flex;justify-content:space-between;}
.ft_logo{width:15%;}
.ft_logo img{filter:invert(1) brightness(100);width:100%;}
.ft{width:50%;}
.use{display:flex;gap:0 30px;}
.use a{font-size:14px;color:#fff;font-weight:500}
.ft_info{margin-top:30px;display:flex;flex-wrap:wrap;gap:8px 0}
.ft_info p{opacity:0.6;color:#fff;font-weight:500;font-size:14px;}
.ft_info p:after{content: "";width: 2px; height: 13px; background: #fff;opacity: 0.3;margin: 0 20px;display: inline-block;}
.ft_info p:last-child:after{display:none;}
.ft_info p span{margin-right:10px;}
.copy a{display:block;font-size:13px;margin-top:25px;opacity:0.3;color:#fff;font-weight:bold}
.ft_sns{display:flex;gap:0 15px;width:20%}
.ft_sns a{width:80px;}
.ft_sns a img{width:100%}

/* 푸터 팝업 css */
.hidden{overflow:hidden !Important}
.pop_bg{width:100%;height:100%;background:rgba(0,0,0,0.7);position:fixed;top:0;left:0;z-index:9999}
.pop{overflow:hidden;z-index:999999999;width:600px;height:600px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;overflow-y:scroll;padding:50px;padding-top:0;}
.pop_ctt{margin-top:0px;}
.pop_ctt div{}
.pop_ctt h2{font-size:14px;margin-top:20px;}
.pop_ctt p{font-size:12px;word-break:keep-all;line-height:1.7em;color:#555;margin-top:15px;}
.pop_ctt img{width:100%;}
.pop_ctt table{}
.pop_ctt table td{padding:15px;}
.pop_ctt table p{margin-top:0;font-size:14px !Important;color:#666 !Important;}
.pop_ctt table p, .pop_ctt table span{font-size:14px !Important;color:#666 !Important;font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !Important}
.pop_ctt table .pop_table_tit{background:#f8f8f8 !Important;}
.pop_ctt table .pop_table_tit span{font-size:16px !important;color:#000 !Important;font-weight:bold;}
.close{background:#fff;display:Flex;justify-content:space-between;position:sticky;top:0;padding:45px 0 25px 0;border-bottom:1px solid #e4e4e4;width:100%;}
.close b{font-size:16px;}
.close svg{width:13px;cursor:pointer;}
/* 푸터 팝업 css 끝 */

@media screen and (max-width:768px){
  .ft_box{display:none;}
  .api_info {width: 90%;margin-top: 20px;}
  .api_info ul{flex-wrap:wrap}
  .api_info ul li{padding:25px;width:100% !Important;border-right:0;border-bottom:1px solid rgba(255, 255, 255, 0.3);}
  .api_info ul li:last-child{padding-bottom:0;}
  .api_info ul li p{font-size:14px}
  .api_info ul li p.f32{font-size:22px;}
  .api{height:300px !Important}
  
  .footer{padding:70px 0 120px 0}
  .footer .ctt{flex-wrap:wrap;}
  .ft_logo{width:100%;}
  .ft_logo img{width:150px;}
  .ft{width:100%;margin-top:30px;flex-wrap:wrap;}
  .ft_info p{margin-right:0;display:flex;width:100%;font-size:14px;padding-bottom:0px;}
  .ft_info p:after{display:none;}
  .use{width:100%;gap:0 10px;justify-content:left}
  .use a{font-size:12px;}
  
  .ft_sns{width:100%;margin-top:25px;}
  .ft_sns a{width:50px;height:50px;}
  /* 팝업 */
  .pop{width:90%;height:400px;padding:25px;padding-top:0}
  .close{padding:20px 0}
  .close b{font-size:14px;}
  .pop_ctt h2{font-size:14px;}
  .pop_ctt p{font-size:12px}
  
}

@media screen and (max-width:499px){
  .ft_info p{display:flex;font-size:12px}
  .ft_info p span{width:90px;}
  .copy{font-size:11px;}
}