@charset "UTF-8";

/* 달력 전용_calendar */
.main_calendar_wrap {margin-top: 8px !important;overflow: hidden;position: relative;padding: 20px 5.6% 0;border: 1px solid #E3E3E3;border-radius: 20px;background: #FFFFFF;-webkit-box-sizing: border-box;box-sizing: border-box; }
.main_calendar_nav {position: relative;padding-bottom: 10px;border-bottom: 1px solid #E3E3E3;-webkit-box-sizing: border-box;box-sizing: border-box; }
.main_calendar_nav .calendar_nav_inner {position: relative;padding: 0 76px;text-align: center; }
.main_calendar_nav .month_current {display: inline-block; }
.main_calendar_nav .month_current em {font-weight: 700;font-size: 18px;color: #121212;line-height: 26px;letter-spacing: -0.02em;vertical-align: middle; }
.main_calendar_nav .btn_prev,
.main_calendar_nav .btn_next {overflow: hidden;position: absolute;top: 0;width: 28px;height: 28px;border-radius: 100%;background: url("/images/n24/main/bg_calendar_arrow.png") no-repeat left top/100% auto; }
.main_calendar_nav .btn_prev {left: 33px; }
.main_calendar_nav .btn_next {right: 33px;-webkit-transform: rotate(-180deg);transform: rotate(-180deg); }

.main_calendar_category {padding-bottom: 12px; }
.main_calendar_category ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; }
.main_calendar_category ul li {position: relative;margin-left: 16px;padding-left: 15px; }
.main_calendar_category ul li:first-child {margin-left: 0; }
.main_calendar_category ul li .cal_sch_dot {position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);margin-top: 0;width: 8px;height: 8px; }
.main_calendar_category ul li .cal_sch_label {font-size: 15px;font-weight: 500;color: #121212;letter-spacing: -0.01em; }

.main_calendar_content {position: relative;padding: 0 9px;height: 220px;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box; }
.main_calendar_detail {position: relative;overflow: hidden;border-top: 1px solid #E3E3E3;margin: 0 -7.6%;width: auto;height: 134px;padding: 12px 20%;background-color: #F8F8F8;-webkit-box-sizing: border-box;box-sizing: border-box; }
@media all and (min-width: 1024px) {
	.main_calendar_detail {margin: 0 -28px;padding: 12px 30px; }
	.calendar_detail_list {margin: 0 auto;width: 280px; }
}

.main_calendar_detail .calendar_list_wrap .calendar-button-prev,
.main_calendar_detail .calendar_list_wrap .calendar-button-next {overflow: hidden;position: absolute;top: auto;left: 0;right: auto;width: 30px;height: 30px;color: transparent;background: transparent; }
.main_calendar_detail .calendar_list_wrap .calendar-button-prev::before,
.main_calendar_detail .calendar_list_wrap .calendar-button-next::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url("/images/n24/common/bg_calendar_arrow.png") no-repeat left top/100% auto; }
.main_calendar_detail .calendar_list_wrap .calendar-button-prev::after,
.main_calendar_detail .calendar_list_wrap .calendar-button-next::after {content: ''; }
.main_calendar_detail .calendar_list_wrap .calendar-button-prev.disabled,
.main_calendar_detail .calendar_list_wrap .calendar-button-next.disabled {opacity: 0.35 !important; }
.main_calendar_detail .calendar_list_wrap .calendar-button-next::before {-webkit-transform: rotate(-180deg);transform: rotate(-180deg); }
.main_calendar_detail .calendar_list_wrap .calendar-button-prev {left: 7px;right: auto; }
.main_calendar_detail .calendar_list_wrap .calendar-button-next {left: auto;right: 7px; }
.main_calendar_detail .calendar_list_wrap .calendar_list_control {position: absolute;bottom: calc(50% + 14px);left: 0;width: 100%; }

.main_calendar_detail .calendar_detail_link {display: block;position: relative;overflow: hidden; }
.main_calendar_detail .calendar_detail_link .event_title.type_outlink::after {content: '';display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-ms-flex-negative: 0; flex-shrink: 0;margin-left: 4px;width: 12px;height: 12px;background: url("/images/n24/common/icon_outlink.svg") no-repeat left top/100% auto; }

.main_calendar_detail .calendar_detail_item {position: relative;margin-top: 12px; }
.main_calendar_detail .calendar_detail_item:first-child,
.main_calendar_detail .calendar_detail_item:nth-child(3n) {margin-top: 0; }
.main_calendar_detail .calendar_detail_item .event_title {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;position: relative;padding-left: 13px;width: calc(100% - 13px);font-size: 13px;font-weight: 500;color: #121212;line-height: 1; }
.main_calendar_detail .calendar_detail_item .event_title_text {overflow: hidden;display: block;padding-left: 4px;font-size: 16px;font-weight: 700;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;line-height: 1;-webkit-box-sizing: border-box;box-sizing: border-box; }
.main_calendar_detail .calendar_detail_item .event_title .cal_sch_dot {position: absolute;top: 0;left: 0;width: 10px;height: 10px; }
.main_calendar_detail .calendar_detail_item .event_title .cal_sch_label {overflow: hidden;position: absolute;top: 0;left: 0;clip-path: circle(0%);margin: -1px;width: 1px;height: 1px;font-size: 1px;line-height: 0;white-space: nowrap; }
.main_calendar_detail .calendar_detail_item .event_category {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 3px 12px;border: 1px solid #CBE0D5;border-radius: 50px;background: #E8F4ED;line-height: 0; }
.main_calendar_detail .calendar_detail_item .event_category .category_text {display: inline-block;font-size: 13px;color: #121212;line-height: 1;letter-spacing: -0.01em; }
.main_calendar_detail .calendar_detail_item .event_date {margin-left: 4px; }
.main_calendar_detail .calendar_detail_item .event_desc {display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;margin-top: 7px;font-size: 15px;font-weight: 500;color: #555;letter-spacing: -0.025em; }
.main_calendar_detail .calendar_detail_item.nodata {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 27px 0 32px;min-height: 108px; }
.main_calendar_detail .calendar_detail_item.nodata .txt {position: relative;padding-top: 28px;font-size: 16px;font-weight: 400;line-height: 1.3;color: #777;letter-spacing: -0.01em;text-align: center; }
.main_calendar_detail .calendar_detail_item.nodata .txt::before {content: '';position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;width: 24px;height: 24px;background: url("/images/n24/common/icon_nodata.png") no-repeat left top/100% auto; }

.sec_cal {margin: 0 auto;width: 100%; }
.sec_cal .cal_nav {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-weight: 700;font-size: 48px;line-height: 78px; }
.sec_cal .cal_nav .year-month {width: 300px;text-align: center;line-height: 1; }
.sec_cal .cal_nav .nav {display: -webkit-box;display: -ms-flexbox;display: flex;border: 1px solid #333333;border-radius: 5px; }
.sec_cal .cal_nav .go-prev,
.sec_cal .cal_nav .go-next {display: block;width: 50px;height: 78px;font-size: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center; }
.sec_cal .cal_nav .go-prev::before,
.sec_cal .cal_nav .go-next::before {content: "";display: block;width: 20px;height: 20px;border: 3px solid #000;border-width: 3px 3px 0 0;-webkit-transition: border 0.1s;transition: border 0.1s; }
.sec_cal .cal_nav .go-prev:hover::before,
.sec_cal .cal_nav .go-next:hover::before {border-color: #ed2a61; }
.sec_cal .cal_nav .go-prev::before {-webkit-transform: rotate(-135deg);transform: rotate(-135deg); }
.sec_cal .cal_nav .go-next::before {-webkit-transform: rotate(45deg);transform: rotate(45deg); }

.cal_wrap {position: relative;margin: 0 auto; }
.cal_wrap::after {top: 368px; }
.cal_wrap .days {display: -webkit-box;display: -ms-flexbox;display: flex; }
.cal_wrap .day {z-index: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;-webkit-box-align: center; -ms-flex-align: center; align-items: center;-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;position: relative;padding-top: 4px;width: calc(100% / 7);height: 30px;font-size: 13px;font-weight: 600;color: #313131;letter-spacing: -0.01em;text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box; }
.cal_wrap .day:nth-child(7n-6) {color: #FF0000 !important; }
.cal_wrap .day:nth-child(7n-6).today::before {background-color: #FFA7A7; }
.cal_wrap .day:nth-child(7n-6).disable {opacity: .5; }
.cal_wrap .day:nth-child(7n) {color: #2A61FF !important; }
.cal_wrap .day:nth-child(7n).today::before {background-color: #BCCEFF; }
.cal_wrap .day:nth-child(7n).disable {opacity: .5; }
.cal_wrap .day.disable {color: #999; }
.cal_wrap .day.is-selected::before {content: '';z-index: -1;position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;width: 21px;height: 21px;border-radius: 100%;background: #E2F1EE; }
.cal_wrap .day .cal_link {display: block; }
.cal_wrap .day .cal_link:hover {font-weight: 600;text-decoration: underline; }
.cal_wrap .current.today {position: relative;color: #fff; }
.cal_wrap .current.today::before {content: '';z-index: -1;position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;width: 21px;height: 21px;border-radius: 100%;background: #36435e; }
.cal_wrap .dates {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-flow: wrap;flex-flow: wrap; }

.cal_schedule {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; }

.cal_sch_dot {display: inline-block;position: relative;margin-top: 4px;margin-left: 2px;width: 6px;height: 6px; }
.cal_sch_dot::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
.cal_sch_dot:first-child {margin-left: 0; }
.cal_sch_dot.type1::before {border-radius: 50%;background-color: #009C42; }
.cal_sch_dot.type2::before {width: 0;height: 0;width: 0;height: 0;border-left: 3px solid transparent;border-right: 3px solid transparent;border-bottom: 6px solid #441B1E;border-top: 0px solid transparent; }
.cal_sch_dot.type3::before {background-color: #2F658E; }
.event_title .cal_sch_dot {margin-top: 0; }
.event_title .cal_sch_dot::before {top: 2px; }
.event_title .cal_sch_dot.type2::before {width: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 10px solid #441B1E;border-top: 0px solid transparent; }

.main_calendar_category ul li .cal_sch_dot.type2::before {border-left: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 8px solid #441B1E;border-top: 0px solid transparent; }