@import url("https://fonts.googleapis.com/css2?family=Mukta+Mahee:wght@200;300;400;500;600;700;800&display=swap");
html {
  font-size: 16px;
}
@media (min-width: 1920px) and (max-width: 2560px) {
  html {
    font-size: 0.8333333333vw;
  }
}
@media (max-width: 1700px) {
  html {
    font-size: 0.9411764706vw;
  }
}
@media (max-width: 768px) {
  html {
    font-size: 2.7vw;
  }
}
@media (max-width: 500px) {
  html {
    font-size: 3.5vw;
  }
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: "Mukta Mahee", sans-serif;
}

body {
  font-size: 1rem;
  font-weight: 400;
  color: #414345;
}

h1, h2, h3, h4, h5, h6, p {
  margin-bottom: 0;
}

a {
  text-decoration: none;
}

img {
  width: auto;
  height: 100%;
}

.headline-1 {
  font-size: 2.625rem;
  font-weight: 700;
  line-height: 1.02381;
}

.headline-2 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 93.75%;
}

.sub-headline-1, .button.add-button, .button.large-button {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 100%;
}

.sub-headline-2 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 104.167%;
}

.body-1, .container #nav-bar .setting-account-box .setting-account-button, .table-wrap-box .table-footer-box .dt-info, .table-wrap-box .table-footer-box .pagination .page-link, .button.reset-button, .button.delete-button, .dropdown-selector.phone-selector.disabled .dropdown.dselect-wrapper .form-select, .dropdown-selector.phone-selector .dropdown.dselect-wrapper .dropdown-item, .dropdown-selector.phone-selector .dropdown.dselect-wrapper .form-select, .dropdown-selector.disabled .dropdown.dselect-wrapper .form-select, .dropdown-selector.error .dropdown.dselect-wrapper .form-select, .dropdown-selector .dropdown.dselect-wrapper .dropdown-item, .dropdown-selector .dropdown.dselect-wrapper .form-select, textarea,
input {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 111.111%;
}

.body-2, .container.two-section .register-form-box .forgot-password-button, .container .main-form-container .header-form-wrap .header-box .body-1, .container .main-form-container .header-form-wrap .header-box textarea,
.container .main-form-container .header-form-wrap .header-box input, .container .main-form-container .header-form-wrap .header-box .dropdown-selector .dropdown.dselect-wrapper .form-select, .dropdown-selector .dropdown.dselect-wrapper .container .main-form-container .header-form-wrap .header-box .form-select, .container .main-form-container .header-form-wrap .header-box .dropdown-selector .dropdown.dselect-wrapper .dropdown-item, .dropdown-selector .dropdown.dselect-wrapper .container .main-form-container .header-form-wrap .header-box .dropdown-item, .container .main-form-container .header-form-wrap .header-box .dropdown-selector.error .dropdown.dselect-wrapper .form-select, .dropdown-selector.error .dropdown.dselect-wrapper .container .main-form-container .header-form-wrap .header-box .form-select, .container .main-form-container .header-form-wrap .header-box .dropdown-selector.disabled .dropdown.dselect-wrapper .form-select, .dropdown-selector.disabled .dropdown.dselect-wrapper .container .main-form-container .header-form-wrap .header-box .form-select, .container .main-form-container .header-form-wrap .header-box .dropdown-selector.phone-selector .dropdown.dselect-wrapper .form-select, .dropdown-selector.phone-selector .dropdown.dselect-wrapper .container .main-form-container .header-form-wrap .header-box .form-select, .container .main-form-container .header-form-wrap .header-box .dropdown-selector.phone-selector .dropdown.dselect-wrapper .dropdown-item, .dropdown-selector.phone-selector .dropdown.dselect-wrapper .container .main-form-container .header-form-wrap .header-box .dropdown-item, .container .main-form-container .header-form-wrap .header-box .dropdown-selector.phone-selector.error input.dropdown-selector .dropdown.dselect-wrapper .form-select, .dropdown-selector.phone-selector.error input.dropdown-selector .dropdown.dselect-wrapper .container .main-form-container .header-form-wrap .header-box .form-select, .container .main-form-container .header-form-wrap .header-box .dropdown-selector.phone-selector.disabled .dropdown.dselect-wrapper .form-select, .dropdown-selector.phone-selector.disabled .dropdown.dselect-wrapper .container .main-form-container .header-form-wrap .header-box .form-select, .container .main-form-container .header-form-wrap .header-box .button.delete-button, .container .main-form-container .header-form-wrap .header-box .button.reset-button, .container .main-form-container .header-form-wrap .header-box .table-wrap-box .table-footer-box .pagination .page-link, .table-wrap-box .table-footer-box .pagination .container .main-form-container .header-form-wrap .header-box .page-link, .container .main-form-container .header-form-wrap .header-box .table-wrap-box .table-footer-box .dt-info, .table-wrap-box .table-footer-box .container .main-form-container .header-form-wrap .header-box .dt-info, .container .main-form-container .header-form-wrap .header-box #nav-bar .setting-account-box .setting-account-button, .container #nav-bar .setting-account-box .main-form-container .header-form-wrap .header-box .setting-account-button, .radio-form-group label, .active-input .form-check-input, .status, .button.edit-icon, .button.delete-icon {
  font-size: 1rem;
  font-weight: 400;
  line-height: 112.5%;
}

.small, .example-photo {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 116.667%;
}

.button-mobile, .container #nav-bar .menu-bar-box, div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel, div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm, .button.small-button, .button.button-radio, .button.medium-button, .button.semi-large-button {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 91.667%;
}

.nav-bar, .photo-upload .status, .photo-upload-complete .status {
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 116.667%;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.flex-center-center, .container .dashboard-body-warp .dashboard-menu .dashboard-button-box, .container .main-form-container .header-form-wrap, .container #nav-bar .header-logo-box, .event-check-box.tour-list-radio .tour-list-box .tour-list .total-box, .button.edit-icon, .button.delete-icon, .button.reset-button, .button.delete-button, .button.add-button, .form-wrap .form-layout-flex-24 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-center, .cookie-section .text-box, .cookie-section, .container.policy-section .header-section, .container .dashboard-body-warp .dashboard-menu .dashboard-menu-detail, .container .dashboard-body-warp .dashboard-section, .container .main-form-container .header-form-wrap .header-wrap, .container #nav-bar .setting-account-box .setting-account-button, .container #nav-bar .menu-bar-box .menu-item, .form-wrap .form-center-layout, .form-wrap .form-layout-flex, .form-group .label-button .button-box, .form-group .label-button {
  display: flex;
  align-items: center;
}

.flex-column, .container.policy-section .text-section .text-box-group, .container.policy-section .text-section .text-box, .container.policy-section .text-section, .container.policy-section, .container .dashboard-body-warp .dashboard-menu .dashboard-button-box .dashboard-button, .container .dashboard-body-warp .dashboard-menu .dashboard-menu-box, .container .dashboard-body-warp, .container .main-form-container .header-form-wrap .header-box, .container #nav-bar .setting-account-box, .container #nav-bar .menu-bar-box, .agreement-modal .modal-dialog .modal-content .modal-body-warp .text-policy .text-box-group, .form-wrap .form-layout-flex-column-24, .form-wrap {
  display: flex;
  flex-direction: column;
}

.background-image, .container .dashboard-body-warp .dashboard-menu .dashboard-button-box .dashboard-button::after, .container .dashboard-body-warp .dashboard-menu, .container .main-form-container .header-form-wrap.dashboard-header, .button.edit-icon::after, .button.delete-icon::after, .button.add-dashboard-button::before, .button.reset-button::after, .button.delete-button::after, .button.add-button::before, .photo-upload-complete .close-btn, .photo-upload::before, .photo-upload-complete::before, .form-group .change-type-input {
  background-position: center;
  background-repeat: no-repeat;
}
.background-image-full, .container .dashboard-body-warp .dashboard-menu .dashboard-button-box .dashboard-button::after, .container .main-form-container .header-form-wrap.dashboard-header, .container #nav-bar .menu-bar-box .menu-item::after, .button.edit-icon::after, .button.delete-icon::after, .button.add-dashboard-button::before, .button.reset-button::after, .button.delete-button::after, .button.add-button::before, .photo-upload-complete .close-btn, .photo-upload::before, .photo-upload-complete::before, .form-group .change-type-input {
  background-size: 100%;
}

