@charset "UTF-8";
#baseMap {
/*  height: 100vh; */
  /* background-color: rgb(8,57,89,1); */
}

#baseMap2 {
  /*height: 100vh;*/
}
.map {width:100%; height:100%;}
#province option:first-child{
	display:none;
}
#city-district option:first-child{
	display:none;
}
#neighborhood option:first-child{
	display:none;
}

.draggable {
	cursor: move;
}

 .pagination ul{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4.8rem;
}
 
.pagination ul li,
.pagination button {
  width: 2.4rem;
  height: 2.4rem;
  display: ;
  align-items: center;
  justify-content: center;
}

.pagination ul li a {
  font-size: 1.3rem;
  color: #555;
}

.pagination ul li a[aria-current=true] {
  color: var(--font-active);
}


.pagination a.active{
	font-size: 1.6rem;
	color: #ed1313;
	font-weight: bold;
} 

.pagination button.active{
	font-size: 1.6rem;
	color: #ed1313;
	font-weight: bold;
} 

#baseMap canvas {
  width: 100% !important;
  height: 100% !important;
}

caption {
  position: absolute;
  left: -999999px;  
}

/* 선택한 농지 주소 색칠 */
/* .pannel[data-panel=myfarm] ul li button.selected { 
	background-color :green;
	color : white;
} */

/* 농지 주소 페이징 처리 부분 */
.pannel[data-panel=myfarm] ul .hidden{
	display: none;
}
/* 기관지도 페이징 처리*/
#instList li.hidden{
	display: none;
}
/* 경영체 농지 등록 페이징 처리 부분 */
.pannel[data-panel=agRetrieveInfo] ul .hidden{
	display: none;
}
/* 경영체 농지 등록 버튼 처리 부분 */
.paginationNav  {
  text-align: center;
  margin: 10px;
}
.cs-bg-primary {
    background: #ff5200;
    color: #fff;
    border-color: #ff5200;
    border-radius: .4rem;
    padding: .6rem 1.5rem;
    height: auto;
}
/* 품질정보 날짜*/
.area-date {
	background: rgb(244, 244, 244);
	border-radius: 99rem;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 4rem;
	padding: 0.8rem 0.8rem 0.8rem 2rem;
	margin: 1.2rem 1.2rem;
}

/*LX map 결고 문구 display: none;*/
.lxWarm {
    position: absolute;
    z-index: 2;
    top: 75px;
    color: #eb003b;
    font-size: 12px;
    right: var(--gap);
    display: none;
    pointer-events: none;
}
/*모바일 경작지도 안내문구 추가*/
.mblagrwarm {
    position: absolute;
    z-index: 2;
    color: #eb003b;
    font-size: 12px;
    height: 25px;
    background-color: rgba(255, 255, 255, 0.4);
    pointer-events: none;
	display:none;
}
.agrwarm {
    position: absolute;
    z-index: 2;
    left: 40%;
    bottom: calc(var(--gap) - 0px);
    color: #eb003b;
    font-size: 12px;
    height: 25px;
    background-color: rgba(255, 255, 255, 0.4);
    pointer-events: none;
	display:block;
}
@media (max-width: 1000px) {
	.agrwarm {
	    display:none;
	}
}

/* 지도분할 년도선택 select */
.airbasemap_select{
	border: 1px solid rgb(221, 221, 221);
    border-radius: 0.8rem;
   	height: 3.3rem;
   	background-position: right 1.2rem center;
  	font-size: 13px;
} 
 
/* 추가 시켜서 줄임*/
/* #baseMap.popup_print */
.map_wrapper .partition .map.popup_print {
	width: 600px;
	height: 500px;
}

/*재배작물 통계지도용 작물품족 select 박스*/
.grid-column-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 0.5rem;
  padding: 1.2rem;
}
.grid-column-3 .form-select {
  padding-left: 1rem;
  padding-right: 1rem;
  /* font-size: 1.3rem; */
  font-size: 15px;
  background-position: right 0.5rem center;
  background-size: 1rem 1rem;
}
/*재배작물 통계지도용 나머지 select 박스*/
.grid-column-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0 0.5rem;
  padding: 1.2rem;
}
.grid-column-1 .form-select {
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.3rem;
  background-position: right 0.5rem center;
  background-size: 1rem 1rem;
}

/* 농지등록 선택, 취소버튼 줄바꿈 안되게 + 품목변경 변경버튼도 추가*/
[data-panel="agRetrieveInfo"] button.selectBtn,
[data-panel="agRetrieveInfo"] button.unselectBtn,
[data-panel="agRetrieveInfo"] button.selectChgBtn{
	white-space: nowrap;
}

