#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:170px;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%;}

#CtgTab {width:100%;height:50px;}
#CtgTab li {cursor:pointer;float:left;width:33.333%;height:50px;font-size:11pt;line-height:50px;text-align:center;}
#CtgTab li:first-child {border-right:1px solid #d0d0d0;}
#CtgTab li:last-child {border-left:1px solid #d0d0d0;}
#CtgTab li.on1 {background-color:#EEE;color:#333;}
#CtgTab li.on2 {background-color:#f0ad4e;color:#FFF;}
#CtgTab li.on3 {background-color:#d9534f;color:#FFF;}

#CtgTab_a {width:100%;height:50px;}
#CtgTab_a li {cursor:pointer;float:left;width:25%;height:50px;font-size:11pt;line-height:50px;text-align:center;}
#CtgTab_a li:first-child {border-right:1px solid #d0d0d0;}
#CtgTab_a li:last-child {border-left:1px solid #d0d0d0;}
#CtgTab_a li.on1 {background-color:#EEE;color:#333;}
#CtgTab_a li.on2 {background-color:#f0ad4e;color:#FFF;}
#CtgTab_a li.on3 {background-color:#d9534f;color:#FFF;}
#CtgTab_a li.on4 {background-color:#5CB85C;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')*/}
#mypos {
	position:relative;
	top: 5px;
	left: 0;
	width: 39px;
	height: 39px;
	background: rgba(32, 128, 208, 0.3);
	border-radius: 50%;
	/*animation: scale 1.2s 7 forwards;*/
	animation: scale 1.2s 5 backwards;
}

#circle {position:relative;top:-22px;left:12px;display:block;width:15px;height:15px;border:3px solid #FFF;background:red;border-radius:50%;box-shadow: 0.5px 0.5px #CCC, -0.5px 0.5px #CCC, 0.5px -0.5px #CCC, -0.5px -0.5px #CCC;}

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


/* 오늘 하루 보지 않기 팝업 */
.management_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;
    }
  }
}

.management_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;
    }
  }
}