@charset "UTF-8";
/* 모달 */
.krds-modal {
  --krds-modal--size-large: 76rem;
  --krds-modal--size-medium: 56rem;
  --krds-modal--size-small: 40rem;
  --krds-modal--size-min-height: 26.4rem;
  --krds-modal--wrap-radius: var(--krds-radius-xlarge1);
  --krds-modal--padding: var(--krds-padding-10);
  --krds-modal--header-padding-top: var(--krds-number-17);
  --krds-modal--header-pc-font-size: var(--krds-pc-font-size-heading-medium);
  --krds-modal--header-mobile-font-size: var(--krds-mobile-font-size-heading-medium);
  --krds-modal--conts-padding-top: var(--krds-padding-6);
  --krds-modal--conts-padding-bottom: var(--krds-padding-3);
  --krds-modal--conts-gap: var(--krds-gap-5);
  --krds-modal--btn-gap: var(--krds-gap-3);
  --krds-modal--btn-padding-top: var(--krds-padding-6);
  --krds-modal--btn-size-min-wdith: 7.8rem;
  --krds-modal--btn-close-position: var(--krds-gap-7);
  --krds-modal--mobile-gap: var(--krds-gap-7);
  --krds-modal--mobile-width: calc(100% - var(--krds-gap-7));
  --krds-modal--mobile-height: calc(100% - var(--krds-modal--mobile-gap) * 2);
  --krds-modal--mobile-padding: var(--krds-padding-8);
  --krds-modal--mobile-header-padding-top: 5.2rem;
  --krds-modal--mobile-btn-close-position: var(--krds-gap-6);
  --krds-modal--mobile-btn-padding-top: var(--krds-padding-6);
  --krds-modal--mobile-btn-padding-bottom: var(--krds-padding-8);
  --krds-modal--border-width: var(--krds-light-border-width-variable-regular);
  --krds-modal--color-text: var(--krds-light-color-text-basic);
  --krds-modal--wrap-color-surface: var(--krds-light-color-surface-white-subtler);
  --krds-modal--wrap-color-border: var(--krds-light-color-border-gray);
  --krds-modal--wrap-shadow: 0 0 0.2rem 0 var(--krds-light-color-alpha-shadow2), 0 1.6rem 2.4rem 0 var(--krds-light-color-alpha-shadow3);
  --krds-modal--color-dim: var(--krds-light-color-background-dim);
  --krds-modal--full-popup-surface: var(--krds-light-color-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(--krds-pc-font-size-body-medium);
  font-style: normal;
  font-weight: var(--krds-font-weight-regular);
  line-height: var(--krds-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) {
  .krds-modal {
    font-size: var(--krds-mobile-font-size-body-medium);
  }
}
.krds-modal > * {
  width: 100%;
}
.krds-modal.in {
  z-index: 1010;
  transition-delay: 0s;
  opacity: 1;
  visibility: visible;
}
.krds-modal.shown {
  display: block;
}
.krds-modal .modal-back {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  z-index: -1;
  background-color: #0000006f;
}
.krds-modal .modal-back.in {
  display: block;
  z-index: 1000;
  visibility: visible;
}

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

.krds-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(--krds-modal--wrap-color-surface);
    border-radius: var(--krds-modal--wrap-radius);
    border: var(--krds-modal--border-width) solid var(--krds-modal--wrap-color-border);
    color: var(--krds-modal--color-text);
    outline-color: transparent;
    transition: outline-color 0.1s;
    box-shadow: var(--krds-modal--wrap-shadow);
}

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

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

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

.krds-modal .modal-dialog .modal-btn {
    display: flex
;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
    gap: var(--krds-modal--btn-gap);
    padding: var(--krds-modal--btn-padding-top) var(--krds-modal--padding) var(--krds-modal--padding);
}
.krds-modal .modal-dialog .modal-btn .krds-btn {
    min-width: var(--krds-modal--btn-size-min-wdith);
}
.krds-modal[data-type=bottom-sheet] .modal-btn.btn-wrap .krds-btn {
    flex: 1;
}
.krds-modal .modal-dialog .btn-close {
    position: absolute;
    top: var(--krds-modal--btn-close-position);
    right: var(--krds-modal--btn-close-position);
    z-index: 901;
}
.krds-modal[data-type=bottom-sheet] .btn-close {
    top: var(--krds-modal--bottom-sheet-btn-close-position-top);
    right: var(--krds-modal--bottom-sheet-btn-close-position-right);
}



.krds-modal .modal-dialog {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  position: relative;
  z-index: 1020;
  width: var(--krds-modal--size-large);
  height: 100%;
  min-height: var(--krds-modal--size-min-height);
  margin: 0 auto;
}
.krds-modal .modal-dialog.modal-sm {
  max-width: var(--krds-modal--size-small);
}
.krds-modal .modal-dialog.modal-md {
  max-width: var(--krds-modal--size-medium);
}
.krds-modal .modal-dialog.modal-lg {
  max-width: var(--krds-modal--size-large);
}
.krds-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(--krds-modal--wrap-color-surface);
  border-radius: var(--krds-modal--wrap-radius);
  border: var(--krds-modal--border-width) solid var(--krds-modal--wrap-color-border);
  color: var(--krds-modal--color-text);
  outline-color: transparent;
  transition: outline-color 0.1s;
  box-shadow: var(--krds-modal--wrap-shadow);
}
.krds-modal .modal-dialog .modal-content > *:not(.btn-close) {
  width: 100%;
}
.krds-modal .modal-dialog .modal-content:focus {
  box-shadow: var(--krds-box-shadow-outline-inset);
  outline-offset: 0.4rem;
}
.krds-modal .modal-dialog .modal-header {
  width: 100%;
  background-color: inherit;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  padding-top: var(--krds-modal--header-padding-top);
  padding-inline: var(--krds-modal--padding);
}
.krds-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(--krds-pc-font-size-heading-medium);  
  font-weight: var(--krds-font-weight-bold);
}


