@charset "UTF-8";

.map_layout{ position:relative; }

.file-preview-box{
	position:fixed;
	z-index:9999;
	pointer-events:none;
	border:1px solid #ccc;
	background:#fff;
	padding:4px;
	box-shadow:0 2px 8px rgba(0,0,0,.25);
}

.file-preview-box .file-preview-img{
	max-width:360px;
	max-height:280px;
	display:block;
}

.aip-map .flightMap{
	width:100%;
	height:100%;
}

.reqMark{
	color:#e11d48;
	font-weight:700;
	margin-left:4px;
}

#bmkBtn.active{
	background-color: rgba(255, 212, 0, 0.45);
	border-color: rgba(255, 212, 0, 0.9);
}

#bmkBtn.active:hover{
	background-color: rgba(255, 212, 0, 0.6);
}

.juck-year{
	display:inline-block;
	width:12px;
	height:12px;
	margin-left:4px;
	/* margin-right:2px; */
	border-radius:2px;
	vertical-align:middle;
	background:#999;
}

.aip-map .map-cont.content-add{
	background-color: var(--krds-light-color-border-gray-dark);
	position: relative;
	overflow: hidden;
}

.aip-map .map-cont.content-add .add-txt{
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: var(--krds-gap-4);
	z-index: 1;
	pointer-events: none;
	text-align: center;
}

.aip-map .map-cont.content-add .add-txt img{
	width: 72px;
	height: 72px;
	max-width: 30%;
	max-height: 30%;
	object-fit: contain;
}

.aip-map .map-cont.content-add .add-txt p{
	font-size: var(--krds-pc-font-size-body-xsmall);
	color: var(--krds-light-color-text-basic-inverse);
	font-weight: 400;
	margin: 0;
}

.aip-map .map-cont.content-add.is-empty .ol-viewport{ display: none; }
.aip-map .map-cont.content-add:not(.is-empty){ background-color: transparent !important; }
.aip-map .map-cont.content-add:not(.is-empty) .add-txt{ display: none !important; }
.aip-map .map-cont.content-add:not(.is-empty) .ol-viewport{ display: block; }

.popup-content[data-init="initFlightPop"] .map-control-bar .krds-btn.danger,
.popup-content[data-init="initFlightPop"] .map-control-bar .flight-slot-del{
	background-color:#ef4444;
	border:1px solid #ef4444;
	color:#fff;
}

.popup-content[data-init="initFlightPop"] .map-control-bar .krds-btn.danger:hover,
.popup-content[data-init="initFlightPop"] .map-control-bar .flight-slot-del:hover{
	background-color:#dc2626;
	border-color:#dc2626;
}

.popup-content[data-init="initFlightPop"] .map-control-bar .krds-btn.danger:active,
.popup-content[data-init="initFlightPop"] .map-control-bar .flight-slot-del:active{
	background-color:#b91c1c;
	border-color:#b91c1c;
}


/* 항공사진 스위치 */
.map-control-bar{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:8px;
}

.map-control-bar .sync-wrap{
	display:inline-flex;
	align-items:center;
	gap:6px;
}

.map-control-bar .flight-slot-sync{
	position:absolute;
	width:1px;
	height:1px;
	margin:-1px;
	padding:0;
	border:0;
	overflow:hidden;
	clip:rect(0 0 0 0);
	white-space:nowrap;
}

/* switch label */
.map-control-bar .switch_label{
	position:relative;
	cursor:pointer;
	display:inline-flex;
	align-items:center;
	justify-content:flex-start;
	width:45px;
	height:20px;
	background:#fff;
	border:2px solid #daa;
	border-radius:9999px;
	transition:0.2s;
	box-sizing:border-box;
	flex:0 0 auto;
}

.map-control-bar .switch_label:hover{
	background:#efefef;
}

.map-control-bar .switch_label .onf_btn{
	position:absolute;
	top:50%;
	left:2px;
	transform:translateY(-50%);
	width:14px;
	height:14px;
	border-radius:9999px;
	background:#daa;
	transition:0.2s;
}

/* checking style */
.map-control-bar .flight-slot-sync:checked + .switch_label{
	background:#c44;
	border-color:#c44;
}

.map-control-bar .flight-slot-sync:checked + .switch_label:hover{
	background:#e55;
}

