.footer{background:#333;padding:100px 0;}
.api{width:100% !Important;margin:0 auto !Important}
#map{width:100% !important;margin:0 auto;}
.customoverlay {position:relative;bottom:58px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;}
.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;background: #d95050;background: #173e51 url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right 14px center}
.customoverlay .title {display:block;text-align:center;background:#fff;margin-right:35px;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_nav{width:1400px;padding:40px 0;margin-bottom:40px;border-bottom:1px solid rgba(255,255,255,0.3);margin:0 auto;}
.ft_nav ul{display:flex;}
.ft_nav ul li{margin-right:15px;opacity:.5;}
.ft_nav ul li a{font-size:16px;display:block;color:#fff;}
.ft_info{width:1400px;margin:0 auto;}
.ft_logo{font-size:24px;color:#fff;font-weighT:bold;margin-top:40px;}
.ft_info ul{width:100%;margin-top:30px;}
.ft_info ul li{color:#fff;display:flex;font-size:15px;margin-bottom:15px;}
.ft_info ul li span{display:block;font-weight:bold;width:130px;margin-right:15px;}


.pop {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;width: 900px;height: 700px;z-index: 9999999;overflow: hidden;overflow-y: scroll;display: none;}
.pop_ctt {padding: 80px;}
.pop_ctt img {width: 100%;border-radius: 20px;}
.pop_ctt h2 {font-size: 15px;margin-top: 15px;}
.pop_ctt p {font-size: 13px;line-height: 23px;margin-top: 15px;}
.pop .close { cursor: pointer;top: 30px;right: 30px;width: 20px;position: sticky;height: 25px;float: right;}
.pop .close svg {display:block;width: 100%;}

/*스크롤바 넓이*/
.pop::-webkit-scrollbar {width:5px;} 

/*스크롤바 막대 설정*/
.pop::-webkit-scrollbar-thumb {background:#ccc; /*스크롤바 막대 색상*/
  border-radius:500px;}  /*스크롤바 막대 모서리 둥글리기*/

.pop::-webkit-scrollbar-track{
  background-color:#e4e4e4; /*스크롤바 트랙 색상*/
}

/* 팝 서류 */
.m_scroll{display:none;}
.pop_docu{margin-top:25px;}
.pop_docu table{border-collapse:collapse;border:1px solid #e4e4e4 !important;}
.pop_left{font-size:20px;font-weight:bold;}
.pop_right{width:100%;margin-top:30px;}
.pop_right td p{padding:10px !Important;margin-top:0;}
.pop_right td p span{font-size:13px !Important;}
.pop_right td p b span{font-size:15px !Important;}


@media screen and ( max-width:799px){
  .footer{padding:70px 0 40px 0}
  .m_scroll{display:block;padding-top:20px;font-size:12px;font-weight:bold;color:#555;font-style:normal}
  .pop_right{width:100%;overflow-x:scroll;}
  .pop_docu table{width:600px;}
  .pop_left{font-size:16px;font-weight:bold;}
  .pop_right{margin-top:5px;}
  .pop_right td p{padding:7px !Important;}
  .pop_right td p span{font-size:11px !Important;}
  .pop_right td p b span{font-size:13px !Important;}

  .pop{width:90%;height:500px;}
  .pop_ctt{padding:40px;}
  .pop_ctt h2{font-size:14px;}
  .pop .close{width:15px;height:15px;}
  .pop_ctt p {font-size: 11px;line-height: 20px;}
  .ft_nav, .ft_info{width:90%;}
  .ft_nav{padding:25px 0;}
  .ft_nav ul li{margin-right:10px;}
  .ft_nav ul li a {
    font-size: 12px;}
  .ft_logo {
    font-size: 16px;
    margin-top: 25px;}
  .ft_info ul li {
    font-size: 12px;line-height:22px;}
  .ft_info ul li span{width:80px;}
}