@charset "utf-8";


#esti_clean_whole {width:100%;background:#FAFAFA;padding:70px 0 70px;}
#esti_clean_whole .esti_cal_box {width:816px;margin:0 auto;border:1px solid #E1E1E1;background:#fff;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}
#esti_clean_whole .esti_cal_box_sp {width:816px;margin:0 auto;}
#esti_clean_whole .cal_input {width:816px;height:49px;padding-left:10px;font-size:1.1em;color:#6A6A6A;font-weight:400;padding-left:10px;background:#fff;border:1px solid #E7E7E7;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
#esti_clean_whole .btn_prev {width:120px;height:48px;line-height:48px;font-size:1.3em;color:#ADADAD;border:1px solid #E7E7E7;background:#fff;text-align:center;cursor:pointer;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
#esti_clean_whole .btn_next {width:120px;height:48px;line-height:48px;font-size:1.3em;color:#fff;background:#1D83E7;text-align:center;cursor:pointer;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
#esti_clean_whole .btn_box {width:816px;height:48px;margin:0 auto;margin-top:40px;position:relative;}
#esti_clean_whole .tel_box {width:816px;height:48px;margin:0 auto;position:relative;}
#esti_clean_whole .cal_line {width:718px;border-top:1px solid #E7E7E7;margin-left:49px;}
#esti_clean_whole .pcd_line {width:800px;margin:0 auto;border-top:1px solid #E7E7E7;}
#esti_clean_whole .pop_title {text-align:center;font-size:2.2em;font-weight:400;color:#555;margin:0px 0 50px;}
#esti_clean_whole .steping_title_wrap {width:715px;margin:0 auto;margin-top:10px;margin-bottom:70px;position:relative;}
#esti_clean_whole .steping_title_wrap .steping_title {width:115px;color:#707070;text-align:center;position:absolute;top:0px;z-index:1;}
#esti_clean_whole .steping_title_wrap .active{color:#0064C6;font-weight:bold;}


/* 청소종류*/
#pop_cat_div {display:none;width:816px;height:860px;margin:0 auto;}
#pop_cat_div span {color:#414141;}
#pop_cat_div input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
#pop_cat_div input[type="radio"] + label { display: inline-block; position: relative; padding-left: 30px; color:#444;font-weight:700;cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
#pop_cat_div input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: -1px; width: 16px; height: 16px; text-align: center; background: #fafafa; border: 2px solid #E0E0E0; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); }
#pop_cat_div input[type="radio"] + label:active:before, #pop_cat_div input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
#pop_cat_div input[type="radio"]:checked + label:before { background: #E9ECEE; border-color: #1D83E7; }
#pop_cat_div input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 4px; left: 5px; width: 10px; height: 10px; background: #1D83E7; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); }
#pop_cat_div .pop_cat_next {position:absolute;right:0;top:0;z-index:1;}
#pop_cat_div input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
#pop_cat_div input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 30px; color:#444;font-weight:700;cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
#pop_cat_div input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0; top: -1px; width: 16px; height: 16px; text-align: center; background: #fafafa; border: 2px solid #E0E0E0; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); }
#pop_cat_div input[type="checkbox"] + label:active:before, #pop_cat_div input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
#pop_cat_div input[type="checkbox"]:checked + label:before { background: #E9ECEE; border-color: #1D83E7; }
#pop_cat_div input[type="checkbox"]:checked + label:after { content: ''; position: absolute; top: 4px; left: 5px; width: 10px; height: 10px; background: #1D83E7; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); }


/* 추가서비스*/
#pop_provide_div {display:none;width:816px;height:860px;margin:0 auto;}
#pop_provide_div input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
#pop_provide_div input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 30px; color:#444;font-weight:700;cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
#pop_provide_div input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0; top: -1px; width: 16px; height: 16px; text-align: center; background: #fafafa; border: 2px solid #DFDFDF; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; }
#pop_provide_div input[type="checkbox"] + label:active:before, #pop_provide_div input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
#pop_provide_div input[type="checkbox"]:checked + label:before { background: #2082E7; border-color: #2082E7; }
#pop_provide_div input[type="checkbox"]:checked + label:after {font-family:sans-serif; content: '\2714'; position: absolute; top:-5px; left:3px;text-shadow:1px 1px 1px rgba(0, 0, 0, .2);font-size:1.2em;font-weight:700;color:#fff;}
#pop_provide_div .pop_provide_prev {position:absolute;left:0;top:0;z-index:1;}
#pop_provide_div .pop_provide_next {position:absolute;right:0;top:0;z-index:1;}