.krds-modal .modal-dialog .modal-conts::-webkit-scrollbar {
  width: 0.8rem;
}
.krds-modal .modal-dialog .modal-conts::-webkit-scrollbar-thumb {
  background-color: var(--krds-light-color-element-secondary-light);
  border-radius: 0.8rem;
}
.krds-modal .modal-dialog .modal-conts::-webkit-scrollbar-track {
  background-color: var(--krds-light-color-element-secondary-lighter);
}
.krds-modal .modal-dialog .modal-conts > * {
  width: 100%;
}
.krds-modal .modal-dialog .modal-conts .conts-area {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-modal--conts-gap);
}
.krds-modal .modal-dialog .modal-conts .conts-area > * {
  width: 100%;
}
.krds-modal .modal-dialog .modal-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  gap: var(--krds-modal--btn-gap);
  padding: var(--krds-modal--btn-padding-top) var(--krds-modal--padding) var(--krds-modal--padding);
}

.krds-modal .modal-dialog .modal-btn .btn-box{
  gap: var(--krds-modal--btn-gap);
  margin-left: auto;
}

.detail-txt{
display: flex;
flex-direction:row;
align-items: center;
gap: var(--krds-gap-2);
color: var(--krds-light-color-text-information);
}



.krds-modal .modal-dialog .modal-btn .krds-btn {
  min-width: var(--krds-modal--btn-size-min-wdith);
}
.krds-modal .modal-dialog .modal-btn.multi-conts {
  justify-content: space-between;
}
.krds-modal .modal-dialog .btn-close {
  position: absolute;
  top: var(--krds-modal--btn-close-position);
  right: var(--krds-modal--btn-close-position);
  z-index: 901;
}
.krds-modal[data-type=full] {
  background-color: var(--krds-modal--full-popup-surface);
}
.krds-modal[data-type=full] .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
}
.krds-modal[data-type=full] .modal-header,
.krds-modal[data-type=full] .modal-conts {
  padding: 0;
}
.krds-modal[data-type=full] .modal-content {
  height: 100%;
  max-height: 100%;
  background: none;
  margin: 0 auto;
  border: none;
  border-radius: 0;
}
.krds-modal[data-type=full] .modal-back.in {
  display: none;
}


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

