.gdc-tablist{
    width: 100%;display: flex
;
    justify-content: space-between;
}

.gdc-tabs button{
    height: 60px;
    font-size: 0.85rem;
}
.gdc-tablist .gdc-tab{
    width: 33.1%;
}
.gdc-tablist.dep2 .gdc-tab{
  width: 49.5%;
}
.gdc-tablist.dep3 .gdc-tab{
  width: 33.32%;
  font-size: 1rem;
  padding: 20px 0;
}
.gdc-tablist.dep4 .gdc-tab{
  width: 24.5%;
  font-size: 0.85rem;
}

.gdc-tab.is-active{
    background-color: #005bac;
    color: #fff;
}    

.text_box{
    padding: 60px 0;
}
.name{
    font-weight: 600;
}
.list_box{
    margin-bottom: 10px;
}
.dotbox{
    position: relative;
    margin-left: 20px;margin-bottom: 20px;
}
.dotbox::before{
    content: "";
    position: absolute;
    left: -20px;
    top: 45%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    background: url(/img/record.png) no-repeat center / 30px 30px;
}


/* CSS */
.map-wrap{
    display:grid;grid-template-columns:1fr 1fr;
    gap:20px;align-items:start;max-width:1400px;margin:0px auto;padding:0 16px;    padding-top: 60px;

padding-bottom: 60px;}

.map{position:relative;border:1px solid #eee;border-radius:12px;overflow:hidden;background:#e5e5e5;}
.map img{display:block;width:100%;height:auto; filter: grayscale(1);}
.pin{
  position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-100%);
  border:0;background:transparent;cursor:pointer;font:700 12px/1 system-ui;color:#fff;
}
.map button{
    border: 0;
}
.pin::before{
  content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:30px;
  height:30px;
  border-radius:50%;
  background:transparent;
  box-shadow:transparent;
}
.pin.is-active::before{background:#1677ff57;box-shadow:0 0 0 6px rgba(22,119,255,.25)}
.pin:focus{outline:none}
.pin:hover::before{filter:brightness(.9)}

.info{border:1px solid #eee;border-radius:12px;padding:16px;background:#fff;position:sticky;top:20px}
.info h3{margin:0 0 6px;font-size:18px}
.info .addr{color:#555;margin:0 0 6px}
.info .meta{font-size:14px;color:#666}
.info .muted{color:#999;margin:0}

.info .addr { white-space: pre-line; }
.info { max-height: 420px; overflow-y: auto; }

@media (max-width: 900px){
  .map-wrap{grid-template-columns:1fr;gap:12px}
  .info{position:static
    }
}
@media (max-width: 900px){

    .gdc-tablist.dep4 .gdc-tab{
  width: 49.5%;
      height: 50px;
    padding: 2px;
    margin-bottom: 4px;
    }
    .gdc-tablist.dep4 .gdc-tab p{
    font-size: 14px;

    }
        .gdc-tablist.dep3 .gdc-tab{
  font-size: 0.75rem;
}
}

@media (max-width: 450px){

    .gdc-tablist.dep4 .gdc-tab{
  width: 49%;
    
    }

}