﻿.footer{background:#00234e;padding:0 0 50px 0;}
#map{width:90% !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(../../../../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('../../../../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;text-align:right;}
.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: 1000px;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 img {width: 100%;}

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

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

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

.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(../../../../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('../../../../localimg/localimages/07/mapapidoc/vertex_white.png')}


@media screen and ( max-width:799px){
  .footer{padding:70px 0 40px 0}
  .pop{width:90%;height:500px;overflow-x:scroll;}
  .pop_ctt img{width:600px;}
  .pop_ctt{padding:40px;}
  .pop_ctt h2{font-size:14px;}
  .pop .close{        width: 30px;
        height: 30px;
        top: 0;
        right: 0;
        background: #012d58;
        padding: 8px;}
  .pop .close img{filter:invert(1) brightness(10)}
  .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;}
  .ft_info ul li span{width:80px;}
}