#MyCustomer {position:relative;width:100%;}
#MyCustomer #refresh {cursor:pointer;position:absolute;top:10px;right:10px;width:50px;height:50px;text-align:center;background-color:#FFF;color:#000;border-radius:50%;z-index:2;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);}
#MyCustomer #refresh i {width:48px;height:48px;margin:1px;font-size:20pt;line-height:48px;color:#000;}

#MyCustomer #Adsearch {position:absolute;right:60%;bottom:20px;width:400px;height:50px;margin-left:0;z-index:2;}
#MyCustomer #Adsearch .input {float:left;width:180px;height:50px;padding-left:10px;font-size:11pt;border-radius:4px 0 0 4px;}
#MyCustomer #Adsearch select {float:left;max-width:140px;height:50px;border-right:none;border-left:none;}
#MyCustomer #Adsearch .btn {float:left;width:80px;height:50px;padding:0;font-size:11pt;line-height:48px;border-radius:0 4px 4px 0;}

#MyCustomer #Adsearchm {position:absolute;right:1%;bottom:10px;width:230px;height:40px;margin-left:0;z-index:2;}
#MyCustomer #Adsearchm .input {float:left;width:80px;height:40px;padding-left:10px;font-size:10pt;border-radius:4px 0 0 4px;}
#MyCustomer #Adsearchm select {float:left;max-width:80px;height:40px;padding:0;border-right:none;border-left:none;}
#MyCustomer #Adsearchm .btn {float:left;width:60px;height:40px;padding:0;font-size:10pt;line-height:38px;border-radius:0 4px 4px 0;}

#MyCustomer #Mysearch {position:absolute;right:60%;bottom:20px;width:300px;height:50px;margin-left:0;z-index:2;}
#MyCustomer #Mysearch .input {float:left;width:220px;height:50px;padding-left:10px;font-size:11pt;border-radius:4px 0 0 4px;}
#MyCustomer #Mysearch .btn {float:left;width:80px;height:50px;padding:0;font-size:11pt;line-height:48px;border-radius:0 4px 4px 0;}

#MyCustomer #Mysearchm {position:absolute;right:2%;bottom:10px;width:170px;height:40px;margin-left:0;z-index:2;}
#MyCustomer #Mysearchm .input {float:left;width:110px;height:40px;padding-left:10px;font-size:10pt;border-radius:4px 0 0 4px;}
#MyCustomer #Mysearchm .btn {float:left;width:60px;height:40px;padding:0;font-size:10pt;line-height:38px;border-radius:0 4px 4px 0;}

#MyCustomer #Workday {position:absolute;left:60%;bottom:20px;width:300px;height:50px;margin-left:0;z-index:2;}
#MyCustomer #Workday .input {float:left;width:220px;height:50px;padding-left:10px;font-size:11pt;border-radius:4px 0 0 4px;}
#MyCustomer #Workday .btn {float:left;width:80px;height:50px;padding:0;font-size:11pt;line-height:48px;border-radius:0 4px 4px 0;}

#MyCustomer #Workdaym {position:absolute;left:2%;bottom:10px;width:160px;height:40px;margin-left:0;z-index:2;}
#MyCustomer #Workdaym .input {float:left;width:100px;height:40px;padding-left:10px;font-size:10pt;border-radius:4px 0 0 4px;}
#MyCustomer #Workdaym .btn {float:left;width:60px;height:40px;padding:0;font-size:10pt;line-height:38px;border-radius:0 4px 4px 0;}

#MyCustomer #Mzone {position:absolute;left:50%;top:20px;margin-left:-228px;z-index:2;}
#MyCustomer #Mzone select {width:160px;height:50px;line-height:50px;border:solid 1px #555;padding:0 10px;font-size:11pt;border-radius:3px;box-sizing:content-box;}
#MyCustomer #Mzone #selectsubmit {height:50px;line-height:50px;padding:0 20px;font-size:11pt;border:solid 1px #555;border-radius:3px;cursor:pointer;box-sizing:content-box;}