@media (max-width: 767px) {
    .krds-modal[data-type=full] {
        --krds-modal--full-mobile-btn-close-size: var(--krds-size-height-4);
    }
}
.krds-modal[data-type=bottom-sheet] {
  --krds-modal--bottom-sheet-radius: var(--krds-radius-xlarge1);
  --krds-modal--bottom-sheet-padding: var(--krds-padding-6);
  --krds-modal--bottom-sheet-btn-close-position-top: var(--krds-gap-6);
  --krds-modal--bottom-sheet-btn-close-position-right: var(--krds-gap-5);
  --krds-modal--bottom-sheet-btn-padding-top: var(--krds-padding-10);
}
.krds-modal[data-type=bottom-sheet] .modal-content {
  position: fixed;
  left: 0;
  bottom: -100%;
  border-radius: 0;
  border-top-left-radius: var(--krds-modal--bottom-sheet-radius);
  border-top-right-radius: var(--krds-modal--bottom-sheet-radius);
  max-height: 90%;
  transition: var(--krds-transition-base);
}
.krds-modal[data-type=bottom-sheet] .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding: var(--krds-modal--bottom-sheet-padding);
  flex-shrink: 0;
}
.krds-modal[data-type=bottom-sheet] .modal-header .modal-title {
  font-size: var(--krds-pc-font-size-heading-small);
}
.krds-modal[data-type=bottom-sheet] .modal-conts {
  display: block;
  padding: 0 var(--krds-modal--bottom-sheet-padding);
}
.krds-modal[data-type=bottom-sheet] .modal-conts::-webkit-scrollbar {
  width: 0.8rem;
}
.krds-modal[data-type=bottom-sheet] .modal-conts::-webkit-scrollbar-thumb {
  background-color: var(--krds-light-color-element-secondary-light);
  border-radius: 0.8rem;
}
.krds-modal[data-type=bottom-sheet] .modal-conts::-webkit-scrollbar-track {
  background-color: var(--krds-light-color-element-secondary-lighter);
}
.krds-modal[data-type=bottom-sheet] .btn-close {
  top: var(--krds-modal--bottom-sheet-btn-close-position-top);
  right: var(--krds-modal--bottom-sheet-btn-close-position-right);
}
.krds-modal[data-type=bottom-sheet] .pop-filter-top {
  width: auto;
}
.krds-modal[data-type=bottom-sheet] .modal-btn.btn-wrap {
  padding: var(--krds-modal--bottom-sheet-btn-padding-top) var(--krds-modal--bottom-sheet-padding) var(--krds-modal--bottom-sheet-padding);
}
.krds-modal[data-type=bottom-sheet] .modal-btn.btn-wrap .krds-btn {
  flex: 1;
}
.krds-modal[data-type=bottom-sheet].in .modal-content {
  bottom: 0;
}

