@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap');

/*!
 * YHDCalendar v1.0 Stylesheet
 * Docs & License: http://www.yhdatabase.com/
 * (c) 2016 Sonys & Leejr
 */

/* Colors
--------------------------------------------------------------------------------------------------*/

/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/

/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/

/* Tables
--------------------------------------------------------------------------------------------------*/

/* Toolbar test_url
--------------------------------------------------------------------------------------------------*/


#script-warning {
	display: none;
	background: #eee;
	border-bottom: 1px solid #ddd;
	padding: 0 10px;
	line-height: 40px;
	text-align: center;
	font-weight: 600;
	font-size: 12px;
	color: red;
}

#loading {
	display:none;
	position:relative;
	top: 10px;
	left: 10px;
	text-align:center;
	font-size:11pt;
	font-weight:600;
	color:#6b6b6b;
}

.fc-sun { color: red !important; }
.fc-sat { color: blue !important; }
.fc-more-popover { width:370px;}

.reservationList { /*height:300px;*/overflow: auto }


/* 달력  */
.calendarWrap::after {content:""; clear:both;}
.calendarHead {text-align:center;}
.calendarHead span {display:inline-block; padding:0 12px; font-weight:800; font-size:2rem; color:#10293b; line-height:2.8rem; vertical-align:middle; font-family:'Montserrat', sans-serif;}
.calendarHead span em {font-size:2.8rem; color:#10293b;}
.calendarHead a {display:inline-block; height:34px; line-height:34px; box-sizing:border-box;transition: 0.3s;vertical-align:middle}
.calendarHead a.month {width:34px; text-indent:-9999px;}
.calendarHead a.prev { background:url('img/btn_prev_month.png') 50% 50% no-repeat;}
.calendarHead a.next { background:url('img/btn_next_month.png') 50% 50% no-repeat;}
.calendarHead a.today {padding:0 10px; font-weight:400; color:#363c5a !important; margin-left: 5px;  border:1px solid #c5c9d6; border-radius:4px;}

.calendar ul {width:100%; margin:19px auto 0; border-top:2px solid #283140; overflow:hidden;}
.calendar li {float:left; width:14.285%; border-right:1px solid #ccc; border-bottom:1px solid #dedede; box-sizing:border-box;}
.calendar .th {height:40px; font-weight:600; line-height:40px; text-align:center;}
.calendar .td {height:80px; padding:5px;}
.calendar .td1 {border-left:1px solid #ccc;}
.calendar .td1 > span,.calendar li.td1 > a {color:#ff765e;}
.calendar .td7 > span,.calendar li.td7 > a {color:#00bfc2;}
.calendar .today{background:#f7f7f7;}
.calendar .today{font-weight:400; color:#363c5a;}
.calendar .today .schedule{font-weight: normal;}
.calendar .holiday,.calendar .holiday > p {color:#ec445b;}

.calendar table {width:100%; margin:19px auto 0; border-top:1px solid #293f50; box-sizing:border-box;}
.calendar th,
.calendar td {font-size:14px; border-bottom:1px solid #c5c9d6;}
.calendar td.on {background:#0050a9;}
.calendar td.on >span {color:#fff;}
.calendar td >span {margin-right: 5px;}
.calendar th {width:14%; height:54px; color:#10293b; vertical-align:middle; font-weight:600; line-height:1.2; font-size: 15px; text-align:center; font-family:'Montserrat', 'Spoqa Han Sans Neo', 'Noto Sans KR', 'Malgun gothic', '맑은고딕', sans-serif;}
.calendar thead th + th {background:url('img/bak_thead_line.png') no-repeat 0 50%;}
.calendar th:first-child {color:#ff1f1f; }
.calendar th:last-child {color:#216cda;}
.calendar th span {font-size:1.2rem; margin-left:3px;}
.calendar td {height:80px; padding:2rem; vertical-align:top;font-weight: 400;color: #363c5a;}
.calendar td:first-child p {color:#ff1f1f !important;}
.calendar td:last-child p {color:#216cda !important;}
.calendar td .schedule {margin-top:5px;}
/* .schedule a { display:block; width:100%; margin-bottom:4px; padding-left:26px; font-size:12px; line-height:1.6; background:url('img/spr_ico_brd.png') 0px 100% no-repeat; border-radius:4px 4px;}
.schedule:hover{ color:#ddd; border-bottom: 1px dashed #aeaeae;} */
.schedule a >span{width: 31px;height: 30px;display: block;margin: 0 auto;background:url('img/spr_calendar.png') 0 -52px no-repeat;position: relative;transition: 0.3s;}
.schedule a >span >span {width: 20px;height: 20px;background: #3c9ae7;color: #fff;position: absolute;right: -6px;bottom: -2px;border-radius: 50%;font-size: 12px;font-weight: 500;text-align: center;line-height: 19px;}
.schedule a >span:hover {background-position: 0px -92px;}
.schedule a >span:hover >span {background: #3c60e7;}

.roll_over td[id^="yhdc"]:hover{background: #f1f9fd;}

@media screen and (max-width:720px){
	.calendar td {padding:1rem;}
}
@media screen and (max-width:480px){
.calendar li {font-size:12px;}
.calendar .th span span {display:none;}
.calendar th span {display:none;}
.calendar th {font-size:13px;}
.calendar td {font-size:12px;}
.schedule a {background:none; padding-left:0; background:#f3f3f3;}
}

/* 행사일정 */
.reservationList td{line-height: 1.5em;}
.reservationList a{font-weight: 500;}
.reservationList a:hover{text-decoration: underline;}

/* 캘린더 뷰 */
.exeSchedule_view {border: 1px solid #ddd; padding-left: 243px; padding-top: 3rem; padding-bottom: 3rem;border-radius: 10px;position: relative;transition: 0.3s;}
.exeSchedule_view:hover {border: 1px solid #bbb; box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.18);}
.exeSchedule_view:before {content: '';width: 148px;height: 148px;background: #eaf0f9 url('img/spr_calendar.png') 22px -124px no-repeat;border-radius: 50%;position: absolute;left: 5rem;top: 4rem;}
.exeSchedule_view dl {width: 90%;}
.exeSchedule_view dt {width: 85px;float: left;font-weight: 500;background: #f1f1f1; border-radius: 10px; text-align: center; margin-right: 2rem;border-radius: 20px;}
.exeSchedule_view dt, .exeSchedule_view dd {padding: 1rem 0;}
.exeSchedule_view dt:not(:last-of-type), .exeSchedule_view dd:not(:last-of-type) {margin-bottom: 1rem;}
.exeSchedule_view dd:not(:last-of-type) {border-bottom: 1px dashed #ddd;}
.exeSchedule_view dd {margin-left:96px;color: #666;line-height: 1.3em; min-height:2.3em;}
.exeSchedule_view dt:first-of-type {display: none;width: 0;}
.exeSchedule_view dd:first-of-type {width: 100%;font-size: 24px;font-weight: 500;color: #333;border-bottom: none;line-height: 30px; margin: 0 0 2rem 0;}

@media screen and (max-width:640px){
	.exeSchedule_view{background: url('img/bg_schedule_view.png') no-repeat center 30px; padding: 2rem; padding-top: 180px;}
	.exeSchedule_view:before {left: 50%;top: 3rem;transform: translateX(-50%);}
	.exeSchedule_view dl{width: 100%;}
	.exeSchedule_view dd:first-of-type {margin-bottom: 1rem;font-size: 2.2rem;}
	.exeSchedule_view dt, .exeSchedule_view dd {font-size: 1.4rem;}
	.exeSchedule_view dt:not(:last-of-type), .exeSchedule_view dd:not(:last-of-type) {margin-bottom: 0.5rem;}
}
@media screen and (max-width:375px){
	.exeSchedule_view dt {width: 100%;float:none;margin-bottom: 0;}
	.exeSchedule_view dd {margin-left: 0;border-bottom: none !important;}
	.exeSchedule_view dd:first-of-type {margin:1rem 0 0 0;font-size: 1.8rem;}
	.exeSchedule_view dt:not(:last-of-type), .exeSchedule_view dd:not(:last-of-type) {margin-bottom: 0;}
}

.holiday.sun { color: #ec445b !important; }
.holiday.sat { color: #4b96e6 !important; }
.holiday.closed { color: #999 !important; }
.day.opened { color: #6abb96 !important; }
.day.closed { color: #999 !important; }

/* 월간일정 */
#yhd_calendar.ty2 a {display:block; text-decoration: none !important; }
.bod_maintain a.btn { text-decoration: none !important; }
#yhd_calendar.ty2 td > a:hover span.day.opened { color: #42755e !important; }
#yhd_calendar.ty2 td > a:hover span.day.closed { color: #5d5d5d !important; }
/* 월간일정 > 달력아이콘(건수) */
#yhd_calendar.ty2 td >a >span{position: relative;display: block;}
#yhd_calendar.ty2 td .day {margin-top: 5px; word-break:keep-all;}
#yhd_calendar.ty2 td .schedule {padding-left: 27px;margin-top: 10px;}
/*#yhd_calendar.ty2 td .schedule:before {content: '';width: 23px;height: 24px;background: url('img/spr_calendar.png') -12px -50px no-repeat;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}*/

/* one column calendar */
.one_column >div:last-of-type {margin: 30px 0 50px;}
.one_column >div {overflow: hidden;}

/* two column calendar */
.two_column >div {float: left;width: 48.5%;overflow: hidden;}
.two_column >div:first-of-type {margin-right: 3%;}
.two_column >div:last-of-type {margin-top: 5px;}

@media screen and (max-width:960px) {
	.two_column >div {width: 100%;}
	.two_column >div:last-of-type {margin-top: 30px;}
}
@media screen and (max-width:640px){
	#yhd_calendar.ty2 td .schedule {padding-left: 0;}
	#yhd_calendar.ty2 td .schedule:before {display: none;}
}