body { font-family: "Roboto", "Helvetica Neue", Helvetica, Arial; font-size: 0.8125rem; letter-spacing: 0.1px; }
.modal { position: fixed; top: 0; left: 0; z-index: 2050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; }
.modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; background-color: #fff; }
@media (min-width: 576px) { 
  .modal-dialog { max-width: 500px; margin: 1.75rem auto; } 
}
.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid transparent; border-radius: 0; outline: 0; }
.modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1.25rem; border-bottom: 0px solid #dee2e6; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.modal-body { position: relative; flex: 1 1 auto; padding: 1.25rem; }
.modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 0px solid #dee2e6; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
.modal-footer>* { margin: 0.25rem; }
.modal-dialog-middle { top: 50%; transform: translateY(-50%); }
.modal-background-black { background-color: rgba(0, 0, 0, 0.5); }
.modal.notice-type .modal-content { overflow-x: auto; max-height: 80vh; max-width: 540px; padding: 0 1.5rem; border-top: 3px solid #012c5f; }
.modal.notice-type .notice-content .notice_title { font-size: 26px; font-weight: 900; color: #012c5f; text-align: center; font-family: "Roboto", "Helvetica Neue", Helvetica, Arial; }
.modal.notice-type .notice-content .notice_text { font-size: 18px; font-weight: 600; color: #000; line-height: 1.8; text-align: left; }
.modal.notice-type .notice-close-btn { position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; }
.modal.notice-type .notice-close-btn .close_stick { display: block; position: absolute; top: 0; left: 50%; width: 2px; height: 100%; background-color: #000; transform-origin: center; }
.modal.notice-type .notice-close-btn .close_stick:first-child { transform: rotate(45deg); }
.modal.notice-type .notice-close-btn .close_stick:last-child { transform: rotate(-45deg); }

@media (min-width: 576px) {
  .modal.notice-type[data-date="2024-08-14"] .modal-dialog{max-width: 690px;}
}
.modal.notice-type[data-date="2024-08-14"] .modal-content{max-width: none;}
.modal.notice-type[data-date="2024-08-14"] .notice_title{padding-bottom: 30px; border-bottom: 1px solid #012c5f;}
.modal.notice-type[data-date="2024-08-14"] .notice_title .sub-tit{margin-bottom: 0; font-weight: 300; font-size: 27px;}
.modal.notice-type[data-date="2024-08-14"] .notice_title .main-tit{ font-weight: 700; font-size:31px;}
.modal.notice-type[data-date="2024-08-14"] .notice-content .notice_text{padding-top: 30px; font-weight: normal; line-height: 1.3; text-align: center;}
.custom-control { position: relative; display: inline-block; min-height: 1.19437rem; padding-left: 1.625rem; }
.custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; font-size: 14px; }
.custom-control-input { position: absolute; left: 0; z-index: -1; width: 20px; height: 20px; opacity: 0; }
.custom-control-label::before, .custom-control-label::after { position: absolute; left: -1.625rem; width: 20px; height: 20px; content: ""; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e);
}

.custom-control-label::before { top: 0; background-color: #fff; border: #007fa8 solid 2px !important; }
.custom-checkbox .custom-control-label::before { border-radius: 0; }
.custom-control-label::after { top: 0.03469rem; background: no-repeat 50% / 0.5rem; }
.custom-checkbox .custom-control-label::after { background-size: 50% 50%; }
.modal-cache_check .custom-control-label::before { border-color: #012c5f !important; }
.modal-cache_check .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #012c5f !important;
}
.align-center { text-align: center !important; }
.bold { font-weight: 700; }