/*(주)한신정보기술 황선욱 2021.07.30 */

/* reservCalendarView.jsp */

.pop_wrap{display:none;}
.pop_wrap.active{width:100%;height:100%; position:fixed;left:0;top:0; z-index:99999999 !important; }
.flex_wrap.active{display: flex; flex-direction: column; justify-content:center;}
.pop_wrap .pop_box{width: calc(700px); width: -webkit-calc(700px); max-height: calc(700px); max-height: -webkit-calc(700px); margin: 0 auto; background: #fff;}
#popLayer{margin:0 auto;width:200px;height:100px;padding:20px;border:6px solid #ccc;text-align:center;background-color:#fff; word-break: keep-all;box-shadow:20px 15px 30px #777;}
@media all and (max-width:760px){
	.pop_wrap{padding:0 20px;}
	.pop_wrap .pop_box{width:100%;}
}
@media all and (max-width:480px){
	.pop_wrap #popLayer{padding:0 10px;}
	.pop_wrap #popLayer p{line-height: 22px; font-size:14px;}
}
.edit{color:#2e64fe!important;border:1px solid #2e9afe!important;background-color:#fff!important;}
.edit:hover{color:#fff!important;background-color:#2e9afe!important;}
.p-calendar-list__content {text-align:left;}
/*24-6-11 달력 텍스트 수정*/
.p-calendar-list__content .spi, .p-calendar-list__content .spr {font-size:14px;color:#555; word-break:normal; display:inline-block; width:calc(100% - 54px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:text-top;}
.p-calendar-list__content span.spi:first-child, .calendar-info-list ul li > span.spi:first-child {width:auto; padding:0 3px 3px 2px; line-height:16px; text-align:left; border-radius:5px; display:inline-block; font-size:11px; vertical-align:middle; margin-right:1px; letter-spacing:-0.8px;}
.p-calendar-list__content span.name {display:inline-block; width: calc(100% - 20px); overflow:hidden; white-space: nowrap; text-overflow:ellipsis; vertical-align:middle;}
.p-calendar-list__content span.program1, .calendar-info-list ul li > span.program1 {color:#fff;background-color: rgba(125, 30, 178, 0.9);}
.p-calendar-list__content span.program2, .calendar-info-list ul li > span.program2  {color:#fff;background-color: rgba(221, 71, 192, 0.9);}
.p-calendar-list__content span.program3, .calendar-info-list ul li > span.program3  {color:#fff;background-color: rgba(0, 137, 208, 0.9);}
.p-calendar-list__content span.program4, .calendar-info-list ul li > span.program4  {color:#088a29;background-color: #f2f2f2;padding-bottom:0!important;border:1px solid #ff9999!important;}
.p-calendar-list__content span.program5, .calendar-info-list ul li > span.program5  {color:#fe642e;background-color: #f2f2f2;}
.p-calendar-list__content span.more, .calendar-info-list ul li > span.more  {color:#fff;background-color: rgba(204, 102, 0, 0.9); padding:1px 5px; }
.p-calendar-list__content .yeyak {font-size:12px;height:62px;padding:5px 0;background-color:#fff;text-align:left;overflow:hidden;}
.p-calendar-list__content .yeyak button{width:100%;text-align:left;}
.p-calendar-list__content span.dot1{color:rgba(0, 128, 255, 0.9);}/*파랑*/
.p-calendar-list__content span.dot2{color:rgba(0, 204, 0, 0.9);}/*연두*/
.p-calendar-list__content span.dot3{color:rgba(255, 51, 255, 0.9);}/*분홍*/
.p-calendar-list__content span.dot4{color:rgba(204, 102, 0, 0.9);}/*갈색*/
.p-calendar-list__content span.dot, .p-calendar-list__content span.dot0,
.p-calendar-list__content span.dot5{color:rgba(160, 160, 160, 0.9);}/*회색*/
.p-calendar-list__content span.spc {font-size:14px;color:#555;margin-left:40px;}

@media all and (max-width:760px){
	.p-calendar-list__content {padding-left:30px; padding-top:20px;}
	.p-calendar-list__content .spi, .p-calendar-list__content .spr{display:inline-block; width:calc(100% - 60px);}
	.p-calendar-list__content .yeyak button{width:100%;} 
	
	.web_block{display:none;}
	.mob_block{display:block !important;}
}