@charset "utf-8";

@import url('font.css');
@import url('common.css');
@import url('jquery-ui.min.css');
@import url('jquery-ui.structure.min.css');
@import url('datepicker.min.css');
@import url('ag-theme-quartz.css');
@import url('jquery.mCustomScrollbar.css');
@import url('ui.fancytree.css');

.wrapper {width: 1680px; margin: 0 auto;}

/* jquery-ui datepicker 
.ui-datepicker {z-index: 9999 !important; width: 300px; height: 300px; margin-top: 10px; padding: 25px 34px; border-radius: 16px; box-shadow: 0 6px 20px rgba(0,0,0,0.1); background: #fff;}
.ui-helper-clearfix:before, 
.ui-helper-clearfix:after {display: none;}
.ui-datepicker .ui-datepicker-header {display: flex; align-items: center; justify-content: space-between; height: 25px; padding: 0; margin-bottom: 20px;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {position: static; width: 25px; height: 25px; background-repeat: no-repeat; background-position: center;}
.ui-datepicker .ui-datepicker-prev {order: 0; background-image: url(../images/ico/ico_datepicker_arrow01.svg);}
.ui-datepicker .ui-datepicker-next {order: 2; background-image: url(../images/ico/ico_datepicker_arrow02.svg);}
.ui-datepicker .ui-datepicker-title {order: 1; display: flex; align-items: center; margin: 0; justify-content: center; font-size: 16px; font-weight: 600;}
.ui-datepicker select {font-size: 16px; font-weight: 600; height: 100%; text-align: center; border: 0; padding: 0 10px;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year {width: auto;}
.ui-datepicker table tr {display: flex; align-items: center;}
.ui-datepicker table tr > * {flex: 1;}
.ui-datepicker table tr th,
.ui-datepicker table tr td {padding: 0;}
.ui-datepicker table tr th span,
.ui-datepicker table tr td span, 
.ui-datepicker table tr td a {text-align: center; display: block; padding: 8px 0;}
.ui-datepicker table tr td a.ui-state-active {border-radius: 20px; background: rgba(20,135,54,0.05);}
.ui-datepicker table tr th {color: #777; font-weight: 400;}
.ui-datepicker table tr td.ui-state-disabled {color: #E4E9ED;}*/

