/* sns */
/* select */
/* button */
/* categories */
/* calamity */
/* tooltip direction */
/* decoration */
#header .breaking-news-wrapper {
  background-color: #17478e;
}
#header .breaking-news-wrapper .breaking-news {
  width: 1280px;
  height: 55px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#header .breaking-news-wrapper .breaking-news .news-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#header .breaking-news-wrapper .breaking-news .news-title .badge {
  width: 54px;
  height: 29px;
  background: url("data:image/svg+xml,%3Csvg width='55' height='29' viewBox='0 0 55 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 25V4C1 1.79086 2.79087 0 5 0H44.3741C45.8079 0 47.132 0.76741 47.8448 2.01148L53.8607 12.5115C54.5664 13.7432 54.5664 15.2568 53.8607 16.4885L47.8448 26.9885C47.132 28.2326 45.8079 29 44.3741 29H5C2.79086 29 1 27.2091 1 25Z' fill='%23FF1313'/%3E%3Cpath d='M1 4H14M1 8H8.64706' stroke='%23030303' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center center no-repeat;
  border-radius: 2px;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 16px;
}
#header .breaking-news-wrapper .breaking-news .news-title .title {
  color: #fff;
  font-weight: 700;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 1020px;
  font-size: 17px;
}
#header .breaking-news-wrapper .breaking-news .all-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 60px;
}
#header .breaking-news-wrapper .breaking-news .all-link .txt {
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  color: #fff;
}
#header .breaking-news-wrapper .breaking-news .all-link .arrow {
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 13L11 8L6 3' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center center no-repeat;
  margin-left: 4px;
}
#header .breaking-news-wrapper .breaking-news.rolling .news-title {
  width: calc(100% - 102px);
}
#header .breaking-news-wrapper .breaking-news.rolling .breaking-news-swiper {
  width: calc(100% - 70px);
  height: 22px;
}
#header .breaking-news-wrapper .breaking-news.rolling .breaking-news-swiper .swiper-wrapper .breaking-news-list .breaking-news-link {
  color: #fff;
  font-weight: 700;
  line-height: 24px;
  display: block;
  height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 17px;
}
#header .breaking-news-wrapper .breaking-news.rolling .breaking-news-swiper .swiper-wrapper .breaking-news-list a.breaking-news-link:link:hover {
  cursor: pointer;
  text-decoration: underline;
}
#header .breaking-news-wrapper .breaking-news.rolling .arrow-btn {
  width: 32px;
  height: 32px;
  background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.0003 22L16.0003 10' stroke='%235C93E6' stroke-linecap='round'/%3E%3Cpath d='M20 14L16 10L12 14' stroke='%235C93E6' stroke-linecap='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.0003 29.3337C23.3641 29.3337 29.3337 23.3641 29.3337 16.0003C29.3337 8.63653 23.3641 2.66699 16.0003 2.66699C8.63653 2.66699 2.66699 8.63653 2.66699 16.0003C2.66699 23.3641 8.63653 29.3337 16.0003 29.3337Z' stroke='%235C93E6'/%3E%3C/svg%3E") center center no-repeat;
  margin-left: 70px;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
