@charset "utf-8";
/** -----------------------
  * @ 파일 : calendar.css
  * @ 구분 : calendar 관련 모듈
  * -----------------------
**/

/* 달력 */
.-datepickers{margin-top:2rem;}
.-datepickers .-forms{width:47%;padding-right:0 !important}
.-datepicker .-textfield:after{content:'';width:1.5rem;height:1.5rem;position:absolute;right:0;top:50%;-webkit-trasform:translateY(-50%);transform:translateY(-50%);background:url(/img/nonetouch/pib/_new/common/ico-calender.png) no-repeat center;background-size:1.5rem}
.-datepicker .-textfield.focus:before{top:auto}
.-forms .-datepicker input{position:relative;z-index:1}
.-dateOptions{display:none;}
.-sheet_body.-calendar{padding:0 1.3rem 3rem;max-height:37rem;text-align:center;}
.-sheet_body.-calendar .ui-datepicker-header{display:inline-block;position:relative;margin-bottom:1rem;width:17rem;height:4rem;padding:0 2.4rem}
.-sheet_body.-calendar .ui-datepicker-header .ui-datepicker-title{font-size:1.8rem;font-weight:500;text-align:center;font-family:Roboto}
.-sheet_body.-calendar .ui-datepicker-header .ui-corner-all{overflow:hidden;position:absolute;top:0;bottom:0;z-index:5;width:5rem;font-size:1rem;line-height:0;opacity:1}
.-sheet_body.-calendar .ui-datepicker-header .ui-corner-all.ui-datepicker-prev{left:0}
.-sheet_body.-calendar .ui-datepicker-header .ui-corner-all.ui-datepicker-next{right:0}
.-sheet_body.-calendar .ui-datepicker-header .ui-corner-all .ui-icon{overflow:hidden;position:absolute;left:50%;top:50%;width:.8rex;height:1.4rem;margin:-.7rem 0 0 -.4rem;background-color:#000;color:transparent}
.-sheet_body.-calendar .ui-datepicker-header .ui-corner-all.ui-datepicker-prev .ui-icon{content:'';display:inline-block;width:.8rem;height:1.4rem;background:url(/img/nonetouch/pib/_new/common/ico-calendar-arrow-left.png) no-repeat center;background-size:.8rem auto}
.-sheet_body.-calendar .ui-datepicker-header .ui-corner-all.ui-datepicker-next .ui-icon{content:'';display:inline-block;width:.8rem;height:1.4rem;background:url(/img/nonetouch/pib/_new/common/ico-calendar-arrow-right.png) no-repeat center;background-size:.8rem auto}
.-sheet_body.-calendar .ui-datepicker-header .ui-datepicker-title{font-size:2.4rem;font-weight:500;text-align:center;}
.-sheet_body.-calendar .ui-datepicker-header .ui-datepicker-title .dateSelectBox{display:inline-block}
.-sheet_body.-calendar .ui-datepicker-header .ui-datepicker-title .dateName{display:none}
.-sheet_body.-calendar .ui-datepicker-header .ui-datepicker-title select{border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;height:3.8rem;padding:0;background-color:transparent;font-size:1.8rem;color:#666;font-family:Roboto}
.-sheet_body.-calendar .ui-datepicker-calendar{position:relative;width:100%;background-color:#fff;border-spacing:0;border-collapse:collapse;table-layout:fixed;}
.-sheet_body.-calendar .ui-datepicker-calendar caption{display:none}
.-sheet_body.-calendar .ui-datepicker-calendar th{padding:1rem 0 1.1rem;color:#666;font-size:1.4rem;text-align:center;}
.-sheet_body.-calendar .ui-datepicker-calendar td{color:#666;font-size:1.6rem;text-align:center;font-family:Roboto}
.-sheet_body.-calendar .ui-datepicker-calendar td .ui-state-default{display:inline-block;padding:1.4rem 0;position:relative;z-index:2;width:100%;text-align:center;color:#151515}
.-sheet_body.-calendar .ui-datepicker-calendar td:first-child .ui-state-default{color:#f73e31}
.-sheet_body.-calendar .ui-datepicker-calendar td.ui-datepicker-unselectable.ui-state-disabled .ui-state-default{color:#bcbcbc}
.-sheet_body.-calendar .ui-datepicker-calendar td.ui-datepicker-other-month.ui-datepicker-unselectable.ui-state-disabled .ui-state-default{color:#f5f5f5}
.-sheet_body.-calendar .ui-datepicker-calendar td:last-child .ui-state-default{color:#3194f7}
.-sheet_body.-calendar .ui-datepicker-calendar td .ui-state-default:before{content:'';position:absolute;left:50%;right:auto;border-radius:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:3.3rem;height:3.3rem;top:50%;background-color:#1490ef;bottom:auto;z-index:-1;opacity:0}
.-sheet_body.-calendar .ui-datepicker-calendar td .ui-state-default.ui-state-active{color:#fff}
.-sheet_body.-calendar .ui-datepicker-calendar td .ui-state-default.ui-state-active:before{content:'선택됨';color:transparent;font-size:1rem;opacity:1}

/* 달력 재선언 2021.04.22 */
.-field .up_tit_type3{line-height:2.2rem;color:#151515;letter-spacing:-1.13px}
.-field .input_area .text_field_box .text_field{height:4rem;border-color:#bcbcbc;color:#333;font-size:1.7rem;background:#fff;}
.-field .input_area .up_tit_type3, 
.-field .up_input_area .up_tit_type3{margin-bottom:1rem;font-weight:300}
.-field .input_area .text_field_box .rt_area{height:4rem}
.-field .input_area .text_field_box .btn_delete{width:1.6rem;height:1.6rem}
.-field .input_area .text_field_box .btn_search_date:before{right:0;background:url(/img/nonetouch/pib/upl/ico_up_new_datepicker.png) no-repeat 50% 50% / auto 1.7rem}
.-field .input_area .msg_error{padding-left:0;font-size:1.3rem;color:#e5483d}
.-field .input_area:after{content:'';display:block;clear:both}
.-field .input_area .datepicker .date_field:before{right:0;background:url(/img/nonetouch/pib/upl/ico_up_new_datepicker.png) no-repeat 50% 50% / auto 1.7rem}
.-field .box_datePicker input[type=text], .-field .box_datePicker input[type=tel], .-field .box_datePicker input[type=number]{font-size:1.6rem}
.-field .datepicker .dateField{border-bottom:1px solid #bcbcbc}
.-field .dateField::-webkit-input-placeholder{color:#bcbcbc}
.-field .dateField::-moz-placeholder{opacity:1}