.map-control-bar .flight-slot-sync:checked + .switch_label .onf_btn{
	left:27px;
	background:#fff;
	box-shadow:1px 2px 3px #00000020;
}

.map-control-bar .switch_label{
	line-height:normal;
}

.map-control-bar .flight-slot-del{
	display:inline-flex;
	align-items:center;
	white-space:nowrap;
}

.flight-sync-switch{
	display:inline-flex;
	align-items:center;
	gap:6px;
}

.flight-sync-switch .sync-label{
	white-space:nowrap;
	font-size:14px;
	line-height:1;
	font-weight:600;
	text-shadow:
		-1px -1px 0 #fff,
		 1px -1px 0 #fff,
		-1px  1px 0 #fff,
		 1px  1px 0 #fff,
		 0   -1px 0 #fff,
		 0    1px 0 #fff,
		-1px  0   0 #fff,
		 1px  0   0 #fff;
}



/* 에어커맨드 */
.global-context-wrap.aircmd{
	position:absolute;
	top:0;
	left:0;
	pointer-events:none;
	visibility:hidden;
}

.global-context-wrap.aircmd.active{
	pointer-events:auto;
	visibility:visible;
}

.global-context-wrap.aircmd .map-context-menu-wrapper.half{
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:-40px;

	width:0;
	height:0;

	outline:0;
	box-shadow:none;
	overflow:unset;
	transform-origin:unset;

	opacity:0;
	visibility:hidden;
	pointer-events:none;

	transition:0.3s ease-in-out;
}

.global-context-wrap.aircmd .map-context-menu-wrapper.half.marker-active{
	opacity:1;
	visibility:visible;
	pointer-events:auto;
}

.global-context-wrap.aircmd .map-context-half-list{
	position:relative;
	top:auto;
	width:100%;
	height:100%;
}

.global-context-wrap.aircmd .map-context-half-button{
	border:0;
	box-shadow:none;
	background-color:transparent;

	position:absolute;
	z-index:10;
	display:flex;
	align-items:center;
	justify-content:center;

	width:4.8rem;
	height:4.8rem;
	border-radius:9999px;

	opacity:0;
	transform:translate3d(0,0,0) scale(0);

	background-repeat:no-repeat;
	background-position:center center;

	transition:0.5s;
}

.global-context-wrap.aircmd .map-context-menu-wrapper.half.marker-active .map-context-half-button{
	opacity:1;
}

.global-context-wrap.aircmd .map-context-half-button.pos-2{
	transform:translate3d(-45px,-45px,0) scale(1);
}

.global-context-wrap.aircmd .map-context-half-button.pos-3{
	transform:translate3d(0,-70px,0) scale(1);
}

.global-context-wrap.aircmd .map-context-half-button.pos-4{
	transform:translate3d(45px,-45px,0) scale(1);
}

.global-context-wrap.aircmd .map-context-half-button-inner{
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;

	position:absolute;
	right:-1px;
	top:50%;
	transform:translateY(-50%);

	min-width:4.8rem;
	height:4.8rem;

	border-radius:2.4rem;
	border:1px solid var(--krds-color-light-primary-40);

	background-color:rgba(255,255,255,0.7490196078);
	box-shadow:0 4px 6px 0 rgba(0,0,0,0.1803921569);

	opacity:1;
	visibility:visible;
	z-index:0;

	transition:0.5s ease-in-out;
	transition-property:min-width, opacity, z-index, visibility, background-color;
}

.global-context-wrap.aircmd .map-context-half-button-text{
	position:static;
	transform:none;
	font-size:1.5rem;
	font-weight:700;
	color:#333;
	white-space:nowrap;
	transition:0.5s ease-in-out;
}

.global-context-wrap.aircmd .map-context-half-button.pos-2 .map-context-half-button-text{
	margin-right:2.6rem;
}

.global-context-wrap.aircmd .map-context-half-button.pos-4 .map-context-half-button-text{
	margin-left:2.6rem;
}

.global-context-wrap.aircmd .map-context-half-icon{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:3px;

	width:4.2rem;
	height:4.2rem;

	border-radius:50%;
	border:2px solid var(--krds-color-high-contrast-gray-0);
	box-sizing:border-box;

	background-color:var(--krds-color-light-primary-40);
	background-repeat:no-repeat;
	background-position:center center;
}

.global-context-wrap.aircmd .map-context-half-button.pos-4 .map-context-half-button-inner{
	right:auto;
	left:0;
}

