@charset "UTF-8";
@import "./tokens.css";


/* 모달 */
.modal {
  --modal--size-large: 760px;
  --modal--size-medium: 560px;
  --modal--size-small: 400px;
  --modal--size-min-height: 264px;
  --modal--wrap-radius: var(--radius-xlarge1);
  --modal--padding: var(--padding-10);
  --modal--header-padding-top: var(--number-17);
  --modal--header-pc-font-size: var(--pc-fs-heading-medium);
  --modal--header-mobile-font-size: var(--mobile-fs-heading-medium);
  --modal--conts-padding-top: var(--padding-6);
  --modal--conts-padding-bottom: var(--padding-3);
  --modal--conts-gap: var(--gap-5);
  --modal--btn-gap: var(--gap-3);
  --modal--btn-padding-top: var(--padding-6);
  --modal--btn-size-min-wdith: 7.8rem;
  --modal--btn-close-position: var(--gap-7);
  --modal--mobile-gap: var(--gap-7);
  --modal--mobile-width: calc(100% - var(--gap-7));
  --modal--mobile-height: calc(100% - var(--modal--mobile-gap) * 2);
  --modal--mobile-padding: var(--padding-8);
  --modal--mobile-header-padding-top: 5.2rem;
  --modal--mobile-btn-close-position: var(--gap-6);
  --modal--mobile-btn-padding-top: var(--padding-6);
  --modal--mobile-btn-padding-bottom: var(--padding-8);
  --modal--border-width: var(--width-variable-regular);
  --modal--color-text: var(--text-basic);
  --modal--wrap-color-surface: var(--surface-white-subtler);
  --modal--wrap-color-border: var(--border-gray);
  --modal--wrap-shadow: 0 0 0.2rem 0 var(--alpha-shadow2), 0 1.6rem 2.4rem 0 var(--alpha-shadow3);
  --modal--color-dim: var(--background-dim);
  --modal--full-popup-surface: var(--surface-secondary-subtler);
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  visibility: hidden;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: visibility 0.15s 0.3s, z-index 0s 0.3s, opacity 0.2s;
  font-size: var(--pc-fs-body-medium);
  font-style: normal;
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-base);
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
}

@media (max-width: 767px) {
  .modal {
    font-size: var(--mobile-fs-body-medium);
  }
}

.modal>* {
  width: 100%;
}

.modal.in {
  z-index: 1010;
  transition-delay: 0s;
  opacity: 1;
  visibility: visible;
}

.modal.shown {
  display: block;
}

.modal .modal-back {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  z-index: -1;
  background-color: var(--modal--color-dim);
}

.modal .modal-back.in {
  display: block;
  z-index: 1000;
  visibility: visible;
}

.modal .modal-dialog {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  position: relative;
  z-index: 1020;
  width: var(--modal--size-large);
  height: 100%;
  min-height: var(--modal--size-min-height);
  margin: 0 auto;
}

.modal .modal-dialog.modal-sm {
  max-width: var(--modal--size-small);
}

.modal .modal-dialog.modal-md {
  max-width: var(--modal--size-medium);
}

.modal .modal-dialog.modal-lg {
  max-width: var(--modal--size-large);
}

.modal .modal-dialog .modal-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  position: relative;
  width: 100%;
  max-height: 80%;
  background-color: var(--modal--wrap-color-surface);
  border-radius: var(--modal--wrap-radius);
  border: var(--modal--border-width) solid var(--modal--wrap-color-border);
  color: var(--modal--color-text);
  outline-color: transparent;
  transition: outline-color 0.1s;
  box-shadow: var(--modal--wrap-shadow);
}

.modal .modal-dialog .modal-content>*:not(.btn-close) {
  width: 100%;
}

.modal .modal-dialog .modal-content:focus {
  box-shadow: var(--box-shadow-outline-inset);
  outline-offset: 0.4rem;
}

.modal .modal-dialog .modal-header {
  width: 100%;
  background-color: inherit;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  padding-top: var(--modal--header-padding-top);
  padding-inline: var(--modal--padding);
}