.text-center {
  text-align: center;
}

@media (max-width: 768px) {
  .desktop {
    display: none !important;
  }
}

.mobile {
  display: none !important;
}
@media (max-width: 768px) {
  .mobile {
    display: inherit !important;
  }
}

.list-none {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.dividing-line {
  width: 100%;
  height: 1px;
  background-color: #9B9B9B;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.text-indent-2 {
  text-indent: 2rem;
}

.text-decoration {
  text-decoration: underline;
}
.text-decoration-blue {
  text-decoration: underline;
  color: #005BB7;
}

.text-primary-red {
  color: #B8000F;
}

.custom-scrollbar::-webkit-scrollbar, .container #nav-bar::-webkit-scrollbar, .dropdown-selector .dropdown.dselect-wrapper .dropdown-menu .dselect-items::-webkit-scrollbar, textarea::-webkit-scrollbar {
  width: 0;
}

.form-group {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
  position: relative;
}
.form-group.remark label {
  display: inline-flex;
  gap: 0.25rem;
}
.form-group.remark label::after {
  content: "*";
  color: #B8000F;
}
.form-group.remark label.photo-upload::after, .form-group.remark label.photo-upload-complete::after {
  content: none;
}
.form-group .label-button {
  justify-content: space-between;
}
.form-group .label-button .button-box {
  gap: 0.625rem;
}
.form-group .change-type-input {
  background-color: transparent;
  border: none;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("../images/icon-hide-pass.svg");
  margin: 1rem;
}
.form-group .change-type-input.show-password {
  background-image: url("../images/icon-show-pass.svg");
}