/* air datepicker */
.ui-datepicker { display:none !important;}
.datepicker {border-radius: 16px; padding: 25px 34px; background: #fff; border: 0; box-shadow: 0 6px 20px rgba(0,0,0,0.1); font-family: "Pretendard";}
.datepicker .datepicker--pointer {display: none;}
.datepicker .datepicker--nav {align-items: center; padding: 0; margin-bottom: 20px; border-bottom: 0;}
.datepicker .datepicker--nav .datepicker--nav-title {display: flex; align-items: center; justify-content: center; flex-direction: row-reverse; gap: 10px; font-size: 16px; font-weight: 600;}
.datepicker .datepicker--nav .datepicker--nav-title i:after {content: ' 년'; display: inline-block;}
.datepicker .datepicker--nav .datepicker--nav-action {width: 25px; height: 25px; background-repeat: no-repeat; background-position: center;}
.datepicker .datepicker--nav .datepicker--nav-action svg {display: none;}
.datepicker .datepicker--nav .datepicker--nav-action:first-of-type {background-image: url(../images/ico/ico_datepicker_arrow01.svg);}
.datepicker .datepicker--nav .datepicker--nav-action:last-of-type {background-image: url(../images/ico/ico_datepicker_arrow02.svg);}
.datepicker .datepicker--content {padding: 0;}
.datepicker .datepicker--content .datepicker--days-names {margin: 0; height: 34px;}
.datepicker .datepicker--content .datepicker--days-names .datepicker--day-name {font-size: 14px; color: #777;}
.datepicker .datepicker--content .datepicker--cell-day.datepicker--cell {height: 34px; border-radius: 20px;}
.datepicker--cell.-selected-, 
.datepicker--cell.-selected-.-current-,
.datepicker--cell.-focus-,
.datepicker--cell.-selected-.-focus-,
.datepicker--cell.-current-.-selected-.-focus-{color: #111; background: rgba(20,135,54,0.05);}
.datepicker--cell.-current- {color: #148736;}
.datepicker--cell-day.-other-month-,
.datepicker--cell-day.-disabled-,
.datepicker--cell-year.-other-decade-,
.datepicker--cell-year.-disabled- {color: #E4E9ED;}


/* fancytree */

/*span.fancytree-empty, 
span.fancytree-vline, 
span.fancytree-icon, 
span.fancytree-checkbox, 
span.fancytree-drag-helper-img, 
#fancytree-drop-marker {background: url(../images/ico/ico_tree02.svg) no-repeat center/cover;}*/

.off span.fancytree-expander {background: url(../images/ico/ico_tree01.svg) no-repeat center/cover;} /* - */
.on span.fancytree-expander {background: url(../images/ico/ico_tree02.svg) no-repeat center/cover;} /* + */

span.fancytree-checkbox {width: 14px; height: 14px; margin: 0 10px; border: 1px solid #777; border-radius: 2px; background: #fff; vertical-align: middle;}
.fancytree-selected span.fancytree-checkbox {border-color: #0089DE; background: #0089DE url(../images/ico/ico_cm_chk02.svg) no-repeat center/cover;}
span.fancytree-icon {display: none;}
span.fancytree-title {margin: 0; padding: 0; font-size: 15px; font-weight: 500; vertical-align: middle;}

.fancytree-container {border: 0; padding: 0; padding-left: 0; margin-top: 0;}

.fancytree-theme-win8 > ul > li + li {margin-top: 33px;}
.fancytree-theme-win8.depth01_tree > ul {border: 0; padding: 0; padding-left: 30px; margin-top: 9px;}
.fancytree-theme-win8.depth01_tree > ul:before {content: ''; position: absolute; z-index: 1; top: -10px; left: 7px; width: 2px; height: 100%; background: #d1d1d1;}
.fancytree-theme-win8.depth01_tree > ul {border: 0; padding: 0; padding-left: 30px; margin-top: 9px;}
.fancytree-theme-win8.depth01_tree > ul > li {position: relative;}
.fancytree-theme-win8.depth01_tree > ul > li:before {content:''; position: absolute; z-index: 1; top: 50%; margin-top: -1px; left: -23px; width: 20px; height: 2px; background: #d1d1d1}

.fancytree-theme-win8.depth02_tree ul.fancytree-container {border: 0; padding: 0; padding-left: 0; margin-top: 0;}
.fancytree-theme-win8.depth02_tree ul.fancytree-container:before {top: 4px;}
.fancytree-theme-win8.depth02_tree ul.fancytree-container > li {position: relative; padding-left: 0; margin-top: 0;}
.fancytree-theme-win8.depth02_tree ul.fancytree-container > li + li {margin-top: 33px;}
.fancytree-theme-win8.depth02_tree ul.fancytree-container > li:before {content: ''; position: absolute; z-index: 1; top: 5px; left: 7px; width: 2px; height: calc(100% - 16px); background: #d1d1d1;}
.fancytree-theme-win8.depth02_tree ul.fancytree-container > li > span > .fancytree-expander {display: none;}
.fancytree-theme-win8.depth02_tree ul.fancytree-container > li .fancytree-checkbox {position: relative; z-index: 2;	margin-left: 1px;}
.fancytree-theme-win8.depth02_tree ul.fancytree-container > li > ul {padding-left: 30px; margin-top: 30px;}
.fancytree-theme-win8.depth02_tree ul.fancytree-container > li > ul li {position: relative;}
.fancytree-theme-win8.depth02_tree ul.fancytree-container > li > ul li:before {content:''; position: absolute; z-index: 1; top: 50%; margin-top: -1px; left: -23px; width: 20px; height: 2px; background: #d1d1d1}
.fancytree-theme-win8.depth02_tree ul.fancytree-container > li > ul li .fancytree-checkbox {margin-left: 10px;}
.fancytree-theme-win8.depth02_tree ul.fancytree-container > li > ul li + li {margin-top: 30px;}

/* range */
input[type="range"] {-webkit-appearance: none; border: 0; appearance: none; background: transparent; cursor: pointer;}
input[type="range"]:focus { outline: none;}
input[type="range"]::-webkit-slider-runnable-track {background-color: rgba(209,209,209,0.4); border-radius: 1px; height: 2px; border: 0;}
input[type="range"]::-webkit-slider-thumb {-webkit-appearance: none; appearance: none; margin-top: -4px; background-color: #fff; border: 2px solid #148736; border-radius: 5px; height: 10px; width: 10px; }
input[type="range"]::-moz-range-track {background-color: #148736; border-radius: 5px; height: 2px; }
input[type="range"]::-moz-range-thumb {background-color: #fff; border: 2px solid #148736; border-radius: 5px; height: 10px; width: 10px;}
input[type="range"]::-ms-fill-lower {background: #148736;}
input[type="range"]:focus::-ms-fill-upper {background: rgba(209,209,209,0.4);}

/* checkbox */
.cm_chk {display: inline-block; height: 14px;}
.cm_chk input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.cm_chk input[type="checkbox"] + i {position: relative; display: inline-block; width: 24px; height: 14px; background: #D9D9D9; border-radius: 10px; transition:all .3s ease;}
.cm_chk input[type="checkbox"] + i:before {content: ''; position: absolute; z-index:1; top:50%; left: 2.5px; transform: translateY(-50%); width: 10px; height: 10px; background: #fff; box-shadow:0 4px 4px rgba(0,0,0,0); border-radius: 10px; transition:all .3s ease;}
.cm_chk input[type="checkbox"]:checked + i {background: #148736;}
.cm_chk input[type="checkbox"]:checked + i:before {left: 11.5px; box-shadow:0 4px 4px rgba(0,0,0,0.2);}

.cm_chk02 {display: inline-block;height: 14px; line-height: 1; vertical-align: top;}
.cm_chk02 input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.cm_chk02 input[type="checkbox"] + i {display: inline-block; width: 14px; height: 14px; border: 1px solid #777; border-radius: 2px; vertical-align: top; margin-right: 6px;}
.cm_chk02 input[type="checkbox"]:checked + i {border-color: #777; background:#777 url(../images/ico/ico_cm_chk02.svg) no-repeat center/cover;}
.cm_chk02.blue input[type="checkbox"]:checked + i {border-color: #0089DE; background-color:#0089DE;}
.cm_chk02.grn input[type="checkbox"]:checked + i {border-color: #148736; background-color:#148736;}

/* radio */
.cl_radio_wrap {display: flex; align-items: center; justify-content: space-between;}
.cl_radio_wrap label {position: relative;}
.cl_radio_wrap input[type="radio"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.cl_radio_wrap input[type="radio"] + i {display: block; width: 14px; height: 14px; border: 1px solid #D1D1D1;}
.cl_radio_wrap .red input[type="radio"] + i {background: #FF0000}
.cl_radio_wrap .green input[type="radio"] + i {background: #19C54C}
.cl_radio_wrap .mint input[type="radio"] + i {background: #00EDED}
.cl_radio_wrap .blue input[type="radio"] + i {background: #1B29C2}
.cl_radio_wrap .purple input[type="radio"] + i {background: #D50FAA}

.cm_radio {display: inline-block; height: 16px; line-height: 1; vertical-align: top; color: #505050;}
.cm_radio input[type="radio"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.cm_radio input[type="radio"] + i {display: inline-block; width: 16px; height: 16px; vertical-align: top; margin-right: 6px; background-repeat: no-repeat; background-size:cover;}
.cm_radio input[type="radio"]:checked + i {background: url(../images/ico/ico_cm_radio_ov.svg) no-repeat center/cover;}
.cm_radio.grn input[type="radio"] + i {background-image: url(../images/ico/ico_cm_radio01_grn.svg);}
.cm_radio.grn input[type="radio"]:checked + i {background-image: url(../images/ico/ico_cm_radio01_grn_ov.svg);}

/* sortable */
.sortable > label {display: flex; align-items: center; justify-content: space-between; cursor: grab; font-size: 14px; line-height:1; padding-left: 20px; background: url(../images/ico/ico_sortable01.svg) no-repeat left center/14px;}

/* dummy */
.dummy > img {object-fit: cover; width:100%; height:100%;}
.dummy.empty {display: flex; align-items: center; justify-content: center; height: 220px; font-size: 14px; font-weight: 500; color: #777;}
.dummy.grey_box {border: 1px solid #D1D1D1; border-radius: 8px; overflow: hidden;}

/* chary */
.chart_wrap {border-radius: 16px; border: 1px solid #D1D1D1; overflow:hidden;}

/* grid */
.restore_cell .ag-cell-wrapper {display: flex; align-items: center;}
.restore_cell .ag-cell-value {display: flex; align-items: center; justify-content: center;}
.ag-theme-quartz .header-ellipsis .ag-header-cell-label { min-width: 0; }
.ag-theme-quartz .header-ellipsis .ag-header-cell-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* btn */
.btn_wrap {display: flex; align-items: center;}
.btn_wrap.right {justify-content: flex-end; gap: 10px;}
.btn_wrap.only {justify-content: flex-end;}
.btn_wrap.center {justify-content: center; gap: 10px;}

button[class*="_btn"],
a[class*="_btn"] {display: flex; align-items: center; justify-content: center; width: 80px; height: 32px; font-size: 14px; font-weight: 600; color: #fff;  border-radius: 8px; box-sizing: border-box;}

button[class*="_btn"].w100,
a[class*="_btn"].w100 {width: 100px;} 
button[class*="_btn"].w105,
a[class*="_btn"].w105 {width: 105px;} 
button[class*="_btn"].wauto,
a[class*="_btn"].wauto {width: auto; padding: 0 20px;} 
button[class*="_btn"].sm,
a[class*="_btn"].sm {width: auto !important; padding: 4px 8px; font-size: 12px !important; height: auto !important; border-radius: 50px !important;} 

.grn_btn {border: 1.5px solid #148736; background: #148736;}
.grn_btn.line {color: #148736; background: #fff;}
.black_btn {border: 1.5px solid #333; background: #333;}
.black_btn.line {color: #333; background: #fff;}
.blue_btn {border: 1.5px solid #0089DE; background: #0089DE;}
.blue_btn.line {color: #0089DE; background: #fff;}
.yell_btn {border: 1.5px solid #EB7E00; background: #EB7E00;}
.yell_btn.line {color: #EB7E00; background: #fff;}
.grey_btn {border: 1.5px solid #777; background: #777;}
.grey_btn.line {color: #777; background: #fff;}
.wgrey_btn {color:#777 !important; border: 1.5px solid #E4E9ED; background: #E4E9ED;}
.wgrey_btn.line {color: #777777; background: #E4E9ED;}

button.edit_btn,
button.remove_btn,
button.save_btn,
button.approval_btn,
button.return_btn,
button.reset_btn,
button.sarch_btn,
button.holdoff_btn {width: 120px; height: 40px; font-size: 18px;}

button span {display: inline-block; background-repeat: no-repeat; background-position: left center; padding-left: 30px;}

button.edit_btn {background: #0089DE;}
.edit_btn span {background-image: url(../images/ico/ico_btn_edit01.svg);}
button.remove_btn {background: #777777;}
.remove_btn span {background-image: url(../images/ico/ico_btn_remove01.svg);}
button.save_btn {background: #148736;}
.save_btn span {background-image: url(../images/ico/ico_btn_save01.svg);}
button.sarch_btn {background: #333;}
.sarch_btn span {background-image: url(../images/ico/ico_gis_search01.svg);}

.approval_btn {background: #0089DE;}
.approval_btn span {padding-left: 24px; background-image: url(../images/ico/ico_btn_approval01.svg);}
.return_btn {background: #EF0000;}
.return_btn span {padding-left: 24px; background-image: url(../images/ico/ico_btn_return01.svg);}
.reset_btn {background: #E4E9ED;}
.reset_btn span {padding-left: 24px; color: #777; background-image: url(../images/ico/ico_btn_reset02.svg);}
.holdoff_btn {background: #777777;}
.holdoff_btn span {padding-left: 24px; background-image: url(../images/ico/ico_btn_holdoff01.svg);}

/* popup */
.popup_wrap {display: none; position: fixed; z-index: 9998; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2)}
.popup_wrap .popup {position: absolute; z-index: 1; top: 140px; right: 50%; margin-right: -840px; width: 1255px; height: 900px; max-height: calc(100vh - 180px); padding: 36px 50px 30px; border-radius: 16px; box-shadow: 4px 4px 20px rgba(0,0,0,0.2); background: #fff;}
.popup_wrap .popup .pop_head {display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px;}
.popup_wrap .popup .big_tit {font-weight: 700; font-size: 28px; line-height: 1.6; color: #111;}
.popup_wrap .popup .pop_close { width: 32px; height: 32px; text-indent:-9999px; background: url(../images/ico/ico_pop_close01.svg);}

.popup_wrap .popup .pop_content {height: calc(100% - 65px);}
.popup_wrap .popup .pop_content form {height: 100%;}
.popup_wrap .popup .pop_content form > div {height: 100%;}
.popup_wrap .popup .pop_content form .tabwrap .page_scroll:not(.gridtab) {height: calc(100% - 82px);/* max-height: 55vh;*/}
.popup_wrap .popup .pop_content form .tabwrap .grid_tabwrap { overflow: visible; position: relative; z-index: 2; padding-bottom: 50px;}
.popup_wrap .popup .pop_content form .tabwrap .grid_tabwrap .page_scroll,
.popup_wrap .popup .pop_content form .tabwrap .grid_tabwrap .mCustomScrollBox,
.popup_wrap .popup .pop_content form .tabwrap .grid_tabwrap .mCSB_container {overflow-x:visible;}
.popup_wrap .popup .pop_content form .tabwrap .grid_tabwrap .page_scroll {height: 220px; max-height: none;}
.popup_wrap .popup .pop_content form .tabwrap .grid_tabwrap .page_scroll .mCSB_scrollTools.mCSB_scrollTools.mCS-minimal-dark.mCSB_scrollTools_vertical {height: 100%; max-height: 220px; margin: 0; margin-right: -20px;}
.popup_wrap .popup .pop_content .dubble_pgscroll > .mCSB_scrollTools {opacity: 0; top: 186px; right: 34px; width: 10px;height: 220px; max-height: none;}
.popup_wrap .popup .pop_content .dubble_pgscroll > .mCSB_scrollTools .mCSB_draggerContainer {background: rgba(209,209,209,0.3); border-radius: 10px;}
.popup_wrap .popup .pop_content .dubble_pgscroll > .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger {width: 100%; background: rgba(209,209,209,1); border-radius: 10px;}
.popup_wrap .popup .pop_content .dubble_pgscroll > .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger_bar {width: 100%; margin: 0; border-radius: 10px;}
/*.popup_wrap .popup .pop_content form .tabwrap .grid_tabwrap .data_info {height: 220px; max-height: none;}*/
.popup_wrap .popup .pop_content .page_scroll {max-height: 624px; margin-top: 0;}
.popup_wrap .popup .pop_content .page_scroll .mCSB_scrollTools {margin-right: -30px; width: 10px; top: 0;}
.popup_wrap .popup .pop_content .page_scroll .mCSB_scrollTools .mCSB_draggerContainer {background: rgba(209,209,209,0.3); border-radius: 10px;}

.popup_wrap .popup .pop_content .tabcon_wrap > div:not(.mCSB_scrollTools) {position: relative;}
.popup_wrap .popup .pop_content .notice_box + .data_info {margin-top: 20px; margin-bottom: 14px;}
.popup_wrap .popup .pop_content .big_tit {display: block; margin-top: 26px; padding-top: 30px; border-top: 1px solid #d1d1d1;}
.popup_wrap .popup .pop_content .tabwrap > .btn_wrap {padding-top: 20px;}
.popup_wrap .popup .pop_content .opinion_wrap textarea {min-height:200px}
.popup_wrap .popup .pop_content .opinion_wrap + .btn_wrap {margin-top: 24px;}

.popup_wrap.new_rgpop .popup .pop_content form .tabwrap .page_scroll {height: calc(100% - 145px);}

.popup_wrap.detail_pop .popup .pop_content .page_scroll {max-height: 676px;}
.popup_wrap.detail_pop .popup .pop_content .page_scroll .mCSB_container {min-height:100%;}

.popup_wrap.detail_pop .popup .pop_content .tabcon_wrap {height: 100%;}
.popup_wrap.detail_pop .popup .pop_content .tabcon_wrap > div:not(.mCSB_scrollTools.mCSB_scrollTools.mCS-minimal-dark.mCSB_scrollTools_vertical) {height: 100%;}
.popup_wrap.detail_pop .popup .pop_content .fix_btm {position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; display: flex; align-items: center; justify-content: space-between;}
.popup_wrap.detail_pop .popup .pop_content .fix_btm.flxend {align-items: flex-end;}
.popup_wrap.detail_pop .popup .pop_content .fix_btm > div > strong {font-size: 18px; font-weight: 600; color: #111;}
.popup_wrap.detail_pop .popup .pop_content .fix_btm .file {display: flex; align-items: center; gap: 20px; flex-grow:1;}
.popup_wrap.detail_pop .popup .pop_content .fix_btm .file p {font-size: 14px; color: #777; line-height: 1.57;}
.popup_wrap.detail_pop .popup .pop_content .fix_btm .btn_wrap {flex-shrink:0; width: auto;}
.popup_wrap.detail_pop .popup .pop_content .dubble_pgscroll .page_scroll.outer {width: calc(100% + 30px); margin-right: -30px;}
.popup_wrap.detail_pop .popup .pop_content .dubble_pgscroll .page_scroll.outer .mCSB_scrollTools {margin-right: -10px;}
.popup_wrap.detail_pop .popup .pop_content .dubble_pgscroll .page_scroll.outer .tabcon {padding-right: 30px;}
.popup_wrap.detail_pop .popup .pop_content .dubble_pgscroll .page_scroll.outer,
.popup_wrap.detail_pop .popup .pop_content .dubble_pgscroll .page_scroll.outer .mCustomScrollBox,
.popup_wrap.detail_pop .popup .pop_content .dubble_pgscroll .page_scroll.outer .mCustomScrollBox .mCSB_container {overflow-x:visible;}

.popup_wrap.full_pop {background: none;}
.popup_wrap.full_pop .popup {top: 40px; left: 40px; margin-right: 0; right: auto; width: calc(100vw - 180px); height: calc(100% - 80px); max-height: none; padding: 50px 80px;}
.popup_wrap.full_pop .popup .search_wrap .setting_date .range_wrap input[type="text"] {height: 40px;}
.popup_wrap.full_pop .popup .search_wrap .setting_date button {width: 114px; font-size: 16px; height: 40px;}
.popup_wrap.full_pop .popup .search_wrap .setting_date button span {padding-left: 26px;}

/* .popup_wrap .popup .pop_content form > div.info_date {height: auto; display: flex; align-items: center; justify-content: space-between; padding: 20px 0; border-top: 1px solid #D1D1D1; border-bottom: 1px solid #D1D1D1;} */
.popup_wrap .popup .pop_content form > div.info_date {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;  /* flex-end → space-between 변경 */
    padding: 20px 0;
    border-top: 1px solid #D1D1D1;
    border-bottom: 1px solid #D1D1D1;
}
.popup_wrap .popup .pop_content form > div.info_date > p {font-size: 18px; color: #505050; padding-left: 34px; background: url(../images/ico/ico_gis_info_date.svg) no-repeat left center;}
.popup_wrap .popup .pop_content form > div.info_date .setting_date {margin-bottom: 0;}
.popup_wrap .popup .pop_content .collage_wrap {display: flex; gap: 24px; margin-top: 20px; height: calc(100% - 105px);}
.popup_wrap .popup .pop_content .collage_wrap .cm_grid_wrap {width: 516px; height: 100%; border-bottom: 1px solid #d1d1d1;}
.popup_wrap .popup .pop_content .collage_wrap .cm_grid_wrap .ag-header-cell {font-weight: 700;}
.popup_wrap .popup .pop_content .collage_wrap .cm_grid_wrap .cm_grid {height: 100% !important;}
.popup_wrap .popup .pop_content .collage_wrap .row_box {display: flex; align-items: center; flex-direction: column; gap: 24px; flex-grow: 1;}
.popup_wrap .popup .pop_content .collage_wrap .row_box > div {height: calc(50% - 12px); width: 100%;}
/*
.popup_wrap .popup .pop_content.search_wrap form .inp_box.datepicker_wrap {flex: none; width: 448px; display: flex; align-items: center; gap: 20px;}
.popup_wrap .popup .pop_content.search_wrap form .inp_box.datepicker_wrap input[type="text"] {height: 32px;}
*/
/* notice */
.notice_box {border-radius: 16px; padding: 24px 40px; border: 1px solid #D1D1D1;}
.notice_box .tit {display: flex; align-items: center; gap: 14px; margin-bottom: 20px;}
.notice_box .tit span {display: flex; align-items: center; justify-content: center;	width: 120px; height: 40px; text-align: center; font-size: 18px; color: #fff; font-weight: 600; line-height: 1.22; border-radius: 10px; background: #148736;}
.notice_box + .btn_wrap {margin-top: 14px;}

/* list */
.dot_list li {position: relative; padding-left: 24px; line-height: 1.4;}
.dot_list li:before {content:''; position: absolute; z-index: 1; top: 9px; left: 10px; width: 4px; height: 4px; border-radius: 4px; background: #333}

/* point */
.ft_red {color: #EF0000;}
.ft_green {color: #148736;}

/* table */
.data_info {display: flex; align-items: center; text-align: center; width: 100%; flex-wrap:wrap; border-top: 1px solid #d1d1d1;}
.data_info li {display: flex; align-items: center; text-align: center; height: 40px; width: 50%; font-size: 14px; border-bottom: 1px solid #d1d1d1;}
.data_info.li_h50 li {height: 50px;}
.data_info li > * {display: flex; align-items: center; justify-content: center; height: 100%;}
.data_info li > strong,
.data_info li > label {width: 200px; flex-shrink: 0; background: #F7F7F8; border-right: 1px solid #d1d1d1;}
.data_info li:nth-child(even) p,
.data_info li:nth-child(even) div {border-right: 0;}
.data_info li > p,
.data_info li > div {flex-grow: 1; border: 0; text-align: center; border-right: 1px solid #d1d1d1;}
.data_info li > div {padding: 5px 10px;}
.data_info li > div input {text-align: center; width: 100%; height: 100%; border: 1px solid #d1d1d1; border-radius: 8px;}
.data_info li.full {width: 100%;}
.data_info li.full p,
.data_info li.full div {border-right: 0;}
.data_info .state span {display: inline-block; padding: 4px 14px; font-size: 12px; color: #505050; border: 1px solid #505050; border-radius: 50px;}
.data_info .state span.state_reviewing {color: #148736; border-color: #148736;}
.data_info .state span.state_return {color: #EF0000; border-color: #EF0000;}
.data_info .state span.state_approval {color: #0089DE; border-color: #0089DE;}
.data_info .state span.state_edit {color: #EB7E00; border-color: #EB7E00;}

.data_info.big li {height: 60px; font-size: 16px;}

.data_info.row {flex-direction: column;}
.data_info.row li {width: 100%; height: 60px; font-size: 16px;}
.data_info.row li.head {height: 40px;}
.data_info.row li > * {width: auto; flex: 1;}
.data_info.row li > *:last-child {border-right: 0;}
.data_info.gridtab {flex-wrap: nowrap; overflow-x:visible;}
.data_info.gridtab li > a {width: 100%; transition: all .3s ease;}
.data_info.gridtab li.on > a,
.data_info.gridtab li > a:hover {background: rgba(20,135,54,0.05)}
.data_info.gridtab li > a > * {display: flex; align-items: center; justify-content: center; height: 100%; width: auto; flex: 1; border-right: 1px solid #d1d1d1;}
.data_info.gridtab li > a > div strong {display: none;}
.data_info.gridtab li > a > *:last-child {border-right: 0;}

/*
.data_scroll {height: 220px; overflow: auto; scrollbar-gutter: stable both-edges; overflow-x: hidden; -webkit-overflow-scrolling: touch;}
.data_scroll::-webkit-scrollbar {width: 10px;}
.data_scroll::-webkit-scrollbar-thumb {background: #D1D1D1; border-radius: 10px;}
.data_scroll::-webkit-scrollbar-track {background: rgba(209, 209, 209, 0.3); border-radius: 10px;}
.data_scroll::-webkit-scrollbar-button {display: none;}
*/

/* drop and drag*/
.upload_box {display: flex; align-items: flex-end; gap: 80px; margin-top: 12px;}
.upload_box > div {display: flex; align-items: stretch; gap: 20px;}
.upload_box > div.btn_wrap {transform:translateY(10px);}
.upload_box > div > strong {font-size: 18px; font-weight: 600;}
.upload_box .drop_box {display: flex; align-items: center; justify-content: center; width: 410px; height: 100px; border: 1px solid #D1D1D1; border-radius: 16px;}
.upload_box .drop_box.active {background: rgba(0,137,222,0.05)}
.upload_box .drop_box .drop_text {font-size: 14px; font-weight: 600; color: #777; line-height: 1.57; padding-left: 60px; background: url(../images/ico/ico_dropbox_file01.svg) no-repeat left center;}
.upload_box .drop_box .drop_text span {color: #0089DE; text-decoration: underline; text-underline-position: under;}
.upload_box .filename_wrap {width: 320px; height: 100px; font-size: 14px; font-weight: 600; color: #777; line-height: 1.57;}

/* subpage */
.subpage {display: flex; padding: 40px 0; gap: 60px; padding-left: 360px;}
.subpage .sidemenu {position: fixed; z-index: 1; top: 140px; left: 50%; margin-left: -840px; flex-shrink: 0; width: 320px; height: calc(100vh - 180px); border-radius: 16px; padding: 20px; background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(245, 251, 255, 1) 100%); box-shadow: 4px 4px 20px rgba(0,0,0,0.1);}
.subpage .sidemenu > strong {display: block; margin-bottom: 18px; text-align: center; font-size: 20px; font-weight: 700; line-height: 1.6; color: #fff; border-radius: 12px; padding: 10px 0; background: #148736;}
.subpage .sidemenu > ul {display: flex; flex-direction: column; align-items: stretch; gap: 12px;}
.subpage .sidemenu > ul li {position: relative; height: 54px; border-radius: 12px; border: 2px solid #777; transition: all .3s ease;}
.subpage .sidemenu > ul li a {display: flex; align-items: center; height: 100%; font-size: 18px; line-height: 1; font-weight: 600; color: #777; padding: 0 65px 0 28px; transition: all .3s ease;}
.subpage .sidemenu > ul li:after {content: ''; position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); margin-top: -1px; right: 28px; display: inline-block;  width: 25px; height: 25px; background: url(../images/ico/ico_sidemenu_arrow01.svg) no-repeat center; opacity: 0; transition: all .3s ease;}
.subpage .sidemenu > ul li:hover,
.subpage .sidemenu > ul li.on {border-color: #148736;}
.subpage .sidemenu > ul li:hover:after,
.subpage .sidemenu > ul li.on:after {opacity: 1;}
.subpage .sidemenu > ul li:hover a,
.subpage .sidemenu > ul li.on a {color: #148736;}


.subpage .content {flex-grow: 1; width: calc(100% - 360px);}
.subpage .content .nav_loca {display: flex; align-items: flex-end; gap: 20px; }
.subpage .content .nav_loca > h2 {font-size: 36px; font-weight: 700; line-height: 1;}
.subpage .content .nav_loca > ol {display: flex; align-items: center; color: #777;}
.subpage .content .nav_loca > ol li:after {content: '>'; display: inline-block; margin: 0 4px;}
.subpage .content .nav_loca > ol li:last-child {color: #111;}
.subpage .content .nav_loca > ol li:last-child:after {display: none;}

.subpage .content .page_tab {display: flex; align-items: center; margin-top: 10px; margin-left: -10px; gap: 1px;}
.subpage .content .page_tab li {position: relative;}
.subpage .content .page_tab li:before {content: ''; position: absolute; z-index: 1; top: 50%; left: -1px; width: 1px; height: 16px; transform:translateY(-50%); background: #777;}
.subpage .content .page_tab li:first-child:before {display: none;}
.subpage .content .page_tab li a {position: relative; display: block; width: 100%; height: 100%; font-size: 18px; line-height: 1; color: #505050; padding: 10px 16px;}
.subpage .content .page_tab li a:before {content: ''; position: absolute; z-index: 1; bottom: 0; left: 50%; transform: translateX(-50%);	width: calc(100% - 20px); height: 2px; background: #148736; opacity: 0;}
.subpage .content .page_tab li:hover a,
.subpage .content .page_tab li.on a {color: #148736; font-weight: 600;}
.subpage .content .page_tab li:hover a:before,
.subpage .content .page_tab li.on a:before {opacity: 1;}

.subpage .content .system_title {display: flex; align-items: center; justify-content: space-between;}
.subpage .content .system_title .btn_wrap {gap: 10px;}

.inner_box {margin-top: 26px;}
.inner_box .white_box {border-radius: 16px; box-shadow: 0 6px 20px rgba(0,0,0,0.1); padding: 30px 40px; background: #fff;}
.inner_box .white_box + .white_box {margin-top: 26px;}
.inner_box > div + div {margin-top: 26px;}

.inner_box.row {display: flex; flex-direction: row; width: 100%; gap: 20px;}
.inner_box.row > div {width: 50%;}
.inner_box.row > div + div,
.inner_box.row .white_box + .white_box {margin: 0;}
.inner_box.row .page_scroll {margin-top: 0;}

.inner_box.subnav_has {display: flex; flex-direction: row; width: 100%; gap: 26px; min-height: calc(100vh - 242px);}
.inner_box.subnav_has .subnav {display: flex; flex-direction: column; justify-content: space-between; width: 250px; flex-shrink: 0; background: #fff; border-radius: 16px; overflow: hidden; padding-bottom: 20px; box-shadow: 0 6px 20px rgba(0,0,0,0.1);}
.inner_box.subnav_has .subnav > ul {width: 100%;}
.inner_box.subnav_has .subnav > ul > li {min-height: 60px; border-bottom: 1px solid #D1D1D1; transition: all .3s ease;}
.inner_box.subnav_has .subnav > ul > li a {display: flex; align-items: center; width: 100%; min-height: 100%; font-weight: 500; font-size: 18px; padding: 20px 30px; transition: all .3s ease;}
.inner_box.subnav_has .subnav > ul > li a span {margin-left: 10px; flex-shrink: 0; color: #148736; transition: all .3s ease;}
.inner_box.subnav_has .subnav > ul > li.plus_group {display: none;}
.inner_box.subnav_has .subnav .plus_group {position: relative; left: 50%; transform: translateX(-50%); width: calc(100% - 40px); height: 40px; border-radius: 10px; border: 2px solid #148736;}
.inner_box.subnav_has .subnav .plus_group a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 18px; font-weight: 500; color: #148736; line-height: 1; }

.inner_box.subnav_has .subnav > ul > li:hover,
.inner_box.subnav_has .subnav > ul > li.on {background: #148736}
.inner_box.subnav_has .subnav > ul > li:hover a,
.inner_box.subnav_has .subnav > ul > li:hover a span,
.inner_box.subnav_has .subnav > ul > li.on a,
.inner_box.subnav_has .subnav > ul > li.on a span {color: #fff;}

.inner_box.subnav_has .search_wrap {flex-grow: 1;}

.white_box .big_tit {margin-bottom: 20px;}
.white_box .big_tit.blank {padding-bottom: 20px; border-bottom: 1px solid #d1d1d1;}
.white_box .big_tit > strong {font-size: 28px; line-height: 1.4; color: #111;}
.white_box .big_tit > p {margin-top: 10px; font-weight: 500; color: #777;}

.search_wrap form .big_name {display: block; margin-bottom: 16px; font-size: 18px; font-weight: 600; width: 100%; flex: inherit;}
.search_wrap form label.big_name {margin-bottom: 0;}
.search_wrap form * + .big_name {margin-top: 30px;}
.search_wrap form > .big_name + div {padding-top: 0;}
.search_wrap:not(.find_wrap) form .inp_list_wrap {display: flex; align-items: stretch; justify-content: center; flex-direction: column; gap: 30px;}
.search_wrap form .inp_list_wrap.full {width: 100%;}
.search_wrap form .inp_list_wrap > div {display: flex; gap: 16px 20px; padding-bottom: 30px; flex-wrap: wrap; border-bottom: 1px solid #D1D1D1;}
.search_wrap form .inp_list_wrap .nobd {padding-bottom: 0; border-bottom: 0;}
.search_wrap form .inp_list_wrap .nobd.g10 {gap: 10px;}
.search_wrap form .inp_list_wrap > div.inp_col2 {gap: 40px; flex-wrap: nowrap;}
.search_wrap form .inp_list_wrap > div.inp_col2 > div {width: 50%;}
.search_wrap form .inp_list_wrap .hasbtn {justify-content: space-between; align-items: flex-end; border-bottom: 0; padding-bottom: 0;}
.search_wrap form .inp_list_wrap .hasbtn.search_detail {gap: 16px 20px;}
.search_wrap form .inp_list_wrap .hasbtn > div:not(.btn_wrap) {flex-grow: 1; display: flex; gap: 20px;}
.search_wrap form .inp_list_wrap .hasbtn > div.has_datebtn {gap: 10px;}
.search_wrap form .inp_list_wrap .hasbtn .btn_wrap {padding-top: 0;}
/*.search_wrap form .inp_list_wrap > div.no_full,*/

.search_wrap form .inp_list_wrap.search_datebtn > div .inp_box.search_detail {flex-grow:1;}
.search_wrap form .inp_list_wrap.search_datebtn > div .inp_box.has_datebtn {width: auto; flex: none;}

.search_wrap form .inp_list_wrap .search_state {display: flex; gap:30px;}
.search_wrap form .inp_list_wrap .search_state .inp_box {margin-top: 16px;}
.search_wrap form .inp_list_wrap .search_state .search {width: calc(100% - 220px);}
.search_wrap form .inp_list_wrap .search_state .search .search_detail {gap: 20px;}
.search_wrap form .inp_list_wrap .search_state .state {width: 190px;}
.search_wrap form .inp_list_wrap .search_state + .btn_wrap {padding-top: 0;}

.search_wrap form .inp_box {flex: 1;}
.search_wrap form .inp_box.flex {display: flex; align-items: center; gap: 20px;}
.search_wrap form .inp_box:not(.datepicker,.has_datebtn,.flex,.fileinp) {display: flex; flex-direction: column; justify-content: flex-end;}
.search_wrap form .inp_box.full {flex: inherit; width: 100%;}
.search_wrap form .inp_box.one_third {flex: 1.57;}
.search_wrap form .inp_box > label:not(.big_name) {display: block; margin-bottom: 10px; font-weight: 500;}
.search_wrap form .inp_box input[type="text"],
.search_wrap form .inp_box input[type="number"],
.search_wrap form .inp_box textarea,
.search_wrap form .inp_box select {width: 100%; height: 40px; border: 1px solid #d1d1d1; border-radius: 8px; padding: 10px 13px;}
.search_wrap form .inp_box textarea {width: 100%; height: 108px; padding: 14px 20px;}

.search_wrap form .inp_box input[type="text"],
.search_wrap form .inp_box input[type="number"],
.search_wrap form .inp_box input[type="text"]::placeholder,
.search_wrap form .inp_box input[type="number"]::placeholder,
.search_wrap form .inp_box textarea,
.search_wrap form .inp_box select {font-size: 15px; font-weight: 400;}
.search_wrap form .inp_box select {background: url(../images/ico/ico_select01.svg) no-repeat right 17px center/17px;}

.search_wrap form .no_full .inp_box {flex: inherit;}
.search_wrap form .no_full .inp_box select {width: 200px;}

.search_wrap form .file_wrap {display: flex; align-items: center;}
.search_wrap form .file_wrap p {flex-grow: 1; font-size: 14px; font-weight: 500; color: #777;}
.search_wrap form .file_wrap button {flex-shrink: 0; width: 80px; height: 32px; font-size: 14px; font-weight: 400; color: #505050; border: 1px solid #505050; border-radius: 8px;}
.search_wrap form .file_wrap input[type="file"] {position: absolute; z-index: -9999; left: -99999px; width: 0; height: 0;  overflow: hidden; border: 0; opacity: 0;}

.search_wrap form .range_wrap {display: flex; align-items: center; gap: 20px;}
.search_wrap form .range_wrap > div {display: flex; align-items: center; gap: 10px;}
.search_wrap form .range_wrap span {font-size: 14px; font-weight: 600;}
.search_wrap form .range_wrap.gap10 {gap: 10px;}

.search_wrap form .inp_box.datepicker_wrap.date_center {flex-direction: row; align-items: center;}
.search_wrap form .inp_box.datepicker_wrap {flex: 1.93;}
.search_wrap form .inp_box.datepicker_wrap .range_wrap {gap: 6px;}
.search_wrap form .inp_box.datepicker_wrap .range_wrap input[type="text"] {background: url(../images/ico/ico_datepicker01_black.svg) no-repeat right 12px center;}

.search_wrap form .inp_box.datepicker_wrap.has_datebtn {display: flex; align-items: center; gap: 10px; flex: 1;}
.search_wrap form .inp_box.datepicker_wrap.has_datebtn .range_wrap {flex: 0.64; gap: 12px;}
.search_wrap form .inp_box.datepicker_wrap.has_datebtn .date_btn {display: flex; align-items: center; gap: 10px;}
.search_wrap form .inp_box.datepicker_wrap.has_datebtn .date_btn button {flex-shrink: 0; font-size: 14px; font-weight: 500; color: #777; height: 40px; padding: 0 16px; border-radius: 8px; border: 1px solid #D1D1D1; transition: all .3 ease;}
.search_wrap form .inp_box.datepicker_wrap.has_datebtn .date_btn button.on,
.search_wrap form .inp_box.datepicker_wrap.has_datebtn .date_btn button:hover {color: #148736; border-color: #148736;}

.search_wrap form .inp_box.search_detail {flex-direction: row; justify-content: center;}
.search_wrap form .search_detail select {flex-shrink: 0; width: 190px;}
.search_wrap form .search_detail input[type="text"] {flex-grow: 1; padding-left: 56px; background: url(../images/ico/ico_search01.svg) no-repeat left 20px center;}

.search_wrap form .btn_wrap {display: flex; align-items: center; justify-content: flex-end; gap: 10px; border-bottom: 0;flex-shrink: 1; padding-top: 30px;}
.search_wrap form .btn_wrap > button {font-size: 15px; font-weight: 600; line-height: 1.4; width: 120px; height: 40px; text-align: center; border-radius: 8px; overflow: hidden;}
.search_wrap form .btn_wrap > button span {display: inline-block; padding-left:24px; background-repeat: no-repeat; background-position: left center;}
.search_wrap form .btn_wrap > .bt_reset {background: #E4E9ED ;}
.search_wrap form .btn_wrap > .bt_reset span {color: #777; background-image: url(../images/ico/ico_btn_reset01.svg);}
.search_wrap form .btn_wrap > .bt_search {background: #148736 ;}
.search_wrap form .btn_wrap > .bt_search span {color: #fff; background-image: url(../images/ico/ico_btn_search01.svg);}

.search_wrap form > div.viewmore_box {display: flex; align-items: flex-end; justify-content: center; flex-direction: column; gap: 0; padding-top: 30px;}
.search_wrap form > div.viewmore_box .big_name {width: 100%; margin-bottom: 0;}
.search_wrap form > div.viewmore_box .inp_list_wrap {gap: 16px; padding: 16px 0 0;}
.search_wrap form > div.viewmore_box .inp_list_wrap > div {display: flex; gap: 16px 20px; flex-wrap: wrap; border-bottom: 0; padding-bottom: 0;}
.search_wrap form > div.viewmore_box button {margin-top: -19px; font-size: 16px; font-weight: 500; line-height: 1.125; padding-left: 22px; color: #148736; background: url(../images/ico/ico_view_arrow01_ov.svg) no-repeat left center; transition: all .3s ease;}
.search_wrap form > div.viewmore_box button.on {margin-top: 30px; color: #777; background-image: url(../images/ico/ico_view_arrow01.svg);}

.tabwrap .tab {display: flex; align-items: center; padding: 6px; background: #F7F7F8; border-radius: 16px; margin-bottom: 20px;}
.tabwrap .tab li {flex: 1; text-align: center; border-radius: 12px; font-size: 18px; font-weight: 600; padding: 13px 0; transition: all .3s ease;  border: 2px solid #F7F7F8; cursor: pointer;}
.tabwrap .tab li:hover {color: #148736;}
.tabwrap .tab li.on {color: #148736; border-color: #148736; background: #fff;}

.result_head {display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 20px;}
.result_head > strong {font-size: 18px;}
.result_head .count {display: flex; align-items: flex-end; gap: 12px; flex-shrink: 0;}
.result_head .count strong {font-size: 18px; font-weight: 700;}
.result_head .count p {font-size: 14px; line-height: 1.35;}
.result_head .count p span {font-weight: 700; color: #148736;}
.result_head .count .info_txt {transform: translateY(-3px); padding-left: 14px; color:#EF0000; background: url(../images/ico/ico_result_info01.svg) no-repeat left center;}
.result_head .count .info_txt p {font-size: 12px; line-height: 1;}

.result_head.inp_list_wrap {flex-direction: row; align-items: center; justify-content: space-between;}
.result_head.inp_list_wrap .inp_box.datepicker_wrap {flex: inherit; flex-wrap: nowrap; /*align-items: center;*/ gap: 12px; width: auto;}
.result_head.inp_list_wrap .inp_box.datepicker_wrap label.big_name {display: inline-block; width: auto; flex-shrink:0;}
.result_head.inp_list_wrap .inp_box.datepicker_wrap .range_wrap {gap: 6px;}
.result_head.inp_list_wrap .inp_box.datepicker_wrap .range_wrap input[type="text"] {height: 32px; width: 154px; font-size: 14px}

.downbtn_list {position: relative; z-index: 10;}
.downbtn_list > a {display: flex; width: 80px; height: 32px; align-items: center; justify-content: center; color: #fff; font-size: 14px; font-weight: 600; border-radius: 8px; background: #333;}
.downbtn_list > a.line_btn {color: #333; border: 1.5px solid #333; background: #fff;}
.downbtn_list > ul {display: none; position: absolute; z-index: 1; top: calc(100% + 10px); left: 50%; transform: translateX(-50%); width: 110px; background: #fff; border: 1px solid #333; border-radius: 8px;}
.downbtn_list > ul li + li {border-top: 1px solid #333;}
.downbtn_list > ul li a {display: block; font-size: 14px; text-align: center; font-weight: 600; color: #505050; padding: 9px 0;}

.cm_grid_wrap {text-align: center;}
.cm_grid_wrap .cm_grid {display: block; text-align: center; box-sizing:border-box;}
.cm_grid_wrap .cm_grid .ag-root-wrapper {border: 0; border-radius: 0;}
.cm_grid_wrap .cm_grid .ag-header {border-bottom: 2px solid #148736;}
.cm_grid_wrap .cm_grid .ag-header-container {width: 100% !important;}
.cm_grid_wrap .cm_grid .ag-header-cell-resize:after {top: 50%; transform: translateY(-50%);width: 1px; height: 23px; background: #AFBBB4}
.cm_grid_wrap .cm_grid .ag-header-row .ag-header-cell:last-child .ag-header-cell-resize {display: none;}
.cm_grid_wrap .cm_grid .ag-header-cell-label {justify-content: center; padding:0;}
.cm_grid_wrap .cm_grid .ag-header-cell-text {word-break: keep-all; stext-overflow: visible; white-space: pre-wrap; overflow: visible;}
.cm_grid_wrap .cm_grid .ag-center-cols-container {position: relative;}
.cm_grid_wrap .cm_grid .ag-center-cols-container:before {content: ''; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 6px; background: linear-gradient(180deg,rgba(231, 247, 237, 1) 0%, rgba(231, 247, 237, 0) 83%);}
.cm_grid_wrap .cm_grid .ag-body-vertical-scroll {position: absolute; z-index: 1; top: 0; right: 0;}
.cm_grid_wrap .cm_grid .ag-cell-wrapper {z-index: 5; height:100%;}
.cm_grid_wrap .cm_grid .ft_red {font-weight: 500; color: #EF0000}
.cm_grid_wrap .cm_grid .ft_bold {font-weight: 700; color: #000}
.cm_grid_wrap .cm_grid .clamp02 { white-space: pre-line; }
.cm_grid_wrap .cm_grid .clamp02 .ag-cell-wrapper {height:40px;}
.cm_grid_wrap .cm_grid .clamp02 .ag-cell-value {z-index: 5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.4; height:auto; max-height: 100%;}
.cm_grid_wrap .cm_grid .ag-row {transition: all .3s ease;}
.cm_grid_wrap .cm_grid .ag-row.ag-row-focus,
.cm_grid_wrap .cm_grid .ag-row.ag-row-hover {background: rgba(20,135,54,0.05);}
.cm_grid_wrap .cm_grid .detail_cell .ag-cell-wrapper {display:inline-block;}
.cm_grid_wrap .cm_grid .state .ag-cell-value span {display: inline-block; font-size: 12px; width: auto; font-weight: 600; line-height: 1.3; padding: 4px 14px; color:#505050; border: 1px solid #505050; border-radius:50px;}
.cm_grid_wrap .cm_grid .state.state_reviewing .ag-cell-value span {color:#148736; border-color: #148736;}
.cm_grid_wrap .cm_grid .state.state_return .ag-cell-value span {color:#EF0000; border-color: #EF0000;}
.cm_grid_wrap .cm_grid .state.state_approval .ag-cell-value span {color:#0089DE; border-color: #0089DE;}
.cm_grid_wrap .cm_grid .state.state_edit .ag-cell-value span {color: #EB7E00; border-color: #EB7E00;}

.cm_grid_wrap .paging {display: inline-flex; align-items: center; justify-content: center; gap: 4px; margin-top: 20px;}
.cm_grid_wrap .paging ol {display: flex; align-items: center; justify-content: center; gap: 4px; height: 24px; margin: 0 4px;}
.cm_grid_wrap .paging ol li button {display: block; min-width: 24px; padding: 0 7px; height: 24px; line-height: 1; color: #777; transition: all .3s ease;}
.cm_grid_wrap .paging ol li.on button,
.cm_grid_wrap .paging ol li:hover button {font-weight: 600; color: #148736;}
.cm_grid_wrap .paging > button {width: 24px; height: 24px; border-radius: 50px; text-indent: -9999px; background-color: rgba(155,164,171,0.2); background-position: center; background-size: cover;}
.cm_grid_wrap .paging > button.prev_last {background-image: url(../images/ico/ico_grid_arrow01.svg);}
.cm_grid_wrap .paging > button.prev {background-image: url(../images/ico/ico_grid_arrow02.svg);}
.cm_grid_wrap .paging > button.next {background-image: url(../images/ico/ico_grid_arrow03.svg);}
.cm_grid_wrap .paging > button.next_last {background-image: url(../images/ico/ico_grid_arrow04.svg);}

.ag-selection-checkbox {margin-right: 0;}
.ag-checkbox-input-wrapper.ag-checked {background: #0089DE !important;}
.ag-checkbox-input-wrapper.ag-checked:after {background: #fff !important;}
.ag-pinned-left-header .ag-header-cell {padding: 0 !important; justify-content: center !important;}
.ag-pinned-left-header .ag-header-cell .ag-header-cell-comp-wrapper {display: none; !important}
.ag-pinned-left-header .ag-cell-wrapper {display: inline-block !important;}
.ag-pinned-left-cols-container .ag-cell {padding: 0 !important;}
.ag-pinned-left-cols-container .ag-cell .ag-cell-wrapper {justify-content: center !important;}
.ag-pinned-left-cols-container .ag-cell .ag-cell-value {display: none; !important}

.ag-pinned-left-header {border-right: 0;}
.ag-pinned-left-header .ag-header-cell {position: relative;}
.ag-pinned-left-header .ag-header-cell:before {position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); left: auto; right: 0; width: 1px; height: 23px; background: #AFBBB4}
.ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right,.ag-cell-range-single-cell,.ag-cell-focus:not(.ag-cell-range-selected):focus-within) {border-right: 0;}


.editcell_wrap {display: flex; align-items: center; justify-content: center; flex-direction: column;}
.editcell_wrap .val-new {color: #EB7E00;}
.editcell_wrap .val-old {color: #999;}

.editbtn_cell {padding: 0 !important;}
.editbtn_cell .ag-cell-value {width: 100%; height: 100%;}
.editbtn_cell .ag-cell-value .edit_icon_btn {display: block; width: 100%; height: 100%; text-indent: -9999px; background: url(../images/ico/ico_sys_edit_icon01.svg) no-repeat center;}

/* 그리드srcoll */
.cm_grid_wrap .cm_grid .ag-body-vertical-scroll {top: 10px; height: calc(100% - 10px);}
.cm_grid_wrap .cm_grid .ag-body-vertical-scroll:after {content:''; position:absolute; z-index:-1; top: 0; right:0; width: 6px; height: calc(100% - 10px); border-radius:10px; background:#f2f2f2;}
.cm_grid_wrap .cm_grid .ag-body-vertical-scroll-viewport {background: transparent}
.cm_grid_wrap .cm_grid .ag-body-vertical-scroll-viewport::-webkit-scrollbar {width: 6px; border-radius: 5px; background: transparent; scrollbar-color:transparent;}
.cm_grid_wrap .cm_grid .ag-body-vertical-scroll-viewport::-webkit-scrollbar-track {width: 6px; border-radius: 5px; background: transparent;}
.cm_grid_wrap .cm_grid .ag-body-vertical-scroll-viewport::-webkit-scrollbar-thumb {width: 6px; border-radius: 5px; background: #d1d1d1;}

.cm_grid_wrap .cm_grid .ag-body-horizontal-scroll-viewport::-webkit-scrollbar {height: 6px; border-radius: 5px; background: transparent; scrollbar-color:transparent;}
.cm_grid_wrap .cm_grid .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-track {height: 6px; border-radius: 5px; background: #F2F2F2;}
.cm_grid_wrap .cm_grid .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb {height: 6px; border-radius: 5px; background: #d1d1d1;}



.map_wrap {position: relative;	height: 620px;}

.find_btn {display: flex; align-items: center; height: 32px; border: 1px solid #148736; border-radius:8px; overflow: hidden;}
.find_btn > * {display: flex; align-items: center; justify-content: center; width: 89px; height: 100%; font-size: 14px; font-weight: 600; color: #148736; border: 0; transition: all .3 ease;}
.find_btn > *:hover,
.find_btn > *.on {color: #fff; background: #148736;}
.find_btn > * + * {border-left: 1px solid #148736;}
.find_wrap .find_con {display: flex; align-items: stretch; gap: 10px; overflow: hidden;}
.find_wrap .find_con > div {width: 100%; transition: all .3s ease;}
/* .find_wrap .find_con > div .map_title {position: absolute; z-index: 5; top: 20px; left: 50%; width: calc(100% - 40px); height: 50px; display: flex; align-items: center; justify-content: center; transform: translateX(-50%); font-size:18px; text-align: center; font-weight: 600; color: #fff; background: #0089DE; border-radius: 8px; display: none;} */
.find_wrap .find_con > div .map_title {position: absolute; z-index: 5; top: 20px; left: 50%; width: calc(100% - 40px); height: 50px; display: flex; align-items: center; justify-content: center; transform: translateX(-50%); font-size:18px; text-align: center; font-weight: 600; color: #111111; background: rgba(240, 240, 240, 0.8); border: 2px solid white; border-radius: 8px; display: none;}
.find_wrap .find_con > div.compare {width: 0;}

/* 비교조회시 */
.find_wrap .find_con.show_compare > div {width: 50%; overflow: hidden;}
.find_wrap .find_con.show_compare > div.compare {width: 50%;}
.find_wrap .find_con.show_compare > div .map_title {display: flex;}
/* .find_wrap .find_con.show_compare > div.compare .map_title {background: #148736;} */

.find_wrap .find_con.show_compare > div .map_range {top: 90px;}
.find_wrap .find_con.show_compare .spot_popup {top: 90px; height: calc(100% - 110px); width: 60%;}
.find_wrap .find_con.show_compare .spot_popup .page_scroll .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {height: 415px;}
.find_wrap .find_con.show_compare .spot_popup .spop_body .sp_tit {flex-direction: column; align-items: flex-start; justify-content: flex-end; gap: 10px}
/*.accordion_wrap > div .box.density_wrap > strong {width: 100%;}*/
.accordion_wrap > div .box.density_wrap {/*flex-direction: column;*/ align-items: stretch; justify-content: flex-start; gap: 8px}
.accordion_wrap > div .box.density_wrap > div {width: 100%; justify-content: flex-start;}
.accordion_wrap > div .box.density_wrap input[type="number"] {width: 53px;}

/* 맵공통 */
.map_wrap { overflow: hidden;}
.map_wrap .map_range {position: absolute; z-index: 1; top: 20px; left: 20px; display: inline-flex; align-items: center; gap: 10px; flex-direction: column; width: 40px; border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.2); overflow: hidden; background: #fff; transition: all .3s ease;}
.map_wrap .map_range button {height: 35px; cursor: pointer; width: 100%;}
.map_wrap .map_range button.plus {border-bottom: 1px solid rgba(209,209,209,0.4);}
.map_wrap .map_range button.minus {border-top: 1px solid rgba(209,209,209,0.4);}
.map_wrap .map_range > div {display: flex; align-items: center; justify-content: center; transform: rotate(-90deg); width: 80px; height: 80px; text-align:center;}
.map_wrap .map_range input[type="range"] {width: 80px;}

.map_wrap .map_view_opt {position: absolute; z-index: 1; bottom: 20px; left: 20px; display: flex; flex-direction: column; gap:10px;}
.map_wrap .map_view_opt > div > a {display: block; width: 40px; height: 40px; text-indent: -9999px; Box-shadow:0 4px 10px rgba(0,0,0,0.2); transition: all .3s ease; border-radius: 8px; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: 24px}
.map_wrap .map_view_opt > div > a:hover,
.map_wrap .map_view_opt > div.on > a {background-color: #148736;}
.map_wrap .map_view_opt > div.layer > a {background-image: url(../images/ico/ico_map_opt01.svg);}
.map_wrap .map_view_opt > div.priority > a {background-image: url(../images/ico/ico_map_opt02.svg);}
.map_wrap .map_view_opt > div.viewmode > a {background-image: url(../images/ico/ico_map_opt03.svg);}
.map_wrap .map_view_opt > div.layer:hover > a,
.map_wrap .map_view_opt > div.layer.on > a {background-image: url(../images/ico/ico_map_opt01_ov.svg);}
.map_wrap .map_view_opt > div.priority:hover > a,
.map_wrap .map_view_opt > div.priority.on > a {background-image: url(../images/ico/ico_map_opt02_ov.svg);}
.map_wrap .map_view_opt > div.viewmode:hover > a,
.map_wrap .map_view_opt > div.viewmode.on > a {background-image: url(../images/ico/ico_map_opt03_ov.svg);}

.map_wrap .map_view_opt > div .opt_view {display:none; position: absolute; z-index: 1; bottom: 0; left: calc(100% + 10px); width: 180px; background: #fff; border-radius: 8px; box-shadow:  0 4px 10px rgba(0,0,0,0.2);}
.map_wrap .map_view_opt > div.viewmode .opt_view {width: 352px; padding: 10px;}
.map_wrap .map_view_opt > div .opt_view > strong {display: block; padding: 10px 20px; border-bottom: 1px solid rgba(209,209,209,0.4);}
.map_wrap .map_view_opt > div .opt_view > div:not(.mapmode_wrap) {display: flex; flex-direction: column; gap: 14px; width: 100%; font-size: 14px; font-weight: 500; padding: 14px 20px;}
.map_wrap .map_view_opt > div .opt_view > div > div {display: flex; align-items: center; justify-content: flex-start; gap: 10px}
.map_wrap .map_view_opt > div .opt_view .label {flex-shrink: 0; width: 40px; line-height:1; height: auto;}
.map_wrap .map_view_opt > div .opt_view .label + * {flex-grow: 1; max-width: 90px;}
.map_wrap .map_view_opt > div.on .opt_view {display: block;}

.map_wrap .spot {position: absolute; z-index: 1; top: 50%; left: 50%;}
.map_wrap .spot > button { position: relative; display: block; width: 40px; height: 40px; text-indent: -9999px; cursor:pointer;}
.map_wrap .spot > button:before { content:''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 16px; height: 16px; border-radius: 50%; background: #F00; filter: blur(10px);}
.map_wrap .spot > button:after { content:''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 11px; height: 11px; border-radius: 50%; background: #F00;}
.map_wrap .spot .spot_info {display: none; position: absolute; z-index: 10; top: 0; left: 100%; width: 200px; border-radius: 8px; background: #fff;}
.map_wrap .spot.on {z-index: 2;}
.map_wrap .spot.on .spot_info {display: block;}
.map_wrap .spot .spot_info > div {display: flex; align-content: center; justify-content: space-between; font-size:14px;}
.map_wrap .spot .spot_info > div strong {font-weight: 600;}
.map_wrap .spot .spot_info .sp_head {padding: 10px 14px 6px; border-bottom: 1px solid rgba(209,209,209,0.4);}
.map_wrap .spot .spot_info .sp_head .close {width: 14px; height: 14px; text-indent: -9999px; background: url(../images/ico/ico_spot_close.svg) no-repeat center/14px;}
.map_wrap .spot .spot_info .sp_body > ul {display: flex; flex-direction: column; width: 100%; padding: 13px 14px; justify-content: space-between; gap: 10px;}
.map_wrap .spot .spot_info .sp_body > ul > li {display: flex; align-items: center; justify-content: space-between; width: 100%;}
.map_wrap .spot .spot_info .sp_body strong {color: #148736;}
.map_wrap .spot .spot_info .sp_body a {font-size: 12px; font-weight: 600; line-height: 1.3; color: #777; padding: 4px 14px; border-radius: 6px; background: #E4E9ED;}

.map_wrap .spot.spot01 {margin-top: -298px; margin-left: -293px;}
.map_wrap .spot.spot02 {margin-top: -141px; margin-left: -121px;}
.map_wrap .spot.spot03 {margin-top: 0; margin-left: 0;}

.spot_popup {position: absolute; z-index: 3; top: 20px; right: -100%; height: calc(100% - 40px); width: 43%; transition:all .5s ease; background: #fff; border-radius: 16px; box-shadow: 0 4px 10px rgba(0,0,0,0.2); box-shadow:0 4px 10px rgba(0,0,0,0.2)}
.spot_popup.show {right: 20px;}
.spot_popup .spop_head {padding: 14px 14px 20px 14px;}
.spot_popup .spop_head > strong {display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 600; color: #148736; text-align: center; height: 40px; border: 2px solid #148736; border-radius: 8px;}

.spot_popup .spop_body {padding: 0 24px 24px; height: calc(100% - 64px);}
.spot_popup .spop_body .sp_tit {display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
.spot_popup .spop_body .sp_tit > div {flex-shrink: 0; }
.spot_popup .spop_body .sp_tit .tit {font-size: 14px; font-weight: 500; line-height: 1.25; padding-left: 24px; background-repeat: no-repeat; background-position: left center;}
.spot_popup .spop_body .sp_tit .info_btn {position: relative; display: inline-block; width: 12px; height: 12px;}
.spot_popup .spop_body .sp_tit .info_btn i {display: inline-block; width: 100%; height: 100%; text-indent: -9999px; background: url(../images/ico/ico_info01.svg) no-repeat center;}
.spot_popup .spop_body .sp_tit .info_btn .info_pop {display: none; position: absolute; z-index: 1; top:50%; left: calc(100% + 16px); transform: translateY(-50%); width: 209px; padding: 10px; border-radius: 8px; background: #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.2);}
.spot_popup .spop_body .sp_tit .info_btn .info_pop.on {display: block;}
.spot_popup .spop_body .sp_tit .info_btn .info_pop:before {content:''; position: absolute; z-index: 1; top: 50%; right: 100%; transform: translateY(-50%); width: 0; height: 0; border: 10px solid transparent; border-right-color: #fff; filter: drop-shadow(-2px 2px 2px rgba(0,0,0,0.05));}
.spot_popup .spop_body .sp_tit .info_btn .info_pop strong {display: block; margin-bottom: 6px; font-size: 14px; line-height: 1.25; font-weight: 600; color: #000;}
.spot_popup .spop_body .sp_tit .info_btn .info_pop p {font-size: 10px; color: #505050;}
.spot_popup .spop_body .sp_tit.hetero .tit {background-image: url(../images/ico/ico_spot_sttit01.svg);}
.spot_popup .spop_body .sp_tit.chart .tit {background-image: url(../images/ico/ico_spot_sttit02.svg);}
.spot_popup .spop_body .sp_tit .variable {flex-grow: 1; display: flex; align-items: center; gap: 10px; justify-content: flex-end;}
.spot_popup .spop_body .sp_tit .variable > label {flex-shrink: 0; font-size: 14px; font-weight: 600;}
.spot_popup .spop_body .sp_tit .variable select {font-size: 13px; color: #777; min-width: 80px; width:auto; max-width: 140px; height: 28px; border: 1px solid #d1d1d1; border-radius: 6px; padding: 6px; background: url(../images/ico/ico_select02.svg) no-repeat right 9px center/10px;}
.spot_popup .spop_body .sp_tit .variable button {flex-shrink: 0; font-size: 13px; width: 80px; height: 28px; font-weight: 600; color: #148736;  line-height: 1.25; border: 1px solid #148736; border-radius: 6px;}
.spot_popup .spop_body .chart_box {width: 100%; border: 1px solid #d1d1d1; border-radius: 8px; overflow: hidden;}

.spot_popup .spop_body .eco_density {display: flex; flex-direction: column; gap: 10px; margin-top: 20px;}
.spot_popup .spop_body .eco_density .heatmap {margin-bottom: 5px;}
.spot_popup .spop_body .eco_density .heatmap .chart_box {display: flex; align-items: center; justify-content: center;}
.spot_popup .spop_body .eco_density .heatmap .chart_box .yet_txt {font-size: 12px; font-weight: 500; color: #999;}
.spot_popup .spop_body .eco_density .heatmap.success .chart_box .yet_txt {display:none;}
.spot_popup .spop_body .eco_density .heatmap:not(.success) .chart_box > div {display:none}

.spot_popup .spop_close {position: absolute; z-index: 1; top: 50%; left: -30px; width: 30px; height: 50px; transform: translateY(-50%); text-indent:-9999px; background: #fff url(../images/ico/ico_spop_close01.svg) no-repeat center/16px; border-radius: 6px 0 0 6px; box-shadow: -4px 0 10px rgba(0,0,0,0.15);}

.map_wrap .rimgis {position: absolute; z-index: 1; top: 50%; left: 50%; width: 100px; height: 100px; border-radius: 50%; background: #b80505; filter: blur(30px);}
.map_wrap .rimgis.rimgis01 {margin-top: 10px; margin-left: 20px;}
.map_wrap .rimgis.rimgis02 {margin-top: 140px; margin-left: -190px;}

.accordion_wrap {display: flex; flex-direction: column; gap: 10px;}
.accordion_wrap > div {border: 1px solid #d1d1d1; border-radius: 8px;}
.accordion_wrap > div .tit {position: relative; padding: 8px 20px; background: rgba(20,135,54,0.05);}
.accordion_wrap > div .tit:before {content: ''; position: absolute; z-index: 1; top:50%; right: 20px; transform: translateY(-50%); width: 18px; height: 18px; background: url(../images/ico/ico_accordion01.svg) no-repeat center;}
.accordion_wrap > div .tit > strong {font-size: 14px; line-height: 1; color: #111;}
.accordion_wrap > div .box {font-size: 13px; padding: 11px 20px; border-top: 1px solid #D1D1D1;}
.accordion_wrap > div .box.density_wrap {display: flex; align-items: center; justify-content: space-between;}
.accordion_wrap > div .box.density_wrap > strong {flex-shrink: 0;}
.accordion_wrap > div .box.density_wrap > div {flex-grow: 1; display: flex; align-items: center; gap: 6px 20px; flex-wrap: wrap; justify-content: flex-end;}
.accordion_wrap > div .box.density_wrap label {display: flex; align-items: center; gap: 6px;}
.accordion_wrap > div .box.density_wrap label span {flex-shrink: 0;}
.accordion_wrap > div .box.density_wrap input[type="number"] {font-size: 13px; line-height: 1; width: 60px; color: #505050; height: 20px; border-radius: 4px; text-align: center; border: 1px solid #d1d1d1; padding: 0 5px;}

.map_wrap .map_view_opt .opt_view .sortable {width: 100%;}
.map_wrap .map_view_opt .opt_view .sortable .label {flex-grow:1; width: auto;}
.map_wrap .map_view_opt .opt_view .sortable .label + * {flex-shrink: 0; flex-grow:0;}

.mapmode_wrap {display: flex; align-items: center; justify-content: space-between; flex-direction: row;}
.mapmode_wrap label {position: relative;width: 60px; height: 50px; overflow: hidden;}
.mapmode_wrap label input[type="radio"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.mapmode_wrap label input[type="radio"] + img {width: 100%; border-radius: 4px;}
.mapmode_wrap label input[type="radio"] + img + strong {position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; font-size: 10px; font-weight: 600; color: #fff; text-align: center; padding: 3px 0 5px; background: rgba(0,0,0,0.8); transition: all .3s ease; border-radius: 0 0 4px 4px; overflow: hidden;}	
.mapmode_wrap label input[type="radio"]:checked + img { border: 1px solid #148736;}
.mapmode_wrap label input[type="radio"]:checked + img + strong {background-color: #148736;}

.rs_btn_wrap {display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap:wrap;}

.hmba .cm_grid_wrap {margin-top: 20px;}
.hmba .cm_grid_wrap .cm_grid {height: 360px;}

/* gis */
.gis_wrap {position: relative; width: 100vw; height: 100vh;} 
.gis_wrap .gis_search_box {position:  absolute; z-index: 5; top: 40px; left: 40px; width: 424px; max-height: calc(100vh - 80px); padding: 22px 30px; background: #fff; border-radius: 16px; box-shadow:0 4px 10px rgba(0,0,0,0.2);}
.gis_wrap .gis_search_box .gis_search_head {display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
.gis_wrap .gis_search_box .gis_search_head > div {display: flex; align-items: center; gap: 10px;}
.gis_wrap .gis_search_box .gis_search_head > div > a {width: 28px; height: 28px; text-indent:-9999px; border-radius: 50px; background-color: #F7F7F8; background-repeat: no-repeat; background-position: center;}
.gis_wrap .gis_search_box .gis_search_head > div > a.home {background-image: url(../images/ico/ico_gis_home01.svg);}
.gis_wrap .gis_search_box .gis_search_head > div > a.out {background-image: url(../images/ico/ico_gis_out01.svg);}
.gis_wrap .gis_search_box .gissh_close {display: none;}
.gis_wrap .gis_search_box .gis_search_content {max-height: calc(100% - 56px);}

.gis_wrap .gis_search_box.result {height: calc(100vh - 80px);}
.gis_wrap .gis_search_box.result .gis_search_content {height: calc(100vh - 56px);}
.gis_wrap .gis_search_box.result .gis_search_content > * {height: 100%;}
.gis_wrap .gis_search_box.result .gis_search_content .tabwrap .tabcon_wrap {height: calc(100% - 56px);}
.gis_wrap .gis_search_box.result .gis_search_content .tabwrap .tabcon_wrap > div {height: 100%;}
.gis_wrap .gis_search_box.result .gis_search_content .tabwrap .tabcon_wrap > div .cm_grid_wrap {height: calc(100% - 313px);}
.gis_wrap .gis_search_box.result .gis_search_content .tabwrap .tabcon_wrap > div .cm_grid_wrap .cm_grid {height: 100% !important;}

.gis_wrap .cm_grid_wrap .ag-header-cell-text {font-size: 14px;}
.gis_wrap .cm_grid_wrap .ag-cell-value {font-size: 14px;}
.gis_wrap .cm_grid_wrap .paging > button {width: 20px; height: 20px;}
.gis_wrap .cm_grid_wrap .paging ol {font-size: 13px; gap: 4px; margin: 0 4px;}

.gis_wrap .gis_search_box .find_btn {height: 36px; background:none; border-radius: 8px; padding: 0;}
.gis_wrap .gis_search_box .find_btn > *.on,
.gis_wrap .gis_search_box .find_btn > *:hover {color: #fff; background: #148736;}
.gis_wrap .gis_search_box .find_btn > * {font-size: 14px; width: 50%; border: 0; border-radius: 0;}
.gis_wrap .gis_search_box .search_wrap .list_inp_box input[type="text"],
.gis_wrap .gis_search_box .search_wrap .list_inp_box select {height: 32px; color: #777;}
.gis_wrap .gis_search_box .search_wrap .list_inp_box .radio_wrap {flex-wrap: wrap; width: 100%;}
.gis_wrap .gis_search_box .search_wrap .list_inp_box select {padding: 5px 30px 5px 10px; background-position: right 10px center;}
.gis_wrap .gis_search_box .search_wrap .list_inp_box > div {padding: 20px 0; width: 100%;}
.gis_wrap .gis_search_box .search_wrap .list_inp_box > div + div {border-top: 1px solid #D1D1D1;}
.gis_wrap .gis_search_box .search_wrap .list_inp_box .btn_click {justify-content: space-between;}
.gis_wrap .gis_search_box .search_wrap .list_inp_box .btn_click .btn_wrap {padding-top: 0; gap: 10px; flex-shrink: 0;}
.gis_wrap .gis_search_box .search_wrap .list_inp_box > div p {font-size: 14px; color: #777;}
.gis_wrap .gis_search_box .search_wrap .list_inp_box > div > div {display: flex; align-items: center; gap: 20px;}
.gis_wrap .gis_search_box .search_wrap .list_inp_box > div label {font-size: 14px; font-weight: 500; vertical-align: top;}
.gis_wrap .gis_search_box .search_wrap .list_inp_box > div:first-child {padding-top: 0;}
.gis_wrap .gis_search_box .search_wrap .list_inp_box > div:last-child {padding-bottom: 0;}
.gis_wrap .gis_search_box .search_wrap .list_inp_box .inp_box.search {display: flex; align-items: center; justify-content: center; flex-direction: row; margin-top: -4px; padding-top: 0; width: 100%; border-top: 0; padding-bottom: 0; gap: 10px;}
.gis_wrap .gis_search_box .search_wrap .list_inp_box .inp_box.search select {flex-shrink: 0; width: 90px;}
.gis_wrap .gis_search_box .search_wrap .list_inp_box .inp_box.search input[type="text"] {flex-grow:1}
.gis_wrap .gis_search_box .search_wrap .list_inp_box .inp_box.search button {display: flex; align-items: center; justify-content: center; font-size: 14px; flex-shrink: 0; width: 60px; height: 32px; color: #fff; border-radius: 8px; background: #148736;}
.gis_wrap .gis_search_box .search_wrap .list_inp_box .inp_box.search button span {display: inline-block; padding-left: 18px; background: url(../images/ico/ico_gis_search01.svg) no-repeat left center;}
.gis_wrap .gis_search_box .cm_grid_wrap {margin-top: 20px; border-bottom: 1px solid #d1d1d1;}

.gis_wrap .gis_spot_info {position: absolute; z-index: 1; top: 40px; left: -50%; width: 600px; height: calc(100vh - 80px); max-height: 1190px; background: #fff; border-radius: 16px; padding: 30px; box-shadow: 0 4px 10px rgba(0,0,0,0.2); transition:all .3s ease;}
.gis_wrap .gis_spot_info.on {left: 474px;}
.gis_wrap .gis_spot_info .big_tit {display: block; font-size: 20px; margin-bottom: 20px; font-weight: 700;}
.gis_wrap .gis_spot_info .info_table {font-size: 14px; border-top: 1px solid #D1D1D1; margin-bottom: 10px;}
.gis_wrap .gis_spot_info .info_table th,
.gis_wrap .gis_spot_info .info_table td {height: 42px; text-align: center; border-bottom: 1px solid #D1D1D1; border-right: 1px solid #D1D1D1;}
.gis_wrap .gis_spot_info .info_table th {width: 84px; font-weight: 500; background: rgba(20,135,24,0.05);}
.gis_wrap .gis_spot_info .info_table tr td:last-child {border-right: 0;}

.gis_wrap .gis_spot_info .no_scroll + .tabwrap {height: calc(100% - 290px);}
.gis_wrap .gis_spot_info .no_scroll + .tabwrap .tabcon_wrap {height: calc(100% - 68px);}
.gis_wrap .gis_spot_info .no_scroll + .tabwrap .tabcon_wrap > div {height: 100%;}
.gis_wrap .gis_spot_info .no_scroll + .tabwrap .tabcon_wrap form {height: 100%;}
.gis_wrap .gis_spot_info .no_scroll + .tabwrap .tabcon_wrap .page_scroll {height: calc(100% - 41px);}
.gis_wrap .gis_spot_info .no_scroll + .tabwrap .tabcon_wrap .page_scroll .mCSB_scrollTools.mCSB_scrollTools_vertical {margin-top: 53px; margin-right: -20px; width: 6px;}
.gis_wrap .gis_spot_info .dot_tit {position: relative; font-size: 14px; padding-left: 24px; margin-bottom: 10px;}
.gis_wrap .gis_spot_info .dot_tit:before {content:''; position: absolute; z-index: 1; top: 7px; left: 10px; width: 4px; height: 4px; border-radius: 4px; background: #333;}
.gis_wrap .gis_spot_info .cm_grid_wrap {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #d1d1d1;}

.gis_wrap .gis_spot_info .page_scroll .downbtn_list > ul {left: auto; right: 0; transform: translateX(0);}
.gis_wrap .gis_spot_info .dot_info {display: flex; flex-direction: column; gap: 30px;}

.gis_wrap .gis_spot_info .info_close {position: absolute; z-index: 1; top: 50%; right: -30px; width: 30px; height: 50px; transform: translateY(-50%); text-indent:-9999px; background: #fff url(../images/ico/ico_spop_close02.svg) no-repeat center/16px; border-radius: 0 6px 6px 0; box-shadow: 4px 0 10px rgba(0,0,0,0.15);}
.gis_wrap .gis_search_box .gissh_close {position: absolute; z-index: 1; top: 50%; right: -30px; width: 30px; height: 50px; transform: translateY(-50%); text-indent:-9999px; background: #fff url(../images/ico/ico_spop_close01.svg) no-repeat center/16px; border-radius: 0 6px 6px 0; box-shadow: 4px 0 10px rgba(0,0,0,0.15);}

.map_wrap.gis_wrap .spot {position: absolute; z-index: 1; top: 50%; left: 50%;}
.map_wrap.gis_wrap .spot > a { position: relative; display: block; width: 40px; height: 40px; text-indent: -9999px; cursor:pointer;}
.map_wrap.gis_wrap .spot > a:before { content:''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 16px; height: 16px; border-radius: 50%; background: #F00; filter: blur(10px);}
.map_wrap.gis_wrap .spot > a:after { content:''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 11px; height: 11px; border-radius: 50%; background: #F00;}

.map_wrap.gis_wrap .spot.grn > a:before { background: #19C54C; }
.map_wrap.gis_wrap .spot.grn > a:after { background: #19C54C;}


.map_wrap.gis_wrap .spot.spot06 {margin-top: -141px; margin-left: -121px;}
.map_wrap.gis_wrap .spot.spot07 {margin-top: 100px; margin-left: 120px;}
.map_wrap.gis_wrap .spots_distance {position: absolute; z-index: 1; top: 50%; left: 50%; display: inline-block; text-align: center; margin-top: 50px; margin-left: 87px; color: #fff; padding: 11px 23px; border-radius: 8px; background: #148736;}
.map_wrap.gis_wrap .spots_distance:before {content:''; position: absolute; z-index: 1; top: 100%; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 12px 6px 0px 6px; border-color: #148736 transparent transparent transparent;}
.map_wrap.gis_wrap .gis_drag {position: absolute; z-index: 1; top: 40%; left: 50%; width: 319px; height: 491px; border: 2px dashed #148736; background: rgba(20,135,54,0.2); text-indent:-9999px;}

.setting_date {margin-bottom: 20px;}
.setting_date .inp_box.datepicker_wrap .range_wrap {gap: 13px;}
.setting_date .inp_box {display: flex; gap: 10px}
.search_wrap .setting_date .range_wrap input[type="text"] {height: 32px; font-size: 14px; width: 140px;}
.setting_date button {font-size: 14px; width: 85px;}
.setting_date button span {display: inline-block; padding-left: 20px; background-repeat: no-repeat; background-position: left center;}
.setting_date button.line span {background-image: url(../images/ico/ico_gis_setting_date_search01.svg);}
.setting_date button:not(.line) span {color: #fff; background-image: url(../images/ico/ico_gis_setting_date_search02.svg);}

.gis_wrap .gis_spot_info .no_scroll + .tabwrap .tabcon_wrap .setting_date + .page_scroll {height: calc(100% - 93px);}
.gis_wrap .gis_spot_info .no_scroll + .tabwrap .tabcon_wrap .setting_date + .page_scroll .mCSB_scrollTools.mCSB_1_scrollbar.mCS-minimal-dark.mCSB_scrollTools_vertical {margin-top: 0;}

.gis_wrap .gis_spot_info .tabwrap {margin-top: 30px;}
.gis_wrap .gis_spot_info .tabwrap .tab li {font-size: 16px; padding: 6px 0;}
.gis_wrap .gis_spot_info .datainfo_table .fix_head {display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px;}
.gis_wrap .gis_spot_info .datainfo_table .fix_head > div {display: flex; align-items: center; gap: 10px; font-size: 14px; color: #505050; font-weight: 600;}
.gis_wrap .gis_spot_info .page_scroll {margin-top: 0;}


.gis_wrap .gis_mode_option {position: absolute; z-index: 1; top: 40px; right: 40px; display: flex; align-items: center; flex-direction: column; gap: 10px}
.gis_wrap .gis_mode_option .map_range {position: static; width: 60px;}
.gis_wrap .gis_mode_option .map_range button {text-indent:-9999px; height: 51px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.gis_wrap .gis_mode_option .map_range button.plus {background-image: url(../images/ico/ico_gis_range_plus01.svg);}
.gis_wrap .gis_mode_option .map_range button.minus {background-image: url(../images/ico/ico_gis_range_minus01.svg);}
.gis_wrap .gis_mode_option .map_range > div {height: 120px;}
.gis_wrap .gis_mode_option .map_range > div input[type="range"] {width: 120px;}
.gis_wrap .gis_mode_option .map_view_opt {position: static;}
.gis_wrap .gis_mode_option .map_view_opt > div {position: relative;	}
.gis_wrap .gis_mode_option .map_view_opt > div > a {width: 60px; height: 60px;}
.gis_wrap .gis_mode_option .map_view_opt > div .opt_view {top: 0; bottom: auto; left: auto; right: calc(100% + 10px); overflow: hidden;}
.gis_wrap .gis_mode_option .map_view_opt .sortable {padding: 0 !important; gap: 0 !important;}
.gis_wrap .gis_mode_option .map_view_opt .sortable > div {display: block; width: 100%;}

.sort_box {display: block;}
.sort_box .tit {width: 100%; position: relative;flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 0; cursor: pointer; height: 35px; padding: 0 34px 0 40px; background:#fff url(../images/ico/ico_sortable01.svg) no-repeat left 20px top 10px /14px;}
.sort_box .tit label {display: flex; align-items: center; justify-content: space-between; font-size: 14px; font-weight: 500; color: #333; height: 100%;}
.sort_box .tit span {position:absolute; z-index: 1; top: 0px; right: 0px; width: 34px; height: 34px; background: url(../images/ico/ico_gis_sortable_arrow01.svg) no-repeat center/14px; transition: all .3s ease;}
.sort_box .tit.on span {transform: rotate(-180deg);}
.sort_box .box {display: none; background: #F7F7F8;}
.sort_box .box > div {padding-left: 30px; padding-right: 12px;}
.sort_box .box > div > div {display: flex; align-items: center; justify-content: flex-start; gap: 10px; height: 28px;}
.sort_box .box > div > div .label {width: 30px; font-size: 12px; color: #505050; flex-grow: 0; flex-shrink: 0;}
.sort_box .box > div > div .label + * {width: calc(100% - 40px); flex-grow: 1;}
.gis_wrap .gis_mode_option .map_view_opt .sort_box .box > div > div .label {width: 30px; flex-grow: 0; flex-shrink: 0;}
.gis_wrap .gis_mode_option .map_view_opt .sort_box .box > div > div .label + * {width: calc(100% - 40px); flex-grow: 1;}




/*
.gis_wrap .gis_mode_option .map_view_opt .sortable > div > label {position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; height: auto; cursor: grab; font-size: 14px; line-height:1; padding: 10px 0;}
.gis_wrap .gis_mode_option .map_view_opt .sortable > div > label strong {padding: 0 0 0 20px; background: url(../images/ico/ico_sortable01.svg) no-repeat left center/14px;}
.gis_wrap .gis_mode_option .map_view_opt .sortable > div > div {display: flex; flex-direction: column; width: 100%; padding: 0 10px 0 30px; background: #F7F7F8; border-top: 1px solid rgba(209,209,209,.4);}
.gis_wrap .gis_mode_option .map_view_opt .sortable > div > div > div {display: flex; align-items: center; width: 100%; height: 28px; gap: 10px;}
.gis_wrap .gis_mode_option .map_view_opt .sortable > div > div > div .label {color: #505050; width: 40px; flex-shrink: 1; flex-grow: 0;}
.gis_wrap .gis_mode_option .map_view_opt .sortable > div > div > div .cl_radio_wrap {gap: 5px;}*/
.gis_wrap .gis_mode_option .map_view_opt .legend_btn {padding: 0;}
.gis_wrap .gis_mode_option .map_view_opt .legend_btn li {height: 35px;}
.gis_wrap .gis_mode_option .map_view_opt .legend_btn li + li {border-top: 1px solid rgba(209,209,209,0.4);}
.gis_wrap .gis_mode_option .map_view_opt .legend_btn li strong {display: block; font-size: 14px; font-weight: 600; color: #111; padding: 10px 20px;}
.gis_wrap .gis_mode_option .map_view_opt .legend_btn li button {position: relative; display: block; height: 100%; font-size: 14px; font-weight: 600; color: #333; padding-left: 40px;}
.gis_wrap .gis_mode_option .map_view_opt .legend_btn li button:before {content: ''; position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); left: 20px; width: 8px; height: 8px; border-radius: 8px;}
.gis_wrap .gis_mode_option .map_view_opt .legend_btn li button.edna:before {background: #FF0000}
.gis_wrap .gis_mode_option .map_view_opt .legend_btn li button.biology:before {background: #19C54C}
.gis_wrap .gis_mode_option .map_view_opt .legend_btn li button.metal:before {background: #1B29C2}

.gis_wrap .gis_mode_option .map_view_opt > div > a {text-align: center; font-size: 12px; line-height: 1; text-indent: 0; padding-top: 42px; background-repeat: no-repeat; background-position: center top 10px; font-weight: 600;}
.gis_wrap .gis_mode_option .map_view_opt > div.on > a,
.gis_wrap .gis_mode_option .map_view_opt > div > a:hover {color: #fff;}

.gis_wrap .gis_mode_option .map_view_opt > div.layer > a {background-image: url(../images/ico/ico_gis_layer01.svg);}
.gis_wrap .gis_mode_option .map_view_opt > div.layer.on > a,
.gis_wrap .gis_mode_option .map_view_opt > div.layer:hover > a {background-image: url(../images/ico/ico_gis_layer01_ov.svg);}

.gis_wrap .gis_mode_option .map_view_opt > div.distance > a {background-image: url(../images/ico/ico_gis_distance01.svg);}
.gis_wrap .gis_mode_option .map_view_opt > div.distance.on > a,
.gis_wrap .gis_mode_option .map_view_opt > div.distance:hover > a {background-image: url(../images/ico/ico_gis_distance01_ov.svg);}

.gis_wrap .gis_mode_option .map_view_opt > div.compare > a {background-image: url(../images/ico/ico_gis_compare01.svg);}
.gis_wrap .gis_mode_option .map_view_opt > div.compare.on > a,
.gis_wrap .gis_mode_option .map_view_opt > div.compare:hover > a {background-image: url(../images/ico/ico_gis_compare01_ov.svg);}

.gis_wrap .gis_mode_option .map_view_opt > div.legend > a {background-image: url(../images/ico/ico_gis_legend01.svg);}
.gis_wrap .gis_mode_option .map_view_opt > div.legend.on > a,
.gis_wrap .gis_mode_option .map_view_opt > div.legend:hover > a {background-image: url(../images/ico/ico_gis_legend01_ov.svg);}

.gis_wrap .gis_mode_option .map_view_opt > div .opt_view > strong span {display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; line-height: 1; font-size: 8px; border-radius: 14px; color: #148736; font-weight: 600; background: #D1D1D1; margin-left: 6px; vertical-align: top; margin-top: 4px;}
.gis_wrap .gis_mode_option .map_view_opt > div.viewmode .opt_view {width: 284px; top: 50%; transform: translateY(-50%);}

.gis_wrap .gis_mode_option .map_view_opt > div.legend .opt_view {width: 140px;}

/* 시스템관리 */
.sys_tit {display: flex; align-items: center; justify-content: space-between; padding-bottom: 30px; border-bottom: 1px solid #D1D1D1;}
.sys_tit > strong {display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 600; line-height: 1; height: 40px;}
.sys_tit .page {display: flex; align-items: center; gap: 10px;}
.sys_tit .page > button {width: 40px; height: 40px; background-repeat: no-repeat; background-position: center; background-size:cover; border-radius: 6px; border: 1px solid #d1d1d1; text-indent: -9999px;}
.sys_tit .page > button.prev {background-image: url(../images/ico/ico_sys_page01.svg);}
.sys_tit .page > button.next {background-image: url(../images/ico/ico_sys_page02.svg);}

.sys_search {display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 30px 0; width: 100%;}
.sys_search input[type="text"] {flex-grow: 1; width: calc(100% - 136px); height: 40px; border-radius: 8px; padding: 0 20px;}
.sys_search button.sarch_btn {flex-shrink: 0;}
.sys_search button.sarch_btn span {flex-shrink: 0;font-size: 15px; padding-left: 24px; background-size: 18px;}

.jstree .jstree-container-ul {position: relative;}
.jstree .jstree-container-ul:before {content: ''; position: absolute; z-index: 1; top: -10px; left:0; width: 2px; height: 100%; background: #d1d1d1}
.jstree .jstree-container-ul > li {background: transparent;}
.jstree .jstree-container-ul > li > i {position: relative; background: transparent;}
.jstree .jstree-container-ul > li > i:before {content:''; position: absolute; z-index: 1; top: 50%; left: 0; width: 20px; height: 2px; background: #d1d1d1}

.system_page .subpage {height: calc(100vh - 100px);}
.system_page .subpage .content,
.system_page .subpage .content form {height: 100%;}
.system_page .subpage .inner_box.row {height: calc(100% - 65px);}
.system_page .subpage .inner_box.row > div {height: 100%;}
.system_page .subpage .inner_box.row > div .page_scroll {height: calc(100% - 180px);}
.system_page .subpage .inner_box.row > div .page_scroll .mCSB_scrollTools {margin: 0; width: 6px; right: -24px; height: 100%; background-color:rgba(209,209,209,.3);}

.sys_level .sys_search {max-width: 550px; padding-top: 0; padding-bottom: 26px;}
.sys_level.search_wrap .cm_grid_wrap {position: relative;}
.sys_level.search_wrap .cm_grid_wrap .paging {width: 100%; max-width: 600px;}
.sys_level.search_wrap .cm_grid_wrap > .btn_wrap {position: absolute; z-index: 1; bottom: 0; right: 0;padding-top: 0;}
.sys_level.search_wrap form .btn_wrap > button {width: 80px; height: 32px;}
.sys_level .white_box {position: relative;}

.sys_level .edit_pop {display: none; position: absolute; z-index: 10; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 545px; background: #fff; border: 1px solid #148736;  border-radius: 16px}
.sys_level .edit_pop .title {display: flex; align-items: center; justify-content: space-between; font-size: 24px; font-weight: 600; color: #111; padding: 30px; border-bottom: 1px solid #D1D1D1;}
.sys_level .edit_pop .title .edit_pop_close {width: 32px; height: 32px; text-indent:-9999px; background: url(../images/ico/ico_pop_close01.svg);}
.sys_level .edit_pop .popcon {padding: 30px;}
.sys_level .edit_pop .edit_form {display: flex; flex-direction: column; gap: 20px}
.sys_level .edit_pop .edit_form > div {display: flex; align-items: center; gap: 10px;}
.sys_level .edit_pop .edit_form > div label {width: 100px; flex-shrink: 0; text-align: center; font-weight: 600; line-height: 1;}
.sys_level .edit_pop .edit_form > div label span {color: #FF0000}
.sys_level .edit_pop .edit_form > div label + * {flex-grow: 1; border: 1px solid #D1D1D1; border-radius: 8px;}
.sys_level .edit_pop .edit_form .btn_wrap {padding-top: 10px; justify-content: center;}
/*****************************************************************************************************************************************************************************************/

@media all and (max-width: 1761px) {
	.wrapper {width: 100%; padding-left: 40px; padding-right: 40px;}
	.subpage {padding-left: 356px;}
	.subpage .sidemenu {width: 290px; left: 40px; margin-left: 0;}
	
	/* popup */
	.popup_wrap .popup {top: 50%; right: auto; left: 50%; max-height:calc(100vh - 80px); margin-right: 0; transform:translate(-50%,-50%);}
	.popup_wrap.full_pop .popup { transform:translate(0,0);}
	
}

@media all and (max-width: 1601px) {
	.search_wrap form .inp_list_wrap > div:not(.inp_col2) {flex-wrap: wrap;}
	.search_wrap form div:not(.inp_col2) .inp_box {flex-shrink: 0; flex: inherit;}
	
	.search_wrap.find_wrap form .inp_list_wrap .nobd {flex-wrap: nowrap; gap: 10px;}
}

@media all and (max-width: 1501px) {
	.search_wrap form .inp_box input[type="text"],
	.search_wrap form .inp_box input[type="number"],
	.search_wrap form .inp_box select {width: 200px;}
}

@media all and (max-width: 1400px) {
	.subpage .content .page_tab {flex-wrap: wrap; margin-left: 0;}
	.subpage .content .page_tab li:first-child a {padding-left: 6px;}
	.subpage .content .page_tab li a:before {display:none;}
	
	.search_wrap form .inp_box {width: calc(50% - 10px);}
	.search_wrap form .inp_box.m_col1 {width: 100%;}
	.search_wrap form .inp_box.m_col3 {width: calc(33.33% - 14px);}
	
	.search_wrap form .inp_box input[type="text"],
	.search_wrap form .inp_box input[type="number"],
	.search_wrap form .inp_box select,
	.search_wrap form .no_full .inp_box select {width: 100%;}
	
	.search_wrap form .inp_list_wrap.search_datebtn > div {flex-direction: column;}
	.search_wrap form .inp_list_wrap.search_datebtn > div .inp_box.search_detail {width: 100%;}
	
	.search_wrap form .inp_box.datepicker_wrap {width: 100%;}
	.search_wrap form .inp_box.datepicker_wrap.has_datebtn {flex-wrap:wrap; flex:inherit;}
	.search_wrap form .inp_box.datepicker_wrap.has_datebtn .date_btn {width: 100%;}
	.search_wrap form .inp_box.datepicker_wrap.has_datebtn .date_btn button {flex: 1;}
	
	.search_wrap form .inp_box.datepicker_wrap.has_datebtn .range_wrap,
	.search_wrap form .range_wrap {width: 100%; flex:inherit;}
	.search_wrap form .range_wrap input[type="text"],
	.search_wrap form .range_wrap input[type="number"],
	.search_wrap form .range_wrap select {width: 50%}

	.search_wrap form .inp_list_wrap .hasbtn > div:not(.btn_wrap) {flex-wrap: wrap;}
	.search_wrap form .inp_list_wrap .hasbtn .btn_wrap {width: 100%; justify-content: flex-end;}
	
	.result_head.inp_list_wrap .inp_box.datepicker_wrap {width: calc(100% - 270px);}
	.result_head.inp_list_wrap .inp_box.datepicker_wrap .range_wrap input[type="text"] {width: calc(50% - 10px);}
	
	
	/* popup */
	.popup_wrap .popup {max-width: calc(100vw - 80px); padding: 30px;}
	.notice_box {padding: 24px;}
	
	.upload_box {flex-wrap: wrap; gap: 40px;}
	.upload_box > div {width: calc(50% - 20px);}
	.upload_box > div > strong {width: 80px; flex-shrink:0;}
	.upload_box > div > strong + * {flex-grow:1;}
	.upload_box > div.btn_wrap {width: 100%; transform:translateY(0);}

	.search_wrap form .inp_list_wrap .search_state {width: 100%; flex-wrap: wrap;}
	.search_wrap form .inp_list_wrap .search_state .search {width: 100%;}
	.search_wrap form .inp_list_wrap .search_state .state {width: 100%;}
	.search_wrap form .inp_list_wrap .search_state .search .search_detail {width: 100%; flex-wrap: wrap;}
	.search_wrap form .inp_list_wrap .search_state .search .search_detail select {width: 100%;}
	.search_wrap form .inp_list_wrap .search_state .state .inp_box {width: 100%;}
	
	.popup_wrap.detail_pop .popup .pop_content .fix_btm.flxend {align-items: flex-start;}
	.popup_wrap.detail_pop .popup .pop_content .has_fix_btm {padding-bottom: 150px;}
	.popup_wrap.detail_pop .popup .pop_content .has_fix_file {padding-bottom: 45px;}
	.data_info .state p,
	.data_info .state input[type="text"] {flex-wrap: wrap; gap: 2px 5px;}

	.gis_wrap .gis_search_box {width: 340px; left: 20px; top: 20px; max-height: calc(100vh - 40px);}
	.gis_wrap .gis_search_box.result {height: calc(100vh - 40px);}
	.gis_wrap .gis_spot_info {width: 490px; left: -60%; top: 20px; height: calc(100vh - 40px); max-height: calc(100vh - 40px);}
	.gis_wrap .gis_spot_info.on {left: 370px; }
	
	.search_wrap form .setting_date .inp_box.datepicker_wrap .range_wrap {width: auto; flex-grow:1;}
	.search_wrap form .setting_date .inp_box.datepicker_wrap .range_wrap input[type="text"] {width: 50%;}
	.setting_date button {flex-shrink: 0; }
	
	.gis_wrap .gis_mode_option {top: 20px; right: 20px;}
	.search_wrap form .inp_box.datepicker_wrap .range_wrap input[type="text"] {height: 40px;}
	.search_wrap form .inp_box.datepicker_wrap button {height: 40px;}
	
	.popup_wrap.full_pop .popup {padding: 30px; top: 20px; left: 20px; width: calc(100vw - 120px); height: calc(100vh - 40px);}
	.popup_wrap .popup .pop_content form > div.info_date {flex-direction: column; align-items: flex-start; gap: 10px;}
	.popup_wrap .popup .pop_content form > div.info_date .setting_date {width: 100%;}
	.popup_wrap .popup .pop_content .collage_wrap {height: calc(100% - 135px);}
	.popup_wrap .popup .pop_content .collage_wrap .cm_grid_wrap {width: 300px;}
	
	.spot_popup {width: 60%;}
	
	.sys_tit {padding-bottom: 20px;}
	.sys_search {padding: 20px 0;}
	.system_page .subpage .inner_box.row > div {padding: 30px;}
	
	.accordion_wrap > div .box.density_wrap {flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 8px 10px; gap: 8px;}
	.accordion_wrap > div .box.density_wrap > div {width: 100%; justify-content: flex-start; gap:5px;}
	.accordion_wrap > div .box.density_wrap > div > label {width: calc(33.33% - 5px);}
	.accordion_wrap > div .box.density_wrap input[type="number"] {width: 100%;}
}

@media all and (max-width: 1025px) {
	.page_scroll {margin-top:60px; height: 100vh;}
	
	.subpage {padding-top: 30px; padding-left: 40px; padding-bottom: 100px;}
	.subpage .sidemenu {display: none;}
	.subpage .content {width: 100%;}
	
	.inner_box > div + div {margin-top:40px;}
	
	/* table */
	.data_info li > strong,
	.data_info li > label {width: 110px;}
	
	/* subpage */
	.subpage .content .nav_loca {flex-wrap:wrap; gap:10px 20px;}
	.subpage .content .nav_loca > h2 {font-size: 28px;}
	.subpage .content .nav_loca > ol {font-size: 15px;}

	
	.inner_box {margin-top: 40px;}
	
	.search_wrap form .inp_list_wrap > div.inp_col2 {flex-wrap: wrap; gap: 30px;}
	.search_wrap form .inp_list_wrap > div.inp_col2.nobd {padding-bottom: 30px; border-bottom: 1px solid #D1D1D1;}
	.search_wrap form .inp_list_wrap > div.inp_col2 > div {width: 100%;}
	
	.search_wrap form .inp_box input[type="text"], 
	.search_wrap form .inp_box input[type="number"], 
	.search_wrap form .inp_box input[type="text"]::placeholder, 
	.search_wrap form .inp_box input[type="number"]::placeholder, 
	.search_wrap form .inp_box textarea, 
	.search_wrap form .inp_box select {font-size: 14px;}
	
	.tabwrap .tab li {font-size: 16px; padding: 10px 0;}
	
	.downbtn_list > a {height:32px;}
	
	.cm_grid_wrap .cm_grid .ag-header-cell-text,
	.cm_grid_wrap .cm_grid .ag-cell-wrapper {font-size:14px;}
	
	.result_head {flex-wrap: wrap; gap: 20px}
	.result_head .count {flex-wrap:wrap;}
	.result_head.btns .rs_btn_wrap {width: 100%;}
	.result_head.btns .rs_btn_wrap > a {flex: 1}
	.result_head.inp_list_wrap {gap:10px;}
	.result_head.inp_list_wrap .inp_box.datepicker_wrap {width: calc(100% - 280px); gap: 10px;}
	.result_head.inp_list_wrap .inp_box.datepicker_wrap.only_btn {width: calc(100% - 182px);}
	.result_head.inp_list_wrap .inp_box.datepicker_wrap .range_wrap input[type="text"] {width: calc(50% - 10px);}
		
	.upload_box {flex-wrap: wrap; flex-direction: column; gap: 0; margin-top: 20px;}
	.upload_box > div {flex-direction: column; width: 100%; gap:10px}
	.upload_box > div + div {margin-top: 30px;}
	.upload_box > div > strong {width: 100%; flex-shrink:0;}
	.upload_box > div > strong + * {width: 100%; flex-grow:1;}
	.upload_box .drop_box {width: 100%; height: 104px;}
	.upload_box .filename_wrap {width: 100%; height: auto;}
	.upload_box > div.btn_wrap {flex-direction: row; margin-top: 20px; width: 100%; transform:translateY(0);}
	
	.popup_wrap.detail_pop .popup .pop_content .fix_btm {flex-direction: column; align-items: flex-start; gap: 20px;}
	.popup_wrap.detail_pop .popup .pop_content .tabcon03.has_fix_file {padding-bottom: 0;}
	.popup_wrap.detail_pop .popup .pop_content .tabcon03.has_fix_file .fix_btm {position: static; margin-top: 20px;}
	.popup_wrap.detail_pop .popup .pop_content .fix_btm .btn_wrap {flex-shrink:1; width: 100%; flex-direction: column;}
	.popup_wrap.detail_pop .popup .pop_content .fix_btm .btn_wrap > * {width: 100%;}
	
	.gis_wrap .gis_spot_info .info_table th {width: 60px;}
	
	.gis_wrap .gis_spot_info {z-index: 10; left: -100%;}
	.gis_wrap .gis_spot_info.on {left: 20px;}
	
	.gis_wrap .gis_mode_option .map_range {width: 40px;}
	.gis_wrap .gis_mode_option .map_range button {height: 35px; background-size: 30px}
	.gis_wrap .gis_mode_option .map_range > div {height: 100px;}
	.gis_wrap .gis_mode_option .map_range > div input[type="range"] {width: 80px;}
	.gis_wrap .gis_mode_option .map_view_opt > div > a {width: 40px; height: 40px; text-indent: -9999px; padding-top: 0; background-size: 22px}
	
	.popup_wrap .popup .pop_content form > div.info_date > p {font-size: 16px; padding-left: 30px; background-size: 20px;}
	.popup_wrap .popup .pop_content form > div.info_date .inp_box.datepicker_wrap button {width: 110px; font-size: 15px;}
	.popup_wrap .popup .pop_content form > div.info_date .inp_box.datepicker_wrap button span {padding-left: 26px;}
	
	.popup_wrap .popup .pop_content .collage_wrap {gap: 20px;}
	.popup_wrap .popup .pop_content .collage_wrap .row_box {gap: 20px;}
	.popup_wrap .popup .pop_content .collage_wrap .cm_grid_wrap {width: 50%; max-width: 300px}
	.popup_wrap .popup .pop_content .collage_wrap .row_box {width: 50%;}
	
	.inner_box.subnav_has {flex-direction: column; gap: 40px;}
	.inner_box.subnav_has .subnav {width: 100%; border-radius: 0; border: 0; box-shadow: none; padding-bottom: 0;}
	.inner_box.subnav_has .subnav > ul {display: flex; align-items: center; flex-wrap:wrap;}
	.inner_box.subnav_has .subnav > ul li {width: 25%; height: 42px; min-height: inherit; border-left: 1px solid #D1D1D1;}
	.inner_box.subnav_has .subnav > ul li a {height: 100%; min-height: inherit; justify-content: center; padding: 0;}
	.inner_box.subnav_has .subnav > ul li:nth-child(n+5) {border-bottom: 0;}
	.inner_box.subnav_has .subnav > ul li.plus_group {display: block; width: 25%; left: 0; transform: translateX(0); border: 0; height: 42px; min-height: inherit; border-left: 1px solid #D1D1D1; border-radius: 0; text-indent: -9999px; background: #D1D1D1 url(../images/ico/ico_sys_subnav_plus01.svg) no-repeat center;}
	.inner_box.subnav_has .subnav > .plus_group {display: none;}
	
	.sys_level .sys_search {width: 100%; max-width: inherit;}
	.sys_level.search_wrap .cm_grid_wrap > .btn_wrap {bottom: auto; top: -52px;}
	
	.sys_tit > strong {font-size: 21px;}
	
	.accordion_wrap > div .box.density_wrap {flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 8px 10px; gap: 8px;}
	.accordion_wrap > div .box.density_wrap > div {width: 100%; justify-content: flex-start; gap:5px;}
	.accordion_wrap > div .box.density_wrap > div > label {width: calc(33.33% - 5px);}
	.accordion_wrap > div .box.density_wrap input[type="number"] {width: 100%;}
}

@media all and (max-width: 768px) {
	.tabwrap .tab {padding: 9px 6px;}
	
	.inner_box.subnav_has .subnav > ul > li a {font-size: 16px;}
	.sys_level .edit_pop {width: calc(100% - 100px);}
}

@media all and (max-width: 640px) {
	/* air datepicker */
	.datepicker {width: calc(100vw - 40px) !important; max-width: 250px !important;}
	.datepicker.active {left: 20px !important;}

	.page_scroll {margin-top:60px; height: 100vh;}
	.wrapper {padding-left: 20px; padding-right: 20px;}
	
	.grn_btn {width: 100%;}
	
	.dot_list li + li {margin-top: 10px;}
	
	.white_box .big_tit > strong {font-size: 24px;}
	
	/* popup */
	.popup_wrap .popup {padding: 20px; max-width: calc(100vw - 40px); max-height: calc(100vh - 40px);}
	.popup_wrap .popup .pop_head {padding-bottom: 10px;}
	.popup_wrap .popup .pop_close {width: 28px; height: 28px; background-size:cover;}
	.popup_wrap .popup .big_tit {font-size: 24px;}
	.popup_wrap .popup .pop_content .notice_box + .data_info {margin-bottom: 20px;}
	.popup_wrap .popup .btn_wrap > * {width: 100%;}
	.popup_wrap .popup .result_head {margin-top: 10px; flex-wrap: wrap;}
	.popup_wrap .popup .result_head .count strong {display:none;}
	.popup_wrap .popup .result_head .rs_btn_wrap {width: 100%; margin-top: 20px;}
	.popup_wrap .popup .result_head .rs_btn_wrap .downbtn_list,
	.popup_wrap .popup .result_head .rs_btn_wrap .downbtn_list > a,
	.popup_wrap .popup .result_head .btn_wrap {width: 100%;}
	
	.popup_wrap.fixbtm .popup .pop_content {height: calc(100% - 94px);}
	.popup_wrap .popup .pop_content .tabwrap > .btn_wrap {padding-top: 20px;}
	
	.result_head.mo_wrap {flex-wrap: wrap;}
	.result_head.mo_wrap .rs_btn_wrap {width: 100%; flex-direction: column; margin-top: 20px;}
	.result_head.mo_wrap .rs_btn_wrap > * {width: 100%;}
	.result_head.mo_wrap .rs_btn_wrap > .downbtn_list > a.line_btn {width: 100%;}

	/* notice */
	.notice_box {padding: 20px;}
	.notice_box .tit {flex-direction: column; align-items: flex-start; gap: 14px;}
	.notice_box .tit span {font-size: 16px; width: 100px; height: 32px; border-radius: 10px;}
	
	.data_info {flex-direction:column;}
	.data_info.li_h50 li {height: 45px;}
	.data_info > li {width: 100%;}
	.data_info > li strong,
	.data_info > li label {font-size: 12px; width: 120px;}
	.data_info > li p,
	.data_info > li div {width: calc(100% - 120px); border-right: 0;}
	.data_info > li div input {width: 100%; font-size: 12px; border-radius: 5px;}
	
	.data_info.big li {height: 50px;}
	
	.data_info.row.gridtab li {height: auto; font-size:14px; border-top: 1px solid #d1d1d1;}
	.data_info.row.gridtab li + li {margin-top: 10px;}
	.data_info.row.gridtab li.head {display: none;}
	.data_info.row.gridtab li.head + li {margin-top: 0; border-top: 0;}
	.data_info.row.gridtab li > a {width: 100%; height: auto; flex-direction: column; align-items: flex-start;}
	.data_info.row.gridtab li > a > div {flex: none; width: 100%; height: 40px;}
	.data_info.row.gridtab li > a > div + div {border-top: 1px solid #d1d1d1;}
	.data_info.row.gridtab li > a > div strong {display: flex; align-items: center; justify-content: center; height: 100%; width: 100px; background: #F7F7F8; border-right: 1px solid #d1d1d1;}
	.data_info.row.gridtab li > a > div strong + * {width: calc(100% - 100px);}
	
	.upload_box > div > strong {font-size: 16px;}
	.upload_box .drop_box {background: url(../images/ico/ico_dropbox_file01.svg) no-repeat center/40px;}
	.upload_box .drop_box.active {background:rgba(0,137,222,0.05) url(../images/ico/ico_dropbox_file01.svg) no-repeat center/40px;}
	.upload_box .drop_box .drop_text {display: none;}
	
	.popup_wrap .popup .pop_content .page_scroll .mCSB_scrollTools {margin-top: 0; margin-right: -12px; right: 0; width: 5px; height:calc(100% - 130px);}
	
	.popup_wrap.detail_pop .popup .pop_content .fix_btm > div > strong {flex-shrink:0; font-size:16px;}
	.popup_wrap.detail_pop .popup .pop_content .fix_btm .file {gap: 14px 8px; flex-wrap:wrap;}
	
	.popup_wrap .popup .pop_content form .tabwrap .page_scroll {height: calc(100% - 66px);/* max-height:inherit;*/}
	
	/* subpage */
	.subpage {padding-top: 30px; padding-bottom: 100px;}
	.subpage .content .nav_loca > h2 {font-size: 24px;}
	.subpage .content .nav_loca > ol {font-size: 14px;}
	
	.subpage .content .page_tab {margin-top: 20px;}
	.subpage .content .page_tab li a {font-size: 15px;}
	
	.inner_box .white_box {padding:30px 20px;}
	.search_wrap form .inp_box > label:not(.big_name) {font-size:15px;}
	
	.search_wrap form label.big_name {margin-bottom:-4px;}
	.search_wrap form .inp_list_wrap > div {gap:20px;}
	.search_wrap form .inp_list_wrap .hasbtn > div:not(.btn_wrap) {gap: 10px;}
	
	.search_wrap form .inp_box,
	.search_wrap form .inp_box.m_col3 {width:100%;}
	.search_wrap form .inp_box input[type="text"], 
	.search_wrap form .inp_box input[type="number"], 
	.search_wrap form .inp_box input[type="text"]::placeholder, 
	.search_wrap form .inp_box input[type="number"]::placeholder, 
	.search_wrap form .inp_box textarea, 
	.search_wrap form .inp_box select {font-size: 12px;}
	.search_wrap form .inp_box input[type="text"], 
	.search_wrap form .inp_box input[type="number"],
	.search_wrap form .inp_box textarea, 
	.search_wrap form .inp_box select {padding: 8px 12px;}

	.search_wrap form .btn_wrap {flex-direction: column; gap: 10px;}
	.search_wrap form .btn_wrap > button {text-align: center; width: 100%; font-size: 14px;}
	.search_wrap form .btn_wrap > button span {padding-left:24px;}
	.search_wrap form .btn_wrap > .bt_search span,
	.search_wrap form .btn_wrap > .bt_reset span {padding-left:24px; background-position:left center;}
	
	.search_wrap form .inp_box.datepicker_wrap.has_datebtn {gap: 5px;}
	.search_wrap form .inp_box.datepicker_wrap.has_datebtn .date_btn {flex-wrap: wrap; gap: 5px;}
	.search_wrap form .inp_box.datepicker_wrap.has_datebtn .date_btn button {flex: inherit; width: calc(33.33% - 3.5px); padding:0; font-size: 12px;}
	
	.search_wrap form .inp_box.datepicker_wrap .range_wrap {gap:4px;}
	.search_wrap form .inp_box.datepicker_wrap .range_wrap.only_date input[type="text"] {width: 100%;}
	
	.search_wrap form .search_detail input[type="text"] {padding-left: 36px; background-position: left 12px center; background-size: 18px;}
	.search_wrap form > div.viewmore_box button {font-size: 14px;}

	.search_wrap form .inp_list_wrap .search_state .search .search_detail {gap: 10px}
	
	.tabwrap .tab {padding: 6px;}
	.tabwrap .tab li {font-size: 15px; padding: 7px 0; border-width: 1px;}
	
	.result_head:not(.btns) .count {flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 12px;}
	.result_head > strong {font-size: 16px; word-break: keep-all;}
	.result_head .count .info_txt p {font-size: 9px;}
	
	.result_head.btns .rs_btn_wrap {flex-wrap: wrap;}
	.result_head.btns .rs_btn_wrap > a {width: calc(50% - 5px); flex: none;}
	.result_head.btns .rs_btn_wrap > div {width: 100%;}
	.result_head.btns .rs_btn_wrap > div > a {width: 100%;}
	
	.downbtn_list > ul li a {font-size:12px;}
	
	.result_head.inp_list_wrap {flex-direction: column; align-items: stretch; justify-content: flex-start;}
	.result_head.inp_list_wrap .inp_box.datepicker_wrap {width: 100%; flex-direction: column; align-items: stretch; justify-content: flex-start;}
	.result_head.inp_list_wrap .inp_box.datepicker_wrap.only_btn {width: 100%;}
	.search_wrap.find_wrap form .inp_list_wrap .nobd {flex-direction: column; align-items: stretch; justify-content: flex-start;}
	
	.find_btn {width: 100%;}
	.find_btn * {width: 50%;}
	
	.search_wrap.find_wrap .downbtn_list > a.line_btn {width: 100%;}
	.downbtn_list > ul {width: 100%;}
	
	.map_wrap {height: 450px;}
	
	.find_wrap .find_con.show_compare {flex-direction:column;}
	.find_wrap .find_con.show_compare > div {width: 100%; height: 450px;}
	.find_wrap .find_con.show_compare > div.compare {width: 100%;}
	
	.map_wrap .map_view_opt > div.viewmode .opt_view {width: auto;}
	.mapmode_wrap {flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 10px;}
	
	.find_wrap .find_con > div .map_title {font-size:16px; height: 40px;}
	.find_wrap .find_con.show_compare > div .map_range {top: 75px;}
	.find_wrap .find_con.show_compare .spot_popup {top: 75px;}
	
	.map_wrap .spot.on .spot_info {width: 160px; top: 100%; left: 50%; transform:translateX(-50%);}
	
	.spot_popup {width: calc(100% - 60px);}
	.spot_popup.show {z-index: 10;}
	.spot_popup .spop_head {padding: 10px 10px 0 10px;}
	.spot_popup .spop_head > strong {font-size: 16px; height: 35px;}
	.spot_popup .spop_body {padding: 14px 20px 20px; height: calc(100% - 45px);}
	.spot_popup .spop_body .sp_tit {flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 10px;}
	.spot_popup .spop_body .sp_tit .tit {word-break: keep-all; font-size: 13px; padding-left: 16px; background-size: 12px; margin-bottom:0;}
	.spot_popup .spop_body .sp_tit .variable {width: 100%; flex-wrap:wrap; gap: 5px; align-items: flex-start; justify-content: flex-start;}
	.spot_popup .spop_body .sp_tit .variable > label {width: 100%; font-size: 13px;}
	.spot_popup .spop_body .sp_tit .variable select {width: calc(100% - 85px); max-width: inherit;}
	
	.accordion_wrap > div .box.density_wrap {flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 8px 10px; gap: 8px;}
	.accordion_wrap > div .box.density_wrap > div {width: 100%; justify-content: flex-start; gap:5px;}
	.accordion_wrap > div .box.density_wrap > div > label {width: calc(33.33% - 5px);}
	.accordion_wrap > div .box.density_wrap input[type="number"] {width: 100%;}
	.accordion_wrap > div .tit {padding: 8px 10px;}
	.accordion_wrap > div .tit:before {right: 10px;}
	.accordion_wrap > div .tit > strong {font-size: 12px;}
	
	.chart_wrap {border-radius: 8px;}
	
	.rs_btn_wrap .grn_btn {width: 80px;}
	
	.gis_wrap {height: 100vh;}
	.gis_wrap .gis_spot_info {left: -150%;}
	
	.gis_wrap .gis_search_box {top: 0; left: -300px; border-radius: 0; width: 300px; height: 100vh; max-height:100vh; padding: 20px; transition: all .3s ease;}
	.gis_wrap .gis_search_box .gissh_close {display: block;}
	.gis_wrap .gis_search_box.on {left: 0;}
	.gis_wrap .gis_search_box.on .gissh_close {display: none;}
	.gis_wrap .gis_search_box.result {height: 100vh; max-height: 100vh;}
	.gis_wrap .gis_search_box.result .gis_search_content {height: calc(100vh - 48px);}
	
	.gis_wrap .gis_search_box .gis_search_head h1 {width: 165px;}
	.gis_wrap .gis_search_box .find_btn {height: 30px;}
	.gis_wrap .gis_search_box.result .gis_search_content .tabwrap .tabcon_wrap {height: calc(100vh - 50px);}
	
	.gis_wrap .gis_search_box .search_wrap .list_inp_box > div strong {font-size: 15px;}
	.gis_wrap .gis_search_box .search_wrap .list_inp_box > div label {font-size: 13px;}
	.gis_wrap .gis_search_box .search_wrap .list_inp_box > div.datepicker label {font-size: 15px; font-weight: 700;}
	.gis_wrap .gis_search_box .search_wrap .list_inp_box > div > div {gap: 14px; flex-shrink: 0;}
	.gis_wrap .gis_search_box .search_wrap .list_inp_box .inp_box.search select {width: 80px;}
	.gis_wrap .gis_search_box .search_wrap .list_inp_box .inp_box.search button {width: 32px; height: 32px; text-indent: -9999px;}
	.gis_wrap .gis_search_box .search_wrap .list_inp_box .inp_box.search button span {width: 100%; height: 100%; background-position: center; background-size: 14px;}
	
	.map_wrap.gis_wrap .spots_distance {font-size: 14px}
	.gis_wrap .gis_mode_option {top: 10px; right: 10px;}

	.gis_wrap .gis_spot_info.on {top: 10px; left: 10px; width: calc(100% - 70px);	}

	.gis_wrap .gis_mode_option .map_view_opt > div.viewmode .opt_view {width: auto; top: 0; transform:translateY(0)}
	
	.gis_wrap .gis_spot_info {padding: 20px;}
	.gis_wrap .gis_spot_info .big_tit {font-size:18px; margin-bottom: 10px;}
	
	.gis_wrap .gis_spot_info .info_table {font-size: 12px;}
	.gis_wrap .gis_spot_info .info_table th {width: 50px;}
	.gis_wrap .gis_spot_info .info_table th, 
	.gis_wrap .gis_spot_info .info_table td {height: auto; padding: 5px 2px; word-break: keep-all;}
	
	.popup_wrap.full_pop .popup {top: 0; left: 0; border-radius: 0; height: 100vh; width: calc(100% - 60px); padding: 20px;}
	.popup_wrap.full_pop .popup .big_tit {font-size: 18px}
	.popup_wrap.full_pop .popup .pop_close {width: 14px; height: 14px; background-position:center; background-size:123%;}
	
	.popup_wrap .popup .pop_content form > div.info_date > p {font-size: 12px; padding-left: 20px; background-size: 14px;}
	.popup_wrap .popup .pop_content form > div.info_date .inp_box.datepicker_wrap {flex-direction: column;}
	.popup_wrap .popup .pop_content form > div.info_date .inp_box.datepicker_wrap button {width: 100%; font-size: 14px;}
	
	.popup_wrap .popup .pop_content .collage_wrap {flex-direction: column; width: 100%; height: calc(100% - 162px);}
	.popup_wrap .popup .pop_content .collage_wrap .row_box {order: 0; width: 100%; gap: 10px; }
	.popup_wrap .popup .pop_content .collage_wrap .row_box > div.empty {min-height: 145px;}
	.popup_wrap .popup .pop_content .collage_wrap .cm_grid_wrap {order: 1; width: 100%; max-width:100%}
	.popup_wrap .popup .pop_content .collage_wrap .cm_grid_wrap .cm_grid {width: 100%;}
	
	.sys_tit > strong {font-size: 20px; }
	
	.sys_level .sys_search {gap: 10px; padding-bottom: 20px;}
	.sys_level .sys_search input[type="text"] {font-size: 15px;}
	.sys_search button.sarch_btn {text-indent: -9999px; width: 40px; height: 40px;}
	.sys_search button.sarch_btn span { background-position:center;}
	
	.sys_level .result_head .count {flex-direction: column; align-items: flex-start; gap: 12px}
	.sys_level.search_wrap .cm_grid_wrap > .btn_wrap {flex-direction: row;} 
	
	.inner_box.subnav_has .subnav {background: transparent;}
	.inner_box.subnav_has .subnav > ul li {width: 33.33%; background: #fff;}
	.inner_box.subnav_has .subnav > ul li:nth-child(3n + 1){border-left: 0;}
	.inner_box.subnav_has .subnav > ul li.plus_group {width: 33.33%;}
	
	.sys_level .edit_pop {width: calc(100% - 40px);}
	.sys_level .edit_pop .title {font-size: 20px; padding: 20px;}
	.sys_level .edit_pop .popcon {padding: 20px;}
	.sys_level .edit_pop .edit_form > div label {width: 50px; font-size: 14px;}
	.sys_level .edit_pop .edit_form > div input[type="text"],
	.sys_level .edit_pop .edit_form > div input[type="email"],
	.sys_level .edit_pop .edit_form > div select {width: calc(100% - 60px); font-size: 14px;}
	.sys_level .edit_pop .edit_form .btn_wrap {flex-direction: row;}
	
	.system_page .subpage {height:auto;}
	.system_page .subpage .inner_box.row {flex-direction: column; height: auto; gap: 20px; margin-top: 20px;}
	.system_page .subpage .inner_box.row > div {width: 100%; gap: 20px; height: auto; min-height: 820px;}
	.system_page .subpage .inner_box.row > div .page_scroll {height:auto;}
	
	.subpage .content .system_title {flex-direction: column; align-items: flex-start; gap: 40px}
	.subpage .content .system_title .btn_wrap {width: 100%;}
	.subpage .content .system_title .btn_wrap > button {width: 50%;}
	
	.gis_wrap .gis_search_box .search_wrap .list_inp_box .btn_click {flex-direction: column; align-items: flex-start; gap: 10px;}
	.gis_wrap .gis_search_box .search_wrap .list_inp_box .btn_click p {width: 100%;}
	.gis_wrap .gis_search_box .search_wrap .list_inp_box .btn_click .btn_wrap {flex-direction: row; gap: 10px; width: 100%; flex-wrap: nowrap;}
	.gis_wrap .gis_search_box .search_wrap .list_inp_box .btn_click .btn_wrap > button {width: 50% !important;}
	
	.gis_wrap .gis_spot_info .no_scroll + .tabwrap .tabcon_wrap .page_scroll .mCSB_scrollTools.mCSB_scrollTools_vertical {margin-right: -13px;}	.gis_wrap .gis_spot_info .no_scroll + .tabwrap {height: calc(100% - 227px);}
	.gis_wrap .gis_spot_info .no_scroll + .tabwrap {height: calc(100% - 227px);}
}

@media all and (max-width: 480px) {
	.accordion_wrap > div .box.density_wrap > div > label {width: calc(50% - 5px);}
}

@media all and (max-width: 374px) {
	.search_wrap form .inp_box.datepicker_wrap .range_wrap input[type="text"] {padding: 8px 10px; background-position: right 8px center; background-size: 15px;}
	.result_head.inp_list_wrap .inp_box.datepicker_wrap .range_wrap input[type="text"] {font-size: 12px;}
	
	.find_wrap .find_con > div .map_title {top: 10px;}
	.map_wrap .map_range {top: 10px; left: 10px;}
	.map_wrap .map_view_opt {bottom: 10px; left: 10px;}
	.map_wrap .map_view_opt > div .opt_view {width: 155px;}
	.map_wrap .map_view_opt > div .opt_view > strong {font-size: 14px; padding: 10px 12px;}
	.map_wrap .map_view_opt > div .opt_view > div:not(.mapmode_wrap) {padding: 12px;}
	.map_wrap .map_view_opt > div .opt_view .label {font-size: 14px;}
	.map_wrap .map_view_opt > div .opt_view .label + * {width: calc(100% - 50px);}
	.spot_popup {top: 10px; height: calc(100% - 20px); width: calc(100% - 20px);}
	.spot_popup.show {right: 10px;}
	.spot_popup .spop_close {width: 20px; left: -8px; height: 40px; box-shadow: none; background-size: 12px;}
	
	.find_wrap .find_con > div .map_title {top: 10px; width: calc(100% - 20px);}
	.find_wrap .find_con.show_compare > div .map_range {top: 60px;}
	.find_wrap .find_con.show_compare .spot_popup {top: 60px; width: calc(100% - 20px); height: calc(100% - 70px);}
	
	.cm_grid_wrap .paging ol {margin: 0; gap: 0;}
	.cm_grid_wrap .paging ol li button {font-size: 14px; padding: 0 5px;}
	
	.gis_wrap .gis_spot_info {left: -154%;}
}

@media all and (max-height: 1080px) {
	.popup_wrap .popup {height: calc(100vh - 180px);}
	.popup_wrap.fixbtm .popup .pop_content {height: calc(100% - 114px);}
}
@media all and (max-height: 800px) {
	.popup_wrap.detail_pop .popup .pop_content .fix_btm {position: static; margin-top: 20px;}
	}
@media all and (max-height: 620px) {
	.popup_wrap .popup .pop_content .dubble_pgscroll > .mCSB_scrollTools {height: 40%;}
	
}
@media all and (max-height: 565px) {
	.popup_wrap .popup .pop_content .dubble_pgscroll > .mCSB_scrollTools {height: 20%;}
}