#MyCustomer #Mzonem {position:absolute;left:10px;top:10px;margin-left:0;z-index:2;}
#MyCustomer #Mzonem select {position:relative;top:-1px;width:60px;height:48px;line-height:48px;border:solid 1px #555;padding:0 10px;font-size:11pt;border-radius:3px;box-sizing:content-box;}
#MyCustomer #Mzonem #selectsubmit {height:48px;line-height:48px;padding:0 20px;font-size:11pt;border:solid 1px #357ebd;border-radius:3px;cursor:pointer;box-sizing:content-box;background-color:#428bca;color:#FFF;}

#MyMap {width:100%;min-height:1080px;}
@media screen and (max-width: 1920px) {
	#MyMap {min-height:800px;}
}

#CtgTab {width:100%;height:50px;}
#CtgTab li {cursor:pointer;float:left;width:25%;height:50px;font-size:11pt;line-height:50px;text-align:center;color:#FFF;background-color:#000;}
#CtgTab .on1 {background-color:#5CB85C;color:#FFF;}
#CtgTab .on2 {background-color:#f0ad4e;color:#FFF;}
#CtgTab .on3 {background-color:#d9534f;color:#FFF;}
#CtgTab .on4 {background-color:#5CB85C;color:#FFF;}
#CtgTab .on5 {background-color:#428bca;color:#FFF;}

#Uname {padding:2px 5px 5px 5px;font-size:11pt;background-color:#FFF;color:#000;border:1px solid #d0d0d0;border-radius:4px;}
#Uname .label {font-weight:normal;padding:1px 3px;}
#Uname:after {content:'';position:absolute;margin-left:-11px;left:50%;bottom:-10px;width:22px;height:12px;background:url('//t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png');/*background:url('../../files/_icon/vertex_white.png')*/}

@keyframes scale {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	100% { 
		transform: scale(1);
		opacity: 1;
	}
}
.ctop, #footer {display:none;}


/* 오늘 하루 보지 않기 팝업 */
.main_popup {
  position: fixed;
  z-index: 1005;
  -webkit-box-shadow: 0px 13px 40px -6px #061626;
  box-shadow: 0px 13px 40px -6px #061626;
  top: 50%;
  left: 50%;
  display: none;
  margin:-122px 0 0 -300px; 

  &.on {
    display: block;
    background-color: #fff;
  }

  .img_wrap {
    width: 600px;
    height: 200px;
	padding: 0 40px;
    display:flex;
    justify-content:center;
    align-items:center;
	font-size: 14pt;
  }

  .btn_close {
  border: 0;
  background: none;
  cursor:pointer;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 17px;
    right: 17px;
    font-size: 0;
    border: 0;
    background: none;

    &::before {
      content: "";
      width: 2px;
      height: 32px;
      background-color: #333;
      position: absolute;
      top: 0;
      left: 15px;
      transform: rotate(45deg);
    }
    &::after {
      content: "";
      width: 32px;
      height: 2px;
      background-color: #333;
      position: absolute;
      top: 15px;
      left: 0;
      transform: rotate(45deg);
    }
  }

  .btn_today_close {
  border: 0;
  background: none;
  cursor:pointer;
    width: 100%;
    height: 45px;
    background-color: #28A84B;
    text-align: center;
    color: #fff;
    font-size: 14px;
    display: block;
    span {
      display: block;
      line-height: 40px;
      vertical-align: bottom;
      opacity: 1;
    }
  }
}

