.tmsWrap {
    height: calc(100vh - 4rem);
    width: 24rem;
    background-color: #fff;
    z-index: 2001;
}

.tmsWrap .headWrap {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 1rem;
}

.tmsWrap .headWrap .btnClose {
    margin-left: auto;
    font-size: 1.3rem;
    cursor: pointer;
}

.tmsWrap .searchWrap {
    padding: 1rem;
    background-color: #3447D2;

}

.tmsWrap .searchWrap .search {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    border: 1px solid #3587ba;
    background-color: #fff;
    color: #273538;
}
.tmsWrap .searchWrap .search input[type=text]{
    margin-top:0;
    background-color:#fff;
}

.tmsWrap .searchWrap .searchBtn {
    margin-left: auto;
    margin-right:0.4rem;
    cursor: pointer;
}

.tmsWrap .searchWrap .tmsSearch {
    border: none;
}

input:focus {
    outline: none;
}

.tmsWrap .resetBtn {
    margin-top: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0.3rem 0;
    background-color: #F8F8F8;
    border: 1px solid #E4E4E4;
    color: #555555;
    border-radius: 0.4rem;
    cursor: pointer;
    visibility: hidden;
}

.tmsWrap .tmsListWrap {
    padding: 1rem;
    overflow-y: auto;
    height: 74vh;
    /* 이후 자바스크립트로 사용중인 높이값제외해야함*/
}

.tmsWrap .tmsListWrap ul {
    position: relative;
    display: flex;
    height: 17rem;
    flex-direction: row;
}

.tmsWrap .tmsListWrap ul li {
    margin: 0.3rem;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50%;
    margin-bottom: 2rem;
}

.tmsWrap .tmsListWrap ul li a {
    width: 100%;
    display: block;
    height: 65%;
}

.tmsWrap .tmsListWrap ul li a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.tmsWrap .tmsTxt {
    margin: 0;
    padding: 0.2rem 0;
    text-align: center;
    width: 100%;
    font-size: 1rem;
}

.tmsMoreWrap {
    padding: 0.3rem 0.5rem;
    gap: 0.5rem;
    margin-top: 0.2rem;
    font-size: 1.4rem;
    text-align: center;
    background-color: #f3f3f3;
    border: 1px solid #cdd0d1;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 지도전시관 */
.clear:after {display:block; content:""; clear:both;}

span.ir {display:block; overflow:hidden; width:0!important; height:0!important; border:0!important;}
.history li a span {position:absolute; left:0; width:100%; text-align:center;}
.history li a span img {width:144px; height:100px; background-color:rgba(53,135,186,0.73);}
.history select {width:59px; height:25px; margin-left:5px; border:1px solid #cdd0d1; color:#848c8e}

#smDiv_mapGalleryLegendBody.swiper{left:104px;top:45px;}
.map_display {position:absolute; float:left; width:208px;left:6px;top:78px;border-top:3px solid #3587ba !important; border:1px solid #3587ba; background-color:#fff; z-index:1 !important;}
.map_display .border {border-bottom:1px solid #3587ba;}
.map_display .border .title {float:left; padding:5px 0 0 10px; font-weight:600; font-size:14px; color:#3587ba; letter-spacing:-0.5px; word-spacing:-2px;}
.map_display .border .btn_close a {float:right; width:21px; height:21px; margin:4px 6px 4px 0; background:url(/smgis2/file/imgs/ico/close2_pop.png) no-repeat;}
.map_display .info {height:36vh; padding:8px 10px 8px;}
.map_display .info dl.line {margin-bottom:8px; border-bottom:1px solid #dfdfdd;}
.map_display .info dl.line:last-child {margin-bottom:0; border-bottom:none}
.map_display .info dl.line img {width:270px; height:100%; margin:10px 0 10px;}
.map_display .info dl.line:last-child img {margin:10px 0 2px;}
.map_display .info dt {height:15px; padding-left:10px; background:url(/smgis2/file/imgs/ico/dot_pop.png) 0 4px no-repeat; font-size:12px; color:#3587ba; letter-spacing:-1px; word-spacing:-1px;}
.map_display .info dd.line {margin-top:10px; padding:0 0 0; border-top:1px solid #dfdfdd;}
@media (max-width:991px) {
     .map_display {position:fixed; top:120px; left:10px; width:304px; border-top:3px solid #3587ba !important; border:1px solid #3587ba; background-color:#fff; z-index:1;}
}

.p_legend {position:absolute; top:86px; z-index:999;}
.legend, .legend2 {float:left; margin-right:10px; padding: 0 !important;}
.legend a, .legend2 a {width:68px; height:28px; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.legend a span, .legend2 a span {display:block; padding-bottom:2px; font-weight:600; font-size:13px; color:#3587ba; letter-spacing:-0.5px; word-spacing:-2px;}

.pop_bg {position:absolute; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.17); z-index:9999;}
.p_view {position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:50%; width:800px; height:81.5vh; margin-left:-400px; background-color:#fff;}
.p_view .title {padding:12px 0 12px 14px; background-color:#3587ba;}
.p_view .title h4 {float:left; height:21px; padding-left:38px; background:url(/smgis2/file/imgs/ico/title2_archiving.png) no-repeat; font-weight:normal; font-size:18px; color:#fff; line-height:21px; letter-spacing:-1px; word-spacing:-1.5px;}
.p_view .title .btn_close a {float:right; width:17px; height:17px; margin:2px 14px 0 0; background:url(/smgis2/file/imgs/ico/close_pop.png) no-repeat;}
.p_view .name {padding:12px 0 12px 12px; background-color:#3587ba;}
.p_view .name h4 {float:left; height:21px; font-weight:normal; font-size:18px; color:#fff; line-height:20px; letter-spacing:-1px; word-spacing:-1.5px;}
.p_view .name .btn_close a {float:right; width:17px; height:17px; margin:2px 14px 0 0; background:url(/smgis2/file/imgs/ico/close_pop.png) no-repeat;}
.p_view .map_bg {width:calc(100% - 68px); height:300px; padding:20px; margin:0 14px 7px; background-color:#f3f3f3;} /* width:100%-40(좌우패딩)-28(좌우마진) */
.p_view .map_bg img {display:block; width:auto; height:100%; margin:0 auto;}
.p_view .info {padding:0 14px;}
.p_view .info ul {padding-top:15px;}
.p_view .info li {float:left; padding-left:8px; font-size:14px; color:#4b575a; line-height:19px; letter-spacing:-0.5px;} /* width:100%-12(4+8) */
.p_view .info li a {color:#4b575a;}
.p_view .info li a:hover {text-decoration:underline;}
.p_view .info li span {padding-top:1px; border-top:1px solid #3587ba; color:#3587ba;}
.p_view .info li.w_size {width:calc(50% - 12px);} /* width:50%-12(4+8) */
.p_view .info li.w_size>* {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    display: block;
}
.p_view .info li.w_size2 {width:calc(100% - 12px);} /* width:100%-12(4+8) */
.p_view .info dl {padding-top:17px;}
.p_view .info dt {padding:5px 0 5px; border-top:1px solid #3587ba; border-bottom:1px solid #3587ba; font-size:14px; color:#3587ba; letter-spacing:-0.5px; text-align:center;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_view .info dt {padding:5px 0 6px;}} /* 크롬 핵 */
.p_view .info dd {padding-top:9px; font-size:12px; color:#4b575a; line-height:21px;}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr;
}
.ph_size {height:calc(100% - 73px); padding:14px 0;}
/* 지도전시관 END */