@charset "utf-8";
@import url('/share/css/font/Paperlogy.css');
:root {
  --krds-contents-wrap-size: 1500px;
  --krds-typo-font-type: "Paperlogy", -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-point: #AA1A00;

  --krds-typo-font-weight-bold: 600;
  --krds-font-weight-bold: 600;
  
  --krds-color-light-primary-5: #EDF5FF;
  --krds-color-light-primary-10: #DDEBFF;
  --krds-color-light-primary-20: #C3DBFF;
  --krds-color-light-primary-30: #9EC2FF;
  --krds-color-light-primary-40: #779EFF;
  --krds-color-light-primary-50: #577BFD;
  --krds-color-light-primary-60: #3952F2;
  --krds-color-light-primary-70: #2D41D6;
  --krds-color-light-primary-80: #2739AC;
  --krds-color-light-primary-90: #273688;
  --krds-color-light-primary-95: #171E4F;
    
  --krds-color-light-secondary-5: #F0F8FE;
  --krds-color-light-secondary-10: #C8E4EC;
  --krds-color-light-secondary-20: #B0D8E4;
  --krds-color-light-secondary-30: #8FC8D8;
  --krds-color-light-secondary-40: #70B8CC;
  --krds-color-light-secondary-50: #3A9CB4;
  --krds-color-light-secondary-60: #2E8CA4;
  --krds-color-light-secondary-70: #267C94;
  --krds-color-light-secondary-80: #1E6C84;
  --krds-color-light-secondary-90: #166070;
  --krds-color-light-secondary-95: #0E5464;

  --gra: linear-gradient(90deg, var(--krds-color-light-primary-50) 0%, var(--krds-color-light-primary-70) 100%);
  --viewed-bg: var(--krds-color-light-primary-60);
  --point: var(--krds-color-light-primary-60); 
  --sub-point: var(--krds-color-light-primary-80);
  --border: #CDD1D5;

}

.masthead {
  background: #F8F8F8;
}

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

.krds-header .header-con .logo a,
.krds-footer .logo {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: var(--ft-c-sub);
  font-size: 2.8rem;
  font-weight: 600;
}

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

@media (max-width: 420px) {
  .krds-header .header-con .logo a,
  .krds-footer .logo {
    font-size: 2rem;
  }

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

.krds-header .header-con .pc-only.btn-navi.all {
  display: inline-flex;
}

.main-nav .gnb-wrap {
  max-height: calc(90vh - 17rem);
  overflow: hidden;
}
 
.krds-footer {
  background: #f8f8f8;
}

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

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

.krds-footer .f-con .f-link .link-go .krds-btn.text {
  font-size: 1.6rem;
  font-weight: 400;
}

.krds-footer .f-con .f-link .link-go .krds-btn.text.point {
  color: var(--point);
  font-weight: 600;
}

.krds-footer .f-con .f-link .link-go .krds-btn.text .svg-icon {
  margin-bottom: -0.3rem;
}

.krds-footer .personal {
  --personal-color-text: var(--point);
}

@media (max-width: 767px) {
  .krds-footer .f-con .f-link {
    margin-bottom: -1rem;
    align-items: flex-start;
    padding-top: var(--krds-padding-6);
    border-top: var(--krds-light-border-width-static-regular) solid var(--krds-light-color-divider-gray-light);
  }

  .krds-footer .f-con .f-link .link-go {
    flex-direction: row;
  }

  .krds-footer .f-con .f-link .link-go .krds-btn.text .svg-icon {
    display: none;
  }
  
  .krds-footer .f-btm {
    padding-top: 0;
    border-top: none;
  }
}

#detail_con:has(#sitemap) {
  padding: 5rem;
  border-radius: 3rem;
}