.form-wrap {
  gap: 1.5rem;
  padding: 3rem 0;
  color: #000000;
}
.form-wrap .form-layout {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.form-wrap .form-layout-full {
  grid-column: span 2/span 2;
}
.form-wrap .form-layout-flex {
  gap: 0.5rem;
}
.form-wrap .form-layout-flex-24 {
  gap: 1.5rem;
}
.form-wrap .form-layout-end {
  justify-content: end;
}
.form-wrap .form-layout-flex-column-24 {
  gap: 1.5rem;
}
.form-wrap .form-center-layout {
  flex-direction: column;
  max-width: 33rem;
  width: 33rem;
  gap: 2rem;
  align-self: center;
}
.form-wrap .form-center-layout .title-box {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.form-wrap .form-center-layout .title-box .logo {
  width: 18.75rem;
  height: auto;
}
.form-wrap .form-center-layout.register-form {
  gap: 1.5rem;
}
@media (max-width: 768px) {
  .form-wrap {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 3rem 2rem;
  }
  .form-wrap .form-layout {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
  }
  .form-wrap .form-layout-flex {
    gap: 0.5rem;
  }
  .form-wrap .form-center-layout {
    width: 100%;
  }
}

textarea,
input {
  width: 100%;
  background-color: #F3F3F3;
  border-radius: 0.75rem;
  border-width: 0.125rem;
  border-style: solid;
  border-color: transparent;
  padding: 0.75rem;
  outline: none;
  color: #000000;
}
textarea::-moz-placeholder, input::-moz-placeholder {
  color: rgba(65, 67, 69, 0.5019607843);
  font-weight: 700;
  font-size: 1.125rem;
}
textarea::placeholder,
input::placeholder {
  color: rgba(65, 67, 69, 0.5019607843);
  font-weight: 700;
  font-size: 1.125rem;
}
textarea:-moz-placeholder-shown, input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
textarea:placeholder-shown,
input:placeholder-shown {
  text-overflow: ellipsis;
}
textarea:target, textarea:focus-within, textarea:hover, textarea:focus, textarea:focus-visible, textarea:active,
input:target,
input:focus-within,
input:hover,
input:focus,
input:focus-visible,
input:active {
  border-color: #041D58;
}
textarea:target[disabled], textarea:focus-within[disabled], textarea:hover[disabled], textarea:focus[disabled], textarea:focus-visible[disabled], textarea:active[disabled],
input:target[disabled],
.dropdown-selector.phone-selector.disabled input:target,
input:focus-within[disabled],
.dropdown-selector.phone-selector.disabled input:focus-within,
input:hover[disabled],
.dropdown-selector.phone-selector.disabled input:hover,
input:focus[disabled],
.dropdown-selector.phone-selector.disabled input:focus,
input:focus-visible[disabled],
.dropdown-selector.phone-selector.disabled input:focus-visible,
input:active[disabled],
.dropdown-selector.phone-selector.disabled input:active {
  border-color: transparent;
}
textarea.error, textarea.error-txt,
input.error,
.dropdown-selector.phone-selector.error input,
.dropdown-selector.phone-selector.error input.dropdown-selector.phone-selector input,
input.error-txt {
  background-color: #E3999F;
  border-color: #B8000F;
}
textarea.error::-moz-placeholder, textarea.error-txt::-moz-placeholder, input.error::-moz-placeholder, .dropdown-selector.phone-selector.error input::-moz-placeholder, .dropdown-selector.phone-selector.error input.dropdown-selector.phone-selector input::-moz-placeholder, input.error-txt::-moz-placeholder {
  color: #FFFFFF;
  opacity: 1;
}
textarea.error::placeholder, textarea.error-txt::placeholder,
input.error::placeholder,
.dropdown-selector.phone-selector.error input::placeholder,
.dropdown-selector.phone-selector.error input.dropdown-selector.phone-selector input::placeholder,
input.error-txt::placeholder {
  color: #FFFFFF;
  opacity: 1;
}
textarea[disabled],
input[disabled],
.dropdown-selector.phone-selector.disabled input {
  background-color: #B3B4B5;
}
textarea[disabled]::-moz-placeholder, input[disabled]::-moz-placeholder, .dropdown-selector.phone-selector.disabled input::-moz-placeholder {
  color: #D6D6D6;
  opacity: 1;
}
textarea[disabled]::placeholder,
input[disabled]::placeholder,
.dropdown-selector.phone-selector.disabled input::placeholder {
  color: #D6D6D6;
  opacity: 1;
}

input[type=number], input[type=email], input[type=password], input[type=text] {
  height: 3.625rem;
}
input.calendar {
  background-image: url("../images/icon-date-black.svg");
  background-size: 2rem 2rem;
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
}
input.calendar.error, .dropdown-selector.phone-selector.error input.calendar, .dropdown-selector.phone-selector.error input.dropdown-selector.phone-selector input.calendar, input.calendar.error-txt {
  background-image: url("../images/icon-date-white.svg");
}
input.calendar[disabled], .dropdown-selector.phone-selector.disabled input.calendar {
  background-image: url("../images/icon-date-gray.svg");
}
input.search {
  background-image: url("../images/icon-search.svg");
  background-size: 1.125rem 1.125rem;
  background-repeat: no-repeat;
  background-position: 1.25rem center;
  padding-left: 3.25rem;
}
input.search.error, .dropdown-selector.phone-selector.error input.search, .dropdown-selector.phone-selector.error input.dropdown-selector.phone-selector input.search, input.search.error-txt {
  background-image: url("../images/icon-search-white.svg");
}
input.search[disabled], .dropdown-selector.phone-selector.disabled input.search {
  background-image: url("../images/icon-search-gray.svg");
}
input.time {
  background-image: url("../images/icon-time-black.svg");
  background-size: 2rem 2rem;
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
}
input.time.error, .dropdown-selector.phone-selector.error input.time, .dropdown-selector.phone-selector.error input.dropdown-selector.phone-selector input.time, input.time.error-txt {
  background-image: url("../images/icon-time-white.svg");
}
input.time[disabled], .dropdown-selector.phone-selector.disabled input.time {
  background-image: url("../images/icon-time-gray.svg");
}
input.people {
  background-image: url("../images/icon-person.svg");
  background-size: 1.375rem 1.375rem;
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
}
input.people.error, .dropdown-selector.phone-selector.error input.people, .dropdown-selector.phone-selector.error input.dropdown-selector.phone-selector input.people, input.people.error-txt {
  background-image: url("../images/icon-person-white.svg");
}
input.people[disabled], .dropdown-selector.phone-selector.disabled input.people {
  background-image: url("../images/icon-person-gray.svg");
}
input[type=number]::-webkit-inner-spin-button {
  display: none !important;
}
input.people:-moz-placeholder-shown, input.time:-moz-placeholder-shown, input.search:-moz-placeholder-shown, input.calendar:-moz-placeholder-shown {
  padding-right: 2.5rem;
}
input.people:placeholder-shown, input.time:placeholder-shown, input.search:placeholder-shown, input.calendar:placeholder-shown {
  padding-right: 2.5rem;
}

textarea {
  resize: none;
  height: 5rem;
  padding-right: 0;
}
textarea.error, textarea[disabled], textarea.error-txt {
  overflow-y: auto;
}
textarea.h-full {
  height: 100%;
}

.dropdown-selector .dropdown.dselect-wrapper {
  width: 100%;
}
.dropdown-selector .dropdown.dselect-wrapper .form-select {
  background-color: #F3F3F3;
  border-radius: 0.75rem;
  border-width: 0.125rem;
  border-style: solid;
  border-color: transparent;
  height: 3.625rem;
  background-image: url("../images/icon-select-black.svg");
  background-size: 1.5rem 1.5rem;
  color: #041D58;
}
.dropdown-selector .dropdown.dselect-wrapper .form-select.show, .dropdown-selector .dropdown.dselect-wrapper .form-select:target, .dropdown-selector .dropdown.dselect-wrapper .form-select:focus-within, .dropdown-selector .dropdown.dselect-wrapper .form-select:hover, .dropdown-selector .dropdown.dselect-wrapper .form-select:focus, .dropdown-selector .dropdown.dselect-wrapper .form-select:focus-visible, .dropdown-selector .dropdown.dselect-wrapper .form-select:active {
  border-color: #041D58;
  box-shadow: none;
}
.dropdown-selector .dropdown.dselect-wrapper .form-select.show {
  background-image: url("../images/icon-select-b-top.svg");
}
.dropdown-selector .dropdown.dselect-wrapper .dselect-placeholder {
  color: rgba(65, 67, 69, 0.5019607843);
  font-weight: 700;
  font-size: 1.125rem;
}
.dropdown-selector .dropdown.dselect-wrapper .dropdown-menu {
  padding: 0;
  background-color: #F3F3F3;
  border-radius: 0.75rem;
  overflow: hidden;
}
.dropdown-selector .dropdown.dselect-wrapper .dropdown-item {
  padding: 0.626rem 1.875rem;
  color: rgba(65, 67, 69, 0.5019607843);
  text-wrap: auto;
}
.dropdown-selector .dropdown.dselect-wrapper .dropdown-item:active, .dropdown-selector .dropdown.dselect-wrapper .dropdown-item.active, .dropdown-selector .dropdown.dselect-wrapper .dropdown-item:focus, .dropdown-selector .dropdown.dselect-wrapper .dropdown-item:hover {
  color: #FFFFFF;
  background-color: #041D58;
}
.dropdown-selector.error .dropdown.dselect-wrapper .form-select {
  background-color: #E3999F;
  border-color: #B8000F;
  background-image: url("../images/icon-select-white.svg");
}
.dropdown-selector.error .dropdown.dselect-wrapper .form-select.show, .dropdown-selector.error .dropdown.dselect-wrapper .form-select:target, .dropdown-selector.error .dropdown.dselect-wrapper .form-select:focus-within, .dropdown-selector.error .dropdown.dselect-wrapper .form-select:hover, .dropdown-selector.error .dropdown.dselect-wrapper .form-select:focus, .dropdown-selector.error .dropdown.dselect-wrapper .form-select:focus-visible, .dropdown-selector.error .dropdown.dselect-wrapper .form-select:active {
  border-color: #B8000F;
}
.dropdown-selector.error .dropdown.dselect-wrapper .form-select.show {
  background-image: url("../images/icon-select-w-top.svg");
}
.dropdown-selector.error .dropdown.dselect-wrapper .dselect-placeholder {
  color: #FFFFFF;
}
.dropdown-selector.disabled .dropdown.dselect-wrapper .form-select {
  background-color: #B3B4B5;
  border-color: transparent;
  background-image: url("../images/icon-select-gray.svg");
}
.dropdown-selector.disabled .dropdown.dselect-wrapper .form-select.show, .dropdown-selector.disabled .dropdown.dselect-wrapper .form-select:target, .dropdown-selector.disabled .dropdown.dselect-wrapper .form-select:focus-within, .dropdown-selector.disabled .dropdown.dselect-wrapper .form-select:hover, .dropdown-selector.disabled .dropdown.dselect-wrapper .form-select:focus, .dropdown-selector.disabled .dropdown.dselect-wrapper .form-select:focus-visible, .dropdown-selector.disabled .dropdown.dselect-wrapper .form-select:active {
  border-color: transparent;
}
.dropdown-selector.disabled .dropdown.dselect-wrapper .form-select.show {
  background-image: url("../images/icon-select-gray-top.svg");
}
.dropdown-selector.disabled .dropdown.dselect-wrapper .dselect-placeholder {
  color: #D6D6D6;
}
.dropdown-selector.phone-selector .phone-container {
  display: flex;
}
.dropdown-selector.phone-selector input {
  border-top-left-radius: 0;
  border-end-start-radius: 0;
  border-left: 0;
}
.dropdown-selector.phone-selector .dropdown {
  max-width: 8.75rem;
}
.dropdown-selector.phone-selector .dropdown.dselect-wrapper .form-select {
  border-top-right-radius: 0;
  border-end-end-radius: 0;
  background-image: url("../images/icon-select-white.svg");
  border-color: #B8000F;
  background-color: #B8000F;
  color: #FFFFFF;
}
.dropdown-selector.phone-selector .dropdown.dselect-wrapper .form-select.show {
  background-image: url("../images/icon-select-w-top.svg");
}
.dropdown-selector.phone-selector .dropdown.dselect-wrapper .form-select[data-dselect-text=""] {
  background-color: #FFFFFF;
  border-color: #414345;
  background-image: url("../images/icon-select-dark-gray.svg");
}
.dropdown-selector.phone-selector .dropdown.dselect-wrapper .form-select[data-dselect-text=""].show {
  background-image: url("../images/icon-select-dark-gray-top.svg");
}
.dropdown-selector.phone-selector .dropdown.dselect-wrapper .dselect-placeholder {
  color: #414345;
}
.dropdown-selector.phone-selector .dropdown.dselect-wrapper .dropdown-menu {
  min-width: unset;
}
.dropdown-selector.phone-selector .dropdown.dselect-wrapper .dropdown-item {
  padding-left: 1rem;
  padding-right: 1rem;
  color: rgba(65, 67, 69, 0.5019607843);
}
.dropdown-selector.phone-selector .dropdown.dselect-wrapper .dropdown-item:active, .dropdown-selector.phone-selector .dropdown.dselect-wrapper .dropdown-item.active, .dropdown-selector.phone-selector .dropdown.dselect-wrapper .dropdown-item:focus, .dropdown-selector.phone-selector .dropdown.dselect-wrapper .dropdown-item:hover {
  color: #FFFFFF;
  background-color: #B8000F;
}
.dropdown-selector.phone-selector.error .dropdown.dselect-wrapper .form-select[data-dselect-text=""] {
  border-color: #B8000F;
  background-image: url("../images/icon-select-red.svg");
}
.dropdown-selector.phone-selector.error .dropdown.dselect-wrapper .form-select[data-dselect-text=""].show {
  background-image: url("../images/icon-select-red-top.svg");
}
.dropdown-selector.phone-selector.error .dropdown.dselect-wrapper .form-select[data-dselect-text=""] .dselect-placeholder {
  color: #B8000F;
}
.dropdown-selector.phone-selector.prefix-error .dropdown.dselect-wrapper .form-select[data-dselect-text=""] {
  border-color: #B8000F;
  background-image: url("../images/icon-select-red.svg");
}
.dropdown-selector.phone-selector.prefix-error .dropdown.dselect-wrapper .form-select[data-dselect-text=""].show {
  background-image: url("../images/icon-select-red-top.svg");
}
.dropdown-selector.phone-selector.prefix-error .dropdown.dselect-wrapper .form-select[data-dselect-text=""] .dselect-placeholder {
  color: #B8000F;
}
.dropdown-selector.phone-selector.disabled .dropdown.dselect-wrapper .form-select {
  background-color: #9B9B9B;
  border-color: transparent;
  background-image: url("../images/icon-select-gray.svg");
  color: #D6D6D6;
}
.dropdown-selector.phone-selector.disabled .dropdown.dselect-wrapper .form-select.show, .dropdown-selector.phone-selector.disabled .dropdown.dselect-wrapper .form-select:target, .dropdown-selector.phone-selector.disabled .dropdown.dselect-wrapper .form-select:focus-within, .dropdown-selector.phone-selector.disabled .dropdown.dselect-wrapper .form-select:hover, .dropdown-selector.phone-selector.disabled .dropdown.dselect-wrapper .form-select:focus, .dropdown-selector.phone-selector.disabled .dropdown.dselect-wrapper .form-select:focus-visible, .dropdown-selector.phone-selector.disabled .dropdown.dselect-wrapper .form-select:active {
  border-color: transparent;
}
.dropdown-selector.phone-selector.disabled .dropdown.dselect-wrapper .form-select.show {
  background-image: url("../images/icon-select-gray-top.svg");
}
.dropdown-selector.phone-selector.disabled .dropdown.dselect-wrapper .dselect-placeholder {
  color: #D6D6D6;
}

.pre-filled-information-box {
  width: 100%;
  background-color: #F3F3F3;
  border-radius: 0.75rem;
  border-width: 0.125rem;
  border-style: solid;
  border-color: transparent;
  padding: 0.75rem;
  color: #000000;
  display: flex;
  gap: 1.5rem;
}
@media (max-width: 768px) {
  .pre-filled-information-box {
    flex-direction: column;
  }
}

.photo-upload, .photo-upload-complete {
  width: 100%;
  min-height: 10.3125rem;
  height: 100%;
  background-color: #F3F3F3;
  border-radius: 0.75rem;
  border-width: 0.125rem;
  border-style: dashed;
  border-color: rgba(65, 67, 69, 0.5019607843);
  color: rgba(65, 67, 69, 0.5019607843);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  gap: 0 !important;
  cursor: pointer;
}
.photo-upload::before, .photo-upload-complete::before {
  content: "";
  background-image: url("../images/icon-upload.svg");
  display: block;
  width: 1.875rem;
  height: 1.875rem;
  margin-bottom: 1.5rem;
}
.photo-upload .name, .photo-upload-complete .name {
  font-size: 0.875rem;
  font-weight: 700;
}
.photo-upload .status, .photo-upload-complete .status {
  border: none;
}
.photo-upload.error-box, .error-box.photo-upload-complete {
  background-color: #E3999F;
  border-color: #B8000F;
  color: #FFFFFF;
}
.photo-upload.error-box::before, .error-box.photo-upload-complete::before {
  background-image: url("../images/icon-upload-img-w.svg");
}
.photo-upload.file-upload::before, .file-upload.photo-upload-complete::before {
  background-image: url("../images/icon-upload-file.svg");
}
.photo-upload.file-upload.error-box::before, .file-upload.error-box.photo-upload-complete::before {
  background-image: url("../images/icon-upload-file-white.svg");
}

.photo-upload-complete {
  border-style: solid;
  border-color: #041D58;
  color: #041D58;
  position: relative;
}
.photo-upload-complete::before {
  background-image: url("../images/icom-upload-img-red.svg");
}
.photo-upload-complete .close-btn {
  background-image: url("../images/icon-close-red.svg");
  width: 1rem;
  height: 1rem;
  position: absolute;
  right: 0;
  top: 0;
  margin: 1rem;
}

.button {
  border-style: solid;
  border-width: 2px;
  border-color: transparent;
  border-radius: 0.625rem;
  display: flex;
  gap: 1.5rem;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
}
.button.large-button {
  width: 24.875rem;
  height: 5.3125rem;
}
.button.semi-large-button {
  width: 16.125rem;
  height: 3.4375rem;
}
.button.medium-button {
  width: 10.9375rem;
  height: 3.375rem;
}
.button.medium-button.large {
  width: 22.875rem;
}
.button.small-button, .button.button-radio {
  width: 5.375rem;
  height: 2.75rem;
}
.button.red-button {
  background-color: #B8000F;
}
.button.red-button:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%), #B8000F;
}
.button.red-button[disabled], .dropdown-selector.phone-selector.disabled input.button.red-button {
  background-color: #E3999F;
}
.button.red-button[disabled]:hover, .dropdown-selector.phone-selector.disabled input.button.red-button:hover {
  background: #E3999F;
}
.button.gray-button {
  background-color: #414345;
}
.button.gray-button:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%), #414345;
}
.button.gray-button[disabled], .dropdown-selector.phone-selector.disabled input.button.gray-button {
  background-color: #B3B4B5;
}
.button.gray-button[disabled]:hover, .dropdown-selector.phone-selector.disabled input.button.gray-button:hover {
  background: #B3B4B5;
}
.button.white-button, .button.button-radio {
  background-color: #FFFFFF;
  color: #414345;
  border-color: #414345;
}
.button.white-button:hover, .button.button-radio:hover {
  color: #FFFFFF;
  border-color: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%), #414345;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%), #414345;
}
.button.white-button[disabled], .button[disabled].button-radio, .dropdown-selector.phone-selector.disabled input.button.white-button, .dropdown-selector.phone-selector.disabled input.button.button-radio {
  color: #B3B4B5;
  border-color: #B3B4B5;
  background-color: #FFFFFF;
}
.button.white-button[disabled]:hover, .button[disabled].button-radio:hover, .dropdown-selector.phone-selector.disabled input.button.white-button:hover, .dropdown-selector.phone-selector.disabled input.button.button-radio:hover {
  background: inherit;
}
.button.blue-button {
  background-color: #041D58;
}
.button.blue-button:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%), #041D58;
}
.button.blue-button[disabled], .dropdown-selector.phone-selector.disabled input.button.blue-button {
  background-color: #68779b;
}
.button.blue-button[disabled]:hover, .dropdown-selector.phone-selector.disabled input.button.blue-button:hover {
  background: #68779b;
}
.button.add-button {
  color: #041D58;
  gap: 0.75rem;
  background-color: #FFFFFF;
  align-self: center;
}
.button.add-button::before {
  content: "";
  background-image: url("../images/icon-add-plus.svg");
  width: 1.4375rem;
  height: 1.4375rem;
}
.button.add-button:hover {
  color: #021135;
}
.button.add-button:hover::before {
  background-image: url("../images/icon-add-plus-blue-h.svg");
}
.button.delete-button {
  color: #000000;
  gap: 0.25rem;
  background-color: #FFFFFF;
  align-self: center;
  align-items: flex-end;
}
.button.delete-button::after {
  content: "";
  background-image: url("../images/icon-bin-b.svg");
  width: 1.375rem;
  height: 1.375rem;
}
.button.button-radio.error, .dropdown-selector.phone-selector.error input.button.button-radio {
  background-color: #E3999F;
  border-color: #B8000F;
  color: #FFFFFF;
}
.button.button-radio.error-2 {
  border-color: #B8000F;
  color: #B8000F;
}
.button.button-radio::after {
  display: none;
}
.button.reset-button {
  color: #041D58;
  gap: 0.5rem;
  background-color: #FFFFFF;
}
.button.reset-button::after {
  content: "";
  background-image: url("../images/icon-clear.svg");
  width: 1.375rem;
  height: 1.375rem;
}
.button.reset-button:hover {
  color: #021135;
}
.button.reset-button:hover::after {
  background-image: url("../images/icon-clear-h.svg");
}
.button.add-dashboard-button::before {
  content: "";
  background-image: url("../images/icon-plus-w.svg");
  width: 1.5rem;
  height: 1.5rem;
}
.button.delete-icon {
  color: #000000;
  gap: 0.5rem;
  background-color: #FFFFFF;
}
.button.delete-icon::after {
  content: "";
  background-image: url("../images/icon-bin-b.svg");
  width: 1.5rem;
  height: 1.5rem;
}
@media (max-width: 768px) {
  .button.delete-icon {
    color: #041D58;
    align-items: flex-end;
  }
  .button.delete-icon::after {
    background-image: url("../images/icon-bin-blue.svg");
  }
}
.button.edit-icon {
  color: #000000;
  gap: 0.5rem;
  background-color: #FFFFFF;
}
.button.edit-icon::after {
  content: "";
  background-image: url("../images/icon-edit-b.svg");
  width: 1.25rem;
  height: 1.25rem;
}
@media (max-width: 768px) {
  .button.edit-icon {
    color: #041D58;
    align-items: flex-end;
  }
  .button.edit-icon::after {
    background-image: url("../images/icon-edit-blue.svg");
  }
}
@media (max-width: 768px) {
  .button.medium-button, .button.large-button {
    width: 100%;
  }
  .button.semi-large-button.w-full {
    width: 100%;
  }
}