/*농지등록 선택버튼 비활성화*/
.selectDisabledBtn{
	background: #c0bab7;
    color: #fff;
    border-color: #c0bab7;
    border-radius: .4rem;
    padding: .6rem 1.5rem;
    height: auto;
    cursor: default;
}

/*농지등록 소유주명*/
.ownr-ellipsis{
    width: 49px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*토지 불러오기 div*/
.callWdfldDiv{
	text-align:right;
}

/*토지 불러오기 아이콘*/
.callWdfldDiv img{
	vertical-align:baseline;
	width:1.3rem;
}

/*토지 불러오기 span*/
.callWdfldDiv span{
	margin-right:1rem;
	text-decoration:underline;
	cursor: pointer;
}

/*토지 불러오기 비활성화*/
.callWdfldDiv span.wdFldCalled{
	color: #c0bab7;
	cursor: default;
}

button.areaUnitButton{
	background: #c0bab7;
    color: #fff;
    border-color: #c0bab7;
    border-radius: .4rem;
    padding: .6rem 1.5rem;
    height: auto;
}

button.areaUnitButtonSelected{
	background: #ff5200;
	color: #fff;
	border-color: #ff5200;
	border-radius: .4rem;
	padding: .6rem 1.5rem;
	height: auto;
}

/************************************************
 * 스피너
 * → udc/com/udcComLoadmask.clx
 ************************************************/
.cl-image.spinner {
animation: spin 1.5s infinite linear;
}


@keyframes spin {
100% {
transform: rotate(1turn);
}
}

.w-full {
	width : 100% !important
}
/***********************************/

/* 속성조회 Overlay 팝업 관련 CSS */
.ol-popup-custom { padding: 0; margin: 0; pointer-events: none; position: relative; background-color: white; filter: drop-shadow(3px 3px 7px rgba(0,0,0,0.6)); border: 1px solid black; width: max-content; /*height: 500px;*/ height: calc(100% - 10px); left: -45px; /* 위치를 조정, -width의 절반값 */ bottom: -12px; /* 위치를 조정, -height의 절반값 */ box-sizing: border-box; overflow: hidden; }
.modal_header{ background-color: green; padding : 15px; }
.modal_header .title { font-size : large; color: white; }
.popup-content { position: relative; animation-duration: 1s; animation-name: slidein; animation-direction: alternate; animation-iteration-count: infinite; box-sizing: border-box; line-height: 100%; margin : 10px; }
.popup-content > span { display: inline-block; line-height: 100%; width: 100%; font-size:10px; font-weight: bold; box-sizing: border-box; }

@media (max-width: 1024px) {
	.mhide {display:none;}
	/*모바일 경작지도 안내문구 추가*/
	.mblagrwarm {
        bottom: 5rem;
        top: auto;
        left: 50%;
        transform: translateX(-50%);
        right: auto;
        width: 250px;
        display:block;
    }
    .lxWarm {
        bottom: 3rem;
        top: auto;
        left: 50%;
        transform: translateX(-50%);
        right: auto;
        width: 210px;
    }
}

/*농림사업지도 상단 카드 보이는 부분*/
.list-group-1 {
  border-bottom: 1px solid #ddd;
  padding-bottom: 1rem;
}
.list-group-1 dl {
  display: flex;
  justify-content: space-between;
  line-height: 2.25rem;
}
.list-group-1 dl + dl {
  margin-top: 0.4rem;
}
.list-group-1 dl dt {
  color: #555;
}
.list-group-1 dl dd {
  font-weight: 700;
  color: #111;
}
.scroll-area .repeat-list:first-child{padding-top: 0;}
.scroll-x.space-sm{
  padding-top: 1rem;
  margin-top: 1rem;
  margin-bottom: 0;
}
.sticky-group{
  height: 14rem;
  margin-bottom: 1rem;
}
.content:has(.scroll-area){overflow: hidden;height: auto;}
.scroll-area{overflow-y: auto;height: calc(50vh - 11rem - 18rem);}

@media(max-width: 1024px){
  .scroll-area{overflow-y: auto;height: calc(100vh - 24rem - 18rem);}
  .repeat-list h3{font-size:1.7rem;margin-bottom: 1.5rem;}
  .detail-content dt{font-size:1.3rem;line-height: 1.2;margin-bottom: 10px}
  .detail-content + .detail-content{margin-top: 1.3rem}
  .detail-content dd{font-size:1.2rem;}
  .repeat-list{padding:2rem 0}
  .repeat-list+.repeat-list{padding:2rem 0;}
  .etc{font-size:1.2rem}
  .label-cont b,
  .label-cont p{font-size:1.2rem}
  .label-cont .tel-info a{font-size:1.2rem;}
}
/*농업경영체 등록 모바일 화면시 소유주등 화면처리*/
@media(max-width: 430px){
	.detail.f-wrap{
		flex-wrap: wrap;
		gap: 0.8rem;
	}
}