#header .breaking-news-wrapper .breaking-news.rolling .arrow-btn.on {
  -webkit-transform: rotateX(360deg);
          transform: rotateX(360deg);
}
#header .rolling-breaking-news .breaking-news-history-wrapper {
  background-color: #0e3673;
  display: none;
}
#header .rolling-breaking-news .breaking-news-history-wrapper.on {
  display: block;
}
#header .rolling-breaking-news .breaking-news-history-wrapper .breaking-news-history {
  width: 1280px;
  margin: 0 auto;
  padding: 16px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#header .rolling-breaking-news .breaking-news-history-wrapper .breaking-news-history .histories {
  width: calc(100% - 210px);
}
#header .rolling-breaking-news .breaking-news-history-wrapper .breaking-news-history .histories .history-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
  height: 40px;
}
#header .rolling-breaking-news .breaking-news-history-wrapper .breaking-news-history .histories .history-list .txt-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 100%;
}
#header .rolling-breaking-news .breaking-news-history-wrapper .breaking-news-history .histories .history-list .txt-wrapper::after {
  content: "";
  width: 0.5px;
  height: 40px;
  display: block;
  background-color: rgba(235, 248, 240, 0.5);
  position: absolute;
  top: calc(50% + 6px);
  left: 21px;
}
#header .rolling-breaking-news .breaking-news-history-wrapper .breaking-news-history .histories .history-list .txt-wrapper a.txt:link:hover {
  cursor: pointer;
  text-decoration: underline;
}
#header .rolling-breaking-news .breaking-news-history-wrapper .breaking-news-history .histories .history-list .txt-wrapper .txt {
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  position: relative;
  width: 100%;
}
#header .rolling-breaking-news .breaking-news-history-wrapper .breaking-news-history .histories .history-list .txt-wrapper .circle {
  margin: 0 16px;
  width: 12px;
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='12' height='12' rx='6' fill='%233672CC' fill-opacity='0.5'/%3E%3Cpath d='M9 6C9 7.65685 7.65685 9 6 9C4.34315 9 3 7.65685 3 6C3 4.34315 4.34315 3 6 3C7.65685 3 9 4.34315 9 6Z' fill='%236FA8FF'/%3E%3C/svg%3E") center center no-repeat;
}
#header .rolling-breaking-news .breaking-news-history-wrapper .breaking-news-history .histories .history-list .time,
#header .rolling-breaking-news .breaking-news-history-wrapper .breaking-news-history .histories .history-list .txt {
  font-size: 15px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.7);
}
#header .rolling-breaking-news .breaking-news-history-wrapper .breaking-news-history .histories .history-list:last-child {
  margin-bottom: 0;
}
#header .rolling-breaking-news .breaking-news-history-wrapper .breaking-news-history .histories .history-list:last-child .txt-wrapper::after {
  display: none;
}
#header .rolling-breaking-news .breaking-news-history-wrapper .breaking-news-history .histories .history-list:last-child .time,
#header .rolling-breaking-news .breaking-news-history-wrapper .breaking-news-history .histories .history-list:last-child .txt {
  color: #fff;
}
#header .rolling-breaking-news .breaking-news-history-wrapper .breaking-news-history .all-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #406eb1;
  padding: 4px 8px 4px 12px;
  border-radius: 5px;
  margin-left: 70px;
}
#header .rolling-breaking-news .breaking-news-history-wrapper .breaking-news-history .all-link .txt {
  color: #b2cff1;
  font-size: 13px;
  line-height: 18px;
  font-weight: 700;
  margin-right: 4px;
}
#header .rolling-breaking-news .breaking-news-history-wrapper .breaking-news-history .all-link .arrow-btn {
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 13.5L10.5 8.5L5.5 3.5' stroke='%23B2CFF1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center no-repeat;
}
#header .header-top-menu-wrapper {
  background-color: #092857;
}
#header .header-top-menu-wrapper .header-top-menu {
  width: 1280px;
  height: 30px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#header .header-top-menu-wrapper .header-top-menu .sns-links-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#header .header-top-menu-wrapper .header-top-menu .sns-links-menu .sns-link {
  margin-left: 16px;
}
#header .header-top-menu-wrapper .header-top-menu .sns-links-menu .sns-link:first-child {
  margin-left: 0;
}
#header .header-top-menu-wrapper .header-top-menu .sns-links-menu .kbs-link {
  font-family: "KBS CI", sans-serif;
  color: #fff;
  font-size: 18px;
  letter-spacing: 0;
  margin-top: 1px;
}
#header .header-top-menu-wrapper .header-top-menu .sns-links-menu .youtube-link,
#header .header-top-menu-wrapper .header-top-menu .sns-links-menu .facebook-link,
#header .header-top-menu-wrapper .header-top-menu .sns-links-menu .instagram-link,
#header .header-top-menu-wrapper .header-top-menu .sns-links-menu .tiktok-link {
  width: 16px;
  height: 16px;
  display: block;
  background-size: contain;
}
#header .header-top-menu-wrapper .header-top-menu .sns-links-menu .youtube-link {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.9577 4.05326C14.1646 4.26259 14.3131 4.52286 14.3885 4.80805C14.6673 5.86065 14.6673 8.05572 14.6673 8.05572C14.6673 8.05572 14.6673 10.2508 14.3885 11.3034C14.3131 11.5886 14.1646 11.8488 13.9577 12.0582C13.7508 12.2675 13.4929 12.4185 13.2097 12.4961C12.1673 12.7779 8.00065 12.7779 8.00065 12.7779C8.00065 12.7779 3.83398 12.7779 2.79156 12.4961C2.50839 12.4185 2.25046 12.2675 2.04359 12.0582C1.83672 11.8488 1.68815 11.5886 1.61277 11.3034C1.33398 10.2508 1.33398 8.05572 1.33398 8.05572C1.33398 8.05572 1.33398 5.86065 1.61277 4.80805C1.68815 4.52286 1.83672 4.26259 2.04359 4.05326C2.25046 3.84394 2.50839 3.69292 2.79156 3.61531C3.83398 3.3335 8.00065 3.3335 8.00065 3.3335C8.00065 3.3335 12.1673 3.3335 13.2097 3.61531C13.4929 3.69292 13.7508 3.84394 13.9577 4.05326ZM10.1222 8.02961L6.63737 6.04704V10.0122L10.1222 8.02961Z' fill='white'/%3E%3C/svg%3E") 0 0 no-repeat;
}
#header .header-top-menu-wrapper .header-top-menu .sns-links-menu .facebook-link {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6673 8.00016C14.6673 4.31826 11.6826 1.3335 8.00065 1.3335C4.31875 1.3335 1.33398 4.31826 1.33398 8.00016C1.33398 11.3276 3.77187 14.0857 6.95898 14.5858V9.92725H5.26628V8.00016H6.95898V6.53141C6.95898 4.86058 7.9543 3.93766 9.47708 3.93766C10.2062 3.93766 10.9694 4.06787 10.9694 4.06787V5.7085H10.1288C9.30065 5.7085 9.04232 6.22243 9.04232 6.75016V8.00016H10.8913L10.5957 9.92725H9.04232V14.5858C12.2294 14.0857 14.6673 11.3276 14.6673 8.00016Z' fill='white'/%3E%3C/svg%3E") 0 0 no-repeat;
}
#header .header-top-menu-wrapper .header-top-menu .sns-links-menu .instagram-link {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.00352 3.08068C9.60758 3.08068 9.79754 3.08771 10.4284 3.11584C11.0147 3.14163 11.3312 3.24009 11.5423 3.32213C11.8214 3.42997 12.0231 3.56124 12.2318 3.76988C12.4428 3.98086 12.5718 4.18011 12.6797 4.45907C12.7618 4.67005 12.8603 4.98886 12.8861 5.57257C12.9142 6.20551 12.9212 6.39539 12.9212 7.99648C12.9212 9.59992 12.9142 9.7898 12.8861 10.4204C12.8603 11.0064 12.7618 11.3229 12.6797 11.5339C12.5718 11.8129 12.4405 12.0145 12.2318 12.2231C12.0207 12.4341 11.8214 12.563 11.5423 12.6708C11.3312 12.7529 11.0123 12.8513 10.4284 12.8771C9.79519 12.9053 9.60524 12.9123 8.00352 12.9123C6.39945 12.9123 6.2095 12.9053 5.57866 12.8771C4.99238 12.8513 4.67579 12.7529 4.46473 12.6708C4.18566 12.563 3.98398 12.4317 3.77526 12.2231C3.5642 12.0121 3.43522 11.8129 3.32734 11.5339C3.24526 11.3229 3.14677 11.0041 3.12097 10.4204C3.09283 9.78746 3.08579 9.59758 3.08579 7.99648C3.08579 6.39305 3.09283 6.20316 3.12097 5.57257C3.14677 4.98652 3.24526 4.67005 3.32734 4.45907C3.43522 4.18011 3.56654 3.97851 3.77526 3.76988C3.98632 3.5589 4.18566 3.42997 4.46473 3.32213C4.67579 3.24009 4.99472 3.14163 5.57866 3.11584C6.2095 3.08771 6.39945 3.08068 8.00352 3.08068ZM8.00352 2C6.37366 2 6.16963 2.00703 5.52941 2.03516C4.89154 2.06329 4.453 2.16644 4.07309 2.31412C3.67676 2.46884 3.34141 2.67279 3.0084 3.00801C2.67305 3.34089 2.46902 3.67611 2.31425 4.06994C2.1665 4.45204 2.06332 4.88806 2.03518 5.52569C2.00704 6.168 2 6.37195 2 8.00117C2 9.6304 2.00704 9.83434 2.03518 10.4743C2.06332 11.1119 2.1665 11.5503 2.31425 11.9301C2.46902 12.3262 2.67305 12.6615 3.0084 12.9943C3.34141 13.3272 3.67676 13.5335 4.07074 13.6859C4.453 13.8336 4.88919 13.9367 5.52707 13.9648C6.16729 13.993 6.37131 14 8.00117 14C9.63103 14 9.83506 13.993 10.4753 13.9648C11.1132 13.9367 11.5517 13.8336 11.9316 13.6859C12.3256 13.5335 12.6609 13.3272 12.9939 12.9943C13.3269 12.6615 13.5333 12.3262 13.6858 11.9324C13.8335 11.5503 13.9367 11.1143 13.9648 10.4767C13.993 9.83669 14 9.63274 14 8.00352C14 6.37429 13.993 6.17035 13.9648 5.53038C13.9367 4.89275 13.8335 4.45439 13.6858 4.07462C13.538 3.67611 13.334 3.34089 12.9986 3.00801C12.6656 2.67513 12.3303 2.46884 11.9363 2.31647C11.554 2.16878 11.1178 2.06564 10.48 2.03751C9.83741 2.00703 9.63338 2 8.00352 2Z' fill='white'/%3E%3Cpath d='M8.00376 4.91797C6.3012 4.91797 4.91992 6.29871 4.91992 8.0006C4.91992 9.7025 6.3012 11.0832 8.00376 11.0832C9.70632 11.0832 11.0876 9.7025 11.0876 8.0006C11.0876 6.29871 9.70632 4.91797 8.00376 4.91797ZM8.00376 10.0002C6.89921 10.0002 6.00337 9.10472 6.00337 8.0006C6.00337 6.89648 6.89921 6.00099 8.00376 6.00099C9.10831 6.00099 10.0042 6.89648 10.0042 8.0006C10.0042 9.10472 9.10831 10.0002 8.00376 10.0002Z' fill='white'/%3E%3Cpath d='M11.9282 4.79633C11.9282 5.19485 11.6046 5.51601 11.2082 5.51601C10.8096 5.51601 10.4883 5.1925 10.4883 4.79633C10.4883 4.39782 10.8119 4.07666 11.2082 4.07666C11.6046 4.07666 11.9282 4.40016 11.9282 4.79633Z' fill='white'/%3E%3C/svg%3E") 0 0 no-repeat;
}
#header .header-top-menu-wrapper .header-top-menu .sns-links-menu .tiktok-link {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.00001 1C4.58272 1 1 4.58274 1 9.00003C1 13.4173 4.58272 17 9.00001 17C13.4173 17 17 13.4173 17 9.00003C17 4.58274 13.4173 1 9.00001 1ZM14.0671 6.40981V7.97464C12.5112 7.97464 11.4471 7.20866 11.2534 7.05665V11.0328H11.2504C11.2504 11.0566 11.2534 11.0804 11.2534 11.1043C11.2534 13.1252 9.61403 14.7645 7.59316 14.7645C6.82416 14.7645 6.11179 14.5261 5.52162 14.1207C4.56186 13.462 3.93294 12.3562 3.93294 11.1043C3.93294 9.08343 5.5723 7.44408 7.59316 7.44408C7.76604 7.44408 7.93592 7.45603 8.10284 7.47988V7.95979V9.50075C7.94486 9.45008 7.77795 9.42325 7.60209 9.42325C6.68108 9.42325 5.93295 10.1713 5.93295 11.0924C5.93295 11.7421 6.30255 12.3026 6.84502 12.5768C7.07155 12.693 7.32788 12.7586 7.60209 12.7586C8.52311 12.7586 9.27124 12.0105 9.27124 11.0894C9.27124 11.0686 9.26827 11.0477 9.26827 11.0268H9.27124V7.84947V3.2295H11.2534V3.59611C11.2683 3.64678 11.2861 3.69447 11.304 3.74216C11.6498 4.71981 12.1505 5.2653 12.6304 5.56634C13.3726 6.02834 14.0671 5.91207 14.0671 5.91207V6.40981Z' fill='white'/%3E%3C/svg%3E%0A") 0 0 no-repeat;
  background-size: contain;
}
#header .header-top-menu-wrapper .header-top-menu .sns-links-menu .text-version-link {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #fff;
}
#header .header-top-menu-wrapper .header-top-menu .sns-links-menu .text-version-link:hover {
  text-decoration: underline;
}
#header .header-top-menu-wrapper .header-top-menu .weather-login-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
#header .header-top-menu-wrapper .header-top-menu .weather-login-menu .today {
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  margin-left: 20px;
}
#header .header-top-menu-wrapper .header-top-menu .weather-login-menu .weather {
  margin-left: 20px;
  height: 30px;
}
#header .header-top-menu-wrapper .header-top-menu .weather-login-menu .weather .swiper-wrapper {
  display: inline-block;
}
#header .header-top-menu-wrapper .header-top-menu .weather-login-menu .weather .swiper-wrapper .weather-info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#header .header-top-menu-wrapper .header-top-menu .weather-login-menu .weather .swiper-wrapper .weather-info-list .weather-info-img {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  vertical-align: middle;
  display: inline-block;
}
#header .header-top-menu-wrapper .header-top-menu .weather-login-menu .weather .swiper-wrapper .weather-info-list .weather-info-txt .city-name,
#header .header-top-menu-wrapper .header-top-menu .weather-login-menu .weather .swiper-wrapper .weather-info-list .weather-info-txt .temperature,
#header .header-top-menu-wrapper .header-top-menu .weather-login-menu .weather .swiper-wrapper .weather-info-list .weather-info-txt .weather-info {
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  display: inline-block;
}
#header .header-top-menu-wrapper .header-top-menu .weather-login-menu .weather .swiper-wrapper .weather-info-list .weather-info-txt .temperature {
  margin: 0 4px;
}
#header .header-top-menu-wrapper .header-top-menu .weather-login-menu .login,
#header .header-top-menu-wrapper .header-top-menu .weather-login-menu .register,
#header .header-top-menu-wrapper .header-top-menu .weather-login-menu .my-page,
#header .header-top-menu-wrapper .header-top-menu .weather-login-menu .kbs-world {
  color: #dde1e4;
  font-size: 14px;
  line-height: 18px;
  margin-left: 20px;
}
#header .header-top-menu-wrapper .header-top-menu .weather-login-menu .login:hover,
#header .header-top-menu-wrapper .header-top-menu .weather-login-menu .register:hover,
#header .header-top-menu-wrapper .header-top-menu .weather-login-menu .my-page:hover,
#header .header-top-menu-wrapper .header-top-menu .weather-login-menu .kbs-world:hover {
  text-decoration: underline;
}
#header .header-top-menu-wrapper .header-top-menu .weather-login-menu .kbs-world-select .kbs-world-select-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#header .header-top-menu-wrapper .header-top-menu .weather-login-menu .kbs-world-select .kbs-world-select-btn:hover .btn-txt {
  text-decoration: underline;
}
#header .header-top-menu-wrapper .header-top-menu .weather-login-menu .kbs-world-select .kbs-world-select-btn .btn-txt {
  font-size: 14px;
  line-height: 18px;
  color: #dde1e4;
  margin-right: 4px;
  letter-spacing: 0;
}
#header .header-top-menu-wrapper .header-top-menu .weather-login-menu .kbs-world-select .kbs-world-select-btn .arrow {
  display: block;
  width: 16px;
  height: 16px;
  content: "";
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 13L11 8L6 3' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center center no-repeat;
  background-size: contain;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