.modal .modal-dialog .modal-header .modal-title {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: var(--modal--header-pc-font-size);
  font-weight: var(--font-weight-bold);
}

.modal .modal-dialog .modal-conts {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  position: relative;
  overflow-y: auto;
  width: 100%;
  padding: var(--modal--conts-padding-top) var(--modal--padding) var(--modal--conts-padding-bottom);
}

.modal .modal-dialog .modal-conts::-webkit-scrollbar {
  width: 0.3125rem;
}

.modal .modal-dialog .modal-conts::-webkit-scrollbar-thumb {
  background-color: var(--element-secondary-light);
  border-radius: 0.3125rem;
}

.modal .modal-dialog .modal-conts::-webkit-scrollbar-track {
  background-color: var(--element-secondary-lighter);
}

.modal .modal-dialog .modal-conts>* {
  width: 100%;
}

.modal .modal-dialog .modal-conts .conts-area {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--modal--conts-gap);
}

.modal .modal-dialog .modal-conts .conts-area>* {
  width: 100%;
}

.modal .modal-dialog .modal-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  gap: var(--modal--btn-gap);
  padding: var(--modal--btn-padding-top) var(--modal--padding) var(--modal--padding);
}

.modal .modal-dialog .modal-btn .btn {
  min-width: var(--modal--btn-size-min-wdith);
}

.modal .modal-dialog .modal-btn.multi-conts {
  justify-content: space-between;
}

.modal .modal-dialog .btn-close {
  position: absolute;
  top: var(--modal--btn-close-position);
  right: var(--modal--btn-close-position);
  z-index: 901;
}

.modal[data-type=full] {
  background-color: var(--modal--full-popup-surface);
}

.modal[data-type=full] .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
}

.modal[data-type=full] .modal-header,
.modal[data-type=full] .modal-conts {
  padding: 0;
}

.modal[data-type=full] .modal-content {
  height: 100%;
  max-height: 100%;
  background: none;
  margin: 0 auto;
  border: none;
  border-radius: 0;
}

.modal[data-type=full] .modal-back.in {
  display: none;
}

.modal[data-type=bottom-sheet] {
  --modal--bottom-sheet-radius: var(--radius-xlarge1);
  --modal--bottom-sheet-padding: var(--padding-6);
  --modal--bottom-sheet-btn-close-position-top: var(--gap-6);
  --modal--bottom-sheet-btn-close-position-right: var(--gap-5);
  --modal--bottom-sheet-btn-padding-top: var(--padding-10);
}

.modal[data-type=bottom-sheet] .modal-content {
  position: fixed;
  left: 0;
  bottom: -100%;
  border-radius: 0;
  border-top-left-radius: var(--modal--bottom-sheet-radius);
  border-top-right-radius: var(--modal--bottom-sheet-radius);
  max-height: 90%;
  transition: var(--transition-base);
}

.modal[data-type=bottom-sheet] .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding: var(--modal--bottom-sheet-padding);
  flex-shrink: 0;
}

.modal[data-type=bottom-sheet] .modal-header .modal-title {
  font-size: var(--pc-fs-heading-small);
}

.modal[data-type=bottom-sheet] .modal-conts {
  display: block;
  padding: 0 var(--modal--bottom-sheet-padding);
}

.modal[data-type=bottom-sheet] .modal-conts::-webkit-scrollbar {
  width: 0.3125rem;
}

.modal[data-type=bottom-sheet] .modal-conts::-webkit-scrollbar-thumb {
  background-color: var(--element-secondary-light);
  border-radius: 0.3125rem;
}

.modal[data-type=bottom-sheet] .modal-conts::-webkit-scrollbar-track {
  background-color: var(--element-secondary-lighter);
}

.modal[data-type=bottom-sheet] .btn-close {
  top: var(--modal--bottom-sheet-btn-close-position-top);
  right: var(--modal--bottom-sheet-btn-close-position-right);
}

