@charset "UTF-8";

/* 파일다운로드 프로그레스바 */
.progressbar {position: absolute;top: 0;width: 100%;height: 100%;background: rgba(0,0,0, 0.6);z-index: 9999;}
.progressbar .circle {width: 100px;margin: 6px 6px 20px;display: inline-block;text-align: center;line-height: 1.2;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.progressbar .circle canvas {vertical-align: top;}
.progressbar .circle strong {position: absolute;top: 30px;left: 0;width: 100%;text-align: center;line-height: 40px;font-size: 30px;color: #fff;}
.progressbar .circle strong i {font-style: normal;font-size: 0.6em;font-weight: normal;color: #fff;}
.progressbar .circle span {display: block;color: #aaa;margin-top: 12px;}

.ol-scale-line {
	background: rgba(0,60,136,.5) !important;
	border-radius: 4px;
	bottom: 8px;
	left: auto !important;
	right: 8px;
	padding: 2px;
	position: absolute;
}
.tooltip {
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	color: #fff !important;
	padding: 4px 8px;
	opacity: 0.7;
	white-space: nowrap;
	z-index: 999;
}
.tooltip-inner {
	color: #fff !important;
}
.tooltip-measure {
	opacity: 1;
	font-weight: bold;
}
.tooltip-static {
	background-color: #ffcc33 !important;
	color: black !important;
	border: 1px solid white !important;
	font-weight: bold;
}
.tooltip-measure:before,
.tooltip-static:before {
	border-top: 6px solid rgba(0, 0, 0, 0.5);
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	content: "";
	position: absolute;
	bottom: -6px;
	margin-left: -7px;
	left: 50%;
}
.tooltip-static:before {
	border-top-color: #ffcc33;
}

.ui-state-active, .ui-state-active:hover {
	border: 1px solid #c5c5c5 !important;
	color: #454545 !important;
}
.ui-slider {
	margin: 10px 20px 0 0;
}
.SearchInfoList {z-index: 300;}
.SearchInfoList ul {overflow-x: hidden;overflow-y: auto;width: 360px;height: auto;max-height: 200px;padding: 6px 0;background-color: #fff;}

.select_feature_popup{position: fixed; left: 645px; top: 400px; z-index: 500; background: rgba(0,0,0,0.5);display: none;}
.select_feature_dialog{max-width: 580px;margin: 0 auto;overflow: hidden;border-radius: 3px; border: 1px solid #fff;z-index:10;}
.select_feature_content{position: relative;display: flex;flex-direction: row;}
.select_feature_set {position: relative;flex: 1 1 auto;background: rgba(70,70,70,0.95);width: auto;}
.select_feature_set span{font-size: 10pt;color: #fff;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.select_feature_set div:last-child {border-bottom: 0px solid #fff;}
.select_feature_title {display: flex;align-items: center;justify-content: center;padding: 4px 2px;flex: 1;border-bottom: 1px solid #fff; background: #0166b4;}
.select_feature_item {display: flex;align-items: center;justify-content: center;padding: 4px 20px;flex: 1;border-bottom: 1px solid #fff;}
.select_feature_item span{cursor: pointer;}
.select_feature_item img{margin-right: 3px}

/* 지도항목선택 팝업 */
.mapinfo_popup{position: fixed; left: 645px; top: 400px; z-index: 500; background: rgba(0,0,0,0.5);display: none;}
.mapinfo_dialog{max-width: 580px;margin: 0 auto;overflow: hidden;border-radius: 3px; border: 1px solid #fff;}
.mapinfo_dialog .mapinfo_content {border-top: 1px solid #fff;}
.mapinfo_dialog .mapinfo_content:first-child {border-top: none;}
.mapinfo_content{position: relative;display: flex;flex-direction: row;}
.mapinfo_left {position: relative;flex: 1 1 auto;background: rgba(0,0,0,0.6);border-right: 1px solid #fff;width: auto;}
.mapinfo_left span{font-size: 9pt;color: #fff;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.mapinfo_left .mapinfo_top {display: flex;align-items: center;justify-content: center;padding: 0 10px;flex: 1;border-bottom: 1px solid #fff;}
.mapinfo_left .mapinfo_bottom {display: flex;align-items: center;justify-content: center;padding: 0 10px;flex: 1;}
.mapinfo_right {position: relative;flex: 1 1 auto;background: rgba(0,0,0,0.6);border-right: 1px solid #fff;width: auto;padding-top: 4px;}
.mapinfo_right span{font-size: 9pt;color: #fff;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.mapinfo_right .mapinfo_top {display: flex;align-items: center;justify-content: center;padding: 0 5px;flex: 1;	min-width: 40px;}
.mapinfo_right .mapinfo_bottom {display: flex;align-items: center;justify-content: center;padding: 0;flex: 1;}
.mapinfo_right .mapinfo_top span	{font-size: 11pt; line-height: 16px;}
.mapinfo_right .mapinfo_bottom span	{font-size: 9pt; line-height: 12px;}
.mapinfo_label {display: flex;align-items: center;justify-content: center;padding: 0 5px;flex: 1; background: rgba(0,0,0,0.6);}
.mapinfo_label span	{font-size: 8pt; line-height: 16px; color: #fff;font-weight: 300; }
.infoOverlay:has(.mapinfo_dialog):hover {z-index: 100; cursor: pointer;}

.con_num {position: relative; padding: 0 0 0 20px; font-weight: 400; }
.con_num::before {content: '';display: block;width: 17px;height: 17px;background-color: #fff;position: absolute;left: 0;top: 0;
border-radius: 9px;line-height: 1.5;text-align: center;}
.num1::before {content: '1.';}
.num2::before {content: '2.';}
.num3::before {content: '3.';}
.num4::before {content: '4.';}
.num5::before {content: '5.';}
.num6::before {content: '6.';}
.num7::before {content: '7.';}
.num8::before {content: '8.';}
.num9::before {content: '9.';}
.num10::before {content: '10'; font-size: 10px;}
.num11::before {content: '11'; font-size: 10px;}
.num12::before {content: '12'; font-size: 10px;}
.num13::before {content: '13'; font-size: 10px;}
.num14::before {content: '14'; font-size: 10px;}
.num15::before {content: '15'; font-size: 10px;}
.num16::before {content: '16'; font-size: 10px;}
.num17::before {content: '17'; font-size: 10px;}

.con_title {position: relative; padding: 0 0 0 20px; font-weight: 400; }
.con_title::before {content: '';display: block;width: 6px;height: 6px;background-color: #000;position: absolute;left: 5px;top: 8px;border-radius: 3px;}
	
.con_star {position: relative; padding: 0 0 0 20px; font-weight: 400; }
.con_star::before {content: '*'; display: block;width: 17px;height: 17px;background-color: #fff;position: absolute;left: 0;top: 4px;border-radius: 9px;line-height: 1.5;text-align: center;}

.con_triangle {position: relative; padding: 0 0 0 20px; font-weight: 400; }
.con_triangle::before {content: '▶'; display: block;width: 17px;height: 17px;background-color: #fff;position: absolute;left: 0;top: 4px;border-radius: 9px;line-height: 1.5;text-align: center;}

.con_circle {position: relative; padding: 0 0 0 20px; font-weight: 400; }
.con_circle::before {content: '○'; display: block;width: 17px;height: 17px;background-color: #fff;position: absolute;left: 0;top: 1px;border-radius: 9px;line-height: 1.5;text-align: center;}

.con_dot {position: relative; padding: 0 0 0 6px; font-weight: 400; }
.con_dot::before {content: '';display: block;width: 3px;height: 3px;background-color: #000;position: absolute;left: 0;top: 10px;border-radius: 3px;}
	
.modal .ui-widget.ui-widget-content {
	border: none !important;
}
.modal .ui-widget-header {
	border: none !important;
	background: #ffffff !important;
	border-bottom: 1px solid #dddddd !important;
}
.modal .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	background: #294eb7 !important;
	color: #fff !important;
}
.modal .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	font-weight: 900 !important;
}
body.swal2-height-auto {
	height: 100% !important;
}