/* mobile */
@media (max-width: 767px) {
  .krds-modal:not([data-type=bottom-sheet]) .modal-dialog {
    width: var(--krds-modal--mobile-width);
    height: var(--krds-modal--mobile-height);
    min-height: var(--krds-modal--mobile-height);
    margin: var(--krds-modal--mobile-gap) auto;
  }
  .krds-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-header {
    padding: var(--krds-modal--mobile-header-padding-top) var(--krds-modal--mobile-padding) 0;
  }
  .krds-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-header .modal-title {
    font-size: var(--krds-modal--header-mobile-font-size);
  }
  .krds-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-content {
    max-height: 100%;
  }
  .krds-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-conts {
    padding-inline: var(--krds-modal--mobile-padding);
    padding-bottom: 0;
  }
  .krds-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-conts .conts-area > * {
    width: 100%;
  }
  .krds-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-btn {
    padding: var(--krds-modal--mobile-btn-padding-top) var(--krds-modal--mobile-padding) var(--krds-modal--mobile-btn-padding-bottom);
  flex-direction:column;
      align-items: flex-start;

  }
  .krds-modal:not([data-type=bottom-sheet]) .modal-dialog .btn-close {
    top: var(--krds-modal--mobile-btn-close-position);
    right: var(--krds-modal--mobile-btn-close-position);
  }
  .krds-modal[data-type=full] {
    --krds-modal--full-mobile-btn-close-size: var(--krds-size-height-4);
  }
  .krds-modal[data-type=full] .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0 auto;
  }
  .krds-modal[data-type=full] .modal-dialog .btn-close {
    width: var(--krds-modal--full-mobile-btn-close-size);
    height: var(--krds-modal--full-mobile-btn-close-size);
  }

  .krds-modal .modal-dialog .modal-btn .btn-box{
    display: flex;
    width: 100%;
    justify-content: flex-end;

  }
}
[data-krds-mode=high-contrast] .krds-modal {
  --krds-modal--border-width: var(--krds-high-contrast-border-width-variable-regular);
  --krds-modal--color-text: var(--krds-high-contrast-color-text-basic);
  --krds-modal--wrap-color-surface: var(--krds-high-contrast-color-surface-white-subtler);
  --krds-modal--wrap-color-border: var(--krds-high-contrast-color-border-gray);
  --krds-modal--wrap-shadow: 0 0 0.2rem 0 var(--krds-high-contrast-color-alpha-shadow2), 0 1.6rem 2.4rem 0 var(--krds-high-contrast-color-alpha-shadow3);
  --krds-modal--color-dim: var(--krds-high-contrast-color-background-dim);
  --krds-modal--full-popup-surface: var(--krds-high-contrast-color-surface-secondary-subtler);
}
[data-krds-mode=high-contrast] .krds-modal .modal-dialog .modal-conts::-webkit-scrollbar {
  width: 0.8rem;
}
[data-krds-mode=high-contrast] .krds-modal .modal-dialog .modal-conts::-webkit-scrollbar-thumb {
  background-color: var(--krds-high-contrast-color-element-secondary-light);
  border-radius: 0.8rem;
}
[data-krds-mode=high-contrast] .krds-modal .modal-dialog .modal-conts::-webkit-scrollbar-track {
  background-color: var(--krds-high-contrast-color-element-secondary-lighter);
}

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

.krds-modal.in {
    z-index: 1010;
    transition-delay: 0s;
    opacity: 1;
    visibility: visible;
}
.krds-modal[data-type=bottom-sheet] {
    --krds-modal--bottom-sheet-radius: var(--krds-radius-xlarge1);
    --krds-modal--bottom-sheet-padding: var(--krds-padding-6);
    --krds-modal--bottom-sheet-btn-close-position-top: var(--krds-gap-6);
    --krds-modal--bottom-sheet-btn-close-position-right: var(--krds-gap-5);
    --krds-modal--bottom-sheet-btn-padding-top: var(--krds-padding-10);
}



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

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



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

