@charset "utf-8";
/* ******************************************************
	#calendar 커스텀
*******************************************************/

#deliveryTimeSelectModal, 
#gisaTimeSelectModal{display:flex;}

.calendar_inner{display:flex;flex-wrap:wrap;padding:10px;background:#fff;}
#calendar {width:calc(100% - 60px);height:795px;}
#calendar > * {font-family: 'NotoSansKR-Regular';}
#calendar .fc-toolbar.fc-header-toolbar{margin-bottom:10px;}
.fc-toolbar.fc-header-toolbar .fc-button-group .fc-prev-button,
.fc-toolbar.fc-header-toolbar .fc-button-group .fc-next-button,
.fc-toolbar.fc-header-toolbar .fc-today-button{background-color:#333;border-color:#333;}
.fc-toolbar.fc-header-toolbar .fc-button:disabled{background-color:#9d9d9d;border-color:#9d9d9d;color:#eee;}

.fc-toolbar.fc-header-toolbar h2{font-family: 'NotoSansKR-Bold';color:#333;}

.fc-head .fc-head-container.fc-widget-header{border:0;border-top:1px solid #ccc;}
.fc-head .fc-head-container .fc-day-header{border:0; padding:6px 15px; font-size:15px;text-align: left;}

.fc-head .fc-widget-header > div.fc-row {margin-bottom:10px;background:#fdfdfd;border-bottom:1px solid #ccc}
.fc-head .fc-widget-header .fc-sun, 
.fc-head .fc-widget-header .fc-sat{background:#fdfdfd !important;}
.fc-head .fc-head-container .fc-day-header > span{color: #343434;}
.fc-head .fc-head-container.fc-widget-header .fc-sat > span{color:#999;}
.fc-head .fc-head-container.fc-widget-header .fc-sun > span{color: #ff9191;}

.fc-body .fc-widget-content .fc-scroller{height:auto !important;overflow:inherit !important;}
.fc-body .fc-widget-content .fc-row table{height:114.59px;}

.fc-body .fc-widget-content{border:0;border-top:1px solid #ccc;}
.fc-body .fc-widget-content td.fc-day{border:0;padding:10px;border-top:1px solid #ccc;background:#fff;}
.fc-body .fc-widget-content .fc-content-skeleton tbody{position: relative;}
.fc-body .fc-widget-content .fc-content-skeleton tbody:after{content:"";position: absolute;left:0;bottom:calc(50% - 1px);width:100%;height:1px;background:#f1f4ff;}
.fc-body .fc-widget-content .fc-content-skeleton  tbody tr td{padding:2px 0;}
.fc-body .fc-widget-content .fc-content-skeleton .fc-day-top{padding:6px 10px;}
.fc-dayGrid-view .fc-body .fc-widget-content .fc-day-top .fc-day-number{float:left;color: #343434;font-size:15px;}
.fc-dayGrid-view .fc-body .fc-widget-content .fc-day-top.fc-sat > span{color:#999;}
.fc-dayGrid-view .fc-body .fc-widget-content .fc-day-top.fc-sun > span{color:#ff9191;}
.fc-dayGrid-view .fc-body .fc-widget-content .fc-day-top.fc-today>span{position: relative;color:#fff;}
.fc-dayGrid-view .fc-body .fc-widget-content .fc-day-top.fc-today>span:before{content:"";position: absolute;top:-5px;left:50%;transform:translateX(-50%); width:40px;height:40px;background:#333;border-radius: 50%;z-index: -1;}

.fc-body .fc-widget-content .fc-content-skeleton .fc-event-container a.fc-day-grid-event {margin-bottom:1.8px;padding:4px 0;border-radius: 20px;}
.fc-body .fc-widget-content .fc-content-skeleton .fc-event-container a.fc-day-grid-event .fc-content{line-height:1;padding:2px 0;text-align: center;}
.fc-body .fc-widget-content .fc-content-skeleton .fc-event-container a.fc-day-grid-event .fc-title{font-weight:900;font-size: 16px;}
.fc-body .fc-widget-content .fc-content-skeleton tbody tr:first-child .fc-event-container a.fc-day-grid-event{background-color: #f1f1f1 !important;border-color: #f1f1f1 !important;color:#333 !important;}
.fc-body .fc-widget-content .fc-content-skeleton tbody tr:last-child .fc-event-container a.fc-day-grid-event{background-color: #bdbdbd !important;border-color: #bdbdbd !important;color:#fff !important;}

.calendar_left{display:flex;flex-direction: column;justify-content: end;margin-top:51px;width:60px;}
.calendar_left_header{background: #fdfdfd;padding: 6px 5px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;height: 36px;margin-bottom: 10px;text-align: left;font-size:15px;font-family: 'NotoSansKR-bold';}
.calendar_ampm{display: flex;flex-direction: column;justify-content: end;}
.calendar_ampm > div{display: flex;padding:0 2px; flex-direction: column;justify-content: end;height:116.79px;border-top:1px solid #ccc;}
.calendar_ampm > div > span{display:block;color: #777;margin-bottom:3px;padding: 2.2px 4px;line-height:2;font-size:1em;text-align: left;font-weight:900;}
.calendar_ampm > div .pm{border-top:1px solid #f1f4ff;}
.calendar_ampm > div:first-child{height:118.09px;}
.calendar_ampm > div:first-child .pm{padding:2.4px 4px;}


@media all and (max-width:1024px){/*태블릿 가로*/

#deliveryTimeSelectModal,
#gisaTimeSelectModal{height:660px;}
.fc-toolbar.fc-header-toolbar h2{font-size:1.35em;}
.fc-head .fc-head-container .fc-day-header{padding:5px 15px;font-size:13px;}

.fc-head .fc-widget-header > div.fc-row{margin-bottom:2px;}
.fc-body .fc-widget-content .fc-row table{height:90px;}
.fc-body .fc-widget-content .fc-content-skeleton .fc-day-top{padding:5px 10px;}
.fc-dayGrid-view .fc-body .fc-widget-content .fc-day-top .fc-day-number{font-size:13px;}
.fc-dayGrid-view .fc-body .fc-widget-content .fc-day-top.fc-today>span:before{width:35px;height:35px;}

.fc-body .fc-widget-content .fc-content-skeleton tbody tr td{padding:0;}
.fc-body .fc-widget-content .fc-content-skeleton .fc-event-container a.fc-day-grid-event{padding:2px 0;margin-bottom:1px; border-radius: 15px;}
.fc-body .fc-widget-content .fc-content-skeleton .fc-event-container a.fc-day-grid-event .fc-title{font-size:14px;}

.calendar_left_header{margin-bottom:2px;padding:5px;height:31px;}
.calendar_ampm{margin-bottom:38px;}
.calendar_ampm > div{height:92.09px;}
.calendar_ampm > div > span{padding:0 4px;}
.calendar_ampm > div:first-child{height:93.19px;}
.calendar_ampm > div:first-child .pm{padding:0px 4px;}

.fc-body .fc-widget-content .fc-content-skeleton .fc-day-top .badge_request_place{padding:4px; font-size:10px;margin:0 0 0 2px;}
}

/* ******************************************************
	#deliveryTimeSelectModal 간편 배송 조회
*******************************************************/
#deliveryTimeSelectModal,
#gisaTimeSelectModal{display:none;position: fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:90%;background:#fff;z-index: 10;}
#deliveryTimeSelectModal.active,
#gisaTimeSelectModal.active{display:block;}