@charset "UTF-8";

/* k2 */
.svg-icon.ico-sitemap {
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  /* -webkit-mask-size: contain; */
  mask-repeat: no-repeat;
  mask-position: center center;
  /* mask-size: ; */
  -webkit-mask-image: url(../../images/icon/ico_ham.png);
  mask-image: url(../../images/icon/ico_ham.png);
  margin-bottom:-.2rem !important;
}
/* // k2 */

.svg-icon.ico-angle {
    -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/icon/ico_angle.svg);
    mask-image: url(../../images/icon/ico_angle.svg);
  }
  .svg-icon.ico-angle.disabled {
    -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/icon/ico_angle_disabled.svg);
    mask-image: url(../../images/icon/ico_angle_disabled.svg);
    -webkit-mask-image: none;
    mask-image: none;
    background-image: url(../../images/icon/ico_angle_disabled.svg);
    background-color: transparent !important;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-mask: none;
    mask: none;
  }
  .svg-icon.ico-angle.up {
    transform: rotate(180deg);
  }
  .svg-icon.ico-angle.left {
    transform: rotate(90deg);
  }
  .svg-icon.ico-angle.right {
    transform: rotate(-90deg);
  }
  .svg-icon.ico-sch {
    -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/icon/ico_sch.svg);
    mask-image: url(../../images/icon/ico_sch.svg);
  }
  .svg-icon.ico-upload {
    -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/icon/ico_upload.svg);
    mask-image: url(../../images/icon/ico_upload.svg);
  }
  .svg-icon.ico-call {
    -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/icon/ico_call.svg);
    mask-image: url(../../images/icon/ico_call.svg);
  }
  .svg-icon.ico-faq {
    -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/icon/ico_faq.svg);
    mask-image: url(../../images/icon/ico_faq.svg);
  }
  .svg-icon.ico-like {
    -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/icon/ico_like.svg);
    mask-image: url(../../images/icon/ico_like.svg);
  }
  .svg-icon.ico-share {
    -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/icon/ico_share.svg);
    mask-image: url(../../images/icon/ico_share.svg);
  }
  .svg-icon.ico-more {
    -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/icon/ico_more.svg);
    mask-image: url(../../images/icon/ico_more.svg);
  }
  .svg-icon.ico-sch-plus {
    -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/icon/ico_sch_plus.svg);
    mask-image: url(../../images/icon/ico_sch_plus.svg);
  }
  .svg-icon.ico-go {
    -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/icon/ico_go.svg);
    mask-image: url(../../images/icon/ico_go.svg);
  }
  .svg-icon.ico-down {
    -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/icon/ico_download.svg);
    mask-image: url(../../images/icon/ico_download.svg);
  }
  .svg-icon.ico-filter {
    -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/icon/ico_filter.svg);
    mask-image: url(../../images/icon/ico_filter.svg);
  }
  .svg-icon.ico-reset {
    -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/icon/ico_reset.svg);
    mask-image: url(../../images/icon/ico_reset.svg);
  }
  .svg-icon.ico-log {
    -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/icon/ico_login.svg);
    mask-image: url(../../images/icon/ico_login.svg);
  }
  .svg-icon.ico-func {
    -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/icon/ico_expand.svg);
    mask-image: url(../../images/icon/ico_expand.svg);
  }
  .svg-icon.ico-func.up {
    transform: rotate(-90deg);
  }
  .svg-icon.ico-func {
    gap: var(--krds-gap-3);
  }
  .svg-icon.ico-logout {
    -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/icon/ico_logout.svg);
    mask-image: url(../../images/icon/ico_logout.svg);
  }
  .svg-icon.ico-logout {
    gap: var(--krds-gap-3);
  }
  .svg-icon.ico-email {
    -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/icon/ico_email.svg);
    mask-image: url(../../images/icon/ico_email.svg);
  }
  .svg-icon.ico-email {
    gap: var(--krds-gap-3);
  }
  .svg-icon.ico-print {
    -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/icon/ico_print.svg);
    mask-image: url(../../images/icon/ico_print.svg);
  }
  .svg-icon.ico-print {
    gap: var(--krds-gap-3);
  }
  .svg-icon.ico-scrap {
    -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/icon/ico_scrap.svg);
    mask-image: url(../../images/icon/ico_scrap.svg);
  }
  .svg-icon.ico-scrap {
    gap: var(--krds-gap-3);
  }
  .svg-icon.ico-del {
    -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/icon/ico_delete.svg);
    mask-image: url(../../images/icon/ico_delete.svg);
  }
  .svg-icon.ico-del {
    gap: var(--krds-gap-3);
  }
  .svg-icon.ico-popup-close {
    -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/icon/ico_close.svg);
    mask-image: url(../../images/icon/ico_close.svg);
  }
  .svg-icon.ico-delete-fill {
    -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/icon/ico_delete_fill.svg);
    mask-image: url(../../images/icon/ico_delete_fill.svg);
    -webkit-mask-image: none;
    mask-image: none;
    background-image: url(../../images/icon/ico_delete_fill.svg);
    background-color: transparent !important;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-mask: none;
    mask: none;
  }
  .svg-icon.ico-plus {
    -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/icon/ico_plus.svg);
    mask-image: url(../../images/icon/ico_plus.svg);
  }
  .svg-icon.ico-plus {
    gap: var(--krds-gap-3);
  }
  .svg-icon.ico-setting {
    -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/icon/ico_setting.svg);
    mask-image: url(../../images/icon/ico_setting.svg);
  }
  .svg-icon.ico-setting {
    gap: var(--krds-gap-3);
  }
  .svg-icon.ico-link {
    -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/icon/ico_go.svg);
    mask-image: url(../../images/icon/ico_go.svg);
  }
  .svg-icon.ico-link {
    gap: var(--krds-gap-3);
  }
  .svg-icon.ico-refresh {
    -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/icon/ico_reset.svg);
    mask-image: url(../../images/icon/ico_reset.svg);
  }
  .svg-icon.ico-toggle {
    -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/icon/ico_angle.svg);
    mask-image: url(../../images/icon/ico_angle.svg);
  }
  .svg-icon.ico-pw-visible {
    -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/icon/ico_pw_visible_off.svg);
    mask-image: url(../../images/icon/ico_pw_visible_off.svg);
  }
  .svg-icon.ico-pw-visible-on {
    -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/icon/ico_pw_visible_on.svg);
    mask-image: url(../../images/icon/ico_pw_visible_on.svg);
  }
  .svg-icon.ico-help {
    -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/icon/ico_help.svg);
    mask-image: url(../../images/icon/ico_help.svg);
    -webkit-mask-image: none;
    mask-image: none;
    background-image: url(../../images/icon/ico_help.svg);
    background-color: transparent !important;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-mask: none;
    mask: none;
  }
  .svg-icon.ico-page-next {
    -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/icon/ico_angle.svg);
    mask-image: url(../../images/icon/ico_angle.svg);
    transform: rotate(-90deg);
  }
  .svg-icon.ico-bread-home {
    -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/icon/ico_bread_home.svg);
    mask-image: url(../../images/icon/ico_bread_home.svg);
  }
  .svg-icon.ico-cal-move {
    -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/icon/ico_arrow_dropdown.svg);
    mask-image: url(../../images/icon/ico_arrow_dropdown.svg);
  }
  .svg-icon.ico-calendar {
    -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/icon/ico_calendar.svg);
    mask-image: url(../../images/icon/ico_calendar.svg);
  }
  .svg-icon.ico-success-fill {
    -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/icon/ico_success_fill.svg);
    mask-image: url(../../images/icon/ico_success_fill.svg);
    -webkit-mask-image: none;
    mask-image: none;
    background-image: url(../../images/icon/ico_success_fill.svg);
    background-color: transparent !important;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-mask: none;
    mask: none;
  }
  .svg-icon.ico-information-fill {
    -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/icon/ico_information_fill.svg);
    mask-image: url(../../images/icon/ico_information_fill.svg);
    -webkit-mask-image: none;
    mask-image: none;
    background-image: url(../../images/icon/ico_information_fill.svg);
    background-color: transparent !important;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-mask: none;
    mask: none;
  }
  .svg-icon.ico-error-fill {
    -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/icon/ico_error_fill.svg);
    mask-image: url(../../images/icon/ico_error_fill.svg);
    -webkit-mask-image: none;
    mask-image: none;
    background-image: url(../../images/icon/ico_error_fill.svg);
    background-color: transparent !important;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-mask: none;
    mask: none;
  }
  .svg-icon.ico-complete-fill {
    -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/icon/ico_complete_fill.svg);
    mask-image: url(../../images/icon/ico_complete_fill.svg);
    -webkit-mask-image: none;
    mask-image: none;
    background-image: url(../../images/icon/ico_complete_fill.svg);
    background-color: transparent !important;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-mask: none;
    mask: none;
  }
  .svg-icon.ico-modal-close {
    -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/icon/ico_close.svg);
    mask-image: url(../../images/icon/ico_close.svg);
  }
  .svg-icon.ico-fold {
    -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/icon/ico_foldable.svg);
    mask-image: url(../../images/icon/ico_foldable.svg);
  }
  .svg-icon.ico-fold.right {
    transform: rotate(-180deg);
  }
  .svg-icon.ico-ellipsis {
    -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/icon/ico_ellipsis.svg);
    mask-image: url(../../images/icon/ico_ellipsis.svg);
  }
  .svg-icon.ico-swiper-play {
    -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/icon/ico_swiper_play.svg);
    mask-image: url(../../images/icon/ico_swiper_play.svg);
  }
  .svg-icon.ico-swiper-stop {
    -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/icon/ico_swiper_stop.svg);
    mask-image: url(../../images/icon/ico_swiper_stop.svg);
  }
  .svg-icon.ico-tooltip {
    -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/icon/ico_tooltip.svg);
    mask-image: url(../../images/icon/ico_tooltip.svg);
  }
  .svg-icon.ico-urgent-danger {
    -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/icon/ico_urgent_badge_danger.svg);
    mask-image: url(../../images/icon/ico_urgent_badge_danger.svg);
  }
  .svg-icon.ico-blog {
    -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/icon/ico_blog.svg);
    mask-image: url(../../images/icon/ico_blog.svg);
  }
  .svg-icon.ico-facebook {
    -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/icon/ico_facebook.svg);
    mask-image: url(../../images/icon/ico_facebook.svg);
  }
  .svg-icon.ico-instagram {
    -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/icon/ico_instagram.svg);
    mask-image: url(../../images/icon/ico_instagram.svg);
  }
  .svg-icon.ico-sns-x {
    -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/icon/ico_sns_x.svg);
    mask-image: url(../../images/icon/ico_sns_x.svg);
  }
  .svg-icon.ico-youtube {
    -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/icon/ico_youtube.svg);
    mask-image: url(../../images/icon/ico_youtube.svg);
  }
  .svg-icon.ico-all {
    -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/icon/ico_all.svg);
    mask-image: url(../../images/icon/ico_all.svg);
  }
  .svg-icon.ico-join {
    -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/icon/ico_join.svg);
    mask-image: url(../../images/icon/ico_join.svg);
  }
  .svg-icon.ico-my {
    -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/icon/ico_my.svg);
    mask-image: url(../../images/icon/ico_my.svg);
  }
  .svg-icon.ico-login-go {
    -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/icon/ico_login_certify_go.svg);
    mask-image: url(../../images/icon/ico_login_certify_go.svg);
  }
  .svg-icon.ico-global {
    -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/icon/ico_global.svg);
    mask-image: url(../../images/icon/ico_global.svg);
  }
  .svg-icon.ico-view-mode {
    -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/icon/ico_view_mode.svg);
    mask-image: url(../../images/icon/ico_view_mode.svg);
  }
  .svg-icon.ico-go-top {
    -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/icon/ico_go_top.svg);
    mask-image: url(../../images/icon/ico_go_top.svg);
  }
  .svg-icon.ico-login-type01 {
    -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/icon/ico_login_certify_type_01.svg);
    mask-image: url(../../images/icon/ico_login_certify_type_01.svg);
  }
  .svg-icon.ico-login-type02 {
    -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/icon/ico_login_certify_type_02.svg);
    mask-image: url(../../images/icon/ico_login_certify_type_02.svg);
  }
  .svg-icon.ico-login-type03 {
    -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/icon/ico_login_certify_type_03.svg);
    mask-image: url(../../images/icon/ico_login_certify_type_03.svg);
  }
  .svg-icon.ico-login-type04 {
    -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/icon/ico_login_certify_type_04.svg);
    mask-image: url(../../images/icon/ico_login_certify_type_04.svg);
  }
  .svg-icon.ico-login-type05 {
    -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/icon/ico_login_certify_type_05.svg);
    mask-image: url(../../images/icon/ico_login_certify_type_05.svg);
  }
  .svg-icon.ico-login-type06 {
    -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/icon/ico_login_certify_type_06.svg);
    mask-image: url(../../images/icon/ico_login_certify_type_06.svg);
  }
  .svg-icon.ico-flag {
    -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/icon/ico_flag.svg);
    mask-image: url(../../images/icon/ico_flag.svg);
    -webkit-mask-image: none;
    mask-image: none;
    background-image: url(../../images/icon/ico_flag.svg);
    background-color: transparent !important;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-mask: none;
    mask: none;
  }
  .svg-icon.ico-file {
    -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/icon/ico_file.svg);
    mask-image: url(../../images/icon/ico_file.svg);
  }
  .svg-icon.ico-checkbox {
    -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/icon/ico_checkbox_checked.svg);
    mask-image: url(../../images/icon/ico_checkbox_checked.svg);
  }
  
  [data-krds-mode=high-contrast] .svg-icon.ico-help {
    background-image: url(../../images/icon/ico_help_fill.svg);
  }
  
  @media (prefers-color-scheme: dark) {
    [data-krds-mode=theme] .svg-icon.ico-help {
      background-image: url(../../images/icon/ico_help_fill.svg);
    }
  }