.nobox{padding:0 0 100px;margin:0;width:100%;display:flex;flex-flow:row}.nobox p{margin:8px 0;padding:0}.nobox div.block{margin:0;padding:0}.event{width:60%;margin:2rem 0rem;display:block}.event-end{width:40%;margin-left:2rem}.box{padding:2rem;box-shadow:0 6px 12px #0000000f;display:block;border:1px solid var(--line-D4, #D4D8E9);border-radius:20px}.event div.block{padding:0}.event div.title{font-size:15px;font-weight:700}.event div.content{font-size:15px;color:#5b5d66}.event-img{width:100%}.event-img img{width:100%;border-radius:10px}#popup-select-date{background-color:#000000af}#popup-select-date .modal-header{justify-content:flex-start!important;border-bottom:#D4D8E9!important}#popup-select-date .modal-footer{justify-content:center!important}#popup-select-date .modal-header .btn-close{opacity:1!important;margin:0!important}#popup-select-date .modal-content{border-radius:1rem!important;max-height:90vh;display:flex;flex-direction:column}#popup-select-date .modal-body{overflow-y:auto;flex:1;max-height:calc(90vh - 120px);scrollbar-width:thin;scrollbar-color:#D4D8E9 transparent}#popup-select-date .modal-body::-webkit-scrollbar{width:6px}#popup-select-date .modal-body::-webkit-scrollbar-track{background:transparent}#popup-select-date .modal-body::-webkit-scrollbar-thumb{background-color:#d4d8e9;border-radius:3px}#popup-select-date .modal-body::-webkit-scrollbar-thumb:hover{background-color:#a0a5b8}#popup-select-date .modal-header .modal-title{text-align:center;width:100%;margin-left:-30px;font-weight:700}#popup-select-date .form-check .form-check-input{margin-right:.5rem;margin-top:0;width:1.5rem;height:1.5rem}.modal-dialog{width:640px;max-width:calc(100% - 1rem)}.select-date-confirm{padding:10px 25px;background-color:#000;border-radius:8px;color:#fff;font-size:15px;font-weight:700}#popup-select-date .ui-datepicker{width:100%}#popup-select-date .ui-datepicker-header{width:100%;background:#FFFFFF!important;border-top:none;border-right:none;border-left:none;border-bottom:1px solid #D4D9E3;border-radius:unset}#popup-select-date .ui-datepicker-calendar tbody tr{line-height:32px;border-bottom:1px solid #D4D9E3}#popup-select-date .ui-datepicker-calendar tbody tr td a{text-align:center;border:none;background-color:#fff;background:none!important}#popup-select-date .ui-datepicker-calendar tbody tr td a.ui-state-active{border:2px solid black}#popup-select-date .ui-datepicker-calendar tbody tr td span{text-align:center;border:none;background:none!important}#popup-select-date .ui-widget-content{border:none!important}#popup-select-date .ui-datepicker-next span{background-image:url(/svgs/arrow_next.svg)}#popup-select-date .ui-datepicker-prev span{background-image:url(/svgs/arrow_back.svg)}.ui-icon-circle-triangle-w,.ui-icon-circle-triangle-e{background-position:unset}.periodtime{width:100%;margin:1rem auto;display:grid;justify-items:center;grid-gap:10px;grid-template-columns:repeat(auto-fill,108px)}.periodtime-item{height:44px;width:108px;border-radius:8px;color:#0c1439;border:1px solid #D4D8E9;font-size:16px;font-weight:600;background-color:#fff}.periodtime-item.inactive{cursor:default;opacity:.5}.periodtime-item.active{border:2px solid black}.periodtime-item img{margin-right:8px}.select-period-wrap{overflow-y:auto;max-height:none}@media screen and (max-width: 750px){.nobox{display:block}.event{width:100%}.event-end{width:100%;margin:0rem}.modal-dialog{position:absolute;bottom:0;margin:0;width:100%;max-width:100%}#popup-select-date .modal-content{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;max-height:80vh}#popup-select-date .modal-body{max-height:calc(80vh - 120px)}}