@charset "utf-8";
table{width: 100%;border-collapse: collapse;}

:root{
    /* font-color */
    --font-color-dark: #202124;
    --font-color-normal: #70757A;
    --font-color-light:#6789AA;
    --border-color-:#D6DAE8;
    --btn-color-blue-:#1C7EF0;
    --btn-color-red-:#EB5858;
    --box-shadow-color: rgba(0 0 77 / .16);
    --box-shadow-btn-color: rgba(0 0 77 / .11);
    --box-shadow-light-color-: rgba(0 0 77 / .03);
    --widget-font-color:#416D98;
}
input[type='radio']{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input.radio+label{font-size: 14px;font-weight: 600;margin-right:40px;}
input.radio+label::before{
    content: '';
    border-radius: 50px;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: sub;
    margin-right: 4px;
    border: 1px solid var(--border-color-);
}
input.radio:checked+label::before{
    background: url(../../../images/tgis/common/ico-radio-checked.svg)no-repeat center;
}
select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-width: 100px;
    background: #EFF7FF url(../../../images/tgis/common/ico-select-arrow.svg)no-repeat center right 8px;
    border: 1px solid #D6DAE8;
    border-radius: 5px;
    padding: 6px 24px 6px 8px;
    font-size: 13px;
}
input.type-check {
    width: 1px;
    height: 0px;
    margin: 0px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    position: relative;
}
input.type-check+label{font-size: 14px;color: var(--font-color-normal);font-weight: 600;}
input.type-check+label::before {
    content: '';
    border-radius: 3px;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: sub;
    margin-right: 12px;
    border: 1px solid var(--border-color-);
}
input.type-check:checked+label::before {
    background: #2680EB url(../../../images/tgis/common/ico-check.svg)no-repeat center;
    border-color: var(--btn-color-blue-);
}
.btn{cursor: pointer;}
.btn.ico-search{width: 34px;height: 34px;background: url(../../../images/tgis/common/ico-search34_34.svg)no-repeat center;border: 0;border-radius: 5px;}
.btn.text-search{border: 0;font-size: 14px;font-weight: 600;color: #fff;background: var(--btn-color-blue-);border-radius: 5px;position: relative;padding: 8px;text-align: center;text-indent: 24px;width: 85px;}
.btn.text-search::before{content: '';display:block;width: 24px;height: 24px;background: url(../../../images/tgis/common/ico-search_white.svg)no-repeat center /16px;position: absolute;top: 50%;transform: translateY(-50%);left: 16px;}
.btn.normal{border: 0;font-size: 14px;font-weight: 600;color: #fff;background: var(--btn-color-blue-);border-radius: 5px;position: relative;padding: 8px;text-align: center;width: 85px;}
.btn.search{width: 34px;height: 34px;background: url(../../../images/tgis/common/ico-search34_34.svg)no-repeat center;border: 0;}
.txt-r{text-align: right;}
body>.wrap{display: flex;height: 100%;width: 100%;overflow: hidden}




header{width: 141px;position: relative;height: 100%;border-right: 1px solid var(--border-color-);box-sizing: border-box;z-index: 3;background: #fff;flex-shrink: 0;}
#main-logo{display: inline-block;padding:20px;width: 100%;}
#main-logo>span{letter-spacing:-.5px;}
#main-logo>span:nth-child(1){color: var(--btn-color-blue-);font-weight: 600;font-size: 16px;display: block;margin-bottom: -4px;}
#main-logo>span:nth-child(2){color: #999;font-weight: 400;font-size: 13px;display: block;}


#map{background:url(../../../images/tgis/common/test-naver-map.png)no-repeat center / 100% 100%;height: 100%;}
.map.wrap{height: 100%;width: calc(100% - 141px);position: relative;}
.map.wrap{/*min-width: 1280px;*/}
.map.wrap .right-box{position: absolute;right: 40px;top:40px;}
.map.wrap .right-box>ul{display: flex;flex-direction: column;box-shadow: 3px 3px 10px var(--box-shadow-color);border-radius: 5px;margin-bottom: 10px;}
.map.wrap .right-box>ul>li{width: 40px;height: 40px;background: #fff;position: relative;}
.map.wrap .right-box>ul>li:hover{background-color: #DAE2F9;}

.map.wrap .right-box>ul>li:not(:last-child){border-bottom: 1px solid var(--border-color-);}
.map.wrap .right-box>ul>li:first-child{border-radius: 5px 5px 0 0;}
.map.wrap .right-box>ul>li:last-child{border-radius:0 0 5px 5px;}
.map.wrap .right-box>ul>li>a{display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;}
.map.wrap .right-box>ul>li.hasdepth.on{background: var(--btn-color-blue-);}
.map.wrap .right-box>ul>li.on.hasdepth::before{background-image: url(../../../images/tgis/common/map-more_white.svg);}

/* 지도스타일 */
.widget-map_style>a{background-image:url(../../../images/tgis/common/ico-widget-map_style.png);}
.widget-map_style.on>a{background-image:url(../../../images/tgis/common/ico-widget-map-map_style_white.png);}
/* 지도분할 */
.widget-map-split>a{background-image:url(../../../images/tgis/common/ico-widget-split.png);}
.widget-map-split.on>a{background-image:url(../../../images/tgis/common/ico-widget-map-split_white.png);}
.widget-map-split_2>a::before{background-image:url(../../../images/tgis/common/ico-widget-split_2.png);}
.widget-map-split_3>a::before{background-image:url(../../../images/tgis/common/ico-widget-split_3.png);}
.widget-map-split_4>a::before{background-image:url(../../../images/tgis/common/ico-widget-split_4.png);}

.widget-map-split_2.on>a::before{background-image:url(../../../images/tgis/common/ico-widget-split_2_blue.png);}
.widget-map-split_3.on>a::before{background-image:url(../../../images/tgis/common/ico-widget-split_3_blue.png);}
.widget-map-split_4.on>a::before{background-image:url(../../../images/tgis/common/ico-widget-split_4_blue.png);}
/* 지도편집 */
.widget-map-edit>a{background:url(../../../images/tgis/common/ico-widget-edit.png);}
.widget-map-edit.on>a{background:url(../../../images/tgis/common/ico-widget-map-edit_white.png);}
.ico-widget-dot>a::before{background-image:url(../../../images/tgis/common/ico-widget-dot.png);}
.ico-widget-polygon>a::before{background-image:url(../../../images/tgis/common/ico-widget-polygon.png);}
.ico-widget-square>a::before{background-image:url(../../../images/tgis/common/ico-widget-square.png);}
.ico-widget-line>a::before{background-image:url(../../../images/tgis/common/ico-widget-line.png);}
.ico-widget-text>a::before{background-image:url(../../../images/tgis/common/ico-widget-text.png);}
.ico-widget-curve>a::before{background-image:url(../../../images/tgis/common/ico-widget-curve.png);}
.ico-widget-circle>a::before{background-image:url(../../../images/tgis/common/ico-widget-circle.png);}
.ico-widget-buffer>a::before{background-image:url(../../../images/tgis/common/ico-widget-buffer.png);}

.ico-widget-dot.on>a::before{background-image:url(../../../images/tgis/common/ico-widget-dot_blue.png);}
.ico-widget-polygon.on>a::before{background-image:url(../../../images/tgis/common/ico-widget-polygon_blue.png);}
.ico-widget-square.on>a::before{background-image:url(../../../images/tgis/common/ico-widget-square_blue.png);}
.ico-widget-line.on>a::before{background-image:url(../../../images/tgis/common/ico-widget-line_blue.png);}
.ico-widget-text.on>a::before{background-image:url(../../../images/tgis/common/ico-widget-text_blue.png);}
.ico-widget-curve.on>a::before{background-image:url(../../../images/tgis/common/ico-widget-curve_blue.png);}
.ico-widget-circle.on>a::before{background-image:url(../../../images/tgis/common/ico-widget-circle_blue.png);}
.ico-widget-buffer.on>a::before{background-image:url(../../../images/tgis/common/ico-widget-buffer_blue.png);}
/* 지도측정 */
.widget-map-distance>a{background:url(../../../images/tgis/common/ico-widget-map-distance.png);}
.widget-map-distance.on>a{background:url(../../../images/tgis/common/ico-widget-map-distance_white.png);}
.ico-widget-area>a::before{background-image:url(../../../images/tgis/common/ico-widget-area.png);}
.ico-widget-distance>a::before{background-image:url(../../../images/tgis/common/ico-widget-distance.png);}
.ico-widget-radius>a::before{background-image:url(../../../images/tgis/common/ico-widget-radius.png);}
.ico-widget-pin>a::before{background-image:url(../../../images/tgis/common/ico-widget-pin.png);}

.ico-widget-area.on>a::before{background-image:url(../../../images/tgis/common/ico-widget-area_blue.png);}
.ico-widget-distance.on>a::before{background-image:url(../../../images/tgis/common/ico-widget-distance_blue.png);}
.ico-widget-radius.on>a::before{background-image:url(../../../images/tgis/common/ico-widget-radius_blue.png);}
.ico-widget-pin.on>a::before{background-image:url(../../../images/tgis/common/ico-widget-pin_blue.png);}
/* 좌우지도 */
.widget-map-swipe>a{background: url(../../../images/tgis/common/ico-widget-map-swipe.png);}
.widget-map-swipe.on>a{background: url(../../../images/tgis/common/ico-widget-map-swipe_white.png);}
/* 전체화면 */
.widget-map-full_screen>a{background: url(../../../images/tgis/common/ico-widget-map-full_screen.png);}
/* 다운로드 */
.widget-map-download>a{background: url(../../../images/tgis/common/ico-widget-map-download.png);}
.widget-map-download.on>a{background: url(../../../images/tgis/common/ico-widget-map-download_white.png);}
.ico-widget-png>a::before{background-image: url(../../../images/tgis/common/ico-widget-png.png);}
.ico-widget-pdf>a::before{background-image: url(../../../images/tgis/common/ico-widget-pdf.png);}

.ico-widget-png.on>a::before{background-image: url(../../../images/tgis/common/ico-widget-png_blue.png);}
.ico-widget-pdf.on>a::before{background-image: url(../../../images/tgis/common/ico-widget-pdf_blue.png);}
/* 연속도 */
.widget-map-thema>a{background: url(../../../images/tgis/common/ico-widget-map-thema.png);}
.widget-map-thema.on>a{background: url(../../../images/tgis/common/ico-widget-map-thema_white.png);}
/* 초기화 */
.widget-map-reset>a{background: url(../../../images/tgis/common/ico-widget-map-reset.png);}
/* 인덱스맵 */
.widget-map-index>a{background: url(../../../images/tgis/common/ico-widget-map-index.png);}
/* 출력 */
.widget-map-print>a{background: url(../../../images/tgis/common/ico-widget-map-print.png);}
/* 공유 */
.widget-map-share>a{background: url(../../../images/tgis/common/ico-widget-map-share.png);}
.widget-map-share.on>a{background: url(../../../images/tgis/common/ico-widget-share_white.png);}
/* 북마크 */
.widget-map-bookmark>a{background: url(../../../images/tgis/common/ico-widget-map-bookmark.png);}
.widget-map-bookmark.on>a{background: url(../../../images/tgis/common/ico-widget-map-bookmark_white.png);}
/* 확대 축소 */
.widget-map-pluse>a{background: url(../../../images/tgis/common/ico-widget-map-pluse.png);}
.widget-map-minus>a{background: url(../../../images/tgis/common/ico-widget-map-minus.png);}
.widget.text-box{white-space: nowrap;}
.widget .btn.normal{width: unset;white-space: nowrap;}
.flex-box{display: flex;align-items: center;}
.widget .flex-box{gap: 4px;padding: 4px;}
input.bookmark{height: 100%;border: 1px solid var(--border-color-);padding: 8px;border-radius: 5px;}
.map.wrap .right-box>ul>li>ul{display: none;}
.map.wrap .right-box>ul>li.hasdepth::before{
    content: '';
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    bottom: 3px;
    left: 3px;
    background-image: url(../../../images/tgis/common/ico-widget-more.svg);
    background-position: center center;
    background-repeat: no-repeat;
}
.map.wrap .right-box>ul>li.on>ul{display: flex;position: absolute;right: 50px;top: 0;border-radius: 5px;box-shadow:3px 3px 10px var(--box-shadow-color);background: #fff;}
.map.wrap .right-box>ul>li.on>div{display: block;}
.map.wrap .right-box>ul>li>ul>li{text-align: center;position: relative;}
/* .map.wrap .right-box>ul>li>ul>li::before{content: '';display: block;width: 20px;height: 20px;background-position: center;background-repeat: no-repeat;margin: 0 auto;padding: 10px 10px 0 10px;} */
.map.wrap .right-box>ul>li>ul>li.on::before{content: '';display: block;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 30px;height: 3px;border-radius: 5px 5px 0 0;background-color: var(--btn-color-blue-);}
.map.wrap .right-box>ul>li>ul>li.on>a{color: var(--btn-color-blue-);font-weight: 600;}
.map.wrap .right-box>ul>li>ul>li:not(:last-child)::after{content: '';display: inline-block;height: 10px;width: 1px;background: var(--border-color-);position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.map.wrap .right-box>ul>li>ul>li>a{display: block;font-size: 10.5px;height: 100%;min-width: 40px;}
.map.wrap .right-box>ul>li>ul>li>a:hover{background-color: #DAE2F9;}
.map.wrap .right-box>ul>li:not(.text-box)>ul>li>a::before{content: '';display: block;width: 40px;height: 40px;background-repeat: no-repeat;background-position: center;}
/* .map.wrap .right-box>ul>li>ul>li.map-edit-circle::before{background-image: url(../../../images/tgis/common/ico-widget-circle.svg);} */


.map.wrap .right-box>ul>li.text-box>ul>li>a{font-size: 12px;word-break: keep-all;height: 40px;line-height: 40px;padding:0 10px;}


.left-box{width: 276px;height: 100%;position: absolute;top: 0;left: -276px;transition: all .3s ease-in-out;background: #fff;z-index: 1;box-shadow:4px 0px 4px var(--box-shadow-color);}
.left-box.on{left: 141px;}
.left-box.full{left: 141px;z-index: 2;}
.left-box.on .search-area{left: 296px;}
.left-box.full .search-area{left: 596px;}
.search-area{position: absolute;display: flex;gap: 16px;top: 20px;left: 436px;transition-delay: 300ms;transition:all .3s ease-in-out;}
.search-area .search-box{box-shadow: 3px 3px 10px var(--box-shadow-color);border-radius: 5px;}
.address-search-box{display: flex;gap: 4px;padding: 1px 10px;background: #fff;box-shadow: 3px 3px 10px var(--box-shadow-color);border-radius: 5px;align-items: center;}
.address-search-box::after{content: none;}
.address-search-box>li{position: relative;}
.address-search-box>li.arrow{display: flex;align-items: center;}
.address-search-box>li.arrow>span{display: inline-block;width: 16px;height:16px;background: url(../../../images/tgis/common/ico-arrow-right_gray.svg)no-repeat center;}
.address-search-box>li>a{font-size: 12px;;display: inline-block;padding: 6px;word-break: keep-all;white-space: nowrap;color: var(--font-color-dark);font-weight: 500;}
.address-search-box>li>ul{display: none;position: absolute;top: 50px;background: #fff;}
.address-search-box>li>ul.on{display: flex;flex-direction: column;width: 130px;top: 32px;max-height: 200px;overflow-y:auto;left: -9px;}

.address-search-box>li>ul>li>a{display: block;width: 100%;height: 100%;padding:4px 8px;}

.left-box-depth{width: 300px;height: 100%;position: absolute;background: #fff;z-index: 1;top: 0;}
.left-box.full+.left-box-depth{left: 417px;box-shadow: 3px 3px 10px var(--box-shadow-color);display: block;}
.left-box.full+.left-box-depth>div>.mCSB_container{padding: 32px 20px;}







.range_widget table td.range_active{background: #fff;}
.range_widget table.range_horizon td:not(.range_active,.range_dragTarget){height: 28px;background-color: #E9ECF8;}
.range_widget table td{position: relative;}
.range_widget table td.range_active.range_dragTarget:hover{background-color: #135cb0;cursor: pointer;}
.range_widget table.range_horizon td:not(.range_left):after{
    position: absolute;
    left: 0;
    top: 6px;
    display: block;
    content: "";
    width: 1px;
    height: 16px;
    border-left: 1px solid #D6DAE8;
}
.range_left {
    border-left: 2px solid #c7ccdf!important;
}
.range_widget table td.range_active.range_dragTarget{background-color: var(--btn-color-blue-);}
table>caption{position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.range_widget table th{
    height: 30px;padding-bottom: 10px;
}
.range_widget table th .range_balloon{
    position: relative;
    color: var(--widget-font-color);
    background: #e9ecf8;
    padding: 0 5px;
    margin: 0;
    border: 0;
    font: inherit;
    font-size: 13px;
}
.range_widget table th .range_balloon:after{
    position: absolute;
    left: 50%;
    bottom: -3px;
    display: block;
    content: "";
    border-left: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-color: transparent transparent #e9ecf8 #e9ecf8;
    border-style: solid;
    border-width: 3px;
    -webkit-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotate(-45deg);
}




.ui-datepicker{padding: 0;}
.ui-icon, .ui-widget-content .ui-icon{background-image: none;}
.ui-icon-circle-triangle-w{background-position: unset;}
.ui-datepicker .ui-datepicker-prev span{background-image: url(../../../images/tgis/common/ico-arrow-left.svg);background-position: center;}
.ui-datepicker .ui-datepicker-next span{background-image: url(../../../images/tgis/common/ico-arrow-right.svg);background-position: center;}
.ui-widget-header{background: #080F33;border: 0;border-radius: 0;}
.ui-widget.ui-widget-content{border: 0;}
.ui-widget-header{color: #fff;}
.ui-datepicker th{background: #737373;color: #fff;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
    border: 0;
    background: unset;
    text-align: center;
}
.ui-state-default.ui-state-active{background: var(--btn-color-blue-);}
.ui-datepicker td{text-align: center;}
.ui-datepicker td span, .ui-datepicker td a{display: inline-block;width: 24px;border-radius: 50px;}
.ui-datepicker td:hover span, .ui-datepicker td:hover a{background-color: #DAE2F9;}


ul.list{display: flex;flex-direction: column;}
header>.wrap{height: 100%;}
header .user-box{height: 181px;border-top: 1px solid var(--border-color-);display: flex;flex-direction: column;gap: 8px;padding-bottom: 16px;}
header .user-box>div{text-align: center;padding: 16px 0;}
header .user-box>div>div{margin: 0 auto;width: 40px;height: 40px;border-radius: 50%;background-color: #aaa;display: flex;align-items: center;justify-content: center;margin-bottom: 4px;}
header .user-box span.user{font-size: 13px;font-weight: 600;}
header .user-box .btn::before{border: 1px solid var(--border-color-);border-radius: 5px;content: '';display: inline-block;width: 26px;height: 26px;background-repeat: no-repeat;background-position: center;vertical-align: middle;margin-right: 8px;}
header .user-box .btn.log-out::before{background-image: url(../../../images/tgis/common/ico-logout.svg);}
header .user-box .btn.my-info::before{background-image: url(../../../images/tgis/common/ico-my-info.svg);}
header .user-box .btn{font-weight: 500;margin-left: 24px;border: 0;background: transparent;color: var(--font-color-dark);width: 90px;text-align: left;}



nav{height: calc(100% - 291px);}
nav::-webkit-scrollbar{display: none;}
nav ul.list{gap: 8px;padding: 12px;}
nav ul.list>li{width: 100%;border-radius: 15px;text-align: center;position: relative;cursor: pointer;padding: 14px 0;}
nav ul.list>li:not(.on,.on+li)::after{position: absolute;top: -4px;left: 50%;transform: translateX(-50%);content: '';display: block;width: 30px;height: 1px;border-bottom: 1px solid var(--border-color-);}
nav ul.list>li.on{background-image: linear-gradient(230deg, #8FC3FF,#4685FF);}
nav ul.list>li>a{font-size: 14px;font-weight: 600;color: #9d9d9d;}
nav ul.list>li.on>a{color: #fff;}
nav ul.list>li>a::before{content: '';display: block;width: 40px;height: 40px;margin: 0 auto;margin-bottom: 4px;background-repeat: no-repeat;background-position: center;}
nav ul.list>li.environment-info>a::before{background-image: url(../../../images/tgis/common/ico-main-environment-info.svg);}
nav ul.list>li.disease>a::before{background-image: url(../../../images/tgis/common/ico-main-disease.svg);}
nav ul.list>li.weather>a::before{background-image: url(../../../images/tgis/common/ico-main-weather.svg);}
nav ul.list>li.soil>a::before{background-image: url(../../../images/tgis/common/ico-main-soil.svg);}
nav ul.list>li.livestock>a::before{background-image: url(../../../images/tgis/common/ico-main-livestock.svg);}
nav ul.list>li.fruit_tree>a::before{background-image: url(../../../images/tgis/common/ico-main-fruit_tree.svg);}
nav ul.list>li.nongsaro>a::before{background-image: url(../../../images/tgis/common/ico-main-nongsaro.svg);}
nav ul.list>li.on.environment-info>a::before{background-image: url(../../../images/tgis/common/ico-main-environment-info_white.svg);}
nav ul.list>li.on.disease>a::before{background-image: url(../../../images/tgis/common/ico-main-disease_white.svg);}
nav ul.list>li.on.weather>a::before{background-image: url(../../../images/tgis/common/ico-main-weather_white.svg);}
nav ul.list>li.on.soil>a::before{background-image: url(../../../images/tgis/common/ico-main-soil_white.svg);}
nav ul.list>li.on.livestock>a::before{background-image: url(../../../images/tgis/common/ico-main-livestock_white.svg);}
nav ul.list>li.on.fruit_tree>a::before{background-image: url(../../../images/tgis/common/ico-main-fruit_tree_white.svg);}
nav ul.list>li.on.nongsaro>a::before{background-image: url(../../../images/tgis/common/ico-main-nongsaro_white.svg);}



.filebox{position: relative;height: 34px;width: 320px;}
.upfile{border: 1px solid var(--btn-color-blue-);position: absolute;top: 50%;transform: translateY(-50%);font-size: 14px;font-weight: 600;border-radius: 0 5px 5px 0;height: 32px;line-height: 32px;width: 80px;text-align: center;background-color: #fff;right: 0;color: var(--btn-color-blue-);}
.up-name{width: 100%;padding-right: 85px;height: 100%;background-color: #fff;color: #C3C3C3;display: inline-block;border: 1px solid var(--border-color-);border-radius: 0 5px 5px 0;padding-left: 8px;}
.sample::before{content: '';display: inline-block;vertical-align: middle;width: 24px;height: 24px;background: url(../../../images/tgis/common/ico-excel.svg)no-repeat center;margin-right: 4px;}
.sample{background-color: #fff;font-size: 14px;font-weight: 600;border:0;color: var(--btn-color-blue-);margin-top: 16px;}
.upload{width: 100%;display: inline-block;margin-top: 24px;background-color: var(--btn-color-blue-);border: 0;height: 34px;border-radius: 5px;}
.upload>span{font-size: 14px;font-weight: 600;color: #fff;}
.upload>span::before{width: 24px;height: 24px;content: '';display: inline-block;vertical-align: middle;background: url(../../../images/tgis/common/ico-upload.svg)no-repeat center;}


.txt-left{text-align: left!important;}
.col1-1{width: 50px;}
.search-box{position: relative;}
.search-box>input{height: 34px;padding:0 36px 0 8px;border: 1px solid var(--border-color-);border-radius: 5px;}
.search-box>.btn.search{position: absolute;top: 0;right: 0;}
.btn.text-btn{border: 0;background: transparent;color: var(--btn-color-blue-);text-decoration: underline;text-align: left;}

.mCSB_scrollTools .mCSB_draggerContainer{opacity: 0;transition: all .3s ease-in-out;}
.mCSB_inside>.mCSB_container{margin: 0;}
.left-box .scroll-list{height: 100%;}
.t-toc{height: 100%;}
.t-toc::after{content: none;}
.t-toc>li{display: none;padding: 32px 0px;height: 100%;width: 100%;}
.t-toc>li.on{display: block;}
.t-toc>li>.box:not(:last-child){margin-bottom: 32px;}
.toc-title{font-weight: 600;font-size: 16px;color: var(--font-color-dark);padding: 0 20px 8px 20px;}

.toc.list>li{width: 100%;border-bottom: 1px solid var(--border-color-);}
.toc.list>li:hover>a{background-color: #F2F5F6;}
.toc.list>li>a{width: 100%;padding:12px 20px;display: flex;align-items: center;justify-content: space-between;gap: 8px;}
.toc.list>li>a::after{content: '';display: inline-block;width: 16px;height: 16px;background: url(../../../images/tgis/common/ico-arrow-right_gray.svg)no-repeat center;flex-shrink: 0;}
.toc.list>li.on>a::after{background: var(--btn-color-blue-) url(../../../images/tgis/common/ico-arrow-down_white.svg)no-repeat center;border-radius: 5px;}

.toc.list .hasdepth{display: none;}
.toc.list .hasdepth>li{padding-left: 10px;}
.toc.list>li>.hasdepth{position: relative;}
.hasdepth>li{float: none;width: 100%;}
.hasdepth>li>a{padding: 12px 20px;display: block;width: 100%;font-weight: 500;font-size: 13px;color: var(--font-color-normal);display: flex;align-items: center;gap: 4px;}
.hasdepth>li.on:not(.data)>a::after{content: '';position: absolute;display: block;left: 0;right: 0;height: 45px;background-color: #f2f5f6;z-index: -1;}
.hasdepth>li:hover>a::after{content: '';position: absolute;display: block;left: 0;right: 0;height: 45px;background-color: #f2f5f6;z-index: -1;}
.hasdepth>li>a::before{content: '';display: inline-block;width: 16px;height: 16px;background: url(../../../images/tgis/common/ico-arrow-right_gray.svg)no-repeat center;margin-right: 4px;flex-shrink: 0;}
.hasdepth>li.on>a::before{background: url(../../../images/tgis/common/ico-select-arrow.svg)no-repeat center;}
.hasdepth>li.data>a::before{content: '';display: inline-block;width: 16px;height: 16px;background: url(../../../images/tgis/common/ico-data-line.svg)no-repeat center;padding-right: 6px;}
.hasdepth>li.data.on>a::before{background: url(../../../images/tgis/common/ico-data-line_blue.svg)no-repeat center;}
.hasdepth>li.on.data>a{background: url(../../../images/tgis/common/img-data-on.png)no-repeat center right 0px;}
/* .hasdepth>li.on.data::after{content: '';position: absolute;display: block;right: 0;height: 34px;width: 4px;border-radius: 5px 0 0 5px;background-color: var(--btn-color-blue-);margin-top: -38px;} */
/* .hasdepth>li.on.data::after{content: '';position: absolute;display: block;right: 0;height: 34px;width: 4px;border-radius: 5px 0 0 5px;background-color: var(--btn-color-blue-);margin-top: -38px;} */

.toc.list>li.on>a{background-color: #F2F5F6;}
.toc.list>li.on>a,.hasdepth>li.on>a{color: var(--btn-color-blue-);font-weight: 600;}

.scroll-list:hover .mCSB_scrollTools .mCSB_draggerContainer{opacity: 1;}

.t-toc>li>div.btn-box{padding: 0 20px;text-align: right;}
.t-toc>li>div.btn-box>.btn{font-size: 14px;font-weight: 600;color: var(--btn-color-blue-);border: 0;background: transparent;}
.btn.date{border: 0;background: transparent;}
.btn.date::before{content: '';display: inline-block;vertical-align: middle;width: 16px;height: 16px;background: url(../../../images/tgis/common/ico-date.svg)no-repeat center;margin-right: 4px;}
.soil .btn.date{position: absolute;top: 32px;right: 20px;}
.modal-popup{position: absolute;display: none;top: 100px;left: 45%;padding:16px 12px;background-color: #fff;border-radius: 10px;box-shadow: 3px 3px 10px var(--box-shadow-color);}
.modal-title{
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 600;
}


.modal-popup.search-layer{width: 265px;}
.modal-popup.search-layer div.select-box{display: flex;flex-direction: column;width: 100%;gap: 4px;}
.modal-popup.search-layer div.select-box>div{display: flex;width: 100%;gap: 4px;}
.modal-popup.search-layer>.modal-body div.select-box select{flex:1;}
.modal-popup .btn-box{margin-top: 24px;display: flex;justify-content: space-between;}
.btn.line.blue{color: var(--btn-color-blue-);border: 1px solid var(--border-color-);font-weight: 600;font-size: 14px;background: #fff;border-radius: 5px;width: 85px;padding: 8px;box-sizing: border-box;}

.modal-popup.widget-map-split{right: 45px;left: unset;top: 0;display: none;}
.widget-map-swipe.on .modal-popup.widget-map-split{display: block;}
.widget-map-split>.modal-body>div.split-box{display: flex;gap: 24px;position: relative;}
.widget-map-split>.modal-body>div.split-box>div.left::after{content: '';display: block;position: absolute;width: 1px;height: 130px;border-right: 1px dashed var(--border-color-);top: 8px;left: 50%;transform: translateX(-50%);}
.widget-map-split>.modal-body>div.split-box>div>p:not(:first-child){margin-top: 24px;}
.widget-map-split>.modal-body>div.split-box>div>p{color: #416D98;font-weight: 500;font-size: 13px;margin-bottom: 8px;}
.widget-map-split>.modal-body>div.split-box>div>p>span{font-weight: 600;}

.soil{position: relative;}
.soil>.list>li{padding: 12px 20px;}
.soil>.list>li>label{width: calc(100% - 5px);display: inline-block;}

.date-search{left: 20%;display: flex;align-items: center;gap: 32px;padding: 12px 20px;}
.date-search>.modal-title{margin-bottom: 0;}
.date-search>.modal-body{gap: 32px;}
.rangebox{gap: 12px;}
.rangebox>input{width: 50px;border: 1px solid var(--border-color-);font-size: 13px;padding: 4px;border-radius: 5px;text-align: center;color:var(--font-color-dark);font-weight: 600;}
#double-range-slider{width: 200px;}

.noUi-target{box-shadow: none;}
.noUi-handle:after, .noUi-handle:before{content: none;}
.noUi-handle:after, .noUi-handle:after{content: none;}
.noUi-horizontal{height: 6px;border: 0;background: #D6DAE8;}
.noUi-horizontal .noUi-handle{width: 14px;height: 14px;border: 4px solid var(--btn-color-blue-);top: -3px;border-radius: 50%;box-shadow: unset;right: -7px;}
.noUi-connect{background: var(--btn-color-blue-);}

.left-box-depth .toc-title{padding: 0 0 8px 0;}
.left-box-depth .box-list{display:flex;gap: 12px;}
.left-box-depth .box-list{margin-bottom: 12px;}
.left-box-depth .box-list>div{flex: 1;}
.left-box-depth .box-list>div>select{width:100%;}
.left-box-depth .box-list .title{width: 75px;font-weight: 500;font-size: 14px;color: var(--font-color-normal);padding: 4px 0;}

.style-box{padding: 12px;}
.style-box>li{display: flex;align-items: center;color: var(--font-color-normal);}
.style-box>li:not(:last-child){margin-bottom: 6px;}
.style-box>li>.symbol-img{width: 16px;height: 16px;margin-right: 12px;border-radius: 5px;}
.style-box>li span{font-weight: 600;margin:0 2px;color: var(--font-color-dark);}
.symbol.scroll-list{height: 110px;border: 1px solid var(--border-color-);border-radius: 5px;}
/* 임시컬러 */
.style-box>li:nth-child(1)>.symbol-img{background-color: #ff0000;}
.style-box>li:nth-child(2)>.symbol-img{background-color: #FF008A;}
.range-setting>div{display: flex;align-items: center;gap: 4px;}
.range-setting>div>input{width: 55px;border-radius: 5px;border: 1px solid var(--border-color-);padding: 6px;}
.range-setting>div>.btn.line.blue{width: unset;padding: 5px;}



.left-box-depth .style_pick{flex-direction: column;gap: 4px;}

.left-box-depth .btn-box{margin-top: 24px;display: flex;gap: 8px;justify-content: end;}
.left-box-depth .tab-wrap{border: 1px solid var(--border-color-);}
.tab-wrap>.tab-btn{display: flex;align-items: center;}
.tab-wrap>.tab-btn .btn{padding: 8px;text-align: center;flex: 1;border:0;background: #F2F2F2;font-size: 14px;font-weight: 600;color: var(--font-color-normal);position: relative;}
.tab-wrap>.tab-btn .btn.tab.on{color: var(--btn-color-blue-);background: #fff;}
.tab-wrap>.tab-btn .btn.tab.on::after{content: '';position: absolute;display: block;width: 100%;height: 3px;background: var(--btn-color-blue-);left: 0;top: -1px;}
.left-box-depth .tab-wrap>ul>li{display: none;width: 100%;padding:20px 14px}
.left-box-depth .tab-wrap>ul>li.on{display: block}
.opacity{font-weight: 600;font-size: 14px;}
.opacity input{width: 60px;padding: 4px 8px;border: 1px solid var(--border-color-);border-radius: 5px;text-align: right;}
.opacity span{vertical-align: bottom;margin-left: 4px;}
.btn.style_btnRangeSync{border: 1px solid var(--btn-color-blue-);background-color: transparent;color: var(--btn-color-blue-);padding: 4px 16px;border-radius: 5px;font-size: 14px;font-weight: 500;margin-top: 12px;}
.btn.style_btnRangeSync::before{content: '';display: inline-block;vertical-align: text-bottom;width: 16px;height: 16px;background: url(../../../images/tgis/common/ico-synchronize.svg)no-repeat center;margin-right:4px}
.layer-opacity{align-items: center;}





.data-download-popup{position: absolute;top:0;width: 100%;height: 100%;left: 0;z-index: 5;min-width: 1080px;}


.btn.download{border: 0;background: var(--btn-color-blue-);color: #fff;padding: 8px 16px;font-size: 14px;font-weight: 600;border-radius: 5px;}
.btn.download::before{content: '';display: inline-block;vertical-align: middle;width: 24px;height: 24px;background: url(../../../images/tgis/common/ico-file-download.svg)no-repeat center;margin-right: 4px;}
.data-download-popup>.title{display: flex;align-items: center;gap: 32px;background: #202124;padding: 16px 20px;position: relative;}
.data-download-popup>.title>p{font-size: 20px;font-weight: 600;color: #fff;}
.data-download-popup>.title>p::before{content: '';display: inline-block;vertical-align: middle;width: 28px;height: 28px;background: url(../../../images/tgis/common/ico-title-location.svg)no-repeat center;margin-right: 8px;}
.btn.close{border: 0;background: url(../../../images/tgis/common/ico-close.svg)no-repeat center;width:40px;height: 40px;right: 20px;position: absolute;top: 50%;transform: translateY(-50%);}
.popup-body{background: #f2f5f6;}
.popup-body>div>.mCSB_container{padding: 40px;}
.popup-body .map-area{padding: 24px 40px;box-shadow: 3px 3px 10px var(--box-shadow-color);background: #fff;border-radius: 15px;display: flex;gap: 32px;}
/* .popup-body .map-area>.map{background: url(../../../images/tgis/common/img-test-map.png)no-repeat center;} */
.map-area{margin-bottom: 40px;}
.map-area .title{font-size: 20px;font-weight: 600;margin-bottom: 24px;}
.map-area .conts>p{font-size: 16px;font-weight: 500;color: var(--font-color-normal);}

.tab-btn-list>li:not(:first-child){margin-left: 16px;}
/* .tab-btn-list>li{background-color: #fff;} */
.tab-btn-list>li>.btn{font-size: 600;font-size: 16px;padding: 12px 24px;border: 0;border-radius: 15px 15px 0 0 ;background: var(--border-color-);font-weight: 600;color: var(--font-color-normal);}
.tab-btn-list>li.on>.btn{background: #fff;color: var(--btn-color-blue-);}
.tab-list>li{display: none;background: #fff;width: 100%;height: 100%;padding: 40px;}
.tab-list>li.on{display:block;}
.tab-list>li>.btn-box{gap: 16px;margin-bottom: 16px;}
.btn.open_all{width: 36px;height: 36px;background: var(--btn-color-blue-) url(../../../images/tgis/common/ico-open_all.svg)no-repeat center;border: 0;border-radius: 10px;}
.btn.close_all{padding: 6px 12px;border: 1px solid var(--btn-color-blue-);font-weight: 600;color: var(--btn-color-blue-);background-color: #fff;border-radius: 10px;}

.tab-list .btn.date.type_white{border: 0;background:var(--btn-color-blue-);color: #fff;border-radius: 5px;padding: 2px 12px;font-weight: 600;}
.tab-list .btn.date.type_white::before{background: url(../../../images/tgis/common/ico-date_white.svg)no-repeat center / 16px;vertical-align: text-bottom;}

.btn.toggle-open{width: 24px;height: 24px;background:var(--btn-color-blue-) url(../../../images/tgis/common/ico-arrow-down_white.svg)no-repeat center / 14px;border-radius: 5px;border: 0;}
.cont-list{border: 1px solid var(--border-color-);padding: 12px 24px;border-left: 3px solid var(--border-color-);border-radius: 0 5px 5px 0;margin-bottom: 8px;}
.cont-list.on{background-color: #EEF7FD;}
.cont-list>ul{display: none;padding: 40px 16px;}
.cont-list.on>ul{display: flex;gap: 20px;flex-wrap: wrap;}
.cont-list.on>.flex-box .btn.toggle-open{background:#909DB1 url(../../../images/tgis/common/ico-arrow-right_white.svg)no-repeat center;}
.cont-list .title{font-size: 16px;font-weight: 600;color: var(--font-color-dark);}
.cont-list .btn.toggle-open{margin-right: 8px;}
.cont-list .btn.type_white{margin-left: 40px;}
.cont-list>ul>li{background: #fff;border: 1px solid var(--border-color-);border-radius: 10px;width: 400px;}
/* .cont-list>ul>li:not(:last-child){margin-right: 24px;margin-bottom: 24px;} */
.cont-list p.title{padding: 20px 0 10px 0;border-bottom: 1px solid var(--border-color-);margin: 0 16px;text-indent: 16px;}
/* .cont-list .scroll-list{} */
.cont-list .scroll-list{height: 180px;}
.cont-list .scroll-list .mCSB_container{padding: 16px 24px;}
span.bug::before{margin-right:4px;content: '';display: inline-block;vertical-align: text-bottom;width: 18px;height: 18px;background: url(../../../images/tgis/common/ico-bug.svg)no-repeat center;}
span.disease::before{margin-right:4px;content: '';display: inline-block;vertical-align: text-bottom;width: 18px;height: 18px;background: url(../../../images/tgis/common/ico-bacteria.svg)no-repeat center;}
/* div.info-box{display: flex;justify-content: space-between;} */
div.info-box:not(:last-child){margin-bottom: 4px;}
div.info-box span:not(.alarm){font-size: 14px;font-weight: 500;background-color: #fff;padding: 8px;display: inline-block;border-radius: 10px;margin-right: 8px;vertical-align: middle;}
div.info-box span.alarm{font-size: 13px;font-weight: 600;padding: 10px;border-radius: 10px;vertical-align: middle;}

div.info-box span.alarm.lv4{background-color: rgba(255 64 64 /.15);color: #FF4040;}
div.info-box span.alarm.lv3{background-color: rgba(255 153 0 /.15);color: #FF9900;}
div.info-box span.alarm.lv2{background-color: rgba(65 109 152 /.15);color: #416D98;}
div.info-box span.alarm.lv1{background-color: rgba(28 126 240 /.15);color: #1C7EF0;}

.living-environment p.title{margin: 0;padding: 10px 24px;border-bottom: 0;display: flex;justify-content: space-between;text-indent:0}

.living-environment .cont-list>ul>li{width: 210px;}

.bechance-map p.title{font-size: 20px;font-weight: 600;margin-bottom: 24px;}
.date-box{display: flex;border: 1px solid var(--border-color-);border-radius: 10px;padding: 6px 16px;align-items: center;background-color: #fff;gap: 12px;}
.date-box .date{width: 77px;border: 0;}
.date-box>div{display: flex;align-items: center;position: relative;border: 1px solid var(--border-color-);border-radius: 5px;padding: 8px;}
.date-box .date+label{display: inline-block;width: 20px;height: 20px;background: url(../../../images/tgis/common/ico-date.svg)no-repeat center;}
.date-box>span{margin:0 -2px;}
.date-box .btn.search{font-weight: 600;color: #fff;background:var(--btn-color-blue-);width: unset;height: unset;padding: 9px 12px;border-radius: 5px;}
.date-box .btn.search::before{content: '';display: inline-block;width: 16px;height: 16px;background: url(../../../images/tgis/common/ico-search_white.svg)no-repeat center / 16px;vertical-align: text-bottom;margin-right: 4px;}
.bechance-map span.title{font-size: 14px;font-weight: 600;color: var(--font-color-dark);margin-right:24px;}
.ui-state-hover{background: var(--btn-color-blue-)!important;color: #fff!important;}
.flex-box.jusp{justify-content: space-between;}

.bechance-map .tab-wrap{margin-top: 40px;}
.bechance-map .tab-wrap>.btn-box.flex-box{margin-bottom: 16px;gap: 16px;}
.bechance-map .cont-list{background: #fff;}
.bechance-map .cont-list.on{background: #EEF7FD;}
.type-data{background: var(--btn-color-blue-);border: 0;font-size: 14px;padding: 12px 16px;color: #fff;font-weight: 600;border-radius: 10px;}
.type-data::before{content: '';display: inline-block;margin-right: 6px;vertical-align: middle;width: 20px;height: 20px;background: url(../../../images/tgis/common/ico-see-data.svg)no-repeat center;position: relative;top: -1px;}

.modal-popup.downloader{z-index: 6;display: block;border-radius: 0;padding: 0;background:rgba(0 0 0 / .5);width: 100%;height: 100%;left: 0;top: 0;}
.modal-popup.downloader .modal-title{background-color: #255A8F;font-size: 16px;color: #fff;font-weight: 600;padding:16px 24px;position: relative;border-radius: 10px 10px 0 0;margin-bottom: 0;}
.modal-popup.downloader .modal-title>.btn.close{right: 16px;}
.modal-popup.downloader .modal-wrap{width: 600px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.modal-popup.downloader .modal-body{background-color: #fff;margin-top: -1px;padding: 32px;}
.modal-popup.downloader .modal-body>div{margin-bottom: 32px;}
.modal-popup.downloader .modal-body>div>p.title{font-size: 16px;color: var(--font-color-dark);font-weight: 600;margin-bottom: 8px;}
.modal-popup.downloader .modal-body .date-box{border: 0;padding: 0;background: #fff!important;}
.modal-popup.downloader .modal-body .date-box>.title{border-radius: 5px;background: #F2F5F6;}
.modal-popup.downloader .modal-body span.title{display: inline-block;width: 92px;padding: 8px;font-weight: 500;color: var(--font-color-normal);}
.modal-popup.downloader .modal-body>div>p.title+div{display:flex;gap:8px;background-color: #f2f5f6;border-radius: 10px;padding: 10px;}
.modal-popup.downloader .modal-body>div>p.title+div select{flex: 1;background-color: #fff;background-image: url(../../../images/tgis/common/ico-arrow-down_gray.svg);}
.modal-popup.downloader .modal-body>div>p.title+div.gray-box{flex-direction: column;}
.modal-popup.downloader .modal-body>div>p.title+div.gray-box>div{display: flex;gap: 8px;}
.modal-popup.downloader .modal-body>div>p.title+div.gray-box textarea{flex: 1;width: unset;border-radius: 5px;padding: 10px;}
.modal-popup.downloader .filebox{width: 100%;height: unset;}
.modal-popup.downloader .filebox .up-name{height: 36px;border-radius: 10px;padding-left: 12px;}
.modal-popup.downloader .filebox .upfile{border: 0;background: transparent;right: 24px;text-align: right;width: unset;}
.modal-popup.downloader .btn-box.file-down{justify-content: center;}
.modal-popup.downloader .btn-box.file-down>.btn.normal{width: 230px;}

.modal-popup.downloader .modal-body>div>p.title+div.table-box{background: #fff;border: 1px solid var(--border-color-);display: block;}
.modal-popup.downloader .modal-body>div>p.title+div.table-box .table-list{height: 150px;}
.modal-popup.downloader table>thead th{color:#416D98;padding: 0 10px 10px 10px;}
.modal-popup.downloader table>thead>tr{border-bottom: 1px solid var(--border-color-);}
.modal-popup.downloader table>tbody{text-align: center;}
.modal-popup.downloader table>tbody tr:hover td{background: #EEF7FD;}
.modal-popup.downloader table>tbody tr:hover td:first-child{border-radius: 5px 0 0 5px;}
.modal-popup.downloader table>tbody tr:hover td:last-child{border-radius:0 5px 5px 0;}
.modal-popup.downloader table>tbody td{font-weight: 500;color: var(--font-color-dark);padding: 10px 0px 10px 16px;text-align: left;}
.modal-popup.downloader table .type-check+label::before{background-color: #fff;margin: 0;position: relative;top: 1px;}
.modal-popup.downloader table .type-check:checked+label::before{background: #2680EB url(../../../images/tgis/common/ico-check.svg)no-repeat center;}
.col-1{width: 50px;}

.certification{z-index: 6;display: block;border-radius: 0;padding: 0;background:rgba(0 0 0 / .5);width: 100%;height: 100%;left: 0;top: 0;text-align: center;}
.certification .modal-wrap{width: 430px;padding:64px 40px;background: #fff;position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;border-radius: 15px;}
.certification .close{position: unset;transform: unset;}
.certification p.title{font-size: 18px;font-weight: 600;color: var(--font-color-dark);}
.certification p:not(.title){font-size: 14px;font-weight: 400;margin: 24px 0;}
.certification .btn-box{flex-direction: column;gap: 8px;align-items: center;}
.certification .btn-box>.btn{padding: 8px;font-size: 16px;border-radius: 10px;color: var(--font-color-dark);background: #ddd;font-weight: 600;}
.certification .btn-box>.btn.noraml{background: var(--btn-color-blue-);color: #fff;border: 0;}
/* .certification .btn-box>.btn.close{} */
.certification .btn-box>.btn{width: 230px;}