/**** 지도 api overay ******/
.customoverlay {position:relative;bottom:58px;left:0;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;background:#fff;}
.customoverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
.customoverlay a {display:block;text-decoration:none;color:#000;text-align:center;border-radius:6px;font-size:14px;font-weight:bold;overflow:hidden;}
.customoverlay .title {display:block;text-align:center;background:#fff;;padding: 8px 11px;
    font-size: 13px;font-weight:bold;}
.customoverlay:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-12px;width:22px;height:12px;background:url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}

.ft_api{width:100% !important;height:400px !important}

.footer{background:#0d0e10;}
.footer .ctt{}


.use{background:#1b2029;}
.use .ctt{display:flex;}
.use a{text-align:Center;display:block;font-size:15px;color:#fff;opacity:.8;font-weight:400;width:25%;padding:15px 0;}

.footer_info{padding:100px 0}
.footer_info img{display:block;width:250px;margin:0 auto;opacity:0.7}
.footer_info ul{margin-top:25px;display:flex;justify-content:center;}
.footer_info ul li{display:flex;align-items:center;font-size:14px;color:#fff;padding-bottom:15px;}
.footer_info ul li:after{width:2px;height:12px;background:#fff;opacity:0.3;margin:0 15px;content:"";display:inline-block;}
.footer_info ul li:last-child:after{display:none;}
.footer_info ul li span{width: auto;margin-right: 10px;}
.footer_info ul li p{opacity:0.6;font-weight:100;}

/* 스크롤 커스텀 */
::-webkit-scrollbar {
  width: 5px;  /* 세로축 스크롤바 폭 너비 */
  height: 5px;  /* 가로축 스크롤바 폭 너비 */
}

::-webkit-scrollbar-thumb {
  background: #003361; /* 스크롤바 막대 색상 */
  border-radius: 12px 12px 12px 12px;
}

::-webkit-scrollbar-track {
  background: #e4e4e4; /* 스크롤바 뒷 배경 색상 */
}

/* 푸터 팝업 css */
.hidden{overflow:hidden !Important}
.pop_bg{width:100%;height:100%;background:rgba(0,0,0,0.3);position:fixed;top:0;left:0;z-index:9999}
.pop{z-index:99999;width:800px;height:800px;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:25px;}
.pop_ctt p{font-size:12px;line-height:23px;margin-top:15px;}
.pop_ctt img{width:100%;}
.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:15px;cursor:pointer;}
/* 푸터 팝업 css 끝 */

@media screen and (max-width:799px){
  .footer{padding-bottom:80px;}
  .footer .ctt{flex-wrap:wrap;}
  .use{padding:0;border-bottom:1px solid rgba(255,255,255,0.3)}
  .use .ctt{flex-wrap:wrap;width:100%;}
  .use a{padding:15px 0;font-size:12px;margin-right:0;width:50%;text-align:center;border-bottom:1px solid #e4e4e4}
  .use a:nth-child(2n-1){border-right:1px solid #e4e4e4 !important}
  .use a:nth-child(n+3){border:0;}
  .footer{}
  .footer_info img{margin:0}
  .footer img{width:180px;}
  
  .footer_info{padding:40px 0;margin-left:0;margin-top:10px;}
  .footer_info strong{font-size:16px;margin-top:20px;}
  .footer_info ul{flex-wrap:wrap;justify-content:left;}
  .footer_info ul li{font-size:12px;align-items:start;width:100%;}
  .footer_info ul li:nth-child(1) span{font-size:15px;width:100%;font-weight:bold;}
  .footer_info ul li:after{display:none;}
  .footer_info ul li span{display:block;margin-bottom:5px;width:90px}
  .footer_info ul li p{line-height:22px;}
  
  /* 팝업 */
  .pop{width:90%;height:400px;padding:25px;padding-top:0}
  .close{padding:20px 0}
}