/* 청소날짜*/
#pop_date_div {display:none;width:816px;height:500px;margin:0 auto;}
#pop_date_div .step_img2 {text-align:center;padding-top:49px;}
#pop_date_div .pop_date_title {font-size:1.8em;font-weight:;color:#555;padding:49px 0 0 49px;}
#pop_date_div .date_live_text {font-size:1.2em;font-weight:bold;position:absolute;left:310px;top:165px;z-index:1;}
#pop_date_div .pop_date_prev {position:absolute;left:0;top:0;z-index:1;}
#pop_date_div .pop_date_next {position:absolute;right:0;top:0;z-index:1;}
#pop_date_div .wr_date{margin:50px 0 0 80px;}
.ui-datepicker {font-size:1.6em !important;/*background-color:rgba(0, 255, 0, 0) !important;*/border:0 !important;}
.ui-datepicker .ui-datepicker-header {font-family:'Nanum Barun Gothic' !important;font-size:0.9em !important;color:#444 !important;font-weight:700 !important;background-image:none !important;border:0 !important;background-color:rgba(0, 255, 0, 0) !important;}
.ui-datepicker table {width:100%;background-color:rgba(0, 255, 0, 0) !important;}

.ui-widget-content .ui-state-active {
width:20px;height:20px;background:#aad0f7 !important;font-weight:bold !important;
padding:7px 7px 5px 5px !important;
object-fit:cover !important;-moz-border-radius:50% !important;-webkit-border-radius:50% !important;border-radius: 50% !important;
}

.ui-widget-header .ui-icon {background-image: none !important;}
.ui-datepicker-prev-hover {background: transparent !important;border:0 !important;}
.ui-datepicker-next-hover, .ui-state-hover {background: transparent !important;border:0 !important;}
.ui-datepicker .ui-datepicker-prev {
display: inline-block !important;
width: 49px !important;
height: 16px !important;
text-align: center !important;
cursor: pointer !important;
background-image: url('../../img/cal01/arrow_prev.png') !important;
background-repeat: no-repeat !important;
line-height: 600% !important;
overflow: hidden !important;
top: 10px !important;
left: 10px !important;
}
.ui-datepicker .ui-datepicker-next {
display: inline-block !important;
width: 49px !important;
height: 16px !important;
text-align: center !important;
cursor: pointer !important;
background-image: url('../../img/cal01/arrow_next.png') !important;
background-repeat: no-repeat !important;
line-height: 600% !important;
overflow: hidden !important;
top: 10px !important;
right: 20px !important;
}
.ui-datepicker th {font-size:0.9em !important;color:#6A6A6A !important;font-weight:700 !important;border:0 !important;background-color:rgba(0, 255, 0, 0) !important;}
.ui-datepicker td {font-size:1.0em !important;border:0 !important;padding:5px !important;background-color:rgba(0, 255, 0, 0) !important;}
.ui-datepicker td span{font-size:1.0em !important;text-align:center !important;background-image:none !important;background-color:rgba(0, 255, 0, 0) !important;border:0 !important;}
.ui-datepicker td a {font-family:'Nanum Barun Gothic' !important;font-size:1.0em !important;padding:7px 5px 7px 5px;color:#444 !important;font-weight:400 !important;text-align:center !important;background-image:none !important;background-color:rgba(0, 255, 0, 0) !important;border:0 !important;}

/* 토/일요일에 색상 넣기*/
.ui-datepicker-calendar > tbody td:first-child a { color:#ff0000 !important;font-weight:400 !important;}
.ui-datepicker-calendar > tbody td:last-child a { color:#0080ff !important;font-weight:400 !important;}
.date-holiday0 .ui-state-default {  background-image: none; background-color:#684468;border-color: #535;}

/* address*/
#address_form {display:none;width:816px;height:718px;margin:0 auto;position:relative;margin-top:50px;}
#address_form select { width:100% !important;height:50px !important;line-height:50px !important; padding-left:10px;
font-size:1.25em !important;color:#666;font-weight:400;border:2px solid #E1E1E1 !important;
margin-bottom:15px;
background:url('../../img/cal01/select.png') no-repeat 97% 50%;-webkit-appearance: none; -moz-appearance:none;appearance: none;
-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
}
#address_form .pop_addr_prev {position:absolute;left:0;top:0;z-index:1;}
#address_form .pop_addr_next {position:absolute;right:0;top:0;z-index:1;}


/* 상세주소 및 면적*/
#pop_start_pyung_div {display:none;}
#pop_start_pyung_div select {width:825px;height:49px;font-size:1.0em;color:#999;font-weight:bold;padding-left:10px;background-color: transparent;border:1px solid #E7E7E7;background:url('../../img/cal01/select.png') no-repeat 97% 50%;-webkit-appearance: none; -moz-appearance:none;appearance: none;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
#pop_start_pyung_div .pyung_explan {margin:15px 0 0 20px;font-size:1.0em;color:#8F8F8F;}
#pop_start_pyung_div .pop_pyung_start_prev {position:absolute;left:0;top:0;z-index:1;}
#pop_start_pyung_div .pop_pyung_start_next {position:absolute;right:0;top:0;z-index:1;}


/* 기본정보*/
#pop_nametel_div {display:none;margin:50px 0 100px;}
#pop_nametel_div .btn_hp_certify {width:130px;font-size:1.2em;font-weight:bold;line-height:51px;text-align:center;border:0;color:#fff;cursor:pointer;background:#C5C5C5;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;position:absolute;right:49px;z-index:2;}
#pop_nametel_div #hp_check_div {display:none;}
#pop_nametel_div .tel_no_wrap {position:absolute;left:0px;top:0px;z-index:1;}
#pop_nametel_div .tel_certify_wrap {position:absolute;right:0px;top:0px;z-index:1;}
#pop_nametel_div #pop_nametel_btn_hp_check_img{display:none;}
#pop_nametel_div input[id=allCheckPrivacy] { display: none; }
#pop_nametel_div input[id=allCheckPrivacy]+ label{ display: inline-block; cursor: pointer; position: relative; padding-left: 30px; margin-right: 15px;font-size:1.3em;font-weight:700;color:#6A6A6A; }
#pop_nametel_div input[id=allCheckPrivacy]+ label:before {content: ""; display: inline-block;width: 20px; height: 20px;margin-right: 10px; position: absolute; left: -1px; top: -4px; background-color: none; border:2px solid #1C84E7;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
#pop_nametel_div input[id=allCheckPrivacy]:checked + label:before {content: "\2713";text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); font-size:1.4em; font-weight:700; color:#1C84E7;text-align: center; line-height: 25px;}
#pop_nametel_div input[id=pps1], input[id=pps2], input[id=pps3]{ display: none; }
#pop_nametel_div input[id=pps1]+ label, input[id=pps2]+ label, input[id=pps3]+ label { display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin-right:0px; font-size:1em;font-weight:400;color:#6A6A6A; }
#pop_nametel_div input[id=pps1]+ label:before, input[id=pps2]+ label:before, input[id=pps3]+ label:before {content: ""; display: inline-block;width:16px;height:16px;position:absolute;left:0;top: -2px; background:none; border:1px solid #ccc;}
#pop_nametel_div input[id=pps1]:checked+ label:before, input[id=pps2]:checked+ label:before, input[id=pps3]:checked+ label:before {font-family:sans-serif;content: "\2713"; text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); font-size:1.5em; font-weight:700; color: #666;text-align: center; line-height: 20px;}
#pop_nametel_div a{font-size:1em;color:#6A6A6A;text-decoration:underline;}
#pop_nametel_div .pop_nametel_prev {position:absolute;left:0;top:0;z-index:1;}
#pop_nametel_div .pop_nametel_next {position:absolute;right:0;top:0;z-index:1;}



/* 비용계산하기*/
#pop_clean_div {display:none;text-align:center;margin:70px 0 70px;}
#pop_clean_div .pcd_title1 {font-size:1.8em;font-weight:400;color:#555;line-height:150%;}
#pop_clean_div .pcd_title2 {font-size:1.2em;font-weight:700;color:#1D83E7;margin-top:30px;}
#pop_clean_div .sumtotalresult {font-size:1.4em;font-weight:700;color:#333;margin-top:40px;}
#pop_clean_div .pcd_title3 {font-size:0.95em;font-weight:400;color:#858585;margin-top:20px;}
#pop_clean_div .pcd_title4 {font-size:2.2em;font-weight:700;color:#2a2a2a;margin:30px 0 30px;}