.main_popup_m {
  position: fixed;
  z-index: 1005;
  -webkit-box-shadow: 0px 13px 40px -6px #061626;
  box-shadow: 0px 13px 40px -6px #061626;
  top: 50%;
  left: 50%;
  display: none;
  margin:-112px 0 0 -180px; 

  &.on {
    display: block;
    background-color: #fff;
  }

  .img_wrap {
    width: 360px;
    height: 180px;
	padding: 0 40px;
    display:flex;
    justify-content:center;
    align-items:center;
	font-size: 14pt;
  }

  .btn_close {
  border: 0;
  background: none;
  cursor:pointer;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 17px;
    right: 17px;
    font-size: 0;
    border: 0;
    background: none;

    &::before {
      content: "";
      width: 2px;
      height: 32px;
      background-color: #333;
      position: absolute;
      top: 0;
      left: 15px;
      transform: rotate(45deg);
    }
    &::after {
      content: "";
      width: 32px;
      height: 2px;
      background-color: #333;
      position: absolute;
      top: 15px;
      left: 0;
      transform: rotate(45deg);
    }
  }

  .btn_today_close {
  border: 0;
  background: none;
  cursor:pointer;
    width: 100%;
    height: 45px;
    background-color: #28A84B;
    text-align: center;
    color: #fff;
    font-size: 14px;
    display: block;
    span {
      display: block;
      line-height: 40px;
      vertical-align: bottom;
      opacity: 1;
    }
  }
}

/* 검색 영역 고정 스타일 */
#UnifiedSearchm, 
#UnifiedSearch {
    position: absolute;
    bottom: 20px;
    left: 50%;
    width: 800px;
	margin-left: -400px;
    background: #ffffff;
    border-top: 1px solid #ddd;
    box-shadow: 0 -2px 6px rgba(0,0,0,0.1);
    z-index: 9999;
    padding: 6px 8px;
}

/* form 내부 한 줄 정렬 */
#UnifiedSearchm form,
#UnifiedSearch form {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
}

/* input, select 크기 최적화 */
#UnifiedSearchm input[type="text"],
#UnifiedSearch input[type="text"],
#UnifiedSearchm select,
#UnifiedSearch select {
	height: 42px;
    padding: 5px 6px;
    font-size: 13px;
    border: 1px solid #ccc;
    border-radius: 4px;
    flex: 1;              /* 남는 공간을 균등 분할 */
    min-width: 80px;      /* 너무 작아지지 않도록 제한 */
    max-width: 160px;     /* 화면을 넘지 않게 제한 */
    box-sizing: border-box;
}

/* 버튼 크기 고정 */
#UnifiedSearchm button,
#UnifiedSearch button,
#UnifiedSearchm .btn,
#UnifiedSearch .btn {
	width: 70px;
	height: 42px;
    padding: 0;
    font-size: 13px;
	line-height: 42px;
    border: none;
    border-radius: 4px;
    background: #333;
    color: #fff;
    cursor: pointer;
	text-align: center;
    transition: background 0.2s ease-in-out;
    flex: 0 0 auto;       /* 버튼은 크기 고정 */
}

#UnifiedSearchm button:hover,
#UnifiedSearch button:hover {
    background: #0056b3;
}

/* ===== 모바일 검색창 : 2줄 레이아웃 ===== */
@media (max-width: 900px) {
	/* 검색 박스 자체는 화면 너비에 맞게 */
	#UnifiedSearchm {
		position: fixed;          /* 지도 위에 고정 */
		bottom: 2px;
		left: 50%;
		transform: translateX(-50%);
		width: calc(100% - 4px); /* 좌우 여백 조금 */
		margin-left: 0;
		padding: 5px;
	}

	/* 한 줄 → 여러 줄로 감기게 */
	#UnifiedSearchm form {
		display: flex;
		flex-wrap: wrap;          /* 줄바꿈 허용 */
		align-items: center;
		gap: 5px;
	}

	/* 셀렉트/텍스트 인풋 : 두 칸(50%)씩 배치 */
	#UnifiedSearchm select,
	#UnifiedSearchm input[type="text"] {
		flex: 1 1 calc(25% - 5px); /* 화면의 절반 정도씩 */
		min-width: 0;
		max-width: none;
		box-sizing: border-box;
	}

	/* 버튼들도 두 번째 줄에 2칸(50%) 배치 */
	#UnifiedSearchm button,
	#UnifiedSearchm .btn {
		flex: 1 1 calc(50% - 8px);
		text-align: center;
	}
}