@charset "utf-8";

input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus, select:active{box-shadow:none;border:none!important;outline:none}
input[type=submit]:focus{outline:none}
button:active{outline:none}

/* 온라인견적 */
.inq_area{position:absolute;width:425px;height:565px;margin-right:115px;top:0;right:calc((100% - 1280px) / 2);z-index:10}
#quickMove{position:absolute;top:98px;right:0;width:425px;border-radius:30px;color:#fff;background:rgba(255,255,255,.85);box-shadow:8px 8px 20px rgba(0,0,0,.15)}
#quickMove .tit{margin-bottom:10px;font-size:22px;color:#222;text-align:center;font-family:'SBAggroM'}
#quickMove .tit span{color:#ff8809}
#quickMove .inq_wrap{padding:45px 55px 0}

/* 폼 */
#quickMove .basic li{position:relative;width:100%;height:50px;margin-bottom:10px;padding:0 12px;border:1px solid #e1e1e1;background:#fff;font-family:'SBAggroL'}
#quickMove .basic li.date i{position:absolute;right:22px;top:19px;font-size:12px;color:#222}
#quickMove .basic li label{display:inline-block;vertical-align:middle;width:25%;font-size:15px;line-height:50px;color:#222}
#quickMove .basic li input{width:66%;height:100%;border:none;font-size:15px;color:rgba(0,0,0,.8);background:none;font-family:'notokr-regular'}
#quickMove .basic li select{width:73%;height:100%;border:none;color:rgba(0,0,0,.8);background-color:transparent;-webkit-appearance:none;appearance:none;background:url(/sh_img/make24/quick_move/arr.png) right center no-repeat;
cursor:pointer;font-family:'notokr-medium'}
#quickMove .add li{overflow:hidden}
#quickMove .add li span{display:block;float:left;width:calc(100% / 3 - 6px);height:50px;margin-bottom:10px;padding:0 10px;border:1px solid #e1e1e1;font-size:13.5px;background-color:#fff;'SBAggroL'}
#quickMove .add li span.center{margin:0 9px}
#quickMove .add li select{width:100%;height:100%;border:none;color:#222;background-color:transparent;-webkit-appearance:none;appearance:none;background:url(/sh_img/make24/quick_move/arr_b.png) right center no-repeat;
cursor:pointer;font-family:'SBAggroL'}
#quickMove .add li .frm_input{width:100%!important;height:100%!important;padding:0;}
#quickMove .prv_area{padding:10px 0 20px;font-size:13px;text-align:right;color:#222;font-family:'SBAggroL'}
#quickMove .prv_area a{cursor:pointer;;font-family:'SBAggroL'}
#quickMove .prv_area label{vertical-align:top;font-size:13px;margin-right:5px;cursor:pointer}
#quickMove input[type=submit]{width:100%;height:78px;border:none;border-radius:0 0 30px 30px;font-size:17px;color:#fff;letter-spacing:-.3px;-webkit-transition:all .2s;transition:all .2s;background:#ff8809;font-family:'SBAggroL'} 

/* 달력 커스텀 [s] */
.ui-datepicker{z-index:1000 !important;width:265px;padding:0;background-color:#fff!important;border:none;border-radius:0;box-shadow:6px 6px 12px rgba(0,0,0,.2);font-family:'notokr-regular'}
.ui-datepicker .ui-datepicker-header{position:relative;padding:10px 0;border-radius:0;border:none;background:none;background-color:#fff}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:0;width:43px;height:43px;border:none;border-radius:0;background:none;text-align:center;line-height:40px;cursor:pointer;background-color:#222}
.ui-datepicker .ui-datepicker-prev{left:0}
.ui-datepicker .ui-datepicker-next{right:0}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover{top:0}
.ui-datepicker .ui-datepicker-prev-hover{left:0}
.ui-datepicker .ui-datepicker-next-hover{right:0}
.ui-datepicker .ui-datepicker-prev:before{content:"\f053";font-size:10px;color:#fff;font-weight:normal;font-family:'fontawesome'}
.ui-datepicker .ui-datepicker-next:before{content:"\f054";font-size:10px;color:#fff;font-weight:normal;font-family:'fontawesome'}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{display:none}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width:70px;font-size:14px;border:none;background-color:transparent;cursor:pointer;font-family:'notokr-medium'}
.ui-datepicker table{width:95%;margin:0 auto;font-size:13px;font-family:'notokr-medium'}
.ui-datepicker th{font-weight:normal}
.ui-datepicker td{padding:0}
.ui-widget-content{border-color:#e1e1e1}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border:none;background:#fff}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header{border:none;background:#fff}
.ui-datepicker td span, .ui-datepicker td a{display:block;width:30px;height:30px;padding:0;border-radius:50%;border:none;font-size:12px;text-align:center;line-height:30px;color:#222;background-color:#fff}
.ui-state-default.ui-state-hover{color:#fff;background-color:#ff8809}
.ui-datepicker-today .ui-state-default{color:#ff8809;background-color:#fff}
.ui-state-default.ui-state-hightlight.ui-state-hover{color:#fff;background:#ff8809}
.ui-state-default.ui-state-active{color:#fff;background:#ff8809}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker .ui-datepicker-buttonpane button{margin:10px 8px;border-radius:2px;font-size:13px;font-weight:normal;color:#222;opacity:1;background-color:#e1e1e1;font-family:'notokr-medium'}
.ui-datepicker-buttonpane  button.ui-datepicker-current.ui-state-hover{color:#222;background-color:#e9e9e9}
.ui-datepicker-buttonpane .ui-datepicker-close.ui-state-hover{color:#222;background-color:#e9e9e9}
/* 달력 커스텀 [e] */

/* 모바일 호버 X */
@media (hover: hover) {
#quickMove input[type=submit]:hover{color:#fff;background-color:#ff7600}
}

/* 반응형 [s] */
@media (max-width:1230px){
.inq_area{right:90px;margin-right:0}
#quickMove{width:360px}
#quickMove .inq_wrap{padding:45px 35px 0}
#quickMove input[type=submit]{height:65px}
}

@media (max-width:1024px){
.inq_area{position:initial;width:calc(100% - 60px);height:auto;margin:0 auto}
#quickMove{position:initial;width:100%;box-shadow:none}
#quickMove .inq_wrap{padding:45px 0 0}
#quickMove .tit{margin-bottom:20px}
#quickMove .basic{overflow:hidden}
#quickMove .basic li{float:left;width:calc(100%/2 - 5px);margin-right:10px}
#quickMove .basic li:nth-child(2n){margin-right:0}
#quickMove input[type=submit]{height:65px;border-radius:50px}
}

@media (max-width:768px){
#quickMove .basic li label{width:30%}
#quickMove .basic li select{width:68%}
}

@media (max-width:480px){
.inq_area{position:initial;width:100%;height:auto;margin:0 auto;padding:0 15px}
#quickMove .basic li{width:100%;margin-right:0}
}
/* 반응형 [e] */