.global-context-wrap.aircmd .map-context-half-button.pos-4 .map-context-half-icon{
	right:auto;
	left:3px;
}

/* pos-3은 icon 대신 ::before 사용 */
.global-context-wrap.aircmd .map-context-half-button.pos-3 .map-context-half-icon{
	display:none;
}

.global-context-wrap.aircmd .map-context-half-button.pos-3::before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;

	width:4.8rem;
	height:4.8rem;

	border:2px solid var(--krds-color-high-contrast-gray-0);
	background-color:var(--krds-color-light-primary-40);
	border-radius:9999px;

	box-shadow:0 0 5px rgba(0,0,0,0.3);
	background-repeat:no-repeat;
	background-position:center center;
}

.global-context-wrap.aircmd .map-context-half-button.pos-3 .map-context-half-button-inner{
	top:-53px;
	left:50%;
	right:auto;
	transform:translateX(-50%);
}

.global-context-wrap.aircmd .map-context-half-item.active{
	z-index:10;
}

.global-context-wrap.aircmd .map-context-half-item.active .map-context-half-button-inner{
	background-color:var(--krds-color-light-primary-40);
}

.global-context-wrap.aircmd .map-context-half-item.active .map-context-half-button-text{
	color:var(--krds-color-high-contrast-gray-0);
}

.global-context-wrap.aircmd .map-context-menu-wrapper.drone .pos-2 .map-context-half-icon{
	background-image:url("/static/drm/images/common/context/drone/ico-drone-02.svg");
}

.global-context-wrap.aircmd .map-context-menu-wrapper.drone .pos-3::before{
	background-image:url("/static/drm/images/common/context/drone/ico-drone-03.svg");
}

.global-context-wrap.aircmd .map-context-menu-wrapper.drone .pos-4 .map-context-half-icon{
	background-image:url("/static/drm/images/common/context/drone/ico-drone-04.svg");
}

.global-context-wrap.aircmd .map-context-pin-image-area::before{
	content:"";
	position:absolute;
	left:50%;
	transform:translate(-50%);
	bottom:-32px;
	width:70px;
	height:94px;
	background:url("/static/drm/images/common/ico/ico-pinlet-marker.png") no-repeat center;
}

.global-context-wrap.aircmd .map-context-pin-image-area::after{
	content:"";
	position:absolute;
	left:50%;
	transform:translate(-50%);
	bottom:0px;
	width:48px;
	height:48px;
	background:url("/static/drm/images/common/context/ico-context-figure.svg") no-repeat center;
}

.global-context-wrap.aircmd .map-context-menu-title{
	bottom:-64px;
	left:-36px;
}

.global-context-wrap.aircmd .map-context-half-button.pos-1,
.global-context-wrap.aircmd .map-context-half-button.pos-5{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translate3d(0,0,0) scale(0) !important;
}

.global-context-wrap.aircmd .map-context-half-button.pos-1 .map-context-half-button-inner,
.global-context-wrap.aircmd .map-context-half-button.pos-5 .map-context-half-button-inner,
.global-context-wrap.aircmd .map-context-half-button.pos-1 .map-context-half-icon,
.global-context-wrap.aircmd .map-context-half-button.pos-5 .map-context-half-icon{
  display:none !important;
}

.global-context-wrap.aircmd .map-context-half-button-inner{
  min-width:14.5rem;
  padding:0 1.6rem;
  box-sizing:border-box;
}

.global-context-wrap.aircmd .map-context-half-button.pos-2 .map-context-half-button-inner{
  padding-right:3.4rem;
}

.global-context-wrap.aircmd .map-context-half-button.pos-4 .map-context-half-button-inner{
  padding-left:3.4rem;
}

.global-context-wrap.aircmd .map-context-half-button.pos-3 .map-context-half-button-inner{
  min-width:16rem;
  padding:0 2rem;
}

.global-context-wrap.aircmd .map-context-half-item.has-app{ cursor:pointer; }

.global-context-wrap.aircmd .map-context-half-button{
	overflow:visible;
}

.global-context-wrap.aircmd .map-context-half-button-inner{
	z-index:20;
	pointer-events:auto;
}

.global-context-wrap.aircmd .map-context-half-button-text,
.global-context-wrap.aircmd .map-context-half-icon{
	pointer-events:auto;
}

