/* ======= main - common ======= */
#main { margin-top: 90px; background-image: url(/img/main/main-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }
.main-titBox { overflow: hidden; text-align: center; } 
.main-tit { font-size: 36px !important; font-weight: 700; color: var(--main-color-2); }


/* ======= visual ======= */
#visual { position: relative; padding-top: 50px; margin-bottom: 70px; }
#visual .visual-tit { margin-bottom: 40px; }
#visual .visual-tit h3 { display: flex; align-items: center; justify-content: center; }
#visual .visual-tit h3 span { font-family: 'Cafe24Syongsyong', sans-serif; font-size: 46px; text-shadow: #fff 3px 3px; }
#visual .swiper-wrapper { margin-bottom: 25px; }
#visual .vis-slide { border-radius: 20px; overflow: hidden; height: auto; aspect-ratio: 1320 / 600; }
#visual .vis-slide img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
#visual .vis-slide img.animation-moreBig { animation: moreBig 3s forwards ease-in-out; }
/* #visual .vis-slide img.animation-moreSmall { animation: moreSmall 3s forwards ease-in-out; } */
/* #visual .vis-slide:hover img { animation: moreBig 3s forwards ease-in-out; } */


/* button */
#visual .page-wrap { position: relative; z-index: 5; align-items: center; }
#visual .page-wrap > div.flex { margin-right: 30px; align-items: center; }
#visual .page-wrap .auto-btn { margin: 0 30px; }
#visual .page-wrap .auto-btn img { cursor: pointer; }
#visual .page-wrap .auto-btn .play { display: none; }
#visual .vis-next,
#visual .vis-prev { width: 8px; height: 14px; background-size: 8px 14px; transition: all 0.3s; position: relative; top: 0; left: auto; right: auto; margin-top: 0; }
#visual .vis-next { background-image: url(/img/main/visual-next.png); margin-left: 0; }
#visual .vis-prev { background-image: url(/img/main/visual-prev.png); margin-right: 0; }
#visual .vis-next:hover,
#visual .vis-prev:hover { filter: drop-shadow(0 0 20px rgba(0, 0, 0, .3)); -webkit-filter: drop-shadow(0 0 20px rgba(0, 0, 0, .3)); }
/* pagination */
#visual .vis-pagi { position: relative; bottom: auto; top: auto; right: auto; width: auto; left: 0; text-align: right; position: initial; color: #bbbbbb; font-size: 15px; }
#visual .vis-pagi .swiper-pagination-current { color: #008dd0; font-size: 18px; font-family: 'Noto_Sans_KR', sans-serif; font-weight: 700; margin-right: -2px; }
#visual .vis-pagi .swiper-pagination-total { font-family: 'Noto_Sans_KR', sans-serif; margin-left: -2px; color: #bbbbbb; font-weight: 700; }
#visual .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; margin-right: 10px; }
#visual .swiper-progress-bar { position: relative; right: 0; bottom: 0; width: 200px; display: block; z-index: 1; height: 3px; border-radius: 5px; margin-right: 15px; }
#visual .swiper-progress-bar .slide-progress-bar { position: absolute; border-radius: 5px; height: 3px; background: #e8e8e8; width: auto; clear: both; opacity: 0; bottom: 0; left: 0; right: 0; }
#visual .swiper-progress-bar .slide-progress-bar::after { content: ''; position: absolute; top: 0; left: 0; background-color: #008dd0; height: 100%; width: 0; transition: 0.1s width linear; border-radius: 5px; }
#visual .swiper-progress-bar.active .slide-progress-bar { opacity: 1; }
#visual .swiper-progress-bar.animate .slide-progress-bar:after { transition: width linear; transition-delay: unset; width: 100%; transition-duration: 5s; }
#visual .swiper-progress-bar .slide-progress-bar { position: absolute; border-radius: 5px; height: 100%; background-color: #e8e8e8; width: auto; clear: both; opacity: 0; bottom: 0; left: 0; right: 0; }
/* animation */
@keyframes moreBig {
    0% { transform: scale(1); }
    100% { transform: scale(1.05); }
}
/* ======= visual ======= */