.filter-list.krds-accordion .accordion-item .accordion-header .tit {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: var(--krds-gap-2);
     font-size: var(--krds-pc-font-size-heading-xxsmall);
     color: var(--krds-light-color-text-basic, #1E2124);

}

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

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

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

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



.modal-title-sec{
  display: flex;
  flex-direction: column;
   gap: var(--krds-gap-3);
  
}
.modal-title-sec h3{
font-size: var(--krds-pc-font-size-heading-medium);  
}
.modal-title-sec .fieldset-msg{
color: var(--krds-light-color-text-primary, #0B50D0);
font-size: var(--krds-pc-font-size-body-medium, 17px);
}
.modal-title-sec .fieldset-msg.basic{
color: var(--krds-light-color-text-basic, #1E2124);
}
.modal-title-sec .fieldset-msg.gray{
color: var(--krds-light-color-text-subtle);
}
.modal-title-sec .fieldset-msg.small{
font-size: var(--krds-pc-font-size-body-small, 15px);

}



/*krds-accordion*/
.krds-accordion {
    --krds-accordion--list-margin-y: var(--krds-padding-2);
    --krds-accordion--padding: var(--krds-padding-8);
    --krds-accordion--button-padding-right: calc(var(--krds-accordion--padding) + var(--krds-gap-5) + var(--krds-accordion--button-icon-size));
    --krds-accordion--line-padding: var(--krds-padding-7);
    --krds-accordion--line-button-padding-right: calc(var(--krds-gap-5) + var(--krds-accordion--button-icon-size));
    --krds-accordion--button-icon-size: var(--krds-icon--size-large);
    --krds-accordion--radius: var(--krds-radius-large2);
    --krds-accordion--button-pc-font-size: var(--krds-pc-font-size-heading-xsmall);
    --krds-accordion--button-mobile-font-size: var(--krds-mobile-font-size-heading-xsmall);
    --krds-accordion--color-action: var(--krds-light-color-action-secondary);
    --krds-accordion--button-color-action: var(--krds-light-color-action-secondary);
    --krds-accordion--button-color-action-hover: var(--krds-light-color-action-secondary-hover);
    --krds-accordion--button-color-action-pressed: var(--krds-light-color-action-secondary-pressed);
    --krds-accordion--color-action-open: var(--krds-light-color-action-secondary-hover);
    --krds-accordion--color-divider: var(--krds-light-color-divider-gray-light);
    --krds-accordion--color-divider-open: var(--krds-light-color-divider-gray-dark);
    --krds-accordion--button-color-text: var(--krds-light-color-text-basic);
    --krds-accordion--button-color-text-open: var(--krds-light-color-text-secondary);
    --krds-accordion--color-icon: var(--krds-light-color-icon-gray);
    padding: var(--krds-accordion--list-margin-y) 0;
    border-top: 0.1rem solid var(--krds-accordion--color-divider);
    border-bottom: 0.1rem solid var(--krds-accordion--color-divider);
}

.krds-accordion .accordion-item {
    padding: var(--krds-accordion--list-margin-y) 0;
    transition: var(--krds-transition-base);
}
.krds-accordion .accordion-item .btn-accordion {
    position: relative;
    width: 100%;
    padding: var(--krds-accordion--padding) var(--krds-accordion--button-padding-right) var(--krds-accordion--padding) var(--krds-accordion--padding);
    background-color: var(--krds-accordion--button-color-action);
    border-radius: var(--krds-accordion--radius);
    font-size: var(--krds-accordion--button-pc-font-size);
    color: var(--krds-accordion--button-color-text);
    font-weight: var(--krds-font-weight-bold);
    text-align: left;
}


.krds-accordion .accordion-item .accordion-collapse {
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0, 1, 0, 1);
    visibility: hidden;
}

.krds-accordion .accordion-item.active .accordion-collapse {
    height: auto;
    max-height: 100vh;
    transition: all 1.5s ease-in-out;
    visibility: visible;
}


.krds-accordion.type-line .accordion-item.active .accordion-body {
    background: none;
}


.krds-accordion.type-line {
    padding: 0;
    border-top: none;
}
.krds-accordion .accordion-item .accordion-body {
    padding: 0 var(--krds-accordion--padding) var(--krds-accordion--padding);
    background-color: var(--krds-accordion--color-action);
    border-bottom-left-radius: var(--krds-accordion--radius);
    border-bottom-right-radius: var(--krds-accordion--radius);
}
.krds-accordion .accordion-item.active .accordion-body {
    background-color: var(--krds-accordion--color-action-open);
}
.krds-accordion.type-line .accordion-item .accordion-body {
    padding: 0 0 var(--krds-accordion--padding);
}




.krds-accordion.type-line .accordion-item .btn-accordion {
    padding: var(--krds-accordion--line-padding) var(--krds-accordion--line-button-padding-right) var(--krds-accordion--line-padding) 0;
}

.krds-accordion.type-line .accordion-item {
    border-top: 0.1rem solid var(--krds-accordion--color-divider);
    border-radius: 0;
}

.krds-accordion.type-line .accordion-item.active {
    background: none;
    border-top-color: var(--krds-accordion--color-divider-open);
}
.krds-accordion.type-line .accordion-item .btn-accordion.active {
    background: none;
}

.krds-accordion .accordion-item .btn-accordion.active {
    background-color: var(--krds-accordion--color-action-open);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    color: var(--krds-accordion--button-color-text-open);
}

.krds-accordion .accordion-item .btn-accordion::after {
    position: absolute;
    top: var(--krds-accordion--padding);
    right: var(--krds-accordion--padding);
    content: "";
    display: inline-flex
;
    width: var(--krds-accordion--button-icon-size);
    height: var(--krds-accordion--button-icon-size);
    background-color: var(--krds-light-color-text-basic);
    forced-color-adjust: none;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(../../images/component/icon/ico_angle.svg);
    mask-image: url(../../images/component/icon/ico_angle.svg);
    background-color: var(--krds-accordion--color-icon);
    transition: var(--krds-transition-base);
    transform: rotate(0deg);
}
@media (max-width: 767px) {
    .krds-accordion .accordion-item .btn-accordion {
        font-size: var(--krds-accordion--button-mobile-font-size);
    }
}


@media (max-width: 767px) {
    .krds-accordion {
        --krds-accordion--padding: var(--krds-padding-6);
        --krds-accordion--line-padding: var(--krds-padding-5);
        --krds-accordion--button-icon-size: var(--krds-icon--size-medium);
    }
    
}


.filter-list.krds-accordion {
    --acc-btn-color-background-active: var(--krds-light-color-icon-secondary);
}

.filter-list.krds-accordion .accordion-item {
    padding: var(--krds-padding-2) 0;
}
.filter-list.krds-accordion .accordion-item .btn-accordion {
    padding: var(--krds-padding-5) calc(var(--krds-size-height-4) + var(--krds-gap-5)) var(--krds-padding-5) 0;
    font-size: var(--krds-pc-font-size-heading-xsmall);
}


@media (max-width: 767px) {
    .filter-list.krds-accordion .accordion-item .btn-accordion {
        font-size: var(--krds-mobile-font-size-heading-xsmall);
    }
}



.filter-list.krds-accordion .accordion-item .accordion-body {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    gap: var(--krds-gap-5);
    padding: var(--krds-padding-6) 0;
    margin-bottom: var(--krds-gap-3);
}



/*pop-filter-top*/
.pop-filter-top {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 5;
    padding: var(--krds-padding-6);
    margin: 0 -1.6rem;
    background-color: var(--krds-light-color-surface-secondary-subtler);
}
.pop-filter-top ~ .filter-list {
    margin: var(--krds-gap-5) 0;
}

.pop-filter-top .filter-tag-wrap {
    display: flex
;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    gap: var(--krds-gap-3);
}

.pop-filter-top .filter-tag-wrap > .krds-btn {
    flex-shrink: 0;
        margin-top: 6px;
}

.pop-filter-top .filter-tag-wrap .tag-in {
    display: flex
;
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: auto;
}

.pop-filter-top .filter-tag-wrap .tag-in .krds-btn-tag {
    min-width: fit-content;
}

.pop-filter-top .filter-tag-wrap .tag-btn {
    display: inline-flex;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: var(--krds-padding-7) var(--krds-padding-3) var(--krds-padding-7) 0px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 3.12%, var(--krds-light-color-surface-secondary-subtler) 46.25%);
}


.krds-check-area-sec{
width: 100%;
display: flex;
flex-wrap: wrap;
}
.krds-check-area-sec .krds-check-area-sec-side{
flex:  0 0 50%;
display: flex;
flex-direction: column;
gap: var(--krds-gap-6);}




.krds-accordion.type-line .date-chip-wrap .krds-form-chip.small input[type=radio] ~ label {
font-weight: 700;
}




.krds-accordion.type-line .accordion-item.category-tag .krds-check-area {
align-items: center;
justify-content: space-between;
}
.krds-accordion.type-line .accordion-item.category-tag .krds-tag-wrap .krds-btn-tag{
 width: fit-content;  
 max-width: 100%; 
}
/* 251129 수정 */
.krds-accordion.type-line .accordion-item.category-tag .krds-tag-wrap .i-cate{
overflow: hidden;
text-wrap-mode: nowrap;
text-overflow: ellipsis;
/* width: calc(100% - var(--krds-btn-tag--padding-x-medium) -  var(--krds-btn-tag--button-size-medium)) ; */
}
/*
@media (max-width: 400px) {
.krds-accordion.type-line .accordion-item.category-tag .krds-tag-wrap .i-cate li:nth-child(n+3){
    text-overflow: ellipsis;
    overflow: hidden;
}
.krds-accordion.type-line .accordion-item.category-tag .krds-tag-wrap .i-cate li:nth-child(n+4){
display: none
}

}
*/
.filter-list.option-select {
    border-bottom: none;
}



/*layer*/
.modal-dialog.layer{
width: 1180px;
}
.modal-dialog.layer .modal-content{
background-color: transparent;
border: 0;
gap: var(--krds-gap-8);
box-shadow: none;
}

.layer-content-top{
display: flex;
justify-content: space-between;
}
.layer-content-top label{
color: #fff;
}

.krds-modal .modal-dialog.layer .btn-close{
position: unset;
}
.layer-content ul{
display: flex;  

height: 280px;
}
.layer-content ul li{
height: 280px;
background-color: #fff;
border-radius: var(--krds-radius-xlarge1, 12px);
}
.layer-content-bottom{
display: flex;
justify-content: space-between;
padding-top: var(--krds-gap-8);
}

.layer-content-bottom > button.tertiary{
background: var(--krds-light-color-button-secondary-fill, #ECF2FE);
}
.modal-dialog.layer .btn-close{
 margin-left: auto;
}
.modal-dialog.layer .btn-close .svg-icon.ico-popup-close {
    content: "";
    display: inline-block;
    background-image: url(../../images/component/icon/ico_close_w.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
   
}
.layer-content-bottom > button.tertiary .svg-icon.ico-angle{
transform: rotateX(180deg);
}

.modal-dialog.layer .layer-content-bottom .close{
display: none;
}


.modal-dialog.layer.open .layer-content-top .krds-form-check,
.modal-dialog.layer.open .layer-content-bottom .view-all,
.modal-dialog.layer.open .layer-content-bottom .swiper-indicator
{display: none;}
.modal-dialog.layer.open ul{
height: auto;
}
.modal-dialog.layer.open .layer-content-bottom .close{
display: flex;
}
.modal-dialog.layer .layer-content-top .krds-form-check label{
font-weight: 400;
}

@media (max-width: 1023px) {
.krds-modal:not([data-type=bottom-sheet]) .modal-dialog.layer{
 padding: 0 var(--krds-gap-10, 48px);

}
.layer-content ul{
height: auto;
flex-wrap: nowrap;
width: fit-content;
}
.layer-content ul li{
width: 216px;
height: 216px;
flex: 1;
}
.layer-content-bottom > button.tertiary{
display: none;
}

.layer-content-bottom .swiper-indicator{
  width: 100%;
}
.layer-content-bottom .swiper-navigation{
justify-content: space-between;
}
}
@media (max-width: 500px) {
  .modal-dialog.layer .layer-content-top .krds-form-check {}
.modal-dialog.layer .layer-content-top .krds-form-check label{
        font-size: var(--krds-pc-font-size-label-small, 15px);
        font-weight: 400;
}
.modal-dialog.layer .layer-content-top .krds-form-check label::before{
width: var(--krds-form-check--button-size-medium);
    height: var(--krds-form-check--button-size-medium);
    margin-top:1px;  
}
.modal-dialog.layer .layer-content-top .krds-form-check label::after{
  top: calc((var(--krds-form-check--button-size-medium) - var(--krds-form-check--checkbox-check-size-medium)) / 2 + var(--krds-form-check--button-margin-top));
    left: calc((var(--krds-form-check--button-size-medium) - var(--krds-form-check--checkbox-check-size-medium)) / 2);
    display: inline-flex
;
    width: var(--krds-form-check--checkbox-check-size-medium);
    height: var(--krds-form-check--checkbox-check-size-medium);
    margin-bottom: var(--krds-form-check--button-margin-top);  
}
}

.fieldset-msg.small{
font-size: 15px;
}


/*공지사항 상세조회*/
.notice-detail-popup textarea.krds-input{
height: 335px;
}
.notice-detail-popup h3{
font-size: var(--krds-pc-font-size-heading-large);
}