@charset "utf-8";
.yt_calendar{background: #fff; border-radius: 4px; box-shadow: 0 0 40px rgba(0,0,0,0.04); overflow: hidden; position: relative;}
.yt_calendar .fc .fc-toolbar.fc-header-toolbar {position: relative; padding:1rem 1rem; border-bottom:1px solid #eee; margin-bottom:0;}
.yt_calendar .fc .fc-toolbar-title{position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); font-size:1.8rem; font-weight:800;}

/* 헤더툴바 버튼 */
.yt_calendar .kakaoAlim{position: absolute; left:10px; top:10px; z-index: 1;}
.yt_calendar .fc-custom{width:32px; height:32px; border:1px solid #ddd; border-radius: 2px; box-shadow: 0 2px 0 rgba(0,0,0,0.02); display:inline-flex; align-items: center; justify-content: center; cursor: pointer; color:#000}
.yt_calendar .fc-custom i{font-size:19px;}
.yt_calendar .fc-direction-ltr .fc-toolbar>*>:not(:first-child){margin-left:4px;}
.yt_calendar .fc-custom.fc-today{width:auto; min-width: 32px; padding:0 10px; font-size:14px; font-weight: 700;vertical-align: middle;}
.yt_calendar .fc-custom.fc-today i{margin-right:6px; font-size:18px; font-weight: 500; line-height: 1;}
.yt_calendar .fc-toolbar-chunk{display:flex;}
.yt_calendar .fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active{background:#0068FF; border-color:#0068FF}
.yt_calendar .fc .fc-button-primary{background:#fff; color:#263446; border-color: #ddd; font-size:14px; padding:0; width:64px; height:32px; font-weight:700}

/* 본문 */
.yt_calendar .fc .fc-daygrid-day-top{flex-direction: row; margin-bottom: 0.6rem; float:left; position: sticky; top:0;}
.fc .fc-daygrid-body-natural .fc-daygrid-day-events{float:right; width:88%;}
.yt_calendar .fc .fc-daygrid-day-number{font-weight:700; font-size:14px; padding:0;}
.yt_calendar .fc .fc-daygrid-event-harness + .fc-daygrid-event-harness{margin-top:4px}
.yt_calendar .fc-daygrid-day-frame{padding:0.8rem 1rem; /* height:160px; */ min-height:142px; max-height:240px; overflow-y:auto;}
.yt_calendar .fc-direction-ltr .fc-daygrid-event.fc-event-end, .yt_calendar .fc-direction-rtl .fc-daygrid-event.fc-event-start{margin:0;}
.yt_calendar .fc-theme-standard td, .yt_calendar .fc-theme-standard th{border-color:#eee; color:#263446;}
.yt_calendar .fc th{height:34px; background:#F8FAFC; vertical-align: middle; font-size:1.9rem;}
.yt_calendar .fc-theme-standard .fc-scrollgrid{border:none}
.yt_calendar tr:last-child td{border-bottom: none;}
.yt_calendar tr:last-child td:last-child{border-right: none;}

.yt_calendar .fc-daygrid-event{background: #fff !important; border-left:10px solid; border-right:1px solid #eee !important; border-bottom:1px solid #eee !important; border-top: 1px solid #eee !important; padding:4px 10px;  font-weight:700; cursor: pointer; border-top-left-radius: 6.5px; border-bottom-left-radius: 7.5px;}
.yt_calendar .fc-h-event .fc-event-main{color:#263446;}
.yt_calendar .yt_cal_item{font-size:12px;}
.yt_calendar .fc-daygrid-event-harness{box-shadow: 0 3px 0 rgba(0,0,0,0.02); }
.yt_calendar .yt_cal_item .item_top,.yt_calendar .yt_cal_item .item_bottom{display:flex; justify-content: space-between; align-items: center;}
.yt_calendar .yt_cal_item .item_top{margin-bottom:0px; min-height:22px;}
.yt_calendar .yt_cal_item .item_status{font-size:10px; width:40px; height:18px; display:flex; align-items: center; justify-content: center; background:#FF850A; color:#fff; border-radius: 4px; display:none;}
.yt_calendar .full .yt_cal_item .item_status{display:flex;}
.yt_calendar .full.fc-daygrid-event{background:#D1D2D3 !important;}
.yt_calendar .yt_cal_item .item_person{font-size:12px; width:42px; height:20px; display:flex; align-items: center; justify-content: center; background:#EFF1F5; color:#263446; border-radius: 4px; letter-spacing: -0.05em; font-weight: 700; white-space: nowrap; }
.yt_calendar .full .yt_cal_item .item_person{background:#e3e3e3}
/* 2022.03.23 아이폰 사파리 내 이벤트 클릭 오류, 일간이벤트 안 보임 */
.yt_calendar .fc .fc-timegrid-col-frame{overflow-x:hidden; z-index:1;}
/* .yt_calendar .fc-media-screen .fc-timegrid-event{left:auto !important; right:auto !important;} */
.yt_calendar .fc-media-screen .fc-timegrid-event-harness{min-width: 75px;}
.yt_calendar .fc-timeGridWeek-view .fc-timegrid-event-harness{box-shadow: -0px 0 10px rgba(0,0,0,0.1);}
.yt_calendar .fc-timeGridWeek-view .fc-timegrid-event-harness-inset .fc-timegrid-event{box-shadow: -4px 0 10px rgba(0,0,0,0.1); }
.yt_calendar .fc-timeGridWeek-view .fc-timegrid-event{background:#fff !important; border-left:1px solid #eee !important; border-right:1px solid #eee !important; border-bottom:1px solid #eee !important; border-top:10px solid; border-top-left-radius: 7.5px; border-top-right-radius: 7.5px; }
.yt_calendar .fc-timeGridWeek-view .fc-timegrid-event.full{background:#D1D2D3 !important}
.yt_calendar .fc-timeGridWeek-view .item_name{font-weight: 700; white-space: nowrap;}
.yt_calendar .fc-timeGridWeek-view .item_time{font-weight: 700; white-space: nowrap;}
.yt_calendar .fc-timeGridWeek-view .item_status{bottom:38px; left:8px;}
.yt_calendar .fc-timeGridWeek-view .item_person{bottom:10px; left:8px;}
.yt_calendar .fc-timeGridWeek-view .yt_cal_item{padding: 0.15rem 0.5rem;}
.yt_calendar .fc-v-event .fc-event-main{color:#263446; overflow: hidden; cursor: pointer;}

/* guide-schedule */
.yt_calendar .c_guide { opacity: 30%; }

/* today */
.yt_calendar .fc .fc-timegrid-col.fc-day-today, .yt_calendar .fc .fc-daygrid-day.fc-day-today { background-color: rgba(37,51,70,0.15); position:relative; }

.yt_calendar .fc-media-screen .fc-timeGridDay-view .fc-timegrid-event{top:2px; left:2px; right:2px; bottom:4px;}
.yt_calendar .fc-timeGridDay-view .yt_cal_item{position: absolute; top:0; left:0; right:0; bottom:0; padding: 0.25rem 1%;}
.yt_calendar .fc-timeGridDay-view .fc-timegrid-event .fc-event-main{padding:0;}
.yt_calendar .fc-timeGridDay-view .fc-timegrid-event{background: #fff !important; border-top:10px solid; border-left:1px solid #eee !important; border-right:1px solid #eee !important; border-bottom:1px solid #eee !important; box-shadow: 0 3px 0 rgba(0,0,0,0.02); border-top-left-radius: 7.5px; border-top-right-radius: 7.5px;}
.yt_calendar .fc-timeGridDay-view .fc-timegrid-event.full {background:#D1D2D3 !important}
.yt_calendar .fc-timeGridDay-view .item_name{font-weight:800; font-size:1.4rem;}
.yt_calendar .fc-timeGridDay-view .item_time{color:#263446; font-weight:800; font-size:1.4rem;}

.yt_calendar .fc .fc-timegrid-axis-frame{justify-content: center;}
.yt_calendar .fc-direction-ltr .fc-timegrid-slot-label-frame{text-align: center;font-size:1.4rem; font-weight: 700; color:#263446;}
.yt_calendar .fc .fc-timegrid-slot{height:3rem; }
.yt_calendar .fc .fc-timeGridDay-view .fc-daygrid-day.fc-day-today{background: none;}
.yt_calendar .fc .fc-timeGridDay-view .fc-timegrid-slot{background: #fff;}

.yt_calendar .fc-theme-standard .fc-list{border:none !important;}
.yt_calendar .fc .fc-list-table th{background:#f8f9fa !important}
.yt_calendar .fc-theme-standard .fc-list-day-cushion{background: none !important;}
.yt_calendar .fc .fc-list-day-cushion, .fc .fc-list-table td{padding:16px 24px !important;}
.yt_calendar .fc-list .yt_cal_item{display: flex;}
.yt_calendar .fc-list .yt_cal_item .item_top, .yt_calendar .fc-list .yt_cal_item .item_bottom{justify-content: flex-start;}
.yt_calendar .fc-list .yt_cal_item .item_top{padding-right:1em; margin-right:1em; margin-top:0; margin-bottom:0; position: relative;}
.yt_calendar .fc-list .yt_cal_item .item_top:after{content:""; display:block; width:1px; height:14px; background:#ddd; position: absolute; right:0; top:50%; transform:translateY(-50%)}
.yt_calendar .fc-list .yt_cal_item .item_status, .yt_calendar .fc-list .yt_cal_item .item_person{margin-left:10px;}
.yt_calendar .fc-list .yt_cal_item .item_time{font-weight: 700;}
.yt_calendar .fc-list .yt_cal_item .item_name{font-weight: 700;}
.yt_calendar .fc-list .yt_cal_item .item_status{font-size:1.2rem; font-weight: 700; margin-top:1px; width:auto; padding:0 8px; height:20px;}
.yt_calendar .fc-list .yt_cal_item .item_person{background:none; width: auto; }
.yt_calendar .fc-list .yt_cal_item .item_person:before{content:"("}
.yt_calendar .fc-list .yt_cal_item .item_person:after{content:")"}
.yt_calendar .fc-list-event-time{font-size:1.5rem; font-weight:700; line-height: 24px;}
.yt_calendar .fc .fc-list-event-dot{margin-top:6px;}
.fc-ltr .fc-time-grid .fc-event-container {margin: 0 5% 0 2px !important;}
.yt_calendar .fc-list .yt_cal_item{font-size:1.6rem !important;}
.yt_calendar .fc-list .yt_cal_item .item_person{font-size:1.6rem !important;}
.fc-list-empty{background:#fff !important;}

.fc-scrollgrid-sync-inner::-webkit-scrollbar {width: 0.75rem;}
.fc-scrollgrid-sync-inner::-webkit-scrollbar-thumb {background-color: #999;border-radius: 0.5rem;}
.fc-scrollgrid-sync-inner::-webkit-scrollbar-track {background-color: #eee;}

/* view >> 예약상태별 색깔 지정 :: 2022.11.09 */
.person_card .status_0 { background: #ff850a; }
.person_card .status_2 { background: #2bc189; }
.person_card .status_7 { background: #ddd; color: #666; }
.person_card .status_8 { background: #263446; }
.person_card .status_9 { background: #ddd; color: #666; }

/* 스케쥴 */
.yt_section.schedule .section_header{}

@media screen and (min-width:600px) and  (max-width:1200px){
	#calendar{overflow-x:auto;}
	.yt_calendar .fc .fc-toolbar.fc-header-toolbar{position:sticky; left:0;}
	.fc .fc-view-harness{min-width:1200px;}
}


@media screen and (max-width:1024px){
	.yt_calendar{overflow:initial; position:static;}
	.yt_calendar > .yt_section{position:sticky; top:12rem; z-index:99; background:#fff}
	.yt_calendar .fc .fc-toolbar-title{position:relative; top:auto; left:auto; transform:none; margin-bottom:20px; margin-top:25px; font-size:2.2rem; width:100%; text-align:center;}
	.yt_calendar .fc .fc-toolbar.fc-header-toolbar{display:block;}
	
	.yt_calendar .fc-custom_today-button{flex:none; margin-left:auto !important;}
	.yt_calendar .fc-timeGridDay-view .yt_cal_item{padding:2px 4px;}
	.yt_calendar .fc-timeGridDay-view .fc-timegrid-event{border-top:4px solid; border-radius:4px 4px 0 0}
	.yt_calendar .fc th{height:44px; font-size:1.6rem}
	.yt_calendar .fc-direction-ltr .fc-timegrid-slot-label-frame{font-size:1.2rem;}
}
@media screen and (max-width:480px){
	#yt_wrapper{padding-left: 0; padding-top:calc(9rem + 2px);}
	#yt_wrapper.fold.on{padding-top:calc(9rem + 2px);}
	#yt_header .header_top{height:5rem;}
	#yt_header .header_bottom{height:4rem}

	.yt_section.schedule .section_header{ height:auto; padding:8px 10px}
	.yt_section.schedule .ui_check .check_label{font-weight:500; font-size:1.4rem; transition: color 0.2s; padding-left:0.7rem; margin-top:-1px;}
	.yt_section.schedule .ui_pick { flex-direction:column; }
	.yt_section.schedule .yt_btn { padding:0 0.8rem; }
	.yt_calendar .fc .fc-toolbar-title{ margin-bottom:15px; margin-top:5px; font-size:2.2rem;}
	/* .yt_section.schedule .section_header .section_control{margin-top:14px; padding-top:14px; border-top:1px solid #eee;} */ 
}


@media screen and (max-width:600px){
	.yt_calendar .fc-button-group{display:none;}
}