i {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
i.size-28 {
  width: 1.75rem;
  height: 1.75rem;
}
i.size-24 {
  width: 1.5rem;
  height: 1.5rem;
}
i.logout-icon {
  background-image: url("../images/icon-logout.svg");
}
i.lock-icon {
  background-image: url("../images/icon-lock.svg");
}
i.mail-icon {
  background-image: url("../images/icon-mail.svg");
}
i.policy-icon {
  background-image: url("../images/policy-icon.png");
}
i.menu-icon {
  background-image: url("../images/icon-hb-menu.svg");
  width: 1.8125rem;
  height: 1.5rem;
}
i.arrow-left-white-icon {
  background-image: url("../images/icon-sb-left.svg");
  width: 1.25rem;
  height: 1.625rem;
}
i.add-icon {
  background-image: url("../images/icon-plus-w.svg");
  width: 1.8125rem;
  height: 1.5rem;
}
i.next-white-icon {
  background-image: url("../images/icon-left-white.svg");
  width: 2.65625rem;
  height: 1.033625rem;
  transform: rotate(180deg);
}
i.before-white-icon {
  background-image: url("../images/icon-left-white.svg");
  width: 2.65625rem;
  height: 1.033625rem;
}
i.bin-black-icon {
  background-image: url("../images/icon-bin-b.svg");
  width: 1.375rem;
  height: 1.375rem;
}
i.drop-drawn-icon {
  background-image: url("../images/icon-select-black.svg");
  width: 1.5rem;
  height: 1.5rem;
}

.comment-list .comment-list-item:first-of-type .delete-button {
  display: none;
}

.event-check-box {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 1.1875rem 1rem;
  gap: 1rem;
  border: 2px solid #4C4948;
  border-radius: 0.75rem;
  color: #000000;
  height: -moz-max-content;
  height: max-content;
}
.event-check-box .description {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.event-check-box .form-check-input {
  margin-top: 0;
}
.event-check-box .form-check-input:focus {
  box-shadow: none;
}
.event-check-box .event-check-input {
  border: 2px solid #4C4948;
}
.event-check-box .event-radio-input {
  border: 2px solid #414345;
}
.event-check-box.checked {
  color: #FFFFFF;
  background-color: #041D58;
}
.event-check-box.checked .event-check-input {
  border: 2px solid #FFFFFF;
  background-color: #041D58;
  opacity: 1 !important;
}
.event-check-box.checked .event-radio-input {
  border: 2px solid #414345;
}
.event-check-box.checked .event-radio-input:checked {
  border: 2px solid #B8000F;
  background-color: #B8000F;
}
.event-check-box.tour-list-radio {
  flex-direction: column;
  padding: 0.375rem;
}
.event-check-box.tour-list-radio .tour-list-header {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 1rem;
  padding: 0 0.625rem;
  padding-top: 0.8125rem;
}
.event-check-box.tour-list-radio .tour-list-box {
  color: #000000;
  background-color: #FFFFFF;
  border-radius: 0.625rem;
  width: 100%;
  padding: 0.625rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.event-check-box.tour-list-radio .tour-list-box .tour-list {
  color: #414345;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.event-check-box.tour-list-radio .tour-list-box .tour-list .radio-box {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.event-check-box.tour-list-radio .tour-list-box .tour-list .total-box {
  width: 3.1875rem;
  height: 1.5625rem;
  background-color: #041D58;
  color: #FFFFFF;
  border-radius: 0.75rem;
  line-height: 0;
}
.event-check-box.tour-list-radio .tour-list-box .tour-list.disable .total-box {
  background-color: #F3F3F3;
  color: #9A9B9C;
}

.button-radio-box .btn-check:checked + .btn {
  border-color: #B8000F;
  background-color: #B8000F;
  color: #FFFFFF;
}
.button-radio-box .btn-check:checked + .btn:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%), #B8000F;
  border-color: #6e0009;
}

.table-wrap-box {
  padding-bottom: 3rem;
}
.table-wrap-box .title-table {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 1.125rem;
}
.table-wrap-box .dashboard-table {
  color: #414345;
  border-collapse: collapse;
}
.table-wrap-box .dashboard-table .dt-column-order {
  display: none;
}
.table-wrap-box .dashboard-table .dt-orderable-asc.dt-orderable-desc {
  padding: 0;
  font-size: 1rem;
  font-weight: 300;
}
.table-wrap-box .dashboard-table .button-box {
  display: inline-flex;
  gap: 1rem;
}
.table-wrap-box .dashboard-table tbody {
  font-size: 1.125rem;
  font-weight: 500;
}
.table-wrap-box .dashboard-table td, .table-wrap-box .dashboard-table th {
  text-align: center !important;
  border-block: 1px solid #9B9B9B;
}
.table-wrap-box .dashboard-table thead tr {
  height: 2.625rem;
}
.table-wrap-box .dashboard-table thead tr th {
  width: 12.5%;
}
.table-wrap-box .dashboard-table thead tr th:hover {
  outline: none !important;
}
.table-wrap-box .dashboard-table tbody tr {
  height: 5.8125rem;
}
.table-wrap-box .dashboard-table.room-assignment-dashboard thead tr th {
  width: 16.66%;
}
.table-wrap-box .table-footer-box {
  margin-top: 2rem;
  align-items: center;
}
.table-wrap-box .table-footer-box .dt-buttons {
  margin-left: 20%;
}
.table-wrap-box .table-footer-box .pagination .page-link {
  background-color: #FFFFFF;
  border: none;
  color: #414345;
}
.table-wrap-box .table-footer-box .pagination .page-link.last, .table-wrap-box .table-footer-box .pagination .page-link.first {
  display: none;
}
.table-wrap-box .table-footer-box .dt-info {
  padding: 0;
}
@media (max-width: 768px) {
  .table-wrap-box {
    padding: 0 2rem;
    padding-bottom: 3rem;
  }
  .table-wrap-box .dashboard-table {
    display: flex;
    flex-direction: column;
  }
  .table-wrap-box .dashboard-table td {
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: right !important;
    gap: 0.5rem;
  }
  .table-wrap-box .dashboard-table td > .mobile {
    font-size: 1rem;
    font-weight: 400;
    line-height: 112.5%;
    color: #414345;
  }
  .table-wrap-box .dashboard-table td.w-full {
    grid-column: span 2/span 2;
  }
  .table-wrap-box .dashboard-table td.flex-end {
    justify-content: end;
  }
  .table-wrap-box .dashboard-table thead {
    display: none;
  }
  .table-wrap-box .dashboard-table tbody tr {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    height: auto;
    gap: 1rem;
    border-top: 1px solid #9B9B9B;
    padding: 1.5rem 0;
  }
  .table-wrap-box .dashboard-table tbody tr:last-of-type {
    border-bottom: 1px solid #9B9B9B;
  }
  .table-wrap-box .table-footer-box {
    margin-top: 1.5rem;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.5rem;
  }
  .table-wrap-box .table-footer-box .dt-buttons {
    margin-left: 0;
  }
}

.status {
  display: inline-flex;
  padding: 0.3125rem 0.6875rem;
  border: 1px;
  border-style: solid;
  border-radius: 99px;
}
.status-complete {
  border-color: #33C533;
  color: #33C533;
}
.status-draft {
  border-color: #939596;
  color: #939596;
}
.status-room {
  border-color: #B8000F;
  color: #B8000F;
}

.active-input {
  display: inline-flex;
  width: 6.4375rem;
  height: 2.1875rem;
  padding: 0;
  margin: 0;
}
.active-input .form-check-input {
  width: 100%;
  height: 100%;
  margin: 0;
  color: #FFFFFF;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 0.9rem;
  border: none;
  background-color: #676767;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  box-shadow: none;
}
.active-input .form-check-input:checked {
  justify-content: flex-start;
  padding-right: 0;
  padding-left: 1.2rem;
  background-color: #33C533;
}
.active-input .form-check-input:checked::before {
  content: "Active";
}
.active-input .form-check-input::before {
  content: "Inactive";
}

div:where(.swal2-container) div:where(.swal2-popup) {
  width: 39.375rem;
  border-radius: 0.625rem;
  padding: 2rem;
  background-color: #FFFFFF;
}
@media (max-width: 768px) {
  div:where(.swal2-container) div:where(.swal2-popup) {
    width: calc(100% - 1rem);
  }
}
div:where(.swal2-container) button:where(.swal2-close) {
  width: 1.1875rem;
  height: 1.22881rem;
}
div:where(.swal2-container) button:where(.swal2-close) img {
  width: auto;
  height: 100%;
}
div:where(.swal2-container) button:where(.swal2-close):focus {
  box-shadow: unset;
}
div:where(.swal2-container) .swal2-html-container {
  display: flex !important;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
  overflow: hidden;
  margin: 0;
  margin-top: 1.875rem;
  margin-bottom: 1.5rem;
  padding: 0;
}
div:where(.swal2-container) .swal2-html-container img.warning-icon {
  width: 4rem;
  height: 4rem;
}
div:where(.swal2-container) .swal2-html-container h1.title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #000000;
  line-height: normal;
}
div:where(.swal2-container) .swal2-html-container p.description {
  font-size: 1rem;
  color: #000000;
  line-height: normal;
  font-weight: 500;
  opacity: 0.6;
}
div:where(.swal2-container) div:where(.swal2-actions) {
  margin-top: 0;
  gap: 1rem;
  flex-direction: row-reverse;
}
div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover {
  background-image: none;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel, div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
  margin: 0;
  padding: 0.5rem 2.625rem;
  border-radius: 0.75rem;
  width: 10.9375rem;
  height: 3.375rem;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
  background-color: #B8000F !important;
  color: #FFFFFF;
  border: none;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
  box-shadow: unset;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%), #B8000F !important;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus {
  box-shadow: unset;
}

