@charset "utf-8";
@import url('/share/css/font/pretendard-gov.css');
@import url('/share/css/font/Paperlogy.css');
@import url('/share/css/font/RiaSans.css');
@import url('/share/css/swiper-bundle.min.css');
:root {
  --krds-contents-wrap-size: 1440px;
  --krds-typo-font-type: "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;

  --ft-c-basic: #1E2124;
  --ft-c-sub: #464C53;
  --ft-c-333: #333;
  --ft-c-point: #AA1A00;
  
  --ft-family-ria: "Ria";
  --ft-family-paper: "Paperlogy";
  --ria-normal: rotate(.2deg);
  
  --krds-color-light-primary-5: #F4FAF5;
  --krds-color-light-primary-10: #DCF3E7;
  --krds-color-light-primary-20: #C6ECDA;
  --krds-color-light-primary-30: #75BCBD;
  --krds-color-light-primary-40: #1D889D;
  --krds-color-light-primary-50: #1B7A8D;
  --krds-color-light-primary-60: #186B7D;
  --krds-color-light-primary-70: #165C6D;
  --krds-color-light-primary-80: #134F5E;
  --krds-color-light-primary-90: #11414E;
  --krds-color-light-primary-95: #0F313D;
    
  --krds-color-light-secondary-5: #F0F8FE;
  --krds-color-light-secondary-10: #CCE8FC;
  --krds-color-light-secondary-20: #97D1F9;
  --krds-color-light-secondary-30: #64A2E8;
  --krds-color-light-secondary-40: #2466D3;
  --krds-color-light-secondary-50: #225DBE;
  --krds-color-light-secondary-60: #2053A7;
  --krds-color-light-secondary-70: #1F4991;
  --krds-color-light-secondary-80: #1C3F7B;
  --krds-color-light-secondary-90: #1B3666;
  --krds-color-light-secondary-95: #192D52;

  --gra: linear-gradient(90deg, #55BC64 0%, #1D889D 50%, #2466D3 100%);
  --viewed-bg: var(--krds-color-light-primary-50);
  --sub-point: var(--krds-color-light-primary-50);
}

.masthead {
  background: #EEF2F7;
}

.util .util-list > li.util01,
.util .util-list > li.util02,
.util .util-list > li.util10,
.util .util-list > li.util05 {
  display: flex !important;
}

.krds-header .header-con .logo a,
.krds-footer .logo {
  display: flex;
  align-items: center;
  gap: 1.7rem;
  color: #3F3435;
  font-family: var(--ft-family-paper);
  font-size: 2.9rem;
  font-weight: 600;
  line-height: normal;
}

.krds-header .header-con .logo a::before,
.krds-footer .logo::before {
  flex: 0 0 auto;
  content: '';
  width: 4rem;
  height: 4.7rem;
  background: url(/share/images/logo-ic.svg) no-repeat 0 0 / 100%;
}

@media (max-width: 767px) { 
  .krds-header .header-con .logo a,
  .krds-footer .logo {
    gap: 0.5rem;
    font-size: 2.1rem;
  }

  .krds-header .header-con .logo a::before,
  .krds-footer .logo::before {
    width: 2.7rem;
    height: 3.1rem;
  }
}

.side-nav .snv-li-btn[target=_blank]::after,
.main-nav .gnb-wrap .gnb-sub-list .gnb-sub-con > ul a[target=_blank]::after,
.main-nav-mobile .gnb-sub-trigger[target=_blank]::after {
  content: '';
  margin-top: -0.3rem;
  width: 1.6rem;
  height: 1.6rem;
  background-color: var(--ft-c-basic);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url(/share/images/icon/ico_go.svg);
  mask-image: url(/share/images/icon/ico_go.svg);
}

.main-nav .gnb-wrap .gnb-sub-list .gnb-sub-con > ul a[target=_blank]::after {
  margin-top: 0.4rem;
}

.main-nav-mobile .gnb-sub-trigger[target=_blank]::after {
  margin-left: 0.5rem;
}

.krds-footer .f-con .f-info .cs li {
  gap: 0.8rem;
}

.krds-footer .f-con .f-link .link-go {
  align-items: flex-end;
}

.krds-btn.icon.border {
  background-color: transparent;
}

.krds-footer .f-btm .f-btm-text.between {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}

.krds-footer .f-btm .f-btm-text .f-menu {
  font-size: 1.5rem;
}

@media (max-width: 767px) { 
  .krds-footer .f-con .f-link {
    align-items: flex-start;
  }

  .krds-footer .f-btm .f-btm-text.between {
    align-items: flex-start;
    flex-direction: column;
  }
}

#container {
  overflow: hidden;
}