/* 날짜선택팝레이어 */
#pop_date_pick {position:fixed; display:none; top:0; left:0; background:rgba(0,0,0,0.6); width:100%; height:100%; z-index:88888; }
#pop_date_pick .pdp_wrp		{position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; width:400px; height:545px; z-index:1;-webkit-animation-name: date_p;  -webkit-animation-duration: 0.2s; animation-name: date_p; animation-duration: 0.2s; }
#pop_date_pick .close_lay	{position:absolute; top:15px; right:15px; font-size:20px; color:white; transition:all .2s; cursor:pointer; outline:none;}
#pop_date_pick .close_lay:hover	{transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); transition:all .2s;}
#pop_date_pick .p_head {float:left; width:100%; height:110px; text-align:left; padding:35px; background:#880000; color:white; border-radius:15px 15px 0 0;}
#pop_date_pick .p_head h2		 {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; letter-spacing:-0.05em;padding-bottom:7px;}
#pop_date_pick .p_head h2 span	 {color:white;}
#pop_date_pick .p_head p		 {float:left; width:100%; font-size:12px; opacity:0.6;}
#pop_date_pick .p_wrp {float:left; width:100%; height:370px; padding:0; background:white;}
#pop_date_pick .p_cal		 {float:left; width:100%; font-size:0;border-bottom:1px solid #eeeeee;}
#pop_date_pick .p_cal .d_pick		 {float:left; width:100%; text-align:center; position:relative;}
#pop_date_pick .p_cal .d_pick .np		 {display:inline-block; vertical-align:middle; font-size:18px; padding:0 20px; color:black; line-height:50px;transition:all .2s;}
#pop_date_pick .p_cal .d_pick .np:hover {color:red;transition:all .2s;}
#pop_date_pick .p_cal .d_pick .cur		 {display:inline-block; vertical-align:middle;  font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:16px; letter-spacing:-0.05em; color:black; line-height:50px;}
#pop_date_pick .p_cal .d_pick .cur		 {display:inline-block; vertical-align:middle;  font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:16px; letter-spacing:-0.05em; color:black; line-height:50px;}
#pop_date_pick .p_cal .aob		 {position:absolute; top:0; bottom:0; margin:auto 0; width:25px; height:25px; padding-top:5px; font-size:15px; color:black; transition:all .3s;}
#pop_date_pick .p_cal .aob:hover		 {color:red; transition:all .3s;}
#pop_date_pick .p_cal .aob.right		 {right:10px;}
#pop_date_pick .p_cal .aob.left		 {left:10px;}
#pop_date_pick .pick_data_apl	 {float:left; width:100%; padding:20px 0 0 0; font-size:12px; text-align:center;}
#pop_date_pick .pick_data_apl span {color:red;}
#pop_date_pick .date_save	 {position:absolute; bottom:0; left:0; width:100%;}
#pop_date_pick .date_save a	 {display:block; line-height:65px; background:#bd0000; color:white; text-align:center; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; letter-spacing:-0.05em; border-radius:0 0 15px 15px; transition:all .2s;}
#pop_date_pick .date_save a:hover	 {background:#ea0000; transition:all .2s;}
#pop_date_pick .close_bg 	 {position:absolute; top:0; left:0; width:100%; height:100%; }

@keyframes date_p {
	from { bottom:-100px; }
	to { bottom:0; }
}

table.cal_pick							{width:100%; border-top:1px solid #eeeeee; border-collapse:collapse; }
table.cal_pick>tbody>tr>th		{border:0; height:40px; vertical-align:middle; text-align:center; font-size:12px; line-height:100%; color:black; background:#f5f3f3; font-weight:normal;}
table.cal_pick>tbody>tr>td		{border:0px solid #eeeeee; border-width:1px 1px 0px 0px; vertical-align:middle; text-align:center; height:35px; font-size:11px; transition:all .2s; position:relative;}
table.cal_pick>tbody>tr>td:hover		{background:#f8fdff !important; transition:all .2s;}
table.cal_pick>tbody>tr>td:last-child		{border-width:1px 0 0 0;}
.cal_p_pass		{color:#dddddd;}		/* 지난날 혹은 이번달 마직 이후 다음달 표시 */
/*.cal_p_pass:after		{content: '\f0f4'; font-family: "Font Awesome 5 Free"; font-weight: 700; }*/
.cal_p_psb		{color:black; cursor:pointer;}				/* 선택이 가능한날 */
.cal_p_nxt		{color:#999999; cursor:pointer; transition:all .2s;}				/* 선택이 가능하며 다음달 */
.cal_p_nxt:hover		{color:#333333; transition:all .2s;}				/* 선택이 가능하며 다음달 */
.cal_p_today		{color:red;}					/* 오늘 */
.cal_p_bg			{background:#ffeded;}	/* 마우스클릭한날 */
.cal_p_holiday			{color:#c50202;	/* 휴일로 지정된 날 */
	background-image: -webkit-repeating-linear-gradient(135deg, rgba(174,174,174,.1), rgba(174,174,174,.1) 1px, transparent 2px, transparent 2px, rgba(174,174,174,.1) 3px);
	background-image: -moz-repeating-linear-gradient(135deg, rgba(174,174,174,.1), rgba(174,174,174,.1) 1px, transparent 2px, transparent 2px, rgba(174,174,174,.1) 3px);
	background-image: -o-repeating-linear-gradient(135deg, rgba(174,174,174,.1), rgba(174,174,174,.1) 1px, transparent 2px, transparent 2px, rgba(174,174,174,.1) 3px);
	background-image: repeating-linear-gradient(135deg, rgba(174,174,174,.1), rgba(174,174,174,.1) 1px, transparent 2px, transparent 2px, rgba(174,174,174,.1) 3px);
	-webkit-background-size: 4px 4px;
	-moz-background-size: 4px 4px;
	background-size: 4px 4px;
}
.usable		{color: white; position: absolute; top: 0; right: 0; border: 0px solid #eeeeee; font-size: 0; font-family: tahoma; width: 25px; height: 25px; left: 0; bottom: 0; margin: auto; border-radius: 100%; transition:all .2s;}
.cal_p_pass .usable		{display:none;}
table.cal_pick>tbody>tr>td:hover .usable		{border:0px solid #a5c6e0; transition:all .2s;}

@media screen and (max-width: 650px){
	#pop_date_pick .pdp_wrp		{max-width:340px; width:95%; height:515px;}
	#pop_date_pick .p_head {height:90px; padding:25px; }
	#pop_date_pick .p_head h2		 {font-size:16px; padding-bottom:5px;}
	#pop_date_pick .p_head p		 {font-size:11px; }
	#pop_date_pick .date_save a	 {line-height:55px; font-size:14px;}
}