/*----------------------------------------------
견적의뢰 단계
----------------------------------------------*/
.mlr-25 { margin-right: 25px; margin-left: 25px; }

.main-visual-bg {
    display: none;
   	position: fixed;
	width: 100%;
	height: 100%;
    background-color: rgba(0,0,0,0.6);
	/*--background-color: rgba(255,255,255,0.7);----*/
    z-index:100;
    top:0px;
    left: 0px;
}

/* 달력 동그라미

.dayhover::before { content:""; width:32px; height:6px; background:#0a1ef6; position:absolute; bottom:8px; left:0; display:inline-block; opacity:0.2}
.calendar .nday {
    border: 2px solid #e74c3c !important;
}

.calendar .nday span{
	width:5px; height:5px; background:#0a1ef6; border-radius:5px;
	display:block; position:absolute; bottom:2px; height:4px;
}
*/
/* 모달 */
.modal_estate {
    display: none;
    position: absolute;
	top: 10px;
    left: 0px;
    width: 100%;
	height:460px;
    background-color: #FFF;
    border-radius: 10px;
    z-index: 100;
    border:3px solid #333; padding:10px;
}
 


.modal_estate .head {
    position: relative;
    width: 100%;
    height:90px;
    background-color: #FFF;
    color: #121212;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
    border-bottom: 1px solid #c4c4c4;
}
.modal_estate .head h1 {
        margin: 0px;
        padding-top: 15px;
        padding-bottom: 5px;
        font-size: 1.875rem;
        font-weight: 600;
 }



.modal_estate .head  h2 {color: #444;
        margin: 0px;
        font-size: 16px;
        font-weight: 500;
}

.modal_estate .head h2 strong{color: #121212;
        font-size: 16px;
        font-weight:500;
		}




.modal_estate .head .btn-close {
 position: absolute;
 top: 10px;
 right: 10px;
 cursor: pointer;
 top: 30px;
right: 30px;
 }




.over_select {
   float: left;
}
.wrap_scroll {
   height: 300px;
   overflow-y: scroll;
   border-radius: 0px 0px 10px 10px;
   border: 1px solid #EFEFEF;
   border-top: none;
}


/* STEP 03 */
.day-info {
    position: absolute;
    top:58px;
    left: 145px;
    width: 120px;
    height: 20px;
    color: #FFF;
    padding-left: 10px;
    font-size: 13px;
}


.day-info e {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #e74c3c;
    border: 3px solid #e74c3c;
    border-radius: 100%;
    margin-right: 5px;
    position: absolute;
    top: 5px;
    left: 0px;
}
.day-info b {
    position: absolute;
    top: -1px;
    left: 25px;   
    color: #000;
}

/* 캘린더 */

 .calendar_wrap {
        width: 100%;
        margin: 0 auto;
    }


 .calendar {
        width:270px;
        text-align: center;
        float: left;   
       margin: 0 auto; 
    cursor: pointer;
    }
    .calendar:nth-child(4), .calendar:nth-child(5) {
        display: block;
    }
    .calendar h1 a {
        display: none;
    }
    

.calendar_wrap:after { content:""; clear:both; display:block; height:0; visibility:hidden;}
.step_before {display:none}
.step_next { display:none}	



.calendar_wrap .calendar:last-child {
    margin-right: 0px;
}
.calendar h1 {
    position: relative;
    text-align: center;
    font-size: 20px;
}
.calendar h1 a:first-child {
    position: absolute;
    top: 8px;
    left: 15px;
}
.calendar h1 a:last-child {
    position: absolute;
    top: 8px;
    right: 15px;
}
.calendar .head {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #c4c4c4;
    color: #FFF;
    border-radius: 0px;
    border-bottom: 0px;
}
.calendar .head li {
    display: block;
    width: 38px;
    height: 50px;
    float: left;
}
.calendar .week {
    width: 100%;
    float: left;
    border-bottom: 1px solid #F7F7F7;
}
.calendar .week li {
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin: 1px;
    float: left;
    border-radius: 100%;
    border: 2px solid #FFF;
    color: #000;
    font-weight: 400;
	position:relative
}
.calendar .outdated {
    color: #DDD !important;
}

	/* 리스트 */
.modal_estate .list,.modal_estate .listbig  {
    width: 100%;
    height: 300px;padding-left: 40px;margin-top:10px;
    overflow-y: scroll;
}
	
  /* 리스트 */
 .modal_estate .list li {
        color:#333;
        width: 140px;
        height: 58px;
        line-height: 58px;
        padding-left:20px;
        float: left;
        margin: 8px 4px;
        font-size: 14px;
         font-weight: 500;
        border: 1px solid #6762fd;
        background-color: #fafafd;
        border-left:5px solid #6762fd;
        cursor: pointer;
    }
  
	
  /* 리스트 */
 .modal_estate .listbig li {
        color:#333;
        width: 180px;
        height:60px;
        line-height: 78px;
        padding-left:20px;
        float: left;
        margin: 10px;
        font-size: 18px;
         font-weight: 600;
        border: 1px solid #6762fd;
        background-color: #fafafd;
        border-left:5px solid #6762fd;
        cursor: pointer;
    }

 .modal_estate .listbig i {
   font-size: 36px; font-weight: 500;
       
    }