.radio-form-group {
  display: inline-flex;
  gap: 0.75rem;
  align-items: center;
}
.radio-form-group .event-radio-input {
  margin: 0;
  border: 2px solid #414345;
  box-shadow: none !important;
}
.radio-form-group .event-radio-input:checked {
  border: 2px solid #B8000F;
  background-color: #B8000F;
}
.radio-form-group .event-radio-input:checked:hover {
  border: 2px solid transparent;
}
.radio-form-group .event-radio-input:hover {
  border: 2px solid #414345;
}
.agreement-modal.modal {
  overflow: hidden;
}
.agreement-modal.modal.fade .modal-dialog {
  transform: translate(0, 100dvh);
}
.agreement-modal.modal.show .modal-dialog {
  transform: translate(0, 10dvh);
}
.agreement-modal .modal-fullscreen {
  height: 90dvh;
}
.agreement-modal .modal-dialog .modal-content {
  border-radius: 1.25rem 1.25rem 0 0;
}
@media (max-width: 768px) {
  .agreement-modal .modal-dialog .modal-content {
    border-radius: 0.75rem 0.75rem 0 0;
  }
}
.agreement-modal .modal-dialog .modal-content .modal-body {
  overflow: hidden;
  padding: 0;
  margin: 5rem 0;
}
@media (max-width: 768px) {
  .agreement-modal .modal-dialog .modal-content .modal-body {
    margin: 2.8125rem 0;
  }
}
.agreement-modal .modal-dialog .modal-content .modal-body-warp {
  margin: 0 auto;
  max-width: 77.5rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
}
.agreement-modal .modal-dialog .modal-content .modal-body-warp .text-policy {
  overflow-y: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.agreement-modal .modal-dialog .modal-content .modal-body-warp .text-policy::-webkit-scrollbar {
  width: 1rem;
}
.agreement-modal .modal-dialog .modal-content .modal-body-warp .text-policy::-webkit-scrollbar-track {
  background-color: #F3F3F3;
  border-radius: 9999px;
  border: 0.25rem solid transparent;
  background-clip: padding-box;
}
.agreement-modal .modal-dialog .modal-content .modal-body-warp .text-policy::-webkit-scrollbar-thumb {
  border: 0.25rem solid transparent;
  background-clip: padding-box;
  border-radius: 9999px;
  background-color: #B3B4B5;
}
.agreement-modal .modal-dialog .modal-content .modal-body-warp .text-policy::-webkit-scrollbar-thumb:hover {
  background-color: #4C4948;
}
.agreement-modal .modal-dialog .modal-content .modal-body-warp .text-policy .text-box-group {
  gap: 1rem;
}
@media (max-width: 768px) {
  .agreement-modal .modal-dialog .modal-content .modal-body-warp .text-policy::-webkit-scrollbar {
    width: 0.75rem;
  }
}
.agreement-modal .modal-dialog .modal-content .modal-body-warp .radio-form-group {
  justify-content: center;
}
.agreement-modal .modal-dialog .modal-content .modal-body-warp .radio-form-group.disabled {
  color: #B3B4B4;
}
.agreement-modal .modal-dialog .modal-content .modal-body-warp .radio-form-group .event-radio-input[disabled], .agreement-modal .modal-dialog .modal-content .modal-body-warp .radio-form-group .dropdown-selector.phone-selector.disabled input.event-radio-input, .dropdown-selector.phone-selector.disabled .agreement-modal .modal-dialog .modal-content .modal-body-warp .radio-form-group input.event-radio-input {
  background-color: #FFFFFF;
  border: 2px solid #B3B4B4;
}
@media (max-width: 768px) {
  .agreement-modal .modal-dialog .modal-content .modal-body-warp {
    padding: 0 2rem;
  }
}
.agreement-modal .agreement-modal-close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  .agreement-modal .agreement-modal-close {
    top: 1rem;
    right: 1rem;
    font-size: 1rem;
  }
}

