.footer{padding: 100px 0;background: #413a37}

.ft_nav{width:1400px;margin:0 auto;margin-bottom:40px;}
.ft_nav ul{display:flex;}
.ft_nav ul li{margin-right:15px;opacity:.5;}
.ft_nav ul li a{font-size:14px;display:block;font-weight:500;color:#fff;}
.ft_info{width:1400px;margin:0 auto;}
.ft_logo{font-size:24px;font-weighT:bold;}
.ft_info ul{width:100%;margin-top:30px;display:flex;}
.ft_info ul li{color:#fff;display:flex;font-size:15px;font-weight:400;margin-bottom:15px;margin-right:20px;}
.ft_info ul li span{display:block;font-weight:600;margin-right:10px;}


.pop {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;width: 900px;height: 700px;z-index: 9999999999999;overflow: hidden;overflow-y: scroll;display: none;}
.pop_ctt {padding: 80px;}
.pop_ctt strong{font-size:22px;margin-bottom:35px;display:block;}
.pop_ctt img {width: 100%;margin-top:30px;}
.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; /*스크롤바 트랙 색상*/
}

.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')}

.docu_ctt{padding:80px;}

.docu1{border-top:3px solid #000;padding:20px 30px;margin-top:50px;}
.docu1 h4{color:#999;font-size:14px;font-weight:500;line-height:22px;}
.docu1 h4 span{font-size:22px;font-weight:bold;color:#000;display:block;padding-bottom:20px;}
.docu3{margin-top:30px;border:0 !important;}
table{border-collapse:collapse;}
.docu1 table td{padding:15px 10px !important;}
.docu1 table td p span{font-size:14px !important;}
.docu1 h4:after{display:none;content: "마우스를 좌우로 움직여 확인하세요.";
    font-size: 12px;
    margin: 10px 0;
    background: #f2f2f2;
    padding: 10px;
    width: fit-content;
    font-weight: bold;
    color: #333;
    border-radius: 5px;}
@media screen and ( max-width:799px){
  .footer{padding:40px 0 130px 0}
  .pop{width:90%;height:500px;}
  .pop_ctt{padding:40px;}
  .docu_ctt{padding:40px;}
  .docu1{padding:0;}
  .docu1 h4 span{font-size:16px;}
  .pop_ctt strong{font-size:16px;margin-bottom:20px;}
  .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{flex-wrap:wrap;}
  .ft_info ul li {
    font-size: 12px;line-height:19px;}
  .ft_info ul li span{width:80px;}
  .docu1 h4 span{padding-bottom:0;}
  .docu1 h4:after{display:block;margin-bottom:15px;}
  .docu1 .table{width:100%;overflow-x:scroll}
  .docu1 .table table{width:500px;}
  .docu1 table td p span{font-size:11px !important;}
}