@charset "utf-8";
@import url('/share/css/font/pretendard-gov.css');
@import url('/share/css/font/ONEMobile.css');
@import url('/share/css/font/PyeongtaekAnbo.css');
:root {
  --krds-contents-wrap-size: 1340px;
  --ft-family: "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: #222;
  --ft-c-sub: #464C53;
  --ft-c-point: #AA1A00;

  --ft-family-one: "ONE Mobile Title";
  --ft-family-py: "PyeongtaekAnbo";
  
  --krds-color-light-primary-5:#EEFBF4;
  --krds-color-light-primary-10:#aeecce;
  --krds-color-light-primary-20:#79dcb2;
  --krds-color-light-primary-30:#43c491;
  --krds-color-light-primary-40:#20a977;
  --krds-color-light-primary-50:#138b62;
  --krds-color-light-primary-60:#0f6d4f;
  --krds-color-light-primary-70:#0e5740;
  --krds-color-light-primary-80:#0d4736;
  --krds-color-light-primary-90:#06281f;
  --krds-color-light-primary-95:#06281f;
  
  --krds-color-light-secondary-5:#F3F4FB;
  --krds-color-light-secondary-10:#d0d4ed;
  --krds-color-light-secondary-20:#b0b8e0;
  --krds-color-light-secondary-30:#8a94d0;
  --krds-color-light-secondary-40:#6f75c2;
  --krds-color-light-secondary-50:#5c5db4;
  --krds-color-light-secondary-60:#5551a4;
  --krds-color-light-secondary-70:#4b4687;
  --krds-color-light-secondary-80:#373560;
  --krds-color-light-secondary-90:#2a2843;
  --krds-color-light-secondary-95: #2A2843;

  --gra: #B2E59C;
  --viewed-bg: var(--krds-color-light-primary-50);
  --point: #E00D7A;
  --sub-point: var(--krds-color-light-primary-50);
  --pointC: var(--krds-color-light-secondary-90);
}

#cursor {
  transform: translate(3rem, 3rem);
  visibility: hidden;
  z-index: 999999;
}

#cursor>i {
  display: block;
  width: 10rem;
  height: 15rem;
  background: url(../img/cursor02.png) no-repeat 0 0 / 100%;
}

#cursor.visual-cursor>i {
  background-image: url(../img/cursor01.png);
}

@media (any-hover: none) {
	#cursor {
		display: none;
	}
}

.share-weather .air .unit,
.share-weather .air .quality {
  display: none;
}

.masthead {
  height: 3.2rem;
}

.krds-header {
  height: 16.6rem;
}

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

 #sch-form .sch-box input[type="search"] {
  color: var(--ft-c-basic) !important;
}

#sch-form .sch-box .sch-btn {
  background: url(/share/images/sch-btn-black.svg) no-repeat 0 0 / 100%, var(--gra);
}

.krds-header .header-con .logo a,
.krds-footer .logo {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 2.8rem;
  font-family: var(--ft-family-py);
  font-weight: 400;
}

.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%;
}

.krds-footer .logo {
  color: #999;
}
/*
.krds-header .header-con .logo a p,
.krds-footer .logo span {
  display: flex;
  align-items: center;
}
*/
.krds-header .header-con .logo a p{
  display: flex;
  align-items: center;
}

.krds-header .header-con .logo a p span,
.krds-footer .logo span span {
  font-size: 3.3rem;
}

@media (max-width: 1023px) { 
  .krds-header,
  .krds-header .header-con .inner {
    height: 7rem;
  }
}

@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;
  }

  .krds-header .header-con .logo a p span,
  .krds-footer .logo span span {
    font-size: 2.6rem;
  }
}

/* .krds-header .btn-navi.sch::before {
  background-image: none;
  background-color: var(--ft-c-basic);
  mask: url(/share/images/krds/ico_sch.svg) no-repeat center;
}

.krds-header .btn-navi.all::before {
  background-image: none;
  background-color: var(--ft-c-basic);
  mask: url(/share/images/krds/ico_all.svg) no-repeat center;
} */

.main-nav {
  border: none;
}

.main-nav .inner {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.main-nav .gnb-wrap {
  margin-top: -1px;
  max-height: calc(90vh - 17rem);
  overflow: hidden;
}

.share-weather {
  display: flex;
  align-items: center;
}

.share-weather h3 {
  font-family: var(--ft-family-one);
  font-size: 1.6rem;
  font-weight: 400;
}

.share-weather ul {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}

.share-weather .temp {
  display: flex;
  align-items: center;
  font-size: 3.2rem;
  font-weight: 700;
  letter-spacing: -0.03em;
}

.share-weather .temp i {
  width: 6rem;
  height: 6rem;
}

.share-weather .air {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}

.share-weather .air::before {
  content: '';
  display: block;
  width: 1px;
  height: 2.3rem;
  background: var(--ft-c-basic);
  opacity: 0.2;
}

.share-weather .air p {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: normal;
}

.share-weather .air p span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  font-size: 0;
  text-indent: -5000px;
  background-color: var(--ft-c-basic);
  mask-repeat: no-repeat;
  mask-position: 0 0;
  mask-size: 100%;
}

.share-weather .air p span {
  mask-image: url(/share/images/weather-air-good-fill.svg);
}

#container[class*=scroll] .share-weather .air p .good,
.share-weather .air p .good {
  background-color: #4D90E8;
}

#container[class*=scroll] .share-weather .air p .normal,
.share-weather .air p .normal {
  background-color: #3B6FB2;
}

#container[class*=scroll] .share-weather .air p .bad,
.share-weather .air p .bad {
  background-color: #DB1032;
}

#container[class*=scroll] .share-weather .air p .vbad,
.share-weather .air p .vbad {
  background-color: #A6122B;
}

@media (max-width: 1280px) {
  .main-nav {
    margin-bottom: 5rem;
  }

  .share-weather {
    position: absolute;
    bottom: -100%;
    right: var(--krds-contents-padding-x);
    z-index: -1;
  }
}

.main-nav .gnb-menu .gnb-main-trigger {
  height: 6.2rem;
}

.krds-footer {
  --krds-contents-wrap-size: 1460px;
  --krds-contents-size: calc(var(--krds-contents-wrap-size) + var(--krds-contents-padding-x) * 2);
}

.krds-footer .f-con .f-link .link-sns a {
  background: none;
}

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

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

.krds-footer .f-btm .f-btm-text .f-menu .point {
  color: var(--point);
}

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