@charset "UTF-8";
#main .banner { width: 100%; overflow: hidden; }

.cal { width: 100%; max-width: 1000px; margin:0 auto; padding: 4% 10px 7%; }
.cal .month { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 0 3rem 0; }
.cal .month a { display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; color: var(--white); border-radius: 50%; background: var(--GR-11); }
.cal .month p { font-weight: 600; }

.cal th { padding: 5px; text-align: center; font-weight: 500; border: 1px solid var(--BK-DD); background: var(--BK-EE); }
.cal th:nth-child(1) { color: var(--RD-FF); }
.cal th:nth-child(7) { color: var(--BL-2C); }
    .cal td { height: 12rem; padding: 1rem; text-align: center; border: 1px solid var(--BK-DD); vertical-align: top; }
    .cal td p { position: relative; padding: 0 0 2rem 0; text-align: right; }
    .cal td button { width: 90%; margin: 0 auto; padding: 2px; font-size: 1.1em; text-align: center; font-weight: 500; color: var(--white); border-radius: 3px; background: var(--GR-11); }
    .cal .today { background: var(--BK-F9); }
    .cal .today p:before { content:""; position: absolute; left: 0; display: block; width: 8px; height: 8px; border-radius: 50px; background: var(--RD-FF); }
    .cal .no {background: var(--BK-EE);}

@media (max-width:991px) {
    .cal td { height: 10rem; }
}
@media (max-width:767px) {
    .cal td { height: 5rem; padding: 5px; }
    .cal td p { position: relative; padding: 0 0 5px 0; text-align: right; }
    .cal td button { width: 100%; padding: 2px; }
}

/* 팝업창 */
.pc_popup { display:block; }
.mobile_popup { display:none; }

.popup .modal-content{ border:0;  border-radius:0; }
.popup .img-resoponsive{ display:none; }
.popup .modal-footer{ width:auto; padding: 10px 15px; font-size:12px; border-top:0; background:#f9f9f9; }
.popup label{ display:inline-block; cursor: pointer; }
.popup .no_more{ float: left; }
.popup img{ width:100% !important; height:auto !important; }

@media (max-width:991px) {
	.pc_popup { display:none; }
	.mobile_popup { display:block; position: fixed; top: 30px; left: 0; z-index: 9999; width:100%; }
	.popup .modal-content{ text-align: center; max-width: 320px; margin: 0 auto; background-color: #fff; box-shadow:none; -webkit-box-shadow:none; }
}