@charset "utf-8";
/* 달력 상세 페이지 */
.date_tab_list1 {overflow:hidden; background-color:#c1e074; margin-top:-9px; height:42px;}
.date_tab_list1 ul {height: 42px;}
.date_tab_list1 ul li {float:left; width:14%; text-align:center; }
.date_tab_list1 ul li:first-child,
.date_tab_list1 ul li:last-child {width:15%;}
.date_tab_list1 ul li a {display:block; line-height:42px; color:#333; margin-top:5px; margin-bottom:5px; }
.date_tab_list1 ul li a span {display: block; font-size:12px; line-height: 16px; vertical-align: middle; font-size:16px;}
.date_tab_list1 ul li a span p {height:30px; line-height:30px; color:#333; }
.date_tab_list1 ul li a span em {display:block; color:#333; font-weight:700; height:32px; line-height:32px; border-top-left-radius:5px; border-top-right-radius:5px; }
.date_tab_list1 ul li a.font_red, .date_tab_list ul li a.font_red em {color:#ff0000; !important;}
.date_tab_list1 ul li a.font_blue, .date_tab_list ul li a.font_blue em {color:#0000ff; !important;}
.date_tab_list1 ul li a.font_red, .date_tab_list ul li a.font_red p {color:#ff0000; !important;}
.date_tab_list1 ul li a.font_blue, .date_tab_list ul li a.font_blue p {color:#0000ff; !important;}
.date_tab_list1 ul li.on {background:#4F6A0D;  }
.date_tab_list1 ul li.on a {color:#fff;  }

.area_tab_list1 {overflow:hidden; background-color:#9BC82B; height:40px;}
.area_tab_list1 ul {height: 40px;}
.area_tab_list1 ul li {float:left; width:14%; text-align:center; }
.area_tab_list1 ul li:first-child,
.area_tab_list1 ul li:last-child {width:15%;}
.area_tab_list1 ul li a {display:block; line-height:42px; color:#333; font-size:14px; font-weight:bold;}
.area_tab_list1 ul li a span {display: block; font-size:14px; line-height: 16px; vertical-align: middle; }
.area_tab_list1 ul li a span p {height:30px; line-height:30px; color:#333; }
.area_tab_list1 ul li a span em {display:block; color:#333; font-weight:700; height:32px; line-height:32px; border-top-left-radius:5px; border-top-right-radius:5px; }
.area_tab_list1 ul li a.font_red, .date_tab_list ul li a.font_red em {color:#ff0000; !important;}
.area_tab_list1 ul li a.font_blue, .date_tab_list ul li a.font_blue em {color:#0000ff; !important;}
.area_tab_list1 ul li a.font_red, .date_tab_list ul li a.font_red p {color:#ff0000; !important;}
.area_tab_list1 ul li a.font_blue, .date_tab_list ul li a.font_blue p {color:#0000ff; !important;}
.area_tab_list1 ul li.on {background:#4F6A0D;  }
.area_tab_list1 ul li.on a {color:#fff;  }

/* 2021-03-28 추가 */
.footer {margin:0 auto; width:100%; background:#f1f1f1; margin-top:0px; height:165px; }
.footer ul {overflow:hidden; margin-bottom:15px;}
.footer ul li {margin-right:10px; margin-top:15px; text-align:center;}
.footer ul li a {font-weight:700;}
.footer ul li a:hover {text-decoration:underline;}
.footer p {color:#777; font-size:11px; line-height:16px; text-align:center;}
.footer address {color:#777; font-size:9px; margin-top:15px; margin-bottom:15px; text-align:center;}


/* 로딩 오버레이 스타일 */
#loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9); /* 반투명 배경 */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 9999; /* 콘텐츠 위로 표시 */
}

/* 스피너 스타일 */
.spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-left-color: #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}

/* 로딩 텍스트 스타일 */
#loading-overlay p {
    margin-top: 10px;
    font-size: 16px;
    color: #555;
}

/* 스피너 애니메이션 */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}