.modal[data-type=bottom-sheet] .pop-filter-top {
  width: auto;
}

.modal[data-type=bottom-sheet] .modal-btn.btn-wrap {
  padding: var(--modal--bottom-sheet-btn-padding-top) var(--modal--bottom-sheet-padding) var(--modal--bottom-sheet-padding);
}

.modal[data-type=bottom-sheet] .modal-btn.btn-wrap .btn {
  flex: 1;
}

.modal[data-type=bottom-sheet].in .modal-content {
  bottom: 0;
}

/* mobile */
@media (max-width: 767px) {
  .modal:not([data-type=bottom-sheet]) .modal-dialog {
    width: var(--modal--mobile-width);
    height: var(--modal--mobile-height);
    min-height: var(--modal--mobile-height);
    margin: var(--modal--mobile-gap) auto;
  }

  .modal:not([data-type=bottom-sheet]) .modal-dialog .modal-header {
    padding: var(--modal--mobile-header-padding-top) var(--modal--mobile-padding) 0;
  }

  .modal:not([data-type=bottom-sheet]) .modal-dialog .modal-header .modal-title {
    font-size: var(--modal--header-mobile-font-size);
  }

  .modal:not([data-type=bottom-sheet]) .modal-dialog .modal-content {
    max-height: 100%;
  }

  .modal:not([data-type=bottom-sheet]) .modal-dialog .modal-conts {
    padding-inline: var(--modal--mobile-padding);
    padding-bottom: 0;
  }

  .modal:not([data-type=bottom-sheet]) .modal-dialog .modal-conts .conts-area>* {
    width: 100%;
  }

  .modal:not([data-type=bottom-sheet]) .modal-dialog .modal-btn {
    padding: var(--modal--mobile-btn-padding-top) var(--modal--mobile-padding) var(--modal--mobile-btn-padding-bottom);
  }

  .modal:not([data-type=bottom-sheet]) .modal-dialog .btn-close {
    top: var(--modal--mobile-btn-close-position);
    right: var(--modal--mobile-btn-close-position);
  }

  .modal[data-type=full] {
    --modal--full-mobile-btn-close-size: var(--size-height-4);
  }

  .modal[data-type=full] .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0 auto;
  }

  .modal[data-type=full] .modal-dialog .btn-close {
    width: var(--modal--full-mobile-btn-close-size);
    height: var(--modal--full-mobile-btn-close-size);
  }
}


/* 모달 : 통합 검색 */
#popTotalSchType1 .modal-conts,
#popTotalSch .modal-conts {
  padding-inline: 0;
  max-width: 792px;
  padding: 10rem 0 var(--gap-12);
}

#popTotalSchType1 .modal-dialog .modal-conts,
#popTotalSch .modal-dialog .modal-conts {
  max-width: 792px;
  padding: 10rem 0 var(--gap-12);
}

#popTotalSchType1 .modal-dialog .btn-close,
#popTotalSch .modal-dialog .btn-close {
  top: var(--gap-12);
  right: var(--gap-12);
}

#popTotalSchType1 .pop-total-serch-wrap,
#popTotalSch .pop-total-serch-wrap {
  --pop-total-serch-width-border: var(--width-variable-regular);
  --pop-total-serch-color-border: var(--divider-secondary-light);
  --pop-total-serch-color-background: var(--surface-secondary-subtler);
  --pop-total-serch-state-up-text: var(--text-point);
  --pop-total-serch-state-up-icon: var(--icon-point);
  --pop-total-serch-state-down-text: var(--text-information);
  --pop-total-serch-state-down-icon: var(--icon-information);
  --pop-total-serch-state-same-text: var(--text-basic);
}

#popTotalSchType1 .pop-total-serch-wrap .search-total-top,
#popTotalSch .pop-total-serch-wrap .search-total-top {
  position: sticky;
  top: 0;
  background-color: var(--pop-total-serch-color-background);
  padding: 0 4px var(--padding-10);
  border-bottom: var(--pop-total-serch-width-border) solid var(--pop-total-serch-color-border);
}

