@charset "UTF-8";

/* SYSTEM Design set -------------------------------------------------------------------------------------------- */
/* WRAPPER // common */
/* #imap{height: 100%;}
#map{width: 100%; height: 100%; z-index: 1;}
#layers{height:100%; position: absolute; top:0px; z-index: 2;} */


html{overflow: hidden;}
body{line-height: 1.5;}
.divider-2 {
    width: 100%;
    height: 2px;
    background: #302784;
}
/* common */
.mapControlContainer{
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.jstree-default .jstree-ocl{
	background: #302784;
}
.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:before{
	color: #302784;
}
.jstree-checkbox.jstree-undetermined:before{
	color: #302784 !important;
}

/* SYSTEM Layout Setting ------------------------------------------------------------------------------------------- */
	#sidePnl { z-index: 1001; }
	#mapPnl { z-index: 1000; position: absolute; }
	.imapContainer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* 지도영역 */
	#dM_container { width: 100%; height: 100%; }
	#dM_mapWrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }
	#map { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; /* 가장 아래 */ }
	#layers{ position: absolute; top: 0; left: 0; width: 100%; height:100%;  z-index: 2; /* #map보다 위에 위치 */ }
	#cctvSource {display:none;position: absolute;background: #fff;border: 1px solid #d8d7d7;font-size: 11px;top: 120px;right: 30px;z-index: 2;padding: 1px 5px;}
	#peopleSource {display:none;position: absolute;background: #fff;border: 1px solid #d8d7d7;font-size: 11px;top: 120px;right: 30px;z-index: 2;padding: 1px 5px;}

/* Side Panel Setting ------------------------------------------------------------------------------------------- */
.sidePnl_box{
/*  position: absolute;
    left: 0;
    z-index: 1; */
}
.sidePnlToggleBtn{
    width: 24px;
    height: 60px;
    background: #FFF;
    border-radius: 0px 3px 3px 0px;
    box-shadow: 2px 2px 3px rgba(0,0,0,.15);
    align-content: center;
    display: grid;
    justify-items: center;
    position: absolute;
    top: calc(calc(100vh / 2) + 100px);
    transform: translateY(-50%);
    left: 0px;
    z-index: 1;
}
.sidePnlToggleBtn .icon{
    width: 9px;
    height: 17px;
    transform: rotate(180deg);
    background: #FFF url(../../static/image/imap/icon-open-toggle.png) no-repeat center;
}
.sidePnl{
    width: 715px;
    box-shadow: 1px 3px 4px #231F2059;
    position: relative;
    top: 0;
    left: -715px;
    background: #FFF;
}
.sidePnl.openbar {
    left: 0;
}
.sidePnlToggleBtn.openbar{
    left: 715px;
}
.sidePnlToggleBtn.openbar .icon{
    transform: rotate(0deg);
}
.imap header{
    background: linear-gradient(90deg, #00B6C7 0%, #7D28DE 100%);
}
.sidePnl .sysTitArea{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 23px 25px 15px;
}
.sidePnl .sysTitArea div:first-child{
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    gap: 13px;
}
.sidePnl .sysTitArea .home{
    width: 47px;
    height: 47px;
    background: #191261 url(../../static/image/imap/icon-home.svg) no-repeat center;
    box-shadow: 3px 3px 1px #0000001A;
    border-radius: 5px;
}
.sidePnl .sysTitArea .sysTit{
    width: 227px;
    height: 38px;
    background: transparent url(../../static/image/imap/logo-2.png) no-repeat center;
}
.sidePnl .sysTitArea .searchType{
    width: 320px;
    display: flex;
}
.sidePnl .sysTitArea .searchType li:first-of-type{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.sidePnl .sysTitArea .searchType li:last-of-type{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.sidePnl .sysTitArea .searchType li{
    width: calc(100% / 3);
    background:#FFF;
    border: 1px solid #707070;
    border-right: none;
    text-align: center;
    padding: 2px 3px;
}
.sidePnl .sysTitArea .searchType li:last-child{
    border-right: 1px solid #707070;
}

.sidePnl .sysTitArea .searchType li a{
    display: block;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #302784;
    padding: 3px 2px;
}
.sidePnl .sysTitArea .searchType li.active{
    background: #302784;
    border: none;
}
.sidePnl .sysTitArea .searchType li.active a{
    color: #FFF;
}
.sidePnl .searchArea{
    padding: 22px 25px;
    background : rgb(255,255,255,0.7);
}

.sidePnl .searchArea > div.active{
    display: flex;
    align-items: center;
    gap: 10px;
}
.sidePnl .searchArea > div:not(.active){
    display: none;
}
.searchArea .sltPlan{
    display: flex;
    gap: 10px;
}
.searchArea .sltPlan .searchKey{
    width: 140px;
    height: 50px;
    text-align: left;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: -0.45px;
    color: #1D1D1D;
    padding: 6px 36px 6px 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-appearance: none;
    background: #FFF url(../../static/image/icon_select_chevron.png) no-repeat right 15px center;
}
.searchArea .sltPlan .searchKey,
.searchArea .dtlNum,
.searchArea .planBox .textBox input,
.searchArea .newJuso  .textBox input{
    border: 1px solid #A3B6D4;
    border-radius: 3px;
}
.searchArea .dtlNum{
    width: 240px;
    height: 50px;
    padding: 10px 10px;
    background: #FFF;
    display: flex;
    align-items: center;
    gap: 7px;
}
.searchArea .dtlNum .checkBox.san{
    display: flex;
    align-items: center;
    padding: 0px 6px;
}
.searchArea .dtlNum .textBox{
    width: 80px;
}
.searchArea .dtlNum .textBox input{
    width: 100%;
    background: #EFEFEF;
    border: none;
    width: 100%;
	border-radius: 3px;
    height: 28px;
    padding: 0 8px;
    font-size: 15px;
    letter-spacing: -0.15px;
}
.searchArea .dtlNum .textBox input:-webkit-autofill,
.searchArea .dtlNum .textBox input:-webkit-autofill:hover,
.searchArea .dtlNum .textBox input:-webkit-autofill:focus,
.searchArea .dtlNum .textBox input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0px 1000px #EFEFEF inset !important;
}
.searchArea .dtlNum .checkBox label[for="san"]{
    font-size: 13px;
    letter-spacing: -0.13px;
    color: #555555;
}
.searchArea .dtlNum .checkBox label[for="san"]+input[type="checkbox"] {
    width: 15px;
    height: 15px;
    margin-left: 6px;
}

.searchArea button.search{
    box-shadow: 3px 3px 3px #00000029;
    border-radius: 5px;
    background: #302784;
    color: #FFF;
    display: flex;
    align-items: center;
    padding: 10px 24px;
}
.searchArea button.search.pc{
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.5px;
    margin-left: auto;
}
.searchArea .planBox .searchKey{
    width: 200px;
}
.searchArea .planBox .textBox{
    width: 100%;
    display: flex;
    align-items: center;
}
.searchArea .planBox .textBox .labelTit{
    word-break: keep-all;
    margin: 0px 10px;
}
.searchArea .newJuso .textBox{
    width: 100%;
}
.searchArea .planBox .textBox input,
.searchArea .newJuso  .textBox input{
    width: 100%;
    height: 50px;
    background: #FFF;
    padding: 0 10px;
}
.searchArea .search .icon.search{
    width: 22px;
    height: 22px;
    background-image: url(../../static/image/icon_search_w.png);
    margin-right: 10px;
    background-size: contain;
}

.searchResult{
    width: 100%;
    background: #F5F7FC;
}
.searchResult .resultBox{
    display: none;
    padding: 25px 25px 0px 25px;
}
.searchResult .resultBox .resultMsg
.searchResult .resultBox .emptyMsg{
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0px;
    color: #000000;
}
.searchResult .resultBox .emptyMsg{
    display: flex;
    height: 122px;
    justify-content: center;
    align-items: center;
    border-bottom: solid 2px #302784;
}
.emptyMsg .icon{
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
    width: 22px;
    height: 22px;
    margin-right: 8px;
    background-image:url(../../static/image/icon_emptyMsg.png);
}

.searchResult .resultBox .resultMsg{
	display: flex;
	justify-content: flex-start;
}
.searchResult .resultBox .resultMsg .cntNum{
    font-weight: 700;
    color: #EE3D4D;
}
.searchResult .resultBox .resultMsg .line_title{
	letter-spacing: 0.4px;
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    padding-left: 11px;
    display: block;
    position: relative;
    margin-right: 5px;
}
.line_title .icon{
    content: "";
    width: 4px;
    height: 20px;
    border-radius: 3px;
    background: #302784;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.searchResult .resultBox .listGrp{
    width: 100%;
    height: 122px;
    overflow-y: scroll;
    margin: 6px 0px;
    padding: 6px 0px 0px 20px;
    border-bottom: solid 2px #302784;
}
.searchResult .resultBox .listGrp li{
    width: 100%;
    margin: 10px 0px;
    font-size: 15px;
    letter-spacing: 0px;
    color: #17232E;
}
.searchResult button{
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border-bottom: solid 5px #E7E9EE;
}
.searchResult button .icon.result{
    width: 23px;
    height: 13px;
    background-image: url(../../static/image/imap/icon-result-arrow.svg);
    background-size: contain;
}
.searchResult button .icon.result.rotate {
    transform: rotate(180deg);
}

.searcPnlConBox{
    height: calc(100vh - 179px);
    overflow-y: scroll;
}
.sidePnlContents{
    padding: 0px 25px 22px;
    background: #FFF;
}

.sidePnlContents .sidePnlinfo{
	height: 250px;
	background: #F6FAFF;
	border: 2px solid #C1C5E0;
	border-radius: 5px;
	padding: 20px;
	margin: 45px 0px 40px;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.sidePnlContents .sidePnlinfo p:first-child{
    font-size: 26px;
    font-weight: 700;
	letter-spacing: 0.26px;
	color: #000000;
	display: flex;
    align-items: center;
}
.sidePnlContents .sidePnlinfo p:first-child span{
    font-size: 34px;
    font-weight: 700;
	letter-spacing: 0.34px;
	color: #302784;
	position: relative;
	display: block;
	margin-right: 10px;
	line-height: 40px;
    border-bottom: solid 3px #302784;
}
.sidePnlContents .sidePnlinfo p:first-child span:before{
    content:url(../../static/image/imap/sidePnlinfo-text-deco.png);
    width: 56px;
    height: 56px;
    position:absolute;
	left: -36px;
    top: -32px;
}
.sidePnlContents .sidePnlinfo p:nth-child(2){
    font-size: 20px;
    font-weight: 500;
	letter-spacing: 0.5px;
	color: #464646;
}
.sidePnlContents .landAdres{
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 0px;
    color: #17232E;
    padding: 20px 0px;
    margin-bottom: 22px;
    border-bottom: solid 1px #302784;
}
.sidePnlContents .landCtgry{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.sidePnlContents .landCtgry li a{
    display: flex;
    justify-content: space-between;
    background: #F4F4F4;
    border: 1px solid #C2C2C2;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 18px;
    letter-spacing: -0.45px;
    color: #292929;

}
.sidePnlContents .landCtgry li.active a{
    background:#FFF;
    border: 2px solid #C83D5B;
}
.sidePnlContents .landCtgry li a .district{
    width: 57%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}
.sidePnlContents .landCtgry li a .plan{
    width: fit-content;
    color: #302784;
}

.sidePnlContents .landLink{
    width: 100%;
    margin: 26px 0px 32px;
}
.sidePnlContents .landLink a{
    width: 323px;
    height: 46px;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #FFFFFF;
    background: #302784;
    box-shadow: 3px 3px 3px #00000029;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    margin-left: auto;
}
.sidePnlContents .landLink a .icon{
    width: 20px;
    height: 20px;
    background-image: url(../../static/image/imap/icon-landLink.svg);
    background-size: contain;
}

.sidePnlContents .mapCon{
    display: flex;
    margin-top: 30px;
}

.sidePnlContents .mapCon .wrap_map,
.sidePnlContents .mapCon .wrap_roadview{
    width: 50%;
    aspect-ratio:665 / 594;
    position: relative;
}
.sidePnlContents .mapCon .zoom_btn {
    background-color: #ffffff66;
    border-radius: 4px;
    padding: 2px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    position: absolute;
    top: 10px;
    right: 10px;
}
.sidePnlContents .mapCon .zoom_btn .zoom_in,
.sidePnlContents .mapCon .zoom_btn .zoom_out {
    width: 26px;
    height: 26px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    color: #fff;
    background-color: rgba(0, 60, 136, .5);
}
.sidePnlContents .mapCon .zoom_btn .zoom_in {
    border-radius: 4px 4px 0px 0px;
}
.sidePnlContents .mapCon .zoom_btn .zoom_in:hover,
.sidePnlContents .mapCon .zoom_btn .zoom_out:hover,
.sidePnlContents .mapCon .zoom_btn .zoom_in:focus-visible,
.sidePnlContents .mapCon .zoom_btn .zoom_out:focus-visible{
    background-color: rgba(0, 60, 136, .7);
}

.sidePnlContents .mapCon .zoom_btn .zoom_out{
    border-radius: 0px 0px 4px 4px;
}
.sidePnlContents .mapCon .wrap_button{
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    gap: 4px;
    z-index: 5;
}
.sidePnlContents .mapCon .wrap_button > *{
    display: block;
    width: fit-content;
    background: rgba(101, 124, 150, .8);
    color: #FFF;
    padding: 5px 10px;
    font-size: 13px;
    line-height: normal;
}

.sidePnlContents .part{
    margin-top: 20px;
}
.sidePnlContents .part .partTit{
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #000000;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
.sidePnlContents .part .partTit::before{
    content: "";
    width: 6px;
    height: 20px;
    background: #302784;
    border-radius: 3px;
    display: inline-block;
    margin-right: 10px;
}
.sidePnlContents .board1{
    width: 100%;
    border-top: 1px solid #302784;
}
.sidePnlContents .board1 tr{
    height: 40px;
    min-height: 40px;
}
.sidePnlContents .board1 tr th{
    border: solid 1px #D0D1D2;
    padding: 6px 10px;
    background: #F5F5F5;
	color: #000000;
	font-weight: 500;
    font-size: 16px;
}
.sidePnlContents .board1 tr td{
    border: solid 1px #D0D1D2;
    padding: 6px 20px;
    font-size: 14px;
    letter-spacing: -0.14px;
    white-space: pre-wrap;
}
.sidePnlContents .board1 tr th:first-child{
    background: #F5F5F5;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.4px;
    color: #000000;
    border-left: none;
}
.sidePnlContents .board1 tr td:first-child{
    background: #F5F5F5;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.4px;
    color: #000000;
    border-left: none;
}
.sidePnlContents .board1 tr th:last-child{
    border-right: none;
}
.sidePnlContents .board1 tr td:last-child{
    border-right: none;
}
.sidePnlContents .board1 tr:nth-child(1) td{
    border-top: none;
}
.sidePnlContents .board1 tr:nth-child(1) th{
    border-top: none;
}
.sidePnlContents .board1 tr td a{
    display: inline-block;
    text-decoration: underline;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.14px;
    color: #302784;
}

.sidePnlContents .board2{
    width: 100%;
    border-top: 2px solid #302784;
}
.sidePnlContents .board2 tr th{
    height: 40px;
    padding: 6px 10px;
    background: #F5F5F5;
    border-right: solid 1px #D0D1D2;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: -0.38px;
}
.sidePnlContents .board2 tr th:last-child{
    border-right: none;
}
.sidePnlContents .board2 tr td{
    height: 40px;
    word-break: break-all;
    border: solid 1px #D0D1D2;
    padding: 6px 10px;
    font-size: 14px;
    letter-spacing: -0.14px;
    color: #000;
    white-space: pre-wrap;
}
.sidePnlContents .board2 tr td:first-child{
    border-left: none;
}
.sidePnlContents .board2 tr td:last-child{
    border-right: none;
}
.sidePnlContents .board2 tr td.bsnsPublicUrl,
.sidePnlContents .board2 tr td.bsnsPrvateUrl{
    text-align: center;
    font-weight: 600;
    color: #302784;
}

.sidePnlContents .board2 .attFile{
/*     padding: 10px 20px 0px; */
	padding: 0px 0px 0px 20px;
    list-style: outside;
}
.sidePnlContents .board2 .attFile a{
    color: #302784;
}
.sidePnlContents .board1.twoth .attFile a{
    word-break: break-all;
    display: inline;
    text-decoration: none;
}
.sidePnlContents .board1.twoth .attFile a:hover,
.sidePnlContents .board2 .attFile a:hover{
    text-decoration:underline;
}
.sidePnlContents .board1.twoth .attFile{
    list-style: none;
}

/* board3 */
.sidePnlContents .board3{
    width: 100%;
    border-top: 1px solid #302784;
}
.sidePnlContents .board3 tr{
    height: 40px;
    min-height: 40px;
}
.sidePnlContents .board3 tr th{
    border: solid 1px #D0D1D2;
    padding: 6px 10px;
    background: #F5F5F5;
	color: #000000;
	font-weight: 500;
    font-size: 15px;
}
.sidePnlContents .board3 tbody tr th{
    padding: 6px 10px;
    background: #F5F5F5;
    color: #000000;
    font-size: 15px;
    word-break: auto-phrase;
}
.sidePnlContents .board3 tr td{
    border: solid 1px #D0D1D2;
    padding: 6px 10px;
    font-size: 14px;
    letter-spacing: -0.14px;
    white-space: pre-wrap;
}
.sidePnlContents .board3 tr th:first-child{
    border-left: none;
}
.sidePnlContents .board3 tr th:last-child{
    border-right: none;
}
.sidePnlContents .board3 tr td:last-child{
    border-right: none;
}
.sidePnlContents .board3 tr:nth-child(1) td{
    border-top: none;
}
.sidePnlContents .board3 tr:nth-child(1) th{
    border-top: none;
}
.sidePnlContents .board3 tr td a{
    display: inline-block;
    text-decoration: underline;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.14px;
    color: #302784;
}


.sidePnlContents .staPhoto{
    background: #D0D1D2;
    border-top: 2px solid #302784;
    box-sizing: content-box;
}
.sidePnlContents .staPhoto:has(.emptyMsg){
	background: #F5F5F5;
}
.sidePnlContents .staPhoto:has(.emptyMsg) li{
	display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
}
.sidePnlContents .staPhoto .lslide{
    height: 180px;
    position: relative;
    float: left;
    background: #FFF;
}
.sidePnlContents .staPhoto .photo-tit{
    border: 1px solid #D0D1D2;
    border-width: 1px 0;
    padding: 6px 11px;
    width: 100%;
    height: 40px;
    background: #F5F5F5;
    position: absolute;
    bottom: 0;
}
.sidePnlContents .staPhoto .photo-tit p{
    width: 100%;
    font-size: 15px;
    letter-spacing: -0.38px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    direction: rtl;
    text-align: center;
}
.sidePnlContents .staPhoto .photo-tit:hover{
    min-height: 40px;
    height: fit-content;
}
.sidePnlContents .staPhoto .photo-tit:hover p{
    white-space:unset;
}
.sidePnlContents .staPhoto .img-box{
    position: absolute;
    align-content: center;
    width: 100%;
    height: calc(100% - 40px);
}
.sidePnlContents .staPhoto .img-box img{
    display: block;
    width: 151px;
    height: 96px;
    object-fit: fill;
    margin: 0px auto;
}

.lSSlideWrapper{
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}
.lSAction{
    width: 100%;
    /* height: 32px; */
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
}
.lSAction > a {
    width: 15px;
    height: 28px;
    display: block;
    top: 50%;
    margin-top: -17.5px;
    cursor: pointer;
    position: absolute;
    opacity: 0.5;
    transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
    opacity: 1;
}
.lSAction > .lSPrev {
    background: url(../../static/image/imap/icon-staPhoto-prev.png) no-repeat center;
    left: 2px !important;
}
.lSAction > .lSNext {
    background: url(../../static/image/imap/icon-staPhoto-next.png) no-repeat center;
    right: 2px !important;
}
.lSAction > a.disabled {
    pointer-events: none;
}


.linkTo{
	width: 100%;
	margin-bottom: 10px;
}
.linkTo div{display: flex;gap: 16px;}
.linkTo div a{
	width: 100%;
    border: 1px solid #DFDFDF;
    display: flex;
    justify-content: center;
}
.linkTo div a img{
    width: 100%;
	height: 70px;
    display: block;
}

.bussDetail{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 20px 0px;
}
.bussDetail .icon.check{
    width: 18px;
    height: 18px;
    background-image: url(../../static/image/imap/icon-bussDetail-check.png);
    background-size: contain;
}
.bussDetail p{
    color: #000;
    font-size: 15px;
    letter-spacing: -0.15px;
    margin-left: 10px;
}
.bussDetail .lineDeco:after{
    content: "\FF5C";
    color: #000;
}


.sidePnlContents .board1.twoth tr th:not(:last-child){
    letter-spacing: -0.4px;
    font-weight: 500;
    padding: 6px 10px;
}
.sidePnlContents .board1.twoth tr th:last-child{
    font-size: 14px;
    letter-spacing: -0.14px;
}
.sidePnlContents .board1.twoth tr th:last-child{
    font-size: 14px;
    letter-spacing: -0.14px;
}

.sidePnlContents .board1.twoth tr td:not(:last-child){
    letter-spacing: -0.4px;
    font-weight: 500;
    padding: 6px 10px;
}
.sidePnlContents .board1.twoth tr td:last-child{
    font-size: 14px;
    letter-spacing: -0.14px;
}
.sidePnlContents .board1.twoth tr td:last-child{
    font-size: 14px;
    letter-spacing: -0.14px;
}
.sidePnlContents .infoArea{
    background: #F6F8FE;
    border: 1px solid #C0BECC;
    padding: 30px;
    margin: 34px 0px 20px 0px;
}
.sidePnlContents .infoArea p{
    font-size: 16px;
    letter-spacing: -0.16px;
}
.sidePnlContents .infoArea .redEmpha{
    color: #E93E4C;
}
.sidePnlContents .infoArea .blueEmpha{
    color: #302784;
}

/* 탭메뉴 */
.sidePnlContents .sideTab{
    margin-top: 30px;
    margin-bottom: 26px;
    border-bottom: 2px solid #302784;
    height: 55px;
    display: flex;
    gap: 1px;
}
.sidePnlContents .sideTab li{
    width: 100%;
    height: 100%;
}
.sidePnlContents .sideTab li .tabs{
    width: 100%;
    height: 100%;
    background: #EBECF6;
    border-radius: 5px 5px 0px 0px;
    border: 1px solid #302784;
    border-width: 1px 1px 0;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -0.55px;
    color: #000000;

}
.sidePnlContents .sideTab li.active::after{
    content: "";
    display: block;
    width: calc(100% - 4px);
    height: 2px;
    background: #FFF;
    position: relative;
    left: 2px;
}
.sidePnlContents .sideTab li.active .tabs{
    background: #FFF;
    border: 2px solid #302784;
    border-width: 2px 2px 0;
}


.sidePnlContents .sideTabCon{
    display: none;
}
.sidePnlContents .sideTabCon.active{
    display: block;
}








.mapPnl_box{
    width: 300px;
    position: relative;
    right: 0;
}
.mapPnl_box article{
    position: absolute;
}
.mapPnl_box article:has(.sltMapTool){
    top: 20px;
    left: 20px;
}
.mapPnl_box article:has(.legendTool){
    top: 20px;
    right: 20px;
}
.mapPnl_box article:has(.calcTool){

    top: 90px;
    right: 20px;
}
.mapPnl_box article:has(.mapTool){
    top: 258px;
    right: 20px;
}
.mapPnl_box article:has(.ctrlTool){
    top: 605px;/*557px*/
    right: 20px;
}
.mapPnl_box .sltMapTool{
    display: flex;
    width: fit-content;
    box-shadow: 0px 1px 5px #231F2059;
    border-radius: 3px;
}
.mapPnl_box .sltMapTool li{
    height: 53px;
    background: #FFF;
    padding: 2px;
}
.mapPnl_box .sltMapTool li:first-child{
    border-right: solid 1px #D4D4D4;
    border-radius: 3px 0px 0px 3px;
}
.mapPnl_box .sltMapTool li:last-child{
    border-left: solid 1px #D4D4D4;
    border-radius: 0px 3px 3px 0px;
}
.mapPnl_box .sltMapTool li .img-box{
    width: 35px;
    height: 20px;
    border: 1px solid #191261;
    border-radius: 2px;
    margin-bottom: 3px;

    background-image: url('../../static/image/imap/icon-sltMapTool00.png');
    background-size: auto;
    background-position: center; /* 이미지 중심 배치 */
    background-repeat: no-repeat; /* 반복 금지 */
}
.mapPnl_box .sltMapTool li.roadMap .img-box {
    background-image: url('../../static/image/imap/icon-sltMapTool00.png');
}
.mapPnl_box .sltMapTool li.skyMap .img-box {
    background-image: url('../../static/image/imap/icon-sltMapTool01.png');
}
.mapPnl_box .sltMapTool li.basemapNone .img-box {
    background-image: url('../../static/image/imap/icon-sltMapTool02.png');
}
.mapPnl_box .sltMapTool li .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mapPnl_box .sltMapTool li a{
    width: 100%;
    height: 100%;
    padding: 0 7px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: -0.75px;
    color: #000;
}

.mapPnl_box .sltMapTool li:hover,
.mapPnl_box .sltMapTool li.active{
    background: #302784;
    transition: .3s ease;
}
.mapPnl_box .sltMapTool li:hover a,
.mapPnl_box .sltMapTool li.active a{
    color: #FFF;
    transition: .3s ease;
}


.mapPnl_box .legendTool{
    width: 53px;
    height: 53px;
    box-shadow: 0px 1px 2px #231F2059;
    border: 2px solid #191261;
    border-radius: 3px;
}
.mapPnl_box article:has(.legendTool) .layerMenu{
    display: none;
    background: pink;
    position:absolute;
    left: -51px;
}
.mapPnl_box .legendTool li{
    width: 100%;
    height: 100%;
    background: #fff;
}
.mapPnl_box .legendTool li a{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;
    /* background: #FFF; */
    font-size: 10px;
    font-weight: 700;
    letter-spacing: -0.75px;
    color: #000;
}
.mapPnl_box .legendTool li:hover,
.mapPnl_box .legendTool li.active{
    background: #302784;
    transition: .3s ease;
}
.mapPnl_box .legendTool li:hover a,
.mapPnl_box .legendTool li.active a{
    color: #FFF;
    transition: .3s ease;
}
.mapPnl_box .legendTool li:hover img,
.mapPnl_box .legendTool li.active img{
    content: url('../../static/image/imap/icon-legendTool00-hover.svg');
}
.mapPnl_box .legendTool li .img-box{
    width: 22px;
    height: 18px;
    margin-bottom: 3px;

    background-image: url('../../static/image/imap/icon-legendTool00.svg');
    background-size: auto;
    background-position: center; /* 이미지 중심 배치 */
    background-repeat: no-repeat; /* 반복 금지 */
}
.mapPnl_box .legendTool li:hover .img-box,
.mapPnl_box .legendTool li.active .img-box{
    background-image: url('../../static/image/imap/icon-legendTool00-hover.svg');
}
.mapPnl_box .legendTool li .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mapPnl_box .calcTool,
.mapPnl_box .mapTool{
    width: 50px;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 1px 2px #231F2059;
    border: 1px solid #191261;
    border-radius: 1px;
}
.mapPnl_box .calcTool li,
.mapPnl_box .mapTool li{
    height: 51px;
    padding: 2px;
    background: #fff;
}
.mapPnl_box .calcTool li:not(:first-child),
.mapPnl_box .mapTool li:not(:first-child){
    border-top: solid 1px #D4D4D4;
}
.mapPnl_box .calcTool li a,
.mapPnl_box .mapTool li a{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: -0.25px;
    color: #000;
}
.mapPnl_box .calcTool li:hover a,
.mapPnl_box .calcTool li.active a,
.mapPnl_box .mapTool li:hover a,
.mapPnl_box .mapTool li.active a{
    color: #392FC7;
    transition: .3s ease;
}


.mapPnl_box .mapTool li .img-box,
.mapPnl_box .calcTool li .img-box{
    margin-bottom: 3px;

    background-size: auto;
    background-position: center; /* 이미지 중심 배치 */
    background-repeat: no-repeat; /* 반복 금지 */
}

.mapPnl_box .calcTool li.distance .img-box{
	width: 21px;
    height: 15px;
    background-image: url('../../static/image/imap/icon-distance.png');
}
.mapPnl_box .calcTool li.distance:hover .img-box,
.mapPnl_box .calcTool li.distance.active .img-box{
    background-image: url('../../static/image/imap/icon-distance-hover.png');
}

.mapPnl_box .calcTool li.area .img-box{
	width: 17px;
    height: 18px;
    background-image: url('../../static/image/imap/icon-area.png');
}
.mapPnl_box .calcTool li.area:hover .img-box,
.mapPnl_box .calcTool li.area.active .img-box{
    background-image: url('../../static/image/imap/icon-area-hover.png');
}

.mapPnl_box .calcTool li.mapreset .img-box{
	width: 20px;
    height: 17px;
    background-image: url('../../static/image/imap/icon-mapreset.png');
}
.mapPnl_box .calcTool li.mapreset:hover .img-box,
.mapPnl_box .calcTool li.mapreset.active .img-box{
    background-image: url('../../static/image/imap/icon-mapreset-hover.png');
}



.mapPnl_box .mapTool li.areaDeter .img-box{
	width: 25px;
    height: 21px;
    background-image: url('../../static/image/imap/icon-mapTool-areaDeter.png');
}
.mapPnl_box .mapTool li.areaDeter:hover .img-box,
.mapPnl_box .mapTool li.areaDeter.active .img-box{
    background-image: url('../../static/image/imap/icon-mapTool-areaDeter-hover.png');
}

.mapPnl_box .mapTool li.btnLpPaCbnd .img-box{
	width: 23px;
    height: 14px;
    background-image: url('../../static/image/imap/icon-mapTool-btnLpPaCbnd.png');
}
.mapPnl_box .mapTool li.btnLpPaCbnd:hover .img-box,
.mapPnl_box .mapTool li.btnLpPaCbnd.active .img-box{
    background-image: url('../../static/image/imap/icon-mapTool-btnLpPaCbnd-hover.png');
}

.mapPnl_box .mapTool li.useDistrict .img-box{
	width: 25px;
    height: 21px;
    background-image: url('../../static/image/imap/icon-mapTool-useDistrict.png');
}
.mapPnl_box .mapTool li.useDistrict:hover .img-box,
.mapPnl_box .mapTool li.useDistrict.active .img-box{
    background-image: url('../../static/image/imap/icon-mapTool-useDistrict-hover.png');
}

.mapPnl_box .mapTool li.traffic .img-box{
	width: 24px;
    height: 13px;
    background-image: url('../../static/image/imap/icon-mapTool-traffic.png');
}
.mapPnl_box .mapTool li.traffic:hover .img-box,
.mapPnl_box .mapTool li.traffic.active .img-box{
    background-image: url('../../static/image/imap/icon-mapTool-traffic-hover.png');
}

.mapPnl_box .mapTool li.people .img-box{
	width: 22px;
    height: 17px;
    background-image: url('../../static/image/imap/icon-mapTool-people.png');
}
.mapPnl_box .mapTool li.people:hover .img-box,
.mapPnl_box .mapTool li.people.active .img-box{
    background-image: url('../../static/image/imap/icon-mapTool-people-hover.png');
}

.mapPnl_box .mapTool li.roadview .img-box{
	width: 14px;
    height: 19px;
    background-image: url('../../static/image/imap/icon-mapTool-roadview.png');
}
.mapPnl_box .mapTool li.roadview:hover .img-box,
.mapPnl_box .mapTool li.roadview.active .img-box{
    background-image: url('../../static/image/imap/icon-mapTool-roadview-hover.png');
}

/* .mapPnl_box .calcTool li .img-box img,
.mapPnl_box .mapTool li .img-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
} */

.mapPnl_box .ctrlTool{
    width: 53px;
    height: 107px;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 1px 3px #231F2059;
    border-radius: 3px;
    background: #FFF;
}
.mapPnl_box .ctrlTool li{
    width: 100%;
    height: 100%;
    padding: 6px;
}
.mapPnl_box .ctrlTool li:last-child{
    border-top: solid 1px #B1B1B1;
}
.mapPnl_box .ctrlTool li button{
    width: 100%;
    height: 100%;
    display: block;
    background-color: #F1F3FF;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #1204A0;
    border-radius: 3px;
}
.mapPnl_box .ctrlTool li.zoomIn button{
    background-image: url(../../static/image/imap/icon-zoomIn.png);
}
.mapPnl_box .ctrlTool li.zoomOut button{
    background-image: url(../../static/image/imap/icon-zoomOut.png);
}
.mapPnl_box .ctrlTool li.zoomIn:hover button,
.mapPnl_box .ctrlTool li.zoomIn.active button{
    background-color: #1204A0;
    background-image: url(../../static/image/imap/icon-zoomIn-hover.png);
    transition: .3s ease;
}
.mapPnl_box .ctrlTool li.zoomOut:hover button,
.mapPnl_box .ctrlTool li.zoomOut.active button{
    background-color: #1204A0;
    background-image: url(../../static/image/imap/icon-zoomOut-hover.png);
    transition: .3s ease;
}
/* --- 2025-09-17 --- 추가 */ 
.sub-desc {
  font-size: 0.9em;     
  color: #555;         
  margin-bottom: 10px;
  display: none;
}

.sub-desc.active { 
  display: block !important;
}
/* --------------------- */ 

    /* 거리면적 툴팁 */
	.measuretooltip {   position: relative;   background: rgba(0, 0, 0, 0.5);   border-radius: 4px;   color: #fff;   padding: 4px 8px;   opacity: 0.7;   white-space: nowrap; }
	.measuretooltip.tooltip-measure {   opacity: 1;   font-weight: bold; }
	.measuretooltip.tooltip-measure sup { 	vertical-align: super; }
	.measuretooltip.tooltip-static {   background-color: #000;   color: #fff;   border: 1px solid #fff; }
	.measuretooltip.tooltip-static sup {   vertical-align: super; }
	.measuretooltip.tooltip-measure:before,
	.measuretooltip.tooltip-static:before {   border-top: 6px solid rgba(0, 0, 0, 0.5);   border-right: 6px solid transparent;   border-left: 6px solid transparent;   content: "";   position: absolute;   bottom: -6px;   margin-left: -7px;   left: 50%; }
	.measuretooltip.tooltip-static:before {   border-top-color: #000; }

	/* MAP TOOL // Legend Panel */
	.legendPnl[data-category="legendpop"]{width: 320px; height: 545px; background: #FFF; border-radius: 3px; box-shadow: 1px 1px 5px 1px rgba(0,0,0,.4); padding: 18px 5px 41px 14px; position: absolute; top: 60px; right: 102px; z-index: 9; display: none;}
	.legendPnl .ctgrPart{height: calc(100% - 30px);width: calc(100% - 24px);overflow-y: auto;overflow-x: hidden;}
	.legendPnl .ctgrPart dt, .legendPnl .ctgrPart dd{font-family: "돋움", Dotum, sans-serif;; color: #555; font-size: 11px; line-height: 18px;}
	.legendPnl .ctgrPart dl.dep1:first-of-type{border-top-width: 0; padding-top: 0;}
	.legendPnl .ctgrPart dl.dep1{border-top: 1px solid #EBEBEB; margin-right: 12px; padding: 14px 0 7px;}
	.legendPnl .ctgrPart dl.dep1>dt:before, .legendPnl .ctgrPart dd.dep2 dt:before{width: 15px; height: 15px; background: #29A9E5; color: #FFF; text-align: center; line-height: 18px; border-radius: 100%; display: inline-block;}
	.legendPnl .ctgrPart dt:before{margin-right: 7px;}
	.legendPnl .ctgrPart dd:before{margin: 0 4px 0 22px;}
	.legendPnl .ctgrPart dt:not(.active):before{content: "+";}
	.legendPnl .ctgrPart dt.active:before{content: "-";}
	.legendPnl .ctgrPart dt>.innerLink{height: 100%; color: inherit;}
	.legendPnl .ctgrPart .checkBox{display: inline-block;}
	.legendPnl .ctgrPart .checkBox input[type="checkbox"]+label{padding-left: 26px;}
	.legendPnl .ctgrPart .checkBox input[type="checkbox"]+label:before{top: -1px; left: 0;}
	.legendPnl .ctgrPart dl.dep1>dd{margin-top: 6px;}
	.legendPnl .ctgrPart dl.dep1>dd:not(.dep2){margin-left: 22px;}
	.legendPnl .ctgrPart dl.dep1>dd.dep2{margin-left: 22px;}
	.legendPnl .ctgrPart dl.dep1>dd.dep2 dd{margin-top: 10px; margin-left: 26px;}
	.legendPnl .ctgrPart dt:not(.active)~dd{display: none;}
	.legendPnl .ctgrPart dd.dep2:before,
	.legendPnl .ctgrPart dd:not(.dep2):before,
	.legendPnl .ctgrPart dd:not(.dep2) dd:before{display: none;}
	.legendPnl .ctgrPart dd:not(.dep2) dt:before{vertical-align: 0; margin-right: 4px;}
	.legendPnl .ctgrPart dd:not(.dep2) dd{margin: 14px 0 18px 26px;}

	#dM_container {overflow:hidden;height:100%;position:relative;}
	#dM_mapWrapper {width:100%;height:100%;z-index:1;}
/* 	#dM_mapWrapper #map{width:100%;} */
    #dM_rvWrapper {width:50%;height: 100%;top:0;right:0;position:absolute;z-index:0;}
	#dM_container.view_roadview #dM_mapWrapper {width: 50%;}
	#dM_container.view_roadview #dM_mapWrapper #map{width: 50%;}
	/* #dM_roadviewControl {position:absolute;top:5px;left:5px;width:65px;height:24px;padding:2px;z-index: 1;background: #f7f7f7;border-radius: 4px;border: 1px solid #c8c8c8;box-shadow: 0px 1px #888;cursor: pointer;} */
	/* #dM_roadviewControl span {background: url(http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/mapworker.png) no-repeat;  padding-left:23px;height:24px;font-size: 12px;display: inline-block;line-height: 2;font-weight: bold;} */
	/* #dM_roadviewControl.active {background: #ccc;box-shadow: 0px 1px #5F616D;border: 1px solid #7F818A;} */
	/* #dM_roadviewControl.active span {background: url(http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/mapworker_on.png) no-repeat;color: #4C4E57;} */
	#dM_close {position: absolute;padding: 4px;top: 5px;left: 5px;cursor: pointer;background: #fff;border-radius: 4px;border: 1px solid #c8c8c8;box-shadow: 0px 1px #888;}
	#dM_close .img {display: block;background: url(http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/rv_close.png) no-repeat;width: 14px;height: 14px;}

    /* 규제정보 지도 및 로드뷰 */
    #pmap{position: absolute; z-index: 4;}
	#players{position: absolute; z-index: 5;width: 100%; height: 100%;}
	#players .ol-viewport .ol-zoom{left: auto; right: .5em;}
    #pmap, #roadview{width: 100%; height: 100%;}

    /* 사업정보 결정도 */
    .staPhoto li .buss-photo-tooltip{display: none;position:absolute;bottom: 0;font-size:13px;width: inherit;background: #F0F4F8;color: #2A2A2A;padding: 3px 0;border-top: 2px solid #00AA91;border-bottom: 1px solid #BCD3E4;border-right: 1px solid #BCD3E4;text-align: center;pointer-events: none;}
    .staPhoto li:hover .buss-photo-tooltip{display:block;}

/* 유동인구 */
	.fp_label{font-size: .8em; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; color: #ff5200; }
	.fp_label .impTxt{font-wiehgt: bold;}
	.fp_label .center{text-align: center;}

	.fp_wrap {position: absolute;left: 0;bottom: 40px;width: 378px;height: 238px;margin-left: -188px;text-align: left;overflow: hidden;font-size: 12px;font-family: 'Malgun Gothic', dotum, '돋움', sans-serif;line-height: 1.5;}
	.fp_wrap * {padding: 0;margin: 0;}
	.fp_wrap .info {width: 376px;height: 226px;border-radius: 5px;border-bottom: 2px solid #ccc;border-right: 1px solid #ccc;overflow: hidden;background: #fff;}
	.fp_wrap .info:nth-child(1) {border: 0;box-shadow: 0px 1px 2px #888;}
	.fp_wrap .info .title {padding: 3px 0 0 10px;height: 34px;background: #eee;border-bottom: 1px solid #ddd;font-size: 18px;font-weight: bold;}
	.fp_wrap .info .close {position: absolute;top: 8px;right: 10px;color: #888;width: 17px;height: 17px; background: url('../../static/image/map/overlay_close.png');}
	.fp_wrap .info .close:hover {cursor: pointer;}
	.fp_wrap .info .body {position: relative;overflow: hidden;}
	.fp_wrap .info .desc {position: relative;/* margin: 13px 0 0 90px; */height: 196px;box-sizing: border-box;padding: 8px;}
	.fp_wrap .desc .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.fp_wrap .desc .jibun {font-size: 11px;color: #888;margin-top: -2px;}
	.fp_wrap .info .img {position: absolute;top: 6px;left: 5px;width: 73px;height: 71px;border: 1px solid #ddd;color: #888;overflow: hidden;}
	.fp_wrap .info:after {content: '';position: absolute;margin-left: -12px;left: 50%;bottom: 0;width: 22px;height: 12px;background: url('../../static/image/map/vertex_white.png')}
	.fp_wrap .info .link {color: #5085BB;}
	.fp_wrap .fpttTxt{    font-size: 1.5em;color: #444;font-weight: bold;position: absolute;top: 37%;left: 23%;}
	.fp_wrap .fpttTxt span{color: #3457B3;}
	/* .fp_wrap .reqdt {position: absolute;right: 12px;margin-top: 5px;font-size: .9em;} */

	.mySlides {display: none}
	.slideshow-container {max-width: 1000px;position: relative;margin: auto;width: 100%;height: 100%;}
	.fp_wrap .prev,.fp_wrap .next {cursor: pointer;position: absolute;top: 50%;width: auto;padding: 12px;margin-top: -34px;color: #2085d6;font-weight: bold;font-size: 18px;transition: 0.6s ease;}
	.fp_wrap .next {right: 0;border-radius: 3px 0 0 3px;}
	.fp_wrap .prev {left: 0;border-radius: 3px 0 0 3px;}
	.fp_wrap .prev:hover,.fp_wrap .next:hover {background-color: rgba(226, 226, 226, 0.5);}
	.slideshow-container .text {color: #f2f2f2;font-size: 15px;padding: 8px 12px;position: absolute;bottom: 8px;width: 100%;text-align: center;}
	.slideshow-container .numbertext {color: #f2f2f2;font-size: 12px;padding: 8px 12px;position: absolute;top: 0;}
	.slideshow-container .dot {cursor: pointer;height: 15px;width: 15px;margin: 0 2px;background-color: #bbb;border-radius: 50%;display: inline-block;transition: background-color 0.6s ease;}
	.slideshow-container .active,.slideshow-container .dot:hover {background-color: #717171;}
	.slideshow-container .fade {-webkit-animation-name: fade;-webkit-animation-duration: 1.5s;animation-name: fade;animation-duration: 1.5s;}


    .jstree-checkbox.jstree-undetermined:before {
        content:'\220E';
        color: #50AC9B;
        background: #F9F9F9;
        border-color: #E1E1E1;
        font-style: normal;
        padding-left: 2.5px;
        }

    /* checkbox 사용안함 */
    .jstree-default .no-checkbox > a > .jstree-checkbox { display:none; }
    .jstree-default .no-checkbox > a.jstree-disabled {
        background: transparent;
        box-shadow: none;
        color: inherit;
    }
    .jstree-default .no-checkbox > a.jstree-disabled > .jstree-icon {
        opacity: initial;
        filter: initial;
        -webkit-filter: initial;
    }