.modal_estate .btn-back {
    position: absolute;
    top: 30px;
    left: 20px;
    z-index: 10;
    cursor: pointer;
    padding: 5px 10px;
    color: #9ca2ab;
    font-size: 12px;
}


/* */




@media (max-width: 767px) {

.mlr-25 { margin-right:0px; margin-left:0px; }

 .calendar {
        width: 270px;
        text-align: center;
        float: left;   
        margin: 0 auto;
    cursor: pointer;
    }

.calendar:nth-child(4), .calendar:nth-child(5) {
    display: none;
}
/* 리스트 */

	/* 리스트 */
.modal_estate .list,.modal_estate .listbig  {
    width: 100%;
    height: 300px;padding-left: 20px;
    overflow-y: scroll;
}



.modal_estate .list li {
    width: 130px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
   
}


 .modal_estate .listbig li {
        color:#333;
        width: 160px;
        height:40px;
        padding-left:20px;
        float: left;
       
    }
 .modal_estate .listbig i {
   font-size:24px; 
       
    }

/* 모달 */
.modal_estate {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height:440px;
    background-color: #FFF;
    border-radius: 10px;
    z-index: 100;
    border:3px solid #333; padding:0px;
}
.modal_estate .head {
    position: relative;
    width: 100%;
    height:80px;
    background-color: #FFF;
    color: #121212;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
    border-bottom: 1px solid #c4c4c4;
}
.modal_estate .head h1 {color: #121212;
    margin: 0px;
    padding-top: 15px;
    padding-bottom: 0px;
    
    cursor: default;
    font-size: 20px;
}
.modal_estate .head h2 {color: #666;
    margin: 0px;
    font-size: 12px;
    padding: 5px 10px;
    font-weight:500;
}
.modal_estate .head .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

 
}

  /* 리스트 2*/
.modal_estate .listbig  {
    width: 100%;
    height: 300px;padding-left: 0px;
    overflow-y: scroll;
}

 .modal_estate .listbig li {
        color:#121212;
        width: 15%;
        height:100px;
        line-height: 78px;
         padding:10px 20px;
	 -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
        float: left;
        margin: 10px;
        font-size: 16px;
         font-weight: 500;
        border: 1px solid #eaeaea;
        background-color: #FFF;
        border-left: 5px solid #6762fd;
        cursor: pointer;
    }

 .modal_estate .listbig i {
   font-size: 36px; font-weight: 500;
       
    }

 .modal_estate .listbig img {
  background-color: #f3f6fb;border: 1px solid #ddd;
	width:60px;
	height:60px;
	border-radius: 60px;
	overflow: hidden;
	min-width:60px;
	margin-right: 20px; margin-top:0px;
	box-shadow: 8px -4px 20px 0 rgba(221,231,255,0.2);
       
    }

.sidebar-social .main-list a:hover{background: #e1f8e0; 
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}




/* 개월수CSS추가 */
.modal_estate .listbig2 { position: relative;
 text-align: center;
 width: 100%;
 height: 300px;padding-left: 0px;margin-top:20px;    
}


 .modal_estate .listbig2 li {
        color:#121212;
        width: 20%;
        height:90px;
        line-height: 68px;
         padding:10px 20px;
	    /* -webkit-border-radius: 8px;
          -moz-border-radius: 8px;
         -ms-border-radius: 8px;
          border-radius: 8px;*/
        float: left;
        margin: 10px;
        font-size: 20px;  font-size:1.25rem;
        font-weight: 500;
         border: 1px solid #6762fd;
        background-color: #fafafd;
        border-left:10px solid #6762fd;
        cursor: pointer;
    }

@media (max-width: 767px) {

 .modal_estate .listbig li {
        width: 45%;
        height:80px;
        line-height: 80px;
        margin: 10px;
    }

  /* 리스트 2*/
.modal_estate .listbig2  { 
 text-align: center;   width: 100%;  padding-left: 0px; }
.modal_estate .listbig2 li  { width: 40%;  height:60px;  line-height: 38px; font-size:16px;  font-size:1rem;}
 
}
/* */


/*일부 커스텀UI - v1.12.1css 중 일부 수정*/

.ui-state-hover::before { content:""; width:100%; height:5px; background:#b7ddf3; position:absolute; bottom:8px; left:0; display:inline-block; opacity:0.4}
.ui-datepicker thead tr { background:#b7ddf3; }

/*.ui-datepicker td span {width: 30px;
    height: 30px;
    background: none;
   
    display: block;
    position: absolute;
    top: 4px;
    left:9px;border: 1px solid #6762fd;
	padding:0 !important}*/

.ui-datepicker td span {width:5px;
    height:5px;
    background: #fa480a;
    border-radius: 5px;
    display: block;
	padding:0 !important}


.ui-datepicker.ui-datepicker-multi {
	width: 840px;
	height:240px;
}


.ui-datepicker td span { /* width: 10px;
    height: 10px;
    background: none;
   border-radius: 5px; */
 /*border-radius: 50%;  원 
    display: block;border: 1px solid #6762fd;*/
    position: absolute;
    top:26px;
    left:16px;
	padding:0 !important}