#header .header-top-menu-wrapper .header-top-menu .weather-login-menu .kbs-world-select .kbs-world-select-btn.on .arrow {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
#header .header-top-menu-wrapper .header-top-menu .weather-login-menu .kbs-world-select .foreign-site-links {
  display: none;
  position: absolute;
  top: 30px;
  right: 0;
  padding: 8px 16px;
  border: 1px solid #ebeef0;
  background-color: #fff;
  z-index: 200;
}
#header .header-top-menu-wrapper .header-top-menu .weather-login-menu .kbs-world-select .foreign-site-links.on {
  display: block;
}
#header .header-top-menu-wrapper .header-top-menu .weather-login-menu .kbs-world-select .foreign-site-links .foreign-site-list {
  margin-top: 8px;
}
#header .header-top-menu-wrapper .header-top-menu .weather-login-menu .kbs-world-select .foreign-site-links .foreign-site-list:first-child {
  margin-top: 0;
}
#header .header-top-menu-wrapper .header-top-menu .weather-login-menu .kbs-world-select .foreign-site-links .foreign-site-list .foreign-site-link {
  font-size: 13px;
  font-weight: 700;
  color: #222;
  display: block;
}
#header .header-top-menu-wrapper .header-top-menu .weather-login-menu .kbs-world-select .foreign-site-links .foreign-site-list .foreign-site-link:hover {
  text-decoration: underline;
}
#header .header-title-menu-wrapper {
  background-color: #f9f9f9;
  position: relative;
  width: 100%;
}
#header .header-title-menu-wrapper .header-title-menu {
  width: 1280px;
  height: 80px;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#header .header-title-menu-wrapper .header-title-menu div.disaster-portal-link .default-txt:hover {
  text-decoration: underline;
}
#header .header-title-menu-wrapper .header-title-menu .disaster-portal-link {
  border: 1px solid #ffa7b0;
  border-radius: 20px;
  height: 34px;
  padding: 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
}
#header .header-title-menu-wrapper .header-title-menu .disaster-portal-link .siren-icon {
  display: block;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 21H5M21 21H19M5 21V14C5 10.134 8.13401 7 12 7V7C15.866 7 19 10.134 19 14V21M5 21H19' stroke='%23F8364B' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M9 14V14C9 12.3431 10.3431 11 12 11V11' stroke='%23F8364B' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M4 8L3 7' stroke='%23F8364B' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M20 8L21 7' stroke='%23F8364B' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 3V4' stroke='%23F8364B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A") center center no-repeat;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