.global-context-wrap.aircmd .map-context-half-button.pos-3::before{
	z-index:5;
}
.global-context-wrap.aircmd .map-context-half-button.pos-3 .map-context-half-button-inner{
	z-index:30;
}

#aipExtracSelectModal .alert_textBox{
	padding:8px;
}

#aipExtracSelectModal .item-result{
	margin:0 0 10px 0;
	padding:10px 12px;
	border-radius:10px;
	background-color:#1c1c1c;
	font-size:15px;
	line-height:1.4;
	transition:background-color .15s ease, outline-color .15s ease, transform .1s ease;
}

#aipExtracSelectModal .item-result:last-child{
	margin-bottom:0;
}

#aipExtracSelectModal .item-result .link-btn{
	display:block;
	color:#fff;
	text-decoration:none;
}

#aipExtracSelectModal .item-result:hover{
	background-color:#2a2a2a;
	outline:1px solid rgba(255,255,255,.15);
}

#aipExtracSelectModal .item-result.is-hover{
	background-color:#2a2a2a;
	outline:1px solid rgba(255,255,255,.25);
	transform:translateY(-1px);
}

#aipExtracSelectModal .item-result .desc{
	opacity:.8;
	margin-right:6px;
}

#aipExtracSelectModal .item-result .val{
	font-weight:600;
}



.area-timeseries .box-timeseries.swiper-timer{
  overflow-x:auto !important;
  overflow-y:hidden !important;
  white-space:nowrap;
}

.area-timeseries .box-timeseries.swiper-timer:after{
  display:none !important;
}

.area-timeseries .box-timeseries.swiper-timer .swiper-wrapper{
  position:relative;
  display:inline-flex;
  width:max-content;
  flex-wrap:nowrap;
}

.area-timeseries .box-timeseries.swiper-timer .swiper-wrapper:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0.5rem;
  height:0.6rem;
  background-color: var(--krds-color-light-gray-50);
  z-index:0;
}

.area-timeseries .box-timeseries.swiper-timer .swiper-slide{
  position:relative;
  z-index:1;
  flex:0 0 auto;
}

.area-timeseries .box-timeseries .btn-year:focus,
.area-timeseries .box-timeseries .btn-year:focus-visible,
.area-timeseries .box-timeseries .btn-year:active{
  outline: none !important;
  box-shadow: none !important;
}

.area-timeseries .box-timeseries .btn-year{
  border: 0;
}

/* krds-radio */
.krds-radio-group{
	display:flex;
	align-items:center;
	gap:12px;
	flex-wrap:wrap;
}

.krds-radio{
	position:relative;
	display:inline-flex;
	align-items:center;
	gap:8px;
	cursor:pointer;
	user-select:none;
	line-height:1;
}

.krds-radio input[type="radio"]{
	position:absolute;
	opacity:0;
	pointer-events:none;
}

.krds-radio::before{
	content:"";
	display:inline-block;
	width:16px;
	height:16px;
	border-radius:50%;
	border:2px solid var(--krds-color-light-gray-40, #c7c7c7);
	background:var(--krds-color-light-gray-0, #fff);
	box-sizing:border-box;
}

.krds-radio::after{
	content:"";
	position:absolute;
	left:8px;
	top:50%;
	width:8px;
	height:8px;
	border-radius:50%;
	background:var(--krds-color-light-primary-50, #2563eb);
	transform:translate(-50%, -50%) scale(0);
	transition:transform .12s ease;
}

.krds-radio input[type="radio"]:checked + .krds-radio__text{
	font-weight:700;
	color:var(--krds-color-light-gray-0, #111);
}

.krds-radio:has(input[type="radio"]:checked)::before{
	border-color:var(--krds-color-light-primary-50, #2563eb);
}
.krds-radio:has(input[type="radio"]:checked)::after{
	transform:translate(-50%, -50%) scale(1);
}

.krds-radio:has(input[type="radio"]:focus-visible)::before{
	outline:2px solid var(--krds-color-light-primary-30, rgba(37,99,235,.35));
	outline-offset:2px;
}

.krds-radio:has(input[type="radio"]:disabled){
	cursor:not-allowed;
	opacity:.6;
}

.krds-radio__text{
	font-size:var(--krds-pc-font-size-body-small, 13px);
	color:var(--krds-color-light-gray-10, #333);
}