@charset "UTF-8";

.spot_popup .spop_body .eco_density .heatmap .chart_box { height: 270px; }
.spot_popup .spop_body .appear_info .chart_box {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 200px;
}
.spot_popup .spop_body .appear_info .chart_box .yet_txt {
    font-size: 12px;
    font-weight: 500;
    color: #999;
}

.map_wrap .map_view_opt > div.viewmode .opt_view {
    width: 280px;
    padding: 10px;
}

.map_wrap .spot .spot_info { left: 0; }

.cl_radio_wrap .color_basic input[type="radio"] + i {background: #FF0000}
.cl_radio_wrap .color_yellow input[type="radio"] + i {background: #FFCC00}
.cl_radio_wrap .color_green input[type="radio"] + i {background: #31A354}
.cl_radio_wrap .color_blue input[type="radio"] + i {background: #2171B5}
.cl_radio_wrap .color_black input[type="radio"] + i {background: #888888}

.spot_popup .spop_body .sp_tit .variable select {min-width: 110px;}*/

/* 일괄등록 팝업 */
.popup_wrap.bundle_rgpop .popup .pop_content form .tabwrap .page_scroll {height: calc(100% - 145px);}
.popup_wrap .popup .pop_content .notice_box ~ .data_info {margin-top: 20px; margin-bottom: 14px;}
.chart_wrap { position: relative; min-height: 300px; max-height: 418px;}
.chart_wrap .yet_txt{
	position:absolute; top:50%; left:50%;
	transform:translate(-50%,-50%);
	margin:0; text-align:center; color:#9aa0a6; font-size:16px;
	display:none;
}
.chart_wrap canvas {
	width: 100% !important;
	height: 100% !important;
	display: block;
}

.map_box .search_wrap .inp_box button.map_date_search {
    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;
}
.map_box .search_wrap .inp_box button.map_date_search span {
    display: inline-block;
    padding-left: 18px;
    background: url(../images/ico/ico_gis_search01.svg) no-repeat left center;
}

/* 로딩창 */
#loadingField {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: fixed;
	display: flex;
	align-items: center; justify-content : center;
	opacity: 0.7;
	background-color: #fff;
	z-index: 9999999999999;
	text-align: center;
	justify-content: center;
}



/* gis 정보도 -  grid27 로딩창 */
.grid-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.8);z-index:10}
.grid-loading.hidden{display:none}
.grid-loading .spinner{width:36px;height:36px;border:3px solid #ccc;border-top-color:#1a73e8;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:8px}
@keyframes spin{to{transform:rotate(360deg)}}
.cm_grid_wrap{position:relative}
/* gis 정보도 -  grid27 로딩창 */

/* gis 정보도 -  spot06 테이블 보기 - 그래프*/
#spot06_info .gis_wrap .gis_spot_info .dot_info.table {
	margin-bottom:20px;
}
/* gis 정보도 -  spot06 테이블 보기 - 그래프*/

/* gis 정보도 -  spot06 그래프 보기 - 그래프*/
#spot06_info .dot_info.graph .chart_box{
  border:1px solid #D1D1D1;
  border-radius:8px;
  overflow:hidden;
  padding-top:20px;
}
/* gis 정보도 -  spot06 테이블 보기 - 그래프*/

/* gis 정보도 - 공간검색 shp 파일 첨부*/
#gis_map .gis_search_content .list_inp_box .shp_draw .tit{
    font-size: 14px;
    font-weight: 600;
}
#gis_map .gis_search_content .list_inp_box .shp_draw .tit:before{
	background-image: url(../images/ico/ico_copy_plus.svg);
	content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 6px;
    vertical-align: middle;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
#gis_map .gis_search_content .list_inp_box .shp_draw .file_box.inp_wrap{
    display: flex;
}
#gis_map .gis_search_content .list_inp_box .shp_draw .file_box.inp_wrap input{
	text-align: left;
    width: 58%;
    height: 33px;
    padding: 0 12px;
    color: #676B83;
    font-size: 14px;
    border-radius: 6px;
    border-color: var(--gray-color);
}
#gis_map .gis_search_content .list_inp_box .shp_draw .file_box .upload_btn{
    width: 65px;
    line-height: 34px;
    margin-left: 8px;
    border-radius: 6px;
    color: white;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    background: #148736;
    flex-shrink: 0;
}
#gis_map .gis_search_content .list_inp_box .shp_draw .file_box .upload_btn:before{
	content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 4px;
    vertical-align: middle;
    background: url(../images/ico/ico_upload_w.svg) no-repeat center;
    background-size: 100%;
}
#gis_map .gis_search_content .list_inp_box .shp_draw .file_box input[type="file"] {
	display: none;
}
/* gis 정보도 - 공간검색 shp 파일 첨부*/


/* gis 정보도 - grid28 여백*/
#spot06_info .tabwrap{height:calc(100% - 248px)}
#spot06_info .page_scroll{height:100%;display:flex;flex-direction:column;overflow:hidden}
#spot06_info .cm_grid_wrap{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
#spot06_info #grid28{flex:1 1 auto;min-height:0}
#spot06_info .paging{flex:0 0 auto}
/* gis 정보도 - grid28 */


/* 지점 비교 옵션 선택 창 */
.gis_wrap .gis_mode_option .map_view_opt .compare {padding: 0;}
.gis_wrap .gis_mode_option .map_view_opt .compare li {height: 40px;}
.gis_wrap .gis_mode_option .map_view_opt .compare li + li {border-top: 1px solid rgba(209,209,209,0.4);}
.gis_wrap .gis_mode_option .map_view_opt .compare li strong {display: block; font-size: 14px; font-weight: 600; color: #111; padding: 10px 20px;}
.gis_wrap .gis_mode_option .map_view_opt .compare 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 .compare 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 > div .opt_view {width: 140px;}


#gis_map .gis_wrap .gis_mode_option .map_view_opt > div .opt_view {
    width: 150px;
}

/* 로그인 창 */
#login-modal{
	background-color: white;
    width: 400px;
    height: 350px;
    padding: 30px 25px 20px 25px;
    border: 1px solid lightgrey;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

#login-modal .my-40px {
    margin-top: 30px;
    margin-bottom: 30px;
}

#login-modal .grid-3 > .row {
    margin: -8px;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
}


#login-modal .grid-3 > .row > div {
    padding: 8px;
}

#login-modal [class*=form-area-box-bold-lable] {
    position: relative;
}

#login-modal .grid-3 > .row > div {
    padding: 8px;
}
#login-modal .bs-xl {
	width:100%;	
	height:35px;
	border-radius:5px;
    background-color: #007aff;
    color:white;
}
	

#login-modal class*=btn-] {
    height: 48px;
    display: inline-flex;
    align-items: center;
    border-radius: 10px;
    font-size: 18px;
    color: #fff;
    border: 0;
    padding: 0;
    font-weight: 600;
    position: relative;
}

#login-modal .col-12 {
    flex: 0 0 auto;
    width: 100%;
}

#login-modal input[type="text"] {
    width: 100%;
    border-radius:10px;
}
#login-modal input[type="password"] {
    width: 100%;
    border-radius:10px;
}
#login-modal button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    font-family: "Pretendard", "Malgun Gothic", Dotum, Arial, sans-serif;
}
/* 로그인 창 */

/* .gis_wrap .gis_mode_option .map_view_opt .compare li button.map:before {background: #FF0000}
.gis_wrap .gis_mode_option .map_view_opt .compare li button.table:before {background: #19C54C} */