.container {
  display: flex;
  background-color: #FFFFFF;
  padding: 0;
  max-width: 100%;
}
.container .nav-mobile {
  display: none;
}
.container #nav-bar {
  width: 29.625rem;
  box-shadow: -1px 0px 26.8px 0px rgba(0, 0, 0, 0.15);
  border: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 2.125rem;
  overflow: auto;
  gap: 2rem;
}
.container #nav-bar .nav-bar-close-button {
  display: none;
}
.container #nav-bar .header-logo-box {
  background-color: #B8000F;
  height: 13.4375rem;
  border-end-end-radius: 2.1875rem;
  position: relative;
  z-index: 1;
}
.container #nav-bar .header-logo-box .logo {
  height: 3.75rem;
}
.container #nav-bar .menu-bar-box .menu-item {
  height: 5.25rem;
  color: #000000;
  padding: 0 2.125rem;
  justify-content: space-between;
}
.container #nav-bar .menu-bar-box .menu-item::after {
  content: "";
  display: block;
  width: 3.5rem;
  height: 1.375rem;
  background-image: url("../images/icon-right-black.svg");
}
.container #nav-bar .menu-bar-box .menu-item:hover, .container #nav-bar .menu-bar-box .menu-item.active {
  background-color: #4C4948;
  color: #FFFFFF;
}
.container #nav-bar .menu-bar-box .menu-item:hover::after, .container #nav-bar .menu-bar-box .menu-item.active::after {
  background-image: url("../images/icon-left-white.svg");
}
.container #nav-bar .menu-bar-box .menu-item:first-of-type {
  height: 7.4375rem;
  margin-top: -2.1875rem;
  padding-top: 2.1875rem;
}
.container #nav-bar .setting-account-box .setting-account-button {
  height: 2.8125rem;
  gap: 0.3125rem;
  color: #000000;
  padding: 0 2.125rem;
}
.container #nav-bar .setting-account-box .setting-account-button:hover, .container #nav-bar .setting-account-box .setting-account-button.active {
  background-color: #4C4948;
  color: #FFFFFF;
}
.container #nav-bar .setting-account-box .setting-account-button:hover.change-pw-button .lock-icon, .container #nav-bar .setting-account-box .setting-account-button.active.change-pw-button .lock-icon {
  background-image: url("../images/icon-lock-white.svg");
}
.container #nav-bar .setting-account-box .setting-account-button:hover.contact-button .mail-icon, .container #nav-bar .setting-account-box .setting-account-button.active.contact-button .mail-icon {
  background-image: url("../images/icon-mail-white.svg");
}
.container #nav-bar .setting-account-box .setting-account-button:hover.logout-button .logout-icon, .container #nav-bar .setting-account-box .setting-account-button.active.logout-button .logout-icon {
  background-image: url("../images/icon-logout.-white.svg");
}
.container #nav-bar .setting-account-box .setting-account-button:hover.policy-button .policy-icon, .container #nav-bar .setting-account-box .setting-account-button.active.policy-button .policy-icon {
  background-image: url("../images/policy-white-icon.png");
}
.container .main-form-container {
  margin-left: 29.625rem;
  width: 100%;
}
.container .main-form-container .max-with-form-wrap {
  max-width: 67.625rem;
  width: 100%;
  margin: 0 auto;
}
.container .main-form-container .header-form-wrap {
  background-color: #B8000F;
  height: 9.9375rem;
  color: #FFFFFF;
}
.container .main-form-container .header-form-wrap .header-wrap {
  justify-content: space-between;
}
.container .main-form-container .header-form-wrap .header-box {
  gap: 0.75rem;
}
.container .main-form-container .header-form-wrap .step-box {
  line-height: 1;
}
.container .main-form-container .header-form-wrap .step-box .current-step {
  font-size: 8.75rem;
  font-weight: 700;
  opacity: 0.75;
}
.container .main-form-container .header-form-wrap .step-box .total-step {
  display: inline-block;
  font-size: 4rem;
  opacity: 0.3;
  letter-spacing: -2px;
}
.container .main-form-container .header-form-wrap .step-box .total-step .slash {
  font-weight: 200;
}
.container .main-form-container .header-form-wrap.dashboard-header {
  background-color: #FFFFFF;
  color: #FFFFFF;
  background-image: url("../images/dashboard-header-bg.jpg");
  background-size: cover;
}
.container .main-form-container .search-wrap .search-button-box .reset-button {
  right: 0;
}
.container .main-form-container .dashboard {
  padding-bottom: 1.5rem;
}
.container.two-section {
  display: flex;
  width: 100%;
  height: 100dvh;
  overflow: hidden;
}
.container.two-section .bg-banner-box {
  width: 57.6%;
  flex: none;
}
.container.two-section .bg-banner-box .banner {
  width: 100%;
  height: auto;
}
.container.two-section .register-form-box {
  width: 100%;
  background-image: url("../images/register-form-bg.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position-y: bottom;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container.two-section .register-form-box .forgot-password-button {
  color: #B8000F;
  text-decoration: underline;
}
.container.two-section .register-form-box .agreement-button {
  background-color: transparent;
  border: none;
  text-align: start;
  color: #414345;
}
.container.two-section .register-form-box .agreement-button .event-radio-input[disabled], .container.two-section .register-form-box .agreement-button .dropdown-selector.phone-selector.disabled input.event-radio-input, .dropdown-selector.phone-selector.disabled .container.two-section .register-form-box .agreement-button input.event-radio-input {
  background-color: #FFFFFF;
}
.container.two-section .register-form-box .agreement-button:target, .container.two-section .register-form-box .agreement-button:hover, .container.two-section .register-form-box .agreement-button:active, .container.two-section .register-form-box .agreement-button:focus-visible, .container.two-section .register-form-box .agreement-button:focus-within, .container.two-section .register-form-box .agreement-button:focus {
  box-shadow: none;
  border: none;
  outline: none;
}
.container .dashboard-body-warp {
  color: #FFFFFF;
}
.container .dashboard-body-warp .dashboard-section {
  height: 100%;
}
.container .dashboard-body-warp .dashboard-info {
  height: 7.5rem;
  background-color: #B8000F;
}
.container .dashboard-body-warp .dashboard-info .today-box {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.container .dashboard-body-warp .dashboard-info .count-box {
  right: 0;
  margin-right: 2.0625rem;
}
.container .dashboard-body-warp .dashboard-menu {
  height: 16.25rem;
  background-size: cover;
}
.container .dashboard-body-warp .dashboard-menu.section-one {
  background-image: url("../images/db-dlr-bg.png");
}
.container .dashboard-body-warp .dashboard-menu.section-two {
  background-image: url("../images/participant-bg.png");
}
.container .dashboard-body-warp .dashboard-menu.section-three {
  background-image: url("../images/room-assignment-bg.png");
}
.container .dashboard-body-warp .dashboard-menu .dashboard-menu-box {
  height: 100%;
  justify-content: space-between;
  padding: 2rem 0;
}
.container .dashboard-body-warp .dashboard-menu .dashboard-button-box {
  right: 0;
  width: 29.625rem;
  height: 100%;
  background: rgba(4, 29, 88, 0.5);
}
.container .dashboard-body-warp .dashboard-menu .dashboard-button-box .dashboard-button {
  align-items: center;
  color: #FFFFFF;
  gap: 1rem;
}
.container .dashboard-body-warp .dashboard-menu .dashboard-button-box .dashboard-button::after {
  content: "";
  background-image: url("../images/icon-left-white.svg");
  width: 2.65625rem;
  height: 1.033625rem;
  transform: rotate(180deg);
}
.container .dashboard-body-warp .dashboard-menu .dashboard-menu-detail {
  gap: 1.5rem;
}
.container .dashboard-body-warp .dashboard-menu .profile-thumbnail-wrap {
  background-color: #FFFFFF;
  padding: 0.25rem;
  border-radius: 999px;
  display: flex;
}
.container .dashboard-body-warp .dashboard-menu .profile-thumbnail-wrap .profile-thumbnail-box {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 999px;
  overflow: hidden;
  float: none;
  border: 1px solid #FFFFFF;
  margin-right: -0.5rem;
}
.container .dashboard-body-warp .dashboard-menu .profile-thumbnail-wrap .profile-thumbnail-box:first-of-type {
  z-index: 3;
}
.container .dashboard-body-warp .dashboard-menu .profile-thumbnail-wrap .profile-thumbnail-box:nth-of-type(2) {
  z-index: 2;
}
.container .dashboard-body-warp .dashboard-menu .profile-thumbnail-wrap .profile-thumbnail-box:last-of-type {
  margin-right: 0;
}
.container .dashboard-body-warp .dashboard-menu .profile-thumbnail-wrap .profile-thumbnail-box .profile-thumbnail {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.container.policy-section .header-section {
  background-color: #B8000F;
  height: 9.9375rem;
  padding: 0 5.4375rem;
}
.container.policy-section .header-section .logo {
  height: 3.65075rem;
}
.container.policy-section .text-section {
  padding: 3rem 0;
  margin: 0 auto;
  max-width: 77.5rem;
  width: 100%;
  gap: 1rem;
}
.container.policy-section .text-section .text-box {
  gap: 1.5rem;
  text-wrap: pretty;
}
.container.policy-section .text-section .text-box-group {
  gap: 1rem;
}
.container.policy-section .text-section .cookie-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.container.policy-section .text-section .cookie-table th, .container.policy-section .text-section .cookie-table td {
  padding: 1.5rem;
}
.container.policy-section .text-section .cookie-table td {
  border: 1px solid #000000;
  border-right-width: 0px;
}
.container.policy-section .text-section .cookie-table td:first-of-type {
  border-radius: 0.75rem 0 0 0.75rem;
}
.container.policy-section .text-section .cookie-table td:last-of-type {
  border-radius: 0 0.75rem 0.75rem 0;
  border-right-width: 1px;
}

.cookie-section {
  justify-content: space-between;
  position: fixed;
  bottom: 4.5vh;
  left: 50%;
  transform: translateX(-50%);
  max-width: 100rem;
  width: 100%;
  height: 6.25rem;
  padding: 0 3.5rem;
  border-radius: 0.75rem;
  background: rgba(4, 29, 88, 0.8);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  color: #FFFFFF;
  z-index: 2000;
}
.cookie-section .text-box {
  gap: 1.5rem;
}
.cookie-section .text-box .cookies-link {
  text-decoration: underline;
  color: #FFFFFF;
}
.cookie-section .text-box .cookie-icon {
  height: 3.75rem;
}
.cookie-section .button-box .white-button, .cookie-section .button-box .button.button-radio {
  border: none;
}
@media (max-width: 768px) {
  .cookie-section {
    height: 18.375rem;
    margin: 1rem;
    bottom: 0;
    left: 0;
    transform: none;
    flex-direction: column;
    max-width: calc(100% - 2rem);
    padding: 1rem;
  }
  .cookie-section .text-box {
    flex-direction: column;
    text-align: center;
    gap: 2.5rem;
  }
  .cookie-section .text-box .cookie-icon {
    height: 3.4375rem;
  }
}

.example-photo {
  border: none;
  background-color: transparent;
  color: #041D58;
  text-decoration: underline;
}

.example-photo-modal .modal-dialog {
  max-width: 39.375rem;
}
.example-photo-modal .modal-dialog .modal-content {
  border-radius: 0.625em;
}
.example-photo-modal .modal-dialog .modal-body {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
  padding: 2rem;
  padding-bottom: 4.5rem;
}
.example-photo-modal .modal-dialog .modal-body .image-box {
  width: 25rem;
  height: 33.375rem;
  border-radius: 0.75rem;
  border: 2px solid #B8000F;
  overflow: hidden;
}
.example-photo-modal .modal-dialog .modal-body .image-box img {
  width: 100%;
  height: 100%;
}
.example-photo-modal .modal-dialog .modal-body .close-button {
  align-self: flex-end;
  border: none;
  background-color: transparent;
  width: 1.1875rem;
  height: 1.22881rem;
}
.example-photo-modal .modal-dialog .modal-body .text {
  font-size: 1.5rem;
  font-weight: 600;
}
@media (max-width: 768px) {
  .example-photo-modal .modal-dialog {
    margin: 0 1rem;
  }
  .example-photo-modal .modal-dialog .modal-body .image-box {
    width: 14.125rem;
    height: 18.75rem;
  }
  .example-photo-modal .modal-dialog .modal-body .medium-button {
    width: 10.9375rem;
  }
}

@media (max-width: 768px) {
  .container {
    max-width: 100%;
    flex-direction: column;
  }
  .container .nav-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.8125rem;
    width: 100%;
    justify-content: space-between;
    padding: 0 1.25rem;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
    z-index: 1;
  }
  .container .nav-mobile .logo-box {
    height: 2.625rem;
  }
  .container .nav-mobile button {
    border: none;
    background-color: #FFFFFF;
  }
  .container #nav-bar {
    width: 24.6875rem;
    box-shadow: none;
    padding-bottom: 2rem;
  }
  .container #nav-bar .nav-bar-close-button {
    display: block;
    background-color: #B8000F;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }
  .container #nav-bar .nav-bar-close-button button {
    border: none;
    background-color: #B8000F;
    padding: 1.75rem;
  }
  .container #nav-bar .header-logo-box {
    height: 13.4375rem;
    padding-top: 1.75rem;
  }
  .container #nav-bar .header-logo-box .logo {
    height: 3.625rem;
  }
  .container .main-form-container {
    margin-left: 0;
  }
  .container .main-form-container .max-with-form-wrap {
    max-width: 100%;
    margin: 0;
  }
  .container .main-form-container .header-form-wrap {
    height: 10.625rem;
    padding: 0 2rem;
  }
  .container .main-form-container .header-form-wrap.header-form-wrap-step {
    border-end-end-radius: 2.1875rem;
  }
  .container .main-form-container .header-form-wrap .step-box {
    line-height: 0.8;
    align-self: flex-end;
  }
  .container .main-form-container .header-form-wrap .step-box .current-step {
    font-size: 7.5rem;
  }
  .container .main-form-container .header-form-wrap.dashboard-header {
    background-image: url("../images/img-head-m-db.jpg");
  }
  .container .main-form-container .search-wrap {
    padding: 1rem;
    border-radius: 0.625rem;
    background-color: #FFFFFF;
  }
  .container .main-form-container .search-wrap .drop-drawn-button {
    right: 0.8rem;
    border: none;
    background-color: #FFFFFF;
    transition: all 0.35s ease-in-out;
  }
  .container .main-form-container .search-wrap .drop-drawn-button.show {
    transform: rotate(180deg);
  }
  .container .main-form-container .search-wrap .search-button-box {
    justify-content: space-between;
  }
  .container .main-form-container .search-wrap .search-button-box .reset-button {
    position: unset;
  }
  .container .main-form-container .search-wrap .search-desktop-wrap {
    display: none;
  }
  .container .main-form-container .dashboard {
    padding: 1rem;
    padding-bottom: 1.5rem;
    margin-top: -3rem;
  }
  .container.two-section {
    flex-direction: column;
    min-height: 100dvh;
    height: 100%;
  }
  .container.two-section .bg-banner-box {
    width: 100%;
  }
  .container.two-section .register-form-box {
    min-height: 67.18dvh;
    height: 100%;
    background-image: url("../images/register-form-bg-m.png");
    align-items: flex-start;
  }
  .container.two-section .register-form-box .form-wrap {
    width: 100%;
  }
  .container .dashboard-body-warp .dashboard-info {
    height: 6.875rem;
  }
  .container .dashboard-body-warp .dashboard-info .today-box {
    padding-left: 2rem;
  }
  .container .dashboard-body-warp .dashboard-menu {
    height: 11.5625rem;
  }
  .container .dashboard-body-warp .dashboard-menu.section-one {
    background-image: url("../images/db-dlr-bg-m.png");
  }
  .container .dashboard-body-warp .dashboard-menu.section-two {
    background-image: url("../images/participant-bg-m.png");
  }
  .container .dashboard-body-warp .dashboard-menu.section-three {
    background-image: url("../images/room-assignment-bg-m.png");
  }
  .container .dashboard-body-warp .dashboard-menu .dashboard-menu-box {
    padding-left: 2rem;
  }
  .container .dashboard-body-warp .dashboard-menu .dashboard-button-box {
    width: 10.125rem;
  }
  .container.policy-section .header-section {
    height: 10.625rem;
    padding: 0 2rem;
  }
  .container.policy-section .text-section {
    padding: 3rem 2rem;
  }
  .container.policy-section .text-section .cookie-table th, .container.policy-section .text-section .cookie-table td {
    padding: 0 0.75rem;
    border: 1px solid #000000;
  }
  .container.policy-section .text-section .cookie-table td:last-of-type {
    border-radius: unset;
  }
  .container.policy-section .text-section .cookie-table td {
    border-bottom-width: 0;
  }
  .container.policy-section .text-section .cookie-table th {
    border-right-width: 0;
    border-bottom-width: 0;
  }
  .container.policy-section .text-section .cookie-table tr {
    height: 4rem;
  }
  .container.policy-section .text-section .cookie-table tr:last-of-type td, .container.policy-section .text-section .cookie-table tr:last-of-type th {
    border-bottom-width: 1px;
  }
  .container.policy-section .text-section .cookie-table tr:last-of-type th {
    border-bottom-left-radius: 0.75rem;
  }
  .container.policy-section .text-section .cookie-table tr:last-of-type td {
    border-bottom-right-radius: 0.75rem;
  }
  .container.policy-section .text-section .cookie-table tr:first-of-type th {
    border-top-left-radius: 0.75rem;
  }
  .container.policy-section .text-section .cookie-table tr:first-of-type td {
    border-top-right-radius: 0.75rem;
  }
}/*# sourceMappingURL=global.css.map */