#popTotalSchType1 .pop-total-serch-wrap .search-tit,
#popTotalSch .pop-total-serch-wrap .search-tit {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  font-size: var(--pc-fs-heading-medium);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--typo-letter-spacing-1);
  line-height: 1;
  margin-bottom: var(--gap-4);
}

#popTotalSchType1 .pop-total-serch-wrap .search-tit .btn.text,
#popTotalSch .pop-total-serch-wrap .search-tit .btn.text {
  margin-left: auto;
}

#popTotalSchType1 .pop-total-serch-wrap .search-text,
#popTotalSch .pop-total-serch-wrap .search-text {
  padding-top: var(--padding-10);
}

#popTotalSchType1 .pop-total-serch-wrap .sch-info-list,
#popTotalSch .pop-total-serch-wrap .sch-info-list {
  display: flex;
  width: 100%;
}

#popTotalSchType1 .pop-total-serch-wrap .sch-info-item,
#popTotalSch .pop-total-serch-wrap .sch-info-item {
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex: 1;
  width: 50%;
  padding: 0 var(--padding-8);
  min-height: 460px;
}

#popTotalSchType1 .pop-total-serch-wrap .word-popular,
#popTotalSch .pop-total-serch-wrap .word-popular {
  counter-reset: item;
}

#popTotalSchType1 .pop-total-serch-wrap .sch-info-item .tit,
#popTotalSch .pop-total-serch-wrap .sch-info-item .tit {
  width: 100%;
  margin-bottom: var(--gap-7);
  font-size: var(--pc-fs-heading-small);
}

#popTotalSchType1 .pop-total-serch-wrap .sch-info-item .list,
#popTotalSch .pop-total-serch-wrap .sch-info-item .list {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--gap-5);
  width: 100%;
}

#popTotalSchType1 .pop-total-serch-wrap .word-popular li,
#popTotalSch .pop-total-serch-wrap .word-popular li {
  gap: var(--gap-3);
  counter-increment: item;
}

#popTotalSchType1 .pop-total-serch-wrap .sch-info-item .list li,
#popTotalSch .pop-total-serch-wrap .sch-info-item .list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}

#popTotalSchType1 .pop-total-serch-wrap .word-popular li::before,
#popTotalSch .pop-total-serch-wrap .word-popular li::before {
  display: inline-flex;
  content: counter(item);
  width: 2rem;
}

#popTotalSchType1 .pop-total-serch-wrap .sch-info-item .ranking-txt,
#popTotalSch .pop-total-serch-wrap .sch-info-item .ranking-txt {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

#popTotalSchType1 .pop-total-serch-wrap .sch-info-item .ranking-state,
#popTotalSch .pop-total-serch-wrap .sch-info-item .ranking-state {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-shrink: 0;
  gap: var(--gap-1);
  font-size: var(--pc-fs-body-small);
  width: 4.3rem;
}

#popTotalSchType1 .pop-total-serch-wrap .word-popular li .ranking-state,
#popTotalSch .pop-total-serch-wrap .word-popular li .ranking-state {
  margin-left: auto;
}

#popTotalSchType1 .pop-total-serch-wrap .sch-info-item .ranking-state.up,
#popTotalSch .pop-total-serch-wrap .sch-info-item .ranking-state.up {
  color: var(--pop-total-serch-state-up-text);
}

#popTotalSchType1 .pop-total-serch-wrap .sch-info-item .ranking-state::before,
#popTotalSch .pop-total-serch-wrap .sch-info-item .ranking-state::before {
  display: inline-flex;
  content: "";
  width: var(--number-7);
  height: var(--number-7);
}

#popTotalSchType1 .pop-total-serch-wrap .sch-info-item .ranking-state.up::before,
#popTotalSch .pop-total-serch-wrap .sch-info-item .ranking-state.up::before {
  width: 0;
  height: 0;
  border-bottom: 6px solid var(--pop-total-serch-state-up-icon);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}