/* ======= section1 ======= */
#main .tit-box { display: flex; align-items: center; margin-bottom: 20px; }
#main .tit-box span { font-family: 'NANUMSQUARE' , sans-serif; font-weight: 800; font-size: 18px; margin-right: 20px; word-break: keep-all; white-space: normal; }
#main .tit-box .line-box { margin-right: 30px; width: 80%; }
#main .tit-box .line-box img { width: 100%; }
#main .tit-box .plus-btn { transition: all 0.3s; }
#main .tit-box .plus-btn:hover { transform: rotate(180deg); }


/* 행사달력 */
#section1 { padding-bottom: 100px; }
#section1 .sec1-wrap > article { width: 33.3333333%; position: relative; }
#section1 #calendar { border-radius: 10px; border: 2px solid #ffd099; overflow: hidden; background-color: #fff; padding: 5px; box-shadow: 0 0 25px rgba(0, 0, 0, .05); }
#section1 #calendar .fc-toolbar { justify-content: center; }
#section1 #calendar .fc-toolbar.fc-header-toolbar { margin-bottom: 20px; margin-top: 20px; }
#section1 #calendar .fc-button-primary { background-color: transparent; border: none; padding: 0; margin: 0 30px; line-height: 1; }
#section1 #calendar .fc-button .fc-icon { color: #999; font-size: 18px; }
#section1 #calendar .fc-toolbar-title { font-size: 18px; font-weight: 700; }
#section1 #calendar .fc-daygrid-day-frame { padding-left: 10px; }
#section1 #calendar .fc-scrollgrid { border-left: none; border-bottom: none; }
#section1 #calendar .fc-col-header,
#section1 #calendar .fc-daygrid-body,
#section1 #calendar .fc-scrollgrid-sync-table { width: 100% !important; }
#section1 #calendar .fc-daygrid-day-top { flex-direction: row; }
#section1 #calendar .fc-event-main { font-size: 0; }
#section1 #calendar .fc-event-img { display: inline-block; height: auto; padding-left: 15px; font-size: 0; }
#section1 #calendar.fc-theme-standard td, 
#section1 #calendar.fc-theme-standard th { border-right-color: transparent; }
#section1 #calendar.fc-theme-standard td { border-bottom: transparent; }
#section1 #calendar .fc-col-header-cell-cushion { font-size: 13px; font-weight: 700; padding: 10px 4px; }
#section1 #calendar .fc-daygrid-day-number { font-size: 12px; }
#section1 #calendar .fc-h-event { background-color: transparent; border: none; }

/* 유치원소개, 오늘의 급식, 우리반 이야기, 가정통신문 */
#section1 .center-box ul { flex-wrap: wrap; text-align: center; justify-content: center; padding-top: 40px; }
#section1 .center-box ul li { width: 35%; padding: 0 10px; }
#section1 .center-box ul li a { display: block; font-size: 0; }
#section1 .center-box ul li:nth-child(1),
#section1 .center-box ul li:nth-child(2) { margin-bottom: 20px; }
#section1 .center-box ul li .img-box { box-shadow: 0 0 25px rgba(0, 0, 0, .08); margin-bottom: 10px; overflow: hidden; display: inline-block; border-radius: 50%; }
#section1 .center-box ul li .img-box img { transition: all 0.5s; }
#section1 .center-box ul li .img-box:hover img { transform: scale(1.1); }
#section1 .center-box ul li .title-box span { display: inline-block; font-size: 14px; font-weight: 700; }

/* 소식란 */
#section1 .right-box .noti-box ul { border-top: 2px solid #ccc; border-bottom: 2px solid #cccccc; }
#section1 .right-box .noti-box ul li { padding: 15px 10px; transition: all 0.1s; }
#section1 .right-box .noti-box ul li:not(:last-child) { border-bottom: 1px solid #ddd; }
#section1 .right-box .noti-box ul li:hover { background-color: #f9f9f9; }
#section1 .right-box .noti-box ul li .title-wrap { margin-bottom: 10px; }
#section1 .right-box .noti-box ul li .title-wrap p { font-size: 16px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#section1 .right-box .noti-box ul li .date-box span { display: inline-block; font-size: 14px; color: #aaa; }



/* ======= section1 ======= */