#header .header-title-menu-wrapper .header-title-menu .disaster-portal-link .default-txt {
  color: #f8364b;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}
#header .header-title-menu-wrapper .header-title-menu .disaster-portal-link .disaster-message {
  line-height: 20px;
  font-weight: 500;
  margin-left: 16px;
}
#header .header-title-menu-wrapper .header-title-menu .disaster-portal-link .disaster-message:hover {
  text-decoration: underline;
}
#header .header-title-menu-wrapper .header-title-menu .disaster-portal-link.single-siren:hover {
  background-color: #f8364b;
}
#header .header-title-menu-wrapper .header-title-menu .disaster-portal-link.single-siren:hover .siren-icon {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M3 21H5M21 21H19M5 21V14C5 10.134 8.13401 7 12 7V7C15.866 7 19 10.134 19 14V21M5 21H19' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M9 14V14C9 12.3431 10.3431 11 12 11V11' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M4 8L3 7' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M20 8L21 7' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 3V4' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center center no-repeat;
}
#header .header-title-menu-wrapper .header-title-menu .disaster-portal-link.single-siren:hover .default-txt {
  color: #fff;
}
#header .header-title-menu-wrapper .header-title-menu .header-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#header .header-title-menu-wrapper .header-title-menu .header-logo .header-logo-link {
  display: block;
  background: url("data:image/svg+xml,%3Csvg width='187' height='42' viewBox='0 0 187 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.074 39.7H24.156L10.352 20.502V39.7H2V2H10.352V19.748L24.156 2H34.132L19.748 20.212L34.074 39.7Z' fill='%2309003E'/%3E%3Cpath d='M57.8653 39.7H35.2453V2H54.7333C60.8233 2.116 66.9133 4.958 66.9133 11.686C66.9133 14.934 65.6373 18.182 62.9693 20.096C62.9693 20.096 68.4213 22.358 68.4213 29.144C68.4213 35.176 63.1433 39.7 57.8653 39.7ZM52.4133 34.074C56.5313 34.074 60.7073 32.798 60.7073 28.274C60.7073 24.852 57.8073 22.648 54.2113 22.648H43.5973V34.074H52.4133ZM53.9213 7.626H43.5973V17.08H54.6753C56.8793 17.08 59.1993 15.456 59.1993 12.382C59.1993 9.598 57.2853 7.626 53.9213 7.626Z' fill='%2309003E'/%3E%3Cpath d='M70.5877 34.074H89.0897C92.6277 34.074 95.0637 31.522 95.0637 28.274C95.0057 25.084 92.6277 22.938 89.0317 22.938H80.9117C74.8217 22.938 69.0797 19.574 69.0797 12.208C69.0797 4.842 74.8217 2 80.9697 2H100.748V7.568H82.3037C79.1717 7.568 77.0257 9.076 77.0257 12.208C77.0257 15.108 79.1717 16.906 82.3037 16.906H90.9457C95.9917 16.906 103.01 19.458 103.01 28.274C103.01 37.38 95.9917 39.7 91.0037 39.7H70.5877V34.074Z' fill='%2309003E'/%3E%3Cpath d='M143.05 17.5736H115.222V2H122.03V12.1696H143.05V17.5736ZM111.01 21.233H146.923V26.6369H139.391V39.7H132.455V26.6369H125.477V39.7H118.626V26.6369H111.01V21.233Z' fill='%2309003E'/%3E%3Cpath d='M170.07 5.14876C170.056 7.02099 170.496 8.85777 171.389 10.6591C172.297 12.4462 173.765 14.0277 175.793 15.4035C177.836 16.7793 180.467 17.7296 183.686 18.2544L180.75 23.9137C177.261 23.2612 174.318 22.1194 171.921 20.4883C169.538 18.843 167.702 16.8219 166.411 14.4248C165.078 16.7935 163.212 18.8076 160.815 20.467C158.418 22.1123 155.504 23.2612 152.071 23.9137L149.178 18.2544C152.327 17.7154 154.908 16.7509 156.922 15.3609C158.95 13.9568 160.418 12.3611 161.326 10.574C162.234 8.78685 162.695 6.97844 162.709 5.14876V2.46806H170.07V5.14876ZM148.667 29.658H184.623V35.2322H148.667V29.658Z' fill='%2309003E'/%3E%3C/svg%3E%0A") center center no-repeat;
  width: 187px;
  height: 42px;
}
#header .header-title-menu-wrapper .header-title-menu .header-logo .header-logo-link.sun_0101 {
  background: url(/resource/image/pc/logo/light/sun_0101.svg) center center no-repeat;
  width: 500px;
  height: 80px;
}
#header .header-title-menu-wrapper .header-title-menu .header-logo .header-logo-link.lunar_0101 {
  background: url(/resource/image/pc/logo/light/lunar_0101.svg) center center no-repeat;
  width: 500px;
  height: 80px;
}
#header .header-title-menu-wrapper .header-title-menu .header-logo .header-logo-link.sun_0301 {
  background: url(/resource/image/pc/logo/light/sun_0301.svg) center center no-repeat;
  width: 500px;
  height: 80px;
}
#header .header-title-menu-wrapper .header-title-menu .header-logo .header-logo-link.sun_0405 {
  background: url(/resource/image/pc/logo/light/sun_0405.svg) center center no-repeat;
  width: 500px;
  height: 80px;
}
#header .header-title-menu-wrapper .header-title-menu .header-logo .header-logo-link.sun_0505 {
  background: url(/resource/image/pc/logo/light/sun_0505.svg) center center no-repeat;
  width: 500px;
  height: 80px;
}
#header .header-title-menu-wrapper .header-title-menu .header-logo .header-logo-link.sun_0508 {
  background: url(/resource/image/pc/logo/light/sun_0508.svg) center center no-repeat;
  width: 500px;
  height: 80px;
}
#header .header-title-menu-wrapper .header-title-menu .header-logo .header-logo-link.sun_0515 {
  background: url(/resource/image/pc/logo/light/sun_0515.svg) center center no-repeat;
  width: 500px;
  height: 80px;
}
#header .header-title-menu-wrapper .header-title-menu .header-logo .header-logo-link.sun_0606 {
  background: url(/resource/image/pc/logo/light/sun_0606.svg) center center no-repeat;
  width: 500px;
  height: 80px;
}
#header .header-title-menu-wrapper .header-title-menu .header-logo .header-logo-link.sun_0717 {
  background: url(/resource/image/pc/logo/light/sun_0717.svg) center center no-repeat;
  width: 500px;
  height: 80px;
}
#header .header-title-menu-wrapper .header-title-menu .header-logo .header-logo-link.sun_0815 {
  background: url(/resource/image/pc/logo/light/sun_0815.svg) center center no-repeat;
  width: 500px;
  height: 80px;
}
#header .header-title-menu-wrapper .header-title-menu .header-logo .header-logo-link.lunar_0815 {
  background: url(/resource/image/pc/logo/light/lunar_0815.svg) center center no-repeat;
  width: 500px;
  height: 80px;
}
#header .header-title-menu-wrapper .header-title-menu .header-logo .header-logo-link.sun_1001 {
  background: url(/resource/image/pc/logo/light/sun_1001.svg) center center no-repeat;
  width: 500px;
  height: 80px;
}
#header .header-title-menu-wrapper .header-title-menu .header-logo .header-logo-link.sun_1003 {
  background: url(/resource/image/pc/logo/light/sun_1003.svg) center center no-repeat;
  width: 500px;
  height: 80px;
}
#header .header-title-menu-wrapper .header-title-menu .header-logo .header-logo-link.sun_1009 {
  background: url(/resource/image/pc/logo/light/sun_1009.svg) center center no-repeat;
  width: 500px;
  height: 80px;
}
#header .header-title-menu-wrapper .header-title-menu .report-live-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#header .header-title-menu-wrapper .header-title-menu .report-live-menu .report-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px;
  width: 64px;
  height: 34px;
  border: 1px solid #94badc;
  color: #456bcd;
  font-weight: 700;
  line-height: 23px;
  border-radius: 100px;
  margin-right: 16px;
  background-color: #fff;
}
#header .header-title-menu-wrapper .header-title-menu .report-live-menu .report-link:hover {
  color: #fff;
  background-color: #456bcd;
  border: 1px solid #456bcd;
}
#header .header-title-menu-wrapper .header-title-menu .report-live-menu .live-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  padding: 0 14px 0 16px;
  height: 34px;
  border: 1px solid #ffa7b0;
  border-radius: 100px;
  background-color: #fff;
}
#header .header-title-menu-wrapper .header-title-menu .report-live-menu .live-link .txt {
  color: #666;
  font-weight: 700;
  line-height: 23px;
}
#header .header-title-menu-wrapper .header-title-menu .report-live-menu .live-link .red-dot {
  width: 6px;
  height: 6px;
  background-color: #f8364b;
  border-radius: 50%;
  -webkit-animation: liveActionTop 2s ease infinite;
          animation: liveActionTop 2s ease infinite;
  position: relative;
  bottom: 4px;
}
#header .header-title-menu-wrapper .header-title-menu .report-live-menu .live-link:hover {
  background-color: #f8364b;
  border: 1px solid #f8364b;
}
#header .header-title-menu-wrapper .header-title-menu .report-live-menu .live-link:hover .txt {
  color: #fff;
}
#header .header-title-menu-wrapper .header-title-menu .report-live-menu .live-link:hover .red-dot {
  background-color: #fff;
}
#header .header-nav-wrapper {
  background-color: #fff;
  position: relative;
  height: 50px;
  z-index: 150;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #bfbfbf;
  width: 100%;
}
#header .header-nav-wrapper .progress-bar {
  position: absolute;
  height: 4px;
  top: 0;
  left: 0;
  background-color: #239fe7;
  -webkit-transition: width 0.4s;
  transition: width 0.4s;
}
#header .header-nav-wrapper.index-change {
  z-index: 100;
}
#header .header-nav-wrapper.fixed {
  position: fixed;
  top: 0;
  left: 0;
  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
}
#header .header-nav-wrapper.fixed-02 {
  position: fixed;
  top: 80px;
  left: 0;
}
#header .header-nav-wrapper .header-nav {
  width: 1280px;
  height: 50px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#header .header-nav-wrapper .header-nav .nav-menu {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#header .header-nav-wrapper .header-nav .nav-menu .nav-logo {
  display: none;
  width: 83px;
  height: 20px;
  margin: 2px 30px 0 0;
  background: url("data:image/svg+xml,%3Csvg width='83' height='20' viewBox='0 0 83 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6123 18H11.4031L5.54462 9.85231V18H2V2H5.54462V9.53231L11.4031 2H15.6369L9.53231 9.72923L15.6123 18Z' fill='%23222222'/%3E%3Cpath d='M25.7094 18H16.1094V2H24.3802C26.9648 2.04923 29.5494 3.25538 29.5494 6.11077C29.5494 7.48923 29.0079 8.86769 27.8756 9.68C27.8756 9.68 30.1894 10.64 30.1894 13.52C30.1894 16.08 27.9494 18 25.7094 18ZM23.3956 15.6123C25.1433 15.6123 26.9156 15.0708 26.9156 13.1508C26.9156 11.6985 25.6848 10.7631 24.1587 10.7631H19.654V15.6123H23.3956ZM24.0356 4.38769H19.654V8.4H24.3556C25.291 8.4 26.2756 7.71077 26.2756 6.40615C26.2756 5.22462 25.4633 4.38769 24.0356 4.38769Z' fill='%23222222'/%3E%3Cpath d='M31.1088 15.6123H38.9612C40.4627 15.6123 41.4965 14.5292 41.4965 13.1508C41.4719 11.7969 40.4627 10.8862 38.9365 10.8862H35.4904C32.9058 10.8862 30.4688 9.45846 30.4688 6.33231C30.4688 3.20615 32.9058 2 35.515 2H43.9088V4.36308H36.0812C34.7519 4.36308 33.8412 5.00308 33.8412 6.33231C33.8412 7.56308 34.7519 8.32615 36.0812 8.32615H39.7488C41.8904 8.32615 44.8688 9.40923 44.8688 13.1508C44.8688 17.0154 41.8904 18 39.7735 18H31.1088V15.6123Z' fill='%23222222'/%3E%3Cpath d='M62.4673 8.60948H50.657V2H53.5463V6.31603H62.4673V8.60948ZM48.8691 10.1625H64.1107V12.456H60.9143V18H57.9707V12.456H55.0091V18H52.1016V12.456H48.8691V10.1625Z' fill='%23222222'/%3E%3Cpath d='M73.9346 3.33634C73.9286 4.13093 74.1152 4.91046 74.4944 5.67494C74.8797 6.43341 75.5027 7.10459 76.3635 7.68849C77.2303 8.27239 78.3469 8.6757 79.7134 8.89842L78.4673 11.3002C76.9865 11.0233 75.7375 10.5388 74.7202 9.8465C73.7089 9.14823 72.9293 8.29044 72.3816 7.27314C71.8157 8.27841 71.0241 9.13318 70.0068 9.83747C68.9895 10.5357 67.7525 11.0233 66.2958 11.3002L65.0678 8.89842C66.4041 8.66968 67.4997 8.26035 68.3545 7.67043C69.2153 7.07449 69.8383 6.39729 70.2235 5.63883C70.6088 4.88036 70.8044 4.11287 70.8104 3.33634V2.19865H73.9346V3.33634ZM64.8511 13.7381H80.1107V16.1038H64.8511V13.7381Z' fill='%23222222'/%3E%3C/svg%3E%0A") center center no-repeat;
}
#header .header-nav-wrapper .header-nav .nav-menu .nav-logo.on {
  display: block;
}
#header .header-nav-wrapper .header-nav .nav-menu .nav-logo.view {
  margin: 2px 15px 0 0;
}
#header .header-nav-wrapper .header-nav .nav-menu .article-title {
  font-size: 17px;
  line-height: 24px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  max-width: 1080px;
  display: none;
}
#header .header-nav-wrapper .header-nav .nav-menu .article-title.on {
  display: -webkit-box;
}
#header .header-nav-wrapper .header-nav .nav-menu .hamburger-search-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 30px;
}
#header .header-nav-wrapper .header-nav .nav-menu .hamburger-search-btns .hamburger-btn {
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5H21' stroke='%23222222' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M3 12H21' stroke='%23222222' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M3 19H21' stroke='%23222222' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 0 0 no-repeat;
  background-size: contain;
  margin-right: 24px;
}
#header .header-nav-wrapper .header-nav .nav-menu .hamburger-search-btns .hamburger-btn.on {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.3633 5.63623L5.63536 18.3642' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.63672 5.63623L18.3646 18.3642' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 0 no-repeat;
}
#header .header-nav-wrapper .header-nav .nav-menu .hamburger-search-btns .search-btn {
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 17C13.0899 17 16 14.0899 16 10.5C16 6.91015 13.0899 4 9.5 4C5.91015 4 3 6.91015 3 10.5C3 14.0899 5.91015 17 9.5 17Z' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.7929 21.2071C19.1834 21.5976 19.8166 21.5976 20.2071 21.2071C20.5976 20.8166 20.5976 20.1834 20.2071 19.7929L18.7929 21.2071ZM15.2071 14.7929L14.5 14.0858L13.0858 15.5L13.7929 16.2071L15.2071 14.7929ZM20.2071 19.7929L15.2071 14.7929L13.7929 16.2071L18.7929 21.2071L20.2071 19.7929Z' fill='%23222222'/%3E%3C/svg%3E") 0 0 no-repeat;
  background-size: contain;
}
#header .header-nav-wrapper .header-nav .nav-menu .nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
#header .header-nav-wrapper .header-nav .nav-menu .nav-links.off {
  display: none;
}
#header .header-nav-wrapper .header-nav .nav-menu .nav-links .nav-list {
  margin-right: 24px;
}
#header .header-nav-wrapper .header-nav .nav-menu .nav-links .nav-list:last-child {
  margin-right: 0;
}
#header .header-nav-wrapper .header-nav .nav-menu .nav-links .nav-list .nav-link {
  display: block;
  font-size: 17px;
  font-weight: 500;
  color: #222;
}
#header .header-nav-wrapper .header-nav .nav-menu .nav-links .nav-list .nav-link:hover {
  text-decoration: underline;
}
#header .header-nav-wrapper .header-nav .nav-menu .nav-links .nav-list .nav-link.on {
  color: #2282b9;
}
#header .header-nav-wrapper .header-nav .hashtag-links.off {
  display: none;
}
#header .header-nav-wrapper .full-menu-wrapper {
  background-color: #fff;
  border-bottom: 1px solid #ebeef0;
  display: none;
  position: absolute;
  top: 49px;
  width: 100%;
  left: 0;
}
#header .header-nav-wrapper .full-menu-wrapper.on {
  display: block;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu {
  width: 1280px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu .common-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-right: 1px solid #ebeef0;
  padding-top: 16px;
  padding-bottom: 16px;
  min-height: 480px;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu .common-menu.on {
  background-color: #f7f7f7;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu .common-menu .full-menu-links-wrapper .full-menu-heading {
  font-size: 19px;
  line-height: 26px;
  font-weight: 700;
  color: #484848;
  margin-bottom: 16px;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu .common-menu .full-menu-links-wrapper .full-menu-heading .full-heading-link {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu .common-menu .full-menu-links-wrapper .full-menu-heading .full-heading-link:hover {
  text-decoration: underline;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu .common-menu .full-menu-links-wrapper .full-menu-heading.inform {
  display: block;
  margin-top: 36px;
  margin-bottom: 0;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu .common-menu .full-menu-links-wrapper .full-menu-heading.inform:hover {
  text-decoration: underline;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu .common-menu .full-menu-links-wrapper .full-menu-links:nth-child(n+3) {
  margin-top: 16px;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu .common-menu .full-menu-links-wrapper .full-menu-links.has-sub-heading {
  margin-top: 8px;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu .common-menu .full-menu-links-wrapper .full-menu-links .full-menu-list {
  margin-bottom: 8px;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu .common-menu .full-menu-links-wrapper .full-menu-links .full-menu-list:last-child {
  margin-bottom: 0;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu .common-menu .full-menu-links-wrapper .full-menu-links .full-menu-list.has-double-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu .common-menu .full-menu-links-wrapper .full-menu-links .full-menu-list.has-double-link .full-menu-link:first-child {
  min-width: 130px;
  margin-right: 28px;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu .common-menu .full-menu-links-wrapper .full-menu-links .full-menu-list.has-double-link .full-menu-link.new-tag {
  min-width: 158px;
  margin-right: 0px;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu .common-menu .full-menu-links-wrapper .full-menu-links .full-menu-list .full-menu-link {
  font-size: 14px;
  line-height: 18px;
  color: #484848;
  display: block;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu .common-menu .full-menu-links-wrapper .full-menu-links .full-menu-list .full-menu-link .text {
  font-size: 14px;
  line-height: 18px;
  color: #484848;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu .common-menu .full-menu-links-wrapper .full-menu-links .full-menu-list .full-menu-link:hover .text {
  text-decoration: underline;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu .common-menu .full-menu-links-wrapper .full-menu-links .full-menu-list .full-menu-link.new-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu .common-menu .full-menu-links-wrapper .full-menu-links .full-menu-list .full-menu-link.new-tag::after {
  content: "NEW";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #f8364b;
  font-size: 8px;
  font-weight: 500;
  border: 1px solid #f8364b;
  border-radius: 3px;
  width: 24px;
  height: 10px;
  text-decoration: none;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu .common-menu .full-menu-links-wrapper .full-menu-links .full-menu-list .full-menu-link.large-font {
  font-size: 15px;
  font-weight: 500;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu .common-menu .sub-heading-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu .common-menu .sub-heading-wrapper.has-margin {
  margin-top: 16px;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu .common-menu .sub-heading-wrapper .sub-heading {
  color: #484848;
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  display: inline-block;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu .common-menu .sub-heading-wrapper .sub-heading .sub-heading-link {
  color: #484848;
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  display: inline-block;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu .common-menu .sub-heading-wrapper .sub-heading .sub-heading-link:hover {
  text-decoration: underline;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu .common-menu .sub-heading-wrapper .sub-heading:first-child {
  min-width: 130px;
  margin-right: 28px;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu .field-menu {
  width: 135px;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu .tv-menu {
  width: 350px;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu .tv-menu .full-menu-links-wrapper {
  width: 280px;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu .premiumk-menu {
  width: 351px;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu .current-affairs-menu {
  width: 187px;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu .region-menu {
  width: 134px;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu .region-menu .full-menu-list.has-double-link .full-menu-link:first-child {
  min-width: 24px !important;
}
#header .header-nav-wrapper .full-menu-wrapper .full-menu .shortcut-menu {
  width: 123px;
  border-right: none;
}
#header .header-nav-wrapper .search-most-view {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  display: none;
}
#header .header-nav-wrapper .search-most-view.on {
  display: block;
}
#header .header-nav-wrapper .search-most-view .search-wrapper {
  background-color: #ececec;
}
#header .header-nav-wrapper .search-most-view .search-wrapper .search {
  width: 1280px;
  margin: 0 auto;
  position: relative;
}
#header .header-nav-wrapper .search-most-view .search-wrapper .search .close-btn {
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.3633 5.63672L5.63536 18.3646' stroke='%237C7C7C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.63672 5.63672L18.3646 18.3646' stroke='%237C7C7C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center no-repeat;
  position: absolute;
  top: 16px;
  right: 0;
}
#header .header-nav-wrapper .search-most-view .search-wrapper .search .search-box-wrapper {
  width: 880px;
  padding-bottom: 24px;
  margin: 0 auto;
}
#header .header-nav-wrapper .search-most-view .search-wrapper .search .search-box-wrapper .search-title {
  padding-top: 56px;
  margin-bottom: 16px;
  font-size: 28px;
  line-height: 40px;
  font-weight: 700;
}
#header .header-nav-wrapper .search-most-view .search-wrapper .search .search-box-wrapper .search-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
#header .header-nav-wrapper .search-most-view .search-wrapper .search .search-box-wrapper .search-box .search-box-input {
  width: 824px;
  height: 58px;
  border-radius: 5px 0 0 5px;
  border: 1px solid #c6cbd0;
  padding-left: 16px;
  outline: none;
  color: #484848;
}
#header .header-nav-wrapper .search-most-view .search-wrapper .search .search-box-wrapper .search-box .search-box-input::-webkit-input-placeholder {
  font-size: 16px;
  color: #484848;
}
#header .header-nav-wrapper .search-most-view .search-wrapper .search .search-box-wrapper .search-box .search-box-input::-moz-placeholder {
  font-size: 16px;
  color: #484848;
}
#header .header-nav-wrapper .search-most-view .search-wrapper .search .search-box-wrapper .search-box .search-box-input:-ms-input-placeholder {
  font-size: 16px;
  color: #484848;
}
#header .header-nav-wrapper .search-most-view .search-wrapper .search .search-box-wrapper .search-box .search-box-input::-ms-input-placeholder {
  font-size: 16px;
  color: #484848;
}
#header .header-nav-wrapper .search-most-view .search-wrapper .search .search-box-wrapper .search-box .search-box-input::placeholder {
  font-size: 16px;
  color: #484848;
}
#header .header-nav-wrapper .search-most-view .search-wrapper .search .search-box-wrapper .search-box .search-box-input.focus {
  border-radius: 5px 0 0 0;
}
#header .header-nav-wrapper .search-most-view .search-wrapper .search .search-box-wrapper .search-box .cancel-btn {
  position: absolute;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13 3L2.99893 13.0011' stroke='%237C7C7C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 3L13.0011 13.0011' stroke='%237C7C7C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center no-repeat;
  top: 21px;
  right: 72px;
}
#header .header-nav-wrapper .search-most-view .search-wrapper .search .search-box-wrapper .search-box .recommend-search {
  position: absolute;
  top: 56px;
  left: 0;
  width: 824px;
  border: 1px solid #c6cbd0;
  border-top: none;
  display: none;
  z-index: 50;
}
#header .header-nav-wrapper .search-most-view .search-wrapper .search .search-box-wrapper .search-box .recommend-search.on {
  display: block;
}
#header .header-nav-wrapper .search-most-view .search-wrapper .search .search-box-wrapper .search-box .recommend-search .recommend-search-list {
  width: 100%;
  background-color: #fff;
  padding: 12px 16px;
  cursor: pointer;
}
#header .header-nav-wrapper .search-most-view .search-wrapper .search .search-box-wrapper .search-box .recommend-search .recommend-search-list:last-child {
  border-radius: 0 0 5px 5px;
}
#header .header-nav-wrapper .search-most-view .search-wrapper .search .search-box-wrapper .search-box .recommend-search .recommend-search-list.on {
  background-color: #e3ecff !important;
}
#header .header-nav-wrapper .search-most-view .search-wrapper .search .search-box-wrapper .search-box .recommend-search .recommend-search-list .recommend-word {
  line-height: 20px;
  width: 100%;
  text-align: left;
}
#header .header-nav-wrapper .search-most-view .search-wrapper .search .search-box-wrapper .search-box .recommend-search .recommend-search-list .recommend-word .search-word {
  font-weight: 700;
}
#header .header-nav-wrapper .search-most-view .search-wrapper .search .search-box-wrapper .search-box .search-btn {
  width: 56px;
  height: 58px;
  border: 1px solid #c6cbd0;
  border-left: none;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M11.0833 19.8337C15.2715 19.8337 18.6667 16.4385 18.6667 12.2503C18.6667 8.06217 15.2715 4.66699 11.0833 4.66699C6.89517 4.66699 3.5 8.06217 3.5 12.2503C3.5 16.4385 6.89517 19.8337 11.0833 19.8337Z' stroke='%232282B9' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.6906 24.977C22.2764 25.5628 23.2262 25.5628 23.812 24.977C24.3977 24.3912 24.3977 23.4415 23.812 22.8557L21.6906 24.977ZM17.9786 17.0223L16.918 15.9617L14.7966 18.083L15.8573 19.1437L17.9786 17.0223ZM23.812 22.8557L17.9786 17.0223L15.8573 19.1437L21.6906 24.977L23.812 22.8557Z' fill='%232282B9'/%3E%3C/svg%3E") center center no-repeat;
  background-size: 24px 24px;
  border-radius: 0px 5px 5px 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#header .header-nav-wrapper .search-most-view .search-wrapper .search .search-box-wrapper .recommend-keyword {
  margin-top: 40px;
}
#header .header-nav-wrapper .search-most-view .search-wrapper .search .search-box-wrapper .recommend-keyword .title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#header .header-nav-wrapper .search-most-view .search-wrapper .search .search-box-wrapper .recommend-keyword .title-wrapper .title {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  margin-right: 16px;
  color: #333333;
}
#header .header-nav-wrapper .search-most-view .search-wrapper .search .search-box-wrapper .recommend-keyword .title-wrapper .desc {
  font-size: 18px;
  color: #484848;
}
#header .header-nav-wrapper .search-most-view .search-wrapper .search .search-box-wrapper .recommend-keyword .keywords {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#header .header-nav-wrapper .search-most-view .search-wrapper .search .search-box-wrapper .recommend-keyword .keywords .keyword-list {
  margin-right: 16px;
  margin-bottom: 16px;
}
#header .header-nav-wrapper .search-most-view .search-wrapper .search .search-box-wrapper .recommend-keyword .keywords .keyword-list .keyword-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 16px;
  height: 32px;
  border-radius: 100px;
  color: #2282b9;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  font-weight: 500;
}
#header .header-nav-wrapper .search-most-view .search-wrapper .search .search-box-wrapper .recommend-keyword .keywords .keyword-list .keyword-link:hover {
  background-color: #2282b9;
  color: #fff;
}
#header .header-nav-wrapper .search-most-view .most-view-wrapper {
  background-color: #fff;
}
#header .header-nav-wrapper .search-most-view .most-view-wrapper .most-view {
  padding: 40px 0;
  width: 1280px;
  margin: 0 auto;
}
#header .header-nav-wrapper .search-most-view .most-view-wrapper .most-view .most-view-title {
  font-size: 22px;
  line-height: 22px;
  font-weight: 700;
  margin-bottom: 18px;
}
#header .header-nav-wrapper .search-most-view .most-view-wrapper .most-view .ranks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#header .header-nav-wrapper .search-most-view .most-view-wrapper .most-view .ranks .ranks-list {
  width: 200px;
}
#header .header-nav-wrapper .search-most-view .most-view-wrapper .most-view .ranks .ranks-list .ranks-link {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#header .header-nav-wrapper .search-most-view .most-view-wrapper .most-view .ranks .ranks-list .ranks-link:hover .thumbnail .thumbnail-img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
#header .header-nav-wrapper .search-most-view .most-view-wrapper .most-view .ranks .ranks-list .ranks-link:hover .title {
  color: #2282b9;
}
#header .header-nav-wrapper .search-most-view .most-view-wrapper .most-view .ranks .ranks-list .ranks-link .thumbnail {
  width: 200px;
  height: 112px;
  border-radius: 5px;
  margin-bottom: 8px;
  position: relative;
  overflow: hidden;
}
#header .header-nav-wrapper .search-most-view .most-view-wrapper .most-view .ranks .ranks-list .ranks-link .thumbnail .play-icon {
  position: absolute;
  bottom: 8px;
  right: 8px;
  display: block;
  width: 28px;
  height: 28px;
  background: url("/resource/image/pc/play.png") center center no-repeat;
  background-size: 28px 28px;
}
#header .header-nav-wrapper .search-most-view .most-view-wrapper .most-view .ranks .ranks-list .ranks-link .thumbnail .thumbnail-img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#header .header-nav-wrapper .search-most-view .most-view-wrapper .most-view .ranks .ranks-list .ranks-link .thumbnail .rank-badge {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background-color: #126eba;
  font-weight: 500;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 5px 0 0 0;
}
#header .header-nav-wrapper .search-most-view .most-view-wrapper .most-view .ranks .ranks-list .ranks-link .title {
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding: 0 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#header .disaster-rolling-wrapper {
  background-color: #f4f6f8;
  overflow: hidden;
}
#header .disaster-rolling-wrapper .disaster-rolling {
  width: 1280px;
  height: 52px;
  margin: 0 auto;
  background-color: #eaeaea;
  padding: 0 16px 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