#popTotalSchType1 .pop-total-serch-wrap .sch-info-item .ranking-state.down::before,
#popTotalSch .pop-total-serch-wrap .sch-info-item .ranking-state.down::before {
  width: 0;
  height: 0;
  border-top: 6px solid var(--pop-total-serch-state-down-icon);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}

#popTotalSchType1 .pop-total-serch-wrap .sch-info-item .ranking-state.same::before,
#popTotalSch .pop-total-serch-wrap .sch-info-item .ranking-state.same::before {
  width: 6px;
  height: 0.2rem;
  background-color: var(--pop-total-serch-state-same-text);
}

#popTotalSchType1 .pop-total-serch-wrap .word-lately .btn.text,
#popTotalSch .pop-total-serch-wrap .word-lately .btn.text {
  margin-top: auto;
}

#popTotalSchType1 .pop-total-serch-wrap .word-lately,
#popTotalSch .pop-total-serch-wrap .word-lately {
  border-left: var(--pop-total-serch-width-border) solid var(--pop-total-serch-color-border);
}


@media (max-width: 767px) {

  #popTotalSchType1 .pop-total-serch-wrap,
  #popTotalSch .pop-total-serch-wrap {
    padding: 4.4rem 0 0;
  }
}

@media (max-width: 767px) {

  #popTotalSchType1 .pop-total-serch-wrap .search-total-top,
  #popTotalSch .pop-total-serch-wrap .search-total-top {
    padding: var(--padding-8) var(--padding-6);
  }
}


@media (max-width: 767px) {

  #popTotalSchType1 .pop-total-serch-wrap .search-tit,
  #popTotalSch .pop-total-serch-wrap .search-tit {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    font-size: var(--mobile-fs-heading-medium);
    letter-spacing: var(--typo-letter-spacing-1);
  }
}

@media (max-width: 767px) {

  #popTotalSchType1 .modal-dialog .modal-conts,
  #popTotalSch .modal-dialog .modal-conts {
    padding: 0;
  }
}

@media (max-width: 767px) {

  #popTotalSchType1 .pop-total-serch-wrap .search-tit .btn.text,
  #popTotalSch .pop-total-serch-wrap .search-tit .btn.text {
    margin-left: 0;
  }
}

@media (max-width: 767px) {

  #popTotalSchType1 .pop-total-serch-wrap .sch-form-wrap,
  #popTotalSch .pop-total-serch-wrap .sch-form-wrap {
    gap: var(--gap-4);
  }
}

@media (max-width: 767px) {

  #popTotalSchType1 .pop-total-serch-wrap .sch-form-wrap .sch-input .custom-input,
  #popTotalSch .pop-total-serch-wrap .sch-form-wrap .sch-input .custom-input {
    padding: 0 5.6rem 0 var(--padding-6);
    height: var(--size-height-9);
  }
}

@media (max-width: 767px) {

  #popTotalSchType1 .pop-total-serch-wrap .sch-form-wrap .sch-input .btn,
  #popTotalSch .pop-total-serch-wrap .sch-form-wrap .sch-input .btn {
    width: var(--size-height-5);
    height: var(--size-height-5);
  }
}

@media (max-width: 767px) {

  #popTotalSchType1 .pop-total-serch-wrap .search-text,
  #popTotalSch .pop-total-serch-wrap .search-text {
    padding: var(--padding-8) var(--padding-6);
  }
}

@media (max-width: 767px) {

  #popTotalSchType1 .pop-total-serch-wrap .search-text .sch-info-list,
  #popTotalSch .pop-total-serch-wrap .search-text .sch-info-list {
    flex-direction: column;
  }
}

@media (max-width: 767px) {

  #popTotalSchType1 .pop-total-serch-wrap .search-text .sch-info-item,
  #popTotalSch .pop-total-serch-wrap .search-text .sch-info-item {
    width: 100%;
    min-height: auto;
    padding: 0;
  }
}