#header .disaster-rolling-wrapper .disaster-rolling.open {
  height: auto;
  padding-top: 16px;
  padding-bottom: 16px;
}
#header .disaster-rolling-wrapper .disaster-rolling.open .disaster-rolling-swiper {
  height: auto;
  max-height: 414px;
}
#header .disaster-rolling-wrapper .disaster-rolling.open .disaster-rolling-swiper.overflow-y {
  overflow-y: scroll;
}
#header .disaster-rolling-wrapper .disaster-rolling.open .disaster-rolling-swiper::-webkit-scrollbar {
  width: 3px;
  border-radius: 5px;
}
#header .disaster-rolling-wrapper .disaster-rolling.open .disaster-rolling-swiper::-webkit-scrollbar-thumb {
  background-color: #dbdbdb;
}
#header .disaster-rolling-wrapper .disaster-rolling.open .disaster-rolling-swiper::-webkit-scrollbar-track {
  background-color: #fff;
}
#header .disaster-rolling-wrapper .disaster-rolling.open .swiper-slide {
  margin-top: 12px;
}
#header .disaster-rolling-wrapper .disaster-rolling.open .swiper-slide:first-child {
  margin-top: 0;
}
#header .disaster-rolling-wrapper .disaster-rolling .disaster-rolling-swiper {
  margin-left: 0;
  height: 25px;
}
#header .disaster-rolling-wrapper .disaster-rolling .disaster-rolling-swiper .swiper-wrapper {
  display: inline-block;
}
#header .disaster-rolling-wrapper .disaster-rolling .disaster-rolling-swiper .swiper-wrapper .disaster-rolling-list {
  width: 1152px;
}
#header .disaster-rolling-wrapper .disaster-rolling .disaster-rolling-swiper .swiper-wrapper .disaster-rolling-list .rolling-message {
  line-height: 24px;
  color: #222;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 17px;
}
#header .disaster-rolling-wrapper .disaster-rolling .disaster-rolling-swiper .swiper-wrapper .disaster-rolling-list .rolling-message.open {
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#header .disaster-rolling-wrapper .disaster-rolling .disaster-rolling-swiper .swiper-wrapper .disaster-rolling-list .rolling-message .caution {
  display: inline-block;
  color: #f8364b;
  line-height: 24px;
  font-weight: 500;
  margin-right: 5px;
  font-size: 17px;
}
#header .disaster-rolling-wrapper .disaster-rolling .disaster-rolling-swiper .swiper-wrapper .disaster-rolling-list .rolling-message .caution.off {
  display: none;
}
#header .disaster-rolling-wrapper .disaster-rolling .arrow-btn {
  width: 32px;
  height: 32px;
  background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 10L16 22' stroke='%23999999' stroke-linecap='round'/%3E%3Cpath d='M12 18L16 22L20 18' stroke='%23999999' stroke-linecap='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 2.66634C8.63624 2.66634 2.66671 8.63588 2.66671 15.9997C2.66671 23.3635 8.63624 29.333 16 29.333C23.3638 29.333 29.3334 23.3635 29.3334 15.9997C29.3334 8.63588 23.3638 2.66634 16 2.66634Z' stroke='%23999999'/%3E%3C/svg%3E") center center no-repeat;
  margin-left: 60px;
}
#header .disaster-rolling-wrapper .disaster-rolling .arrow-btn.on {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
#header .header-notice-wrapper {
  background-color: #f4f6f8;
}
#header .header-notice-wrapper .header-notice {
  width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  height: 52px;
  background-color: #dbdbdb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#header .header-notice-wrapper .header-notice .notice-title {
  font-size: 19px;
  color: #222;
  font-weight: 700;
  line-height: 24px;
  margin-right: 16px;
}
#header .header-notice-wrapper .header-notice .notice-txt {
  font-weight: 500;
  color: #484848;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 82px);
  line-height: 24px;
  font-size: 17px;
}
#header .header-notice-wrapper .header-notice .notice-txt:hover {
  text-decoration: underline;
}

@-webkit-keyframes liveActionTop {
  0% {
    opacity: 0.25;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0.25;
  }
}

@keyframes liveActionTop {
  0% {
    opacity: 0.25;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0.25;
  }
}