@media (max-width: 767px) {

  #popTotalSchType1 .pop-total-serch-wrap .search-text .sch-info-item .tit,
  #popTotalSch .pop-total-serch-wrap .search-text .sch-info-item .tit {
    margin-bottom: var(--gap-5);
    font-size: var(--mobile-fs-heading-small);
  }
}

@media (max-width: 767px) {

  #popTotalSchType1 .pop-total-serch-wrap .search-text .sch-info-item,
  #popTotalSch .pop-total-serch-wrap .search-text .sch-info-item {
    width: 100%;
    min-height: auto;
    padding: 0;
  }
}

@media (max-width: 767px) {

  #popTotalSchType1 .pop-total-serch-wrap .search-text .word-lately,
  #popTotalSch .pop-total-serch-wrap .search-text .word-lately {
    position: relative;
    padding-top: var(--padding-8);
    margin-top: var(--padding-8);
    border: 0;
  }
}

@media (max-width: 767px) {

  #popTotalSchType1 .pop-total-serch-wrap .search-text .sch-info-item .tit,
  #popTotalSch .pop-total-serch-wrap .search-text .sch-info-item .tit {
    margin-bottom: var(--gap-5);
    font-size: var(--mobile-fs-heading-small);
  }
}

@media (max-width: 767px) {

  #popTotalSchType1 .pop-total-serch-wrap .search-text .word-lately .list,
  #popTotalSch .pop-total-serch-wrap .search-text .word-lately .list {
    margin-bottom: var(--gap-5);
  }
}

@media (max-width: 767px) {

  #popTotalSchType1 .modal-dialog .btn-close,
  #popTotalSch .modal-dialog .btn-close {
    width: var(--size-height-4);
    height: var(--size-height-4);
    top: var(--gap-6);
    right: var(--gap-5);
  }
}



/* 모달 : 소속기관 링크 */
#popFootLink .modal-dialog .modal-header {
  padding: 10rem 0 var(--padding-10);
  line-height: 1;
}

#popFootLink .modal-dialog .modal-header,
#popFootLink .modal-dialog .modal-conts {
  max-width: 80rem;
}

#popFootLink .pop-foot-links {
  --pop-foot-link-color-background-hover: var(--element-secondary-light);
  --pop-foot-link-color-background-active: var(--light-secondary-20);
  padding: 4px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: var(--gap-3) var(--gap-5);
}

#popFootLink .pop-foot-links li a {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--gap-2);
  padding: var(--padding-5) var(--padding-3);
  border-radius: var(--radius-medium3);
  word-break: break-all;
}

#popFootLink .pop-foot-links li a::before {
  content: "･";
  margin-top: 0.1rem;
}

#popFootLink .modal-dialog .btn-close {
  top: var(--gap-12);
  right: var(--gap-12);
}

#popFootLink .pop-foot-links {
  --pop-foot-link-color-background-hover: var(--element-secondary-light);
  --pop-foot-link-color-background-active: var(--light-secondary-20);
  padding: 4px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: var(--gap-3) var(--gap-5);
}

@media (max-width: 767px) {
  #popFootLink .modal-dialog .modal-header {
    padding: var(--padding-8) var(--padding-6);
  }
}

@media (max-width: 767px) {
  #popFootLink .modal-dialog .modal-conts {
    padding-inline: var(--padding-6);
  }
}

@media (max-width: 767px) {
  #popFootLink .pop-foot-links {
    grid-template-columns: 1fr 1fr;
    grid-gap: 0;
  }
}

@media (max-width: 767px) {
  #popFootLink .modal-dialog .btn-close {
    top: var(--gap-7);
    right: var(--gap-5);
  }
}


@media (max-width: 767px) {
  .modal:not([data-type=bottom-sheet]) .modal-dialog .modal-header .modal-title {
    font-size: var(--modal--header-mobile-font-size);
  }
}

@media (max-width: 767px) {
  #popFootLink .modal-dialog .modal-header .modal-title {
    font-size: var(--mobile-fs-label-large);
  }
}