@charset "UTF-8";
#contents {
  min-height: calc(100vh - 1001px);
  background-color: #f4f6f8;
  padding-bottom: 24px;
  position: relative;
  /* 2024 총선 */
}
#contents .iframe-area {
  padding: 40px 0;
}
#contents .iframe-area .inr {
  background: #f7f7f7;
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  width: 1280px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#contents .header-live-wrapper .header-live {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 16px 20px 20px;
  background-color: #333333;
  border-radius: 0 0 12px 12px;
}
#contents .header-live-wrapper .header-live:not(.on) #JW_PLAYER_LIVE {
  display: none;
}
#contents .header-live-wrapper .header-live .live-video .video {
  display: none;
}
#contents .header-live-wrapper .header-live .live-video .txt-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#contents .header-live-wrapper .header-live .live-video .txt-wrapper .live-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 16px;
}
#contents .header-live-wrapper .header-live .live-video .txt-wrapper .live-txt .red-txt {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  color: #f8364b;
  margin-right: 3px;
}
#contents .header-live-wrapper .header-live .live-video .txt-wrapper .live-txt .red-dot {
  display: block;
  width: 8px;
  height: 8px;
  background-color: #f8364b;
  border-radius: 50%;
  -webkit-animation: liveActionTop 2s ease infinite;
          animation: liveActionTop 2s ease infinite;
}
#contents .header-live-wrapper .header-live .live-video .txt-wrapper .title {
  display: block;
  color: #fff;
  font-size: 27px;
  line-height: 38px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 930px;
}
#contents .header-live-wrapper .header-live .live-video .txt-wrapper .title:hover {
  text-decoration: underline;
}
#contents .header-live-wrapper .header-live .arrow-btn {
  width: 32px;
  height: 32px;
  background: url("/resource/image/pc/ico/circleArrowWhite.svg") center center no-repeat;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
  margin-left: 60px;
}
#contents .header-live-wrapper .header-live.on #JW_PLAYER_LIVE {
  display: block;
}
#contents .header-live-wrapper .header-live.on .live-video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#contents .header-live-wrapper .header-live.on .live-video .video {
  margin-right: 16px;
  border-radius: 5px;
  width: 200px;
  height: 112px;
  display: block;
}
#contents .header-live-wrapper .header-live.on .live-video .txt-wrapper {
  display: block;
  position: relative;
}
#contents .header-live-wrapper .header-live.on .live-video .txt-wrapper .title {
  margin-top: 8px;
}
#contents .header-live-wrapper .header-live.on .arrow-btn {
  -webkit-transform: rotateX(360deg);
          transform: rotateX(360deg);
}
#contents .head-line-wrapper {
  padding-top: 24px;
}
#contents .box {
  width: 1280px;
  margin: 24px auto;
  border-radius: 10px;
  border: 1px solid #e2e2e2;
  padding: 0 16px 24px 16px;
  background-color: #fff;
  position: relative;
}
#contents .box.no-padding {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
#contents .box.padding-24 {
  padding: 24px;
}
#contents .box.no-radius {
  border-radius: 0 0 10px 10px;
}
#contents .box.half-box {
  width: 628px;
  margin: 0;
}
#contents .box .box-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 22px 0 21px 0;
  background-color: #fff;
  border-radius: 10px 10px 0 0;
}
#contents .box .box-title.has-side-padding {
  padding-left: 15px;
  padding-right: 15px;
}
#contents .box .box-title.space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#contents .box .box-title .title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#contents .box .box-title .title-wrapper.has-tooltip .title {
  margin-right: 8px;
}
#contents .box .box-title .title {
  font-size: 22px;
  font-weight: 700;
  margin-right: 16px;
  letter-spacing: -0.5px;
}
#contents .box .box-title .title.red-txt {
  color: #f8364b;
}
#contents .box .box-title .sub-title {
  font-size: 16px;
  color: #666;
}
#contents .box .box-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#contents .box .box-contents:has(.flex-style) {
  gap: 32px 0;
}
#contents .box .box-contents.direction-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#contents .box .box-contents.has-padding {
  padding: 0 15px;
}
#contents .box .box-contents.has-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#contents .box .box-contents.has-border-contents {
  display: block;
}
#contents .box .box-contents.has-border-contents .box-content {
  padding: 14px 0;
}
#contents .box .box-contents.has-border-contents .box-content:first-child {
  border-top: 1px solid #dde1e4;
}
#contents .box .box-contents.has-border-contents .box-content:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
#contents .box .box-content {
  display: block;
}
#contents .box .box-content .thumbnail {
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
#contents .box .box-content .thumbnail .common-checkbox {
  position: absolute;
  top: 8px;
  left: 8px;
}
#contents .box .box-content .thumbnail .overlay-txt {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 8px 16px 12px 16px;
  border-radius: 0 0 5px 5px;
}
#contents .box .box-content .thumbnail .overlay-txt.video {
  padding: 8px 48px 12px 16px;
}
#contents .box .box-content .thumbnail .overlay-txt.video-large {
  padding: 8px 76px 12px 16px;
}
#contents .box .box-content .thumbnail .overlay-txt .title {
  color: #fff;
  font-size: 24px;
  line-height: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: auto;
}
#contents .box .box-content .thumbnail .overlay-txt .title.height-fixed {
  height: 70px;
}
#contents .box .box-content .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;
}
#contents .box .box-content .thumbnail .play-icon.large {
  width: 42px;
  height: 42px;
  background-size: 42px 42px;
  bottom: 16px;
  right: 16px;
}
#contents .box .box-content .thumbnail .play-icon.medium {
  width: 35px;
  height: 35px;
  background-size: 35px 35px;
}
#contents .box .box-content .thumbnail .play-time {
  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;
  height: 24px;
  border-radius: 0 5px 0 5px;
  background-color: rgba(34, 34, 34, 0.8);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 8px;
}
#contents .box .box-content .thumbnail .img {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
#contents .box .box-content .thumbnail .rank-badge {
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  font-weight: 700;
  width: 24px;
  height: 24px;
  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;
  border-radius: 5px 0 5px 0;
  background-color: #126eba;
  position: absolute;
  top: 0;
  left: 0;
}
#contents .box .box-content .thumbnail.width-612 {
  height: 344px;
}
#contents .box .box-content .thumbnail.width-604 {
  height: 340px;
}
#contents .box .box-content .thumbnail.width-400 {
  height: 225px;
}
#contents .box .box-content .thumbnail.width-395 {
  height: 222px;
}
#contents .box .box-content .thumbnail.width-320 {
  height: 180px;
}
#contents .box .box-content .thumbnail.width-294 {
  height: 165px;
}
#contents .box .box-content .thumbnail.width-290 {
  height: 163px !important;
}
#contents .box .box-content .thumbnail.width-286 {
  height: 160px;
}
#contents .box .box-content .thumbnail.width-210 {
  height: 118px;
}
#contents .box .box-content .txt-wrapper {
  margin-top: 8px;
}
#contents .box .box-content .txt-wrapper .title {
  font-weight: 500;
  padding: 0 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 18px;
  line-height: 23px;
  height: 48px;
}
#contents .box .box-content .txt-wrapper .title.one-line {
  -webkit-line-clamp: 1;
  font-size: 18px;
  font-weight: 400;
  height: 25px;
}
#contents .box .box-content .txt-wrapper .title.normal-weight {
  font-weight: 400;
}
#contents .box .box-content .txt-wrapper .title.small-font {
  font-size: 16px;
}
#contents .box .box-content .txt-wrapper .title .text-play-icon {
  position: relative;
  top: 3px;
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("/resource/image/pc/ico/textPlayIconSmall.svg") center center no-repeat;
}
#contents .box .box-content .txt-wrapper .news-text {
  font-size: 14px;
  line-height: 20px;
  color: #222;
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 40px;
  padding: 0 4px;
}
#contents .box .box-content .txt-wrapper .date {
  font-size: 14px;
  color: #666;
  margin-top: 8px;
  padding: 0 4px;
}
#contents .box .box-content .txt-wrapper .date-reporter {
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 4px;
}
#contents .box .box-content .txt-wrapper .date-reporter .date,
#contents .box .box-content .txt-wrapper .date-reporter .reporter {
  font-size: 14px;
  color: #666;
  padding: 0 4px;
  margin-top: 0;
  padding: 0;
}
#contents .box .box-content .txt-wrapper .date-reporter .reporter {
  margin-left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#contents .box .box-content .txt-wrapper .date-reporter .reporter::before {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background-color: #ccc;
  margin-right: 8px;
}
#contents .box .box-content .txt-wrapper .time-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#contents .box .box-content .txt-wrapper .time-wrapper .time {
  font-size: 14px;
  font-weight: 500;
  color: #666;
  padding: 6px 16px;
  border-radius: 20px;
  border: 1px solid #e0e0e0;
  background-color: #fff;
  margin-top: 8px;
  display: inline-block;
}
#contents .box .box-content .txt-wrapper .field-writer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  padding: 0 4px;
}
#contents .box .box-content .txt-wrapper .field-writer .region,
#contents .box .box-content .txt-wrapper .field-writer .field,
#contents .box .box-content .txt-wrapper .field-writer .writer {
  font-size: 14px;
  color: #666;
}
#contents .box .box-content .txt-wrapper .field-writer .region {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#contents .box .box-content .txt-wrapper .field-writer .region::after {
  content: "";
  display: block;
  background-color: #ccc;
  width: 1px;
  height: 10px;
  margin: 0 8px;
}
#contents .box .box-content .txt-wrapper .field-writer .writer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#contents .box .box-content .txt-wrapper .field-writer .writer::before {
  content: "";
  display: block;
  background-color: #ccc;
  width: 1px;
  height: 10px;
  margin: 0 8px;
}
#contents .box .box-content .txt-wrapper .reporter {
  font-size: 14px;
  color: #666;
  margin-top: 8px;
}
#contents .box .box-content:hover .thumbnail .img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
#contents .box .box-content:hover .thumbnail .overlay-txt .title {
  text-decoration: underline;
}
#contents .box .box-content:hover .txt-wrapper .title {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #2282b9;
}
#contents .box .box-content:hover .txt-wrapper .title .text-cut {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #2282b9;
}
#contents .box .box-content.has-border {
  border-bottom: 1px solid #dde1e4;
}
#contents .box .box-content.has-border .txt-wrapper {
  margin-top: 0;
}
#contents .box .box-content.flex-style {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 163px;
}
#contents .box .box-content.flex-style .thumbnail {
  width: 290px;
  height: 163px;
}
#contents .box .box-content.flex-style .thumbnail .rank-badge {
  width: 32px;
}
#contents .box .box-content.flex-style .txt-wrapper {
  padding-top: 10px;
  margin-top: 0;
  width: 300px;
  margin-left: 14px;
}
#contents .box .box-content.flex-style .txt-wrapper .title {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
#contents .box .box-content.flex-style .txt-wrapper .news-text {
  height: 40px;
}
#contents .box.head-line {
  margin-top: 0;
  padding-top: 24px;
}
#contents .box.head-line.main-page-head-line .box-contents .main-news-wrapper {
  width: 764px;
}
#contents .box.head-line.main-page-head-line .box-contents .main-news-wrapper .main-news .thumbnail {
  height: 429px;
}
#contents .box.head-line.main-page-head-line .box-contents .main-news-wrapper .main-news .txt-wrapper {
  margin-top: 17px;
}
#contents .box.head-line.main-page-head-line .box-contents .main-news-wrapper .main-news .txt-wrapper .title {
  font-size: 34px;
  line-height: 42px;
}
#contents .box.head-line.main-page-head-line .box-contents .main-news-wrapper .main-news .txt-wrapper .news-txt {
  margin-top: 12px;
  -webkit-line-clamp: 2;
  line-height: 23px;
}
#contents .box.head-line.main-page-head-line .box-contents .sub-news-wrapper {
  width: 370px;
}
#contents .box.head-line.main-page-head-line .box-contents .sub-news-wrapper .box-content .thumbnail {
  height: 208px;
}
#contents .box.head-line.main-page-head-line .box-contents .sub-news-wrapper .box-content:nth-child(2) {
  margin-top: 24px;
}
#contents .box.head-line.main-page-head-line .box-contents .small-sub-news-wrapper {
  width: 460px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
}
#contents .box.head-line.main-page-head-line .box-contents .small-sub-news-wrapper .box-content {
  width: 218px;
}
#contents .box.head-line.main-page-head-line .box-contents .small-sub-news-wrapper .box-content .thumbnail {
  height: 122px;
}
#contents .box.head-line.main-page-head-line .box-contents .small-sub-news-wrapper .box-content .txt-wrapper .title {
  font-size: 16px;
  line-height: 23px;
  height: 46px;
}
#contents .box.head-line.main-page-head-line .box-contents .small-sub-news-wrapper .box-content:nth-child(n+3) {
  margin-top: 6px;
}
#contents .box.head-line .box-contents .main-news-wrapper {
  width: 612px;
}
#contents .box.head-line .box-contents .main-news-wrapper .main-news .txt-wrapper {
  margin-top: 12px;
}
#contents .box.head-line .box-contents .main-news-wrapper .main-news .txt-wrapper .title {
  font-size: 28px;
  line-height: 39px;
  height: auto;
  font-weight: 700;
}
#contents .box.head-line .box-contents .main-news-wrapper .main-news .txt-wrapper .news-txt {
  margin-top: 8px;
  font-size: 14px;
  color: #666;
  line-height: 21px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding: 0 4px;
}
#contents .box.head-line .box-contents .sub-news-wrapper {
  width: 300px;
}
#contents .box.head-line .box-contents .sub-news-wrapper .box-content .thumbnail {
  height: 168px;
}
#contents .box.head-line .box-contents .sub-news-wrapper .box-content:nth-child(2) {
  margin-top: 16px;
}
#contents .box.head-line .box-contents .sub-txt-news-wrapper {
  width: 288px;
}
#contents .box.head-line .box-contents .sub-txt-news-wrapper .box-content {
  padding-top: 24px;
  padding-bottom: 24px;
}
#contents .box.head-line .box-contents .sub-txt-news-wrapper .box-content:nth-child(1) {
  padding-top: 14px;
}
#contents .box.head-line .box-contents .sub-txt-news-wrapper .box-content:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
#contents .box.head-line .box-contents .sub-txt-news-wrapper .box-content .txt-wrapper .title {
  padding: 0;
  height: 49px;
}
#contents .box.head-line .box-contents .sub-txt-news-wrapper .box-content .txt-wrapper .title .text-cut {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}
#contents .box.k-recommend-news .box-contents .recommend-list {
  width: 400px;
}
#contents .box.k-recommend-news .box-contents .recommend-list .box-content.has-border {
  padding: 12px 0;
}
#contents .box.k-recommend-news .box-contents .recommend-list .box-content .txt-wrapper .title {
  font-size: 16px;
}
#contents .box.k-recommend-news .box-contents .recommend-list .box-content:first-child .title {
  font-size: 18px;
}
#contents .box.k-recommend-news .box-contents .recommend-list .box-content:nth-child(2) {
  margin-top: 30px;
  padding-top: 0;
}
#contents .box.k-recommend-news .box-contents .recommend-list .box-content:last-child {
  margin-top: 20px;
  padding-bottom: 0;
  border-bottom: none;
}
#contents .box.k-recommend-news .box-contents .recommend-list .box-content.has-border:last-child {
  margin-top: 0;
}
#contents .box.k-recommend-news .box-contents .recommend-list .box-content.sub-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
}
#contents .box.k-recommend-news .box-contents .recommend-list .box-content.sub-content .thumbnail {
  width: 160px;
  height: 90px;
}
#contents .box.k-recommend-news .box-contents .recommend-list .box-content.sub-content .txt-wrapper {
  width: calc(100% - 174px);
}
#contents .box.k-recommend-news .box-contents .recommend-list .box-content.sub-content .txt-wrapper .title {
  -webkit-line-clamp: 3;
  height: auto;
  padding: 0;
}
#contents .box.news-9 .title .date {
  padding-left: 5px;
}
#contents .box.news-9 .box-title, #contents .box.premium-k .box-title, #contents .box.sports .box-title, #contents .box.entertainment .box-title {
  padding-top: 18px;
  padding-bottom: 18px;
}
#contents .box.issue .box-title .title {
  line-height: 30px;
}
#contents .box.issue.has-tab .box-title {
  padding-top: 18px;
  padding-bottom: 17px;
}
#contents .box.issue .tab-contents .box-contents .box-content {
  width: 286px;
}
#contents .box.issue .tab-contents .box-contents .box-content.has-border {
  width: 100%;
}
#contents .box.issue.img-type {
  position: relative;
}
#contents .box.issue.img-type .box-title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 50;
}
#contents .box.issue.img-type .box-content {
  position: relative;
}
#contents .box.issue.img-type .box-content .thumbnail {
  border-radius: 10px;
  height: 355px;
}
#contents .box.issue #issue-02 .look-more-wrapper {
  margin-top: 29px;
}
#contents .box.recent-news .box-contents .box-content {
  padding: 17px 0;
}
#contents .box.most-viewed .box-title {
  padding-top: 20px;
  padding-bottom: 20px;
}
#contents .box.most-viewed .box-contents .box-content {
  width: 182px;
}
#contents .box.most-viewed .box-contents .box-content:nth-child(n+4) {
  margin-top: 24px;
}
#contents .box.most-viewed .box-contents .box-content .thumbnail {
  height: 103px;
}
#contents .box.most-viewed .box-contents .box-content .txt-wrapper {
  height: 46px;
}
#contents .box.k-shorts[no-data=true] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#contents .box.k-shorts .no-data {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin: 0 23px 23px;
  border-top: 1px solid #EAECEF;
}
#contents .box.k-shorts .k-shorts-slide {
  height: 237px;
}
#contents .box.k-shorts .k-shorts-slide .swiper-wrapper .swiper-slide {
  width: 131px;
}
#contents .box.k-shorts .k-shorts-slide .swiper-wrapper .swiper-slide .box-content .thumbnail {
  height: 233px;
}
#contents .box.youtube-live-news .youtube-live-news-slide {
  height: 237px;
}
#contents .box.youtube-live-news .box-content .txt-wrapper .title {
  -webkit-line-clamp: 3;
  height: 69px;
  line-height: 22px;
}
#contents .box.premium-k {
  width: 1024px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
#contents .box.premium-k .box-title .tab-btns-look-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 30px;
}
#contents .box.premium-k .premium-k-slide .swiper-wrapper .swiper-slide {
  width: 230px;
}
#contents .box.premium-k .premium-k-slide .swiper-wrapper .swiper-slide .thumbnail {
  height: 128px;
}
#contents .box.asian-game {
  width: 1024px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  background: transparent;
  border: 1px solid transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)), -webkit-gradient(linear, left top, left bottom, from(#0f1ec8), to(#00afff));
  background-image: linear-gradient(#fff, #fff), linear-gradient(180deg, #0f1ec8 0%, #00afff 100%);
  background-origin: border-box;
  background-clip: content-box, border-box;
}
#contents .box.asian-game .box-title {
  padding-top: 18px;
  padding-bottom: 18px;
}
#contents .box.asian-game .box-title .title {
  background: -webkit-gradient(linear, left top, left bottom, from(#323ce6), to(#00afff));
  background: linear-gradient(180deg, #323ce6 0%, #00afff 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 24px;
}
#contents .box.asian-game .box-content .thumbnail {
  height: 128px;
}
#contents .box.asian-game .look-more .txt {
  color: #0f1ec8;
}
#contents .box.asian-game .look-more .plus-btn {
  background: url("/resource/image/pc/special/asiangames/2022/circlePlusAsian.svg") center center no-repeat;
}
#contents .box.nationwide-news .box-contents .box-content-wrapper {
  position: relative;
}
#contents .box.nationwide-news .box-contents .box-content-wrapper:nth-child(n+4) {
  margin-top: 24px;
}
#contents .box.nationwide-news .box-contents .box-content-wrapper .box-content {
  width: 400px;
  position: relative;
}
#contents .box.nationwide-news .box-contents .box-content-wrapper .region-badge {
  position: absolute;
  top: 0;
  left: 0;
  width: 58px;
  height: 40px;
  border-radius: 5px 0 5px 0;
  background-color: #126eba;
  color: #fff;
  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;
  font-size: 18px;
  line-height: 23px;
  font-weight: 500;
}
#contents .box.nationwide-news .box-contents .box-content {
  width: 400px;
  position: relative;
}
#contents .box.nationwide-news .region-most-viewed {
  margin-top: 30px;
}
#contents .box.nationwide-news .region-most-viewed .region-title {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 21px;
}
#contents .box.nationwide-news .region-most-viewed .box-contents .box-content {
  width: 236px;
  margin-top: 0;
}
#contents .box.nationwide-news .region-most-viewed .box-contents .box-content .thumbnail {
  height: 132px;
}
#contents .box.election-box {
  padding: 0;
  background-color: #fff;
  outline: 1px solid #e8eaec;
  border: 4px solid #fff;
  background-origin: border-box;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)), -webkit-gradient(linear, left top, right top, color-stop(33%, #fed2ea), color-stop(66%, #cbebff), to(#7ef1ff));
  background-image: linear-gradient(#fff, #fff), linear-gradient(90deg, #fed2ea 33%, #cbebff 66%, #7ef1ff 100%);
  background-clip: content-box, border-box;
}
@-webkit-keyframes borderAni {
  0% {
    border-top: 4px solid transparent;
  }
  33% {
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
  }
  66% {
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
  }
  100% {
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent;
  }
}
@keyframes borderAni {
  0% {
    border-top: 4px solid transparent;
  }
  33% {
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
  }
  66% {
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
  }
  100% {
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent;
  }
}
#contents .box.election-box .box-title-wrapper .box-title {
  margin: 0 28px;
  padding-top: 28px;
  padding-bottom: 18px;
}
#contents .box.election-box .box-title-wrapper .box-title.has-border {
  padding-bottom: 20px;
  border-bottom: 1px solid #270075;
}
#contents .box.election-box .box-title-wrapper .box-title .title-wrapper {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 10px;
}
#contents .box.election-box .box-title-wrapper .box-title .title-wrapper .icon-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
#contents .box.election-box .box-title-wrapper .box-title .title-wrapper .icon-title .icon {
  width: 29px;
  height: 29px;
}
#contents .box.election-box .box-title-wrapper .box-title .title-wrapper .icon-title .title {
  font-size: 24px;
  font-weight: 700;
  margin-right: 0;
  letter-spacing: -0.5px;
  color: #333;
}
#contents .box.election-box .box-title-wrapper .box-title .sub-title {
  color: #333;
  font-size: 15px;
  letter-spacing: -0.5px;
  position: relative;
  top: -3px;
}
#contents .box.election-box .box-title-wrapper .box-title .look-more {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 4px;
}
#contents .box.election-box .box-title-wrapper .box-title .look-more .txt {
  color: #666;
  margin-right: 0;
}
#contents .box.election-box .box-title-wrapper .box-title .look-more .plus-btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 6px;
          flex: 0 0 6px;
  height: 10px;
  background-image: url(/special/election2024/resource/image/pc/more-arrow.png);
}
#contents .box.election-box .box-contents-wrapper {
  margin: 0 28px 28px 28px;
}
#contents .box.election-box .box-content .thumbnail .play-icon {
  background: url("/resource/image/pc/special/election/2024/elecPlayIcon.svg") center center no-repeat;
}
#contents .box.election-box .box-content .txt-wrapper {
  margin-top: 10px;
}
#contents .box.election-box .box-content .txt-wrapper .title {
  padding: 0;
  font-size: 16px;
  line-height: 22px;
  height: 44px;
  letter-spacing: -0.32px;
}
#contents .box.election-box .box-content:hover .txt-wrapper .title {
  color: #270075;
}
#contents .box.election-box.election-news .box-title .title-wrapper .icon-title .icon {
  background: url("/resource/image/pc/special/election/2024/electionNews.svg") center center no-repeat;
}
#contents .box.election-box.election-news .sub-news-wrapper {
  width: 592px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
#contents .box.election-box.election-news .sub-news-wrapper.left-sub-news-wrapper, #contents .box.election-box.election-news .sub-news-wrapper.right-sub-news-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
#contents .box.election-box.election-news .sub-news-wrapper.bottom-sub-news-wrapper {
  margin-top: 40px;
}
#contents .box.election-box.election-news .sub-news-wrapper .box-content {
  width: 288px;
}
#contents .box.election-box.election-news .sub-news-wrapper .box-content .thumbnail {
  height: 162px;
}
#contents .box.election-box.election-news .sub-news-wrapper .box-content:nth-child(3), #contents .box.election-box.election-news .sub-news-wrapper .box-content:nth-child(4) {
  margin-top: 8px;
}
#contents .box.election-box.election-news .main-news-wrapper .box-content {
  width: 592px;
}
#contents .box.election-box.election-news .main-news-wrapper .box-content .thumbnail {
  height: 333px;
}
#contents .box.election-box.election-news .main-news-wrapper .box-content .txt-wrapper {
  margin-top: 18px;
}
#contents .box.election-box.election-news .main-news-wrapper .box-content .txt-wrapper .title {
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  height: 52px;
  padding: 0;
  letter-spacing: -0.4px;
}
#contents .box.election-box.election-news .main-news-wrapper .box-content .txt-wrapper .news-txt {
  font-size: 14px;
  line-height: 22px;
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  letter-spacing: -0.28px;
  color: #999;
}
#contents .box.election-box.election-video .box-title .title-wrapper .icon-title .icon {
  background: url("/resource/image/pc/special/election/2024/electionVideo.svg") center center no-repeat;
}
#contents .box.election-box.election-video .box-content {
  width: 234px;
}
#contents .box.election-box.election-video .box-content .thumbnail {
  height: 127px;
}
#contents .box.election-box.digital-video .box-content {
  width: 234px;
}
#contents .box.election-box.digital-video .box-content .thumbnail {
  height: 127px;
}
#contents .box.election-box.digital-video .box-title .title-wrapper .icon-title .icon {
  background: url("/resource/image/pc/special/election/2024/digitalVideo.svg") center center no-repeat;
}
#contents .box.election-box.election-information {
  width: 944px;
  margin: 0;
}
#contents .box.election-box.election-information .box-title .title-wrapper .icon-title .icon {
  background: url("/resource/image/pc/special/election/2024/electionInfo.svg") center center no-repeat;
}
#contents .box.election-box.election-information .box-title .primary-button {
  width: 205px;
}
#contents .box.election-box.election-information .informations-wrapper {
  margin: 0 28px 23px 28px;
}
#contents .box.election-box.election-information .informations-wrapper .informations .information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 14px 24px;
  gap: 37px;
  border-bottom: 1px solid #eee;
}
#contents .box.election-box.election-information .informations-wrapper .informations .information:last-child {
  padding-bottom: 4px;
  border-bottom: none;
}
#contents .box.election-box.election-information .informations-wrapper .informations .information .title {
  font-weight: 500;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58px;
          flex: 0 0 58px;
  color: #270075;
  line-height: 22px;
}
#contents .box.election-box.election-information .informations-wrapper .informations .information .text {
  line-height: 22px;
}
#contents .box.election-box.election-information .informations-wrapper .informations .information .text .bold-text {
  font-weight: 700;
}
#contents .box.election-box.election-archive {
  width: 628px;
}
#contents .box.election-box.election-archive .box-title .title-wrapper .icon-title .icon {
  background: url("/resource/image/pc/special/election/2024/electionArchive.svg") center center no-repeat;
}
#contents .box.election-box.election-archive .archive-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 28px 28px 28px;
}
#contents .box.election-box.election-archive .archive-links .archive-link {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 178px;
          flex: 0 0 178px;
  height: 84px;
  border-radius: 10px;
}
#contents .box.election-box.election-archive .archive-links .archive-link img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
#contents .box.election-box:first-child {
  margin-top: 0;
}
#contents .box.election-box.election-banner {
  height: 120px;
  background-size: 100% 100%;
  position: relative;
}
#contents .box.election-box.election-banner .background-image {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
#contents .box.election-box.election-banner .link-lists-wrapper {
  position: absolute;
  top: 36px;
  left: 378px;
}
#contents .box.election-box.election-banner .link-lists-wrapper .link-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#contents .box.election-box.election-banner .link-lists-wrapper .link-lists:nth-child(2) {
  margin-top: 11px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#contents .box.election-box.election-banner .link-lists-wrapper .link-lists .link-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#contents .box.election-box.election-banner .link-lists-wrapper .link-lists .link-list .link {
  font-weight: 500;
  font-size: 18px;
  color: #484848;
}
#contents .box.election-box.election-banner .link-lists-wrapper .link-lists .link-list .link:hover {
  font-weight: 700;
  color: #6f37b1;
}
#contents .box.election-box.election-banner .link-lists-wrapper .link-lists .link-list::after {
  content: "";
  display: block;
  width: 1px;
  height: 18px;
  background-color: #fff;
  margin: 0 10px;
}
#contents .box.election-box.election-banner .link-lists-wrapper .link-lists .link-list:last-child::after {
  display: none;
}
#contents .box.election-box.election-poll .box-title .title-wrapper .icon-title .icon {
  background: url("/resource/image/pc/special/election/2024/electionPoll.svg") center center no-repeat;
}
#contents .box.election-box.election-poll .only-poll-area {
  margin: 24px 76px 28px 76px;
}
#contents .box.election-box.election-poll .only-poll-area .content {
  width: 100%;
}
#contents .box.election-box.election-poll .poll-area-banner {
  margin: 24px 76px 28px 76px;
}
#contents .box.election-box.election-poll .poll-area-banner .poll-area .chart-title {
  font-weight: 700;
  margin-bottom: 14px;
  letter-spacing: -0.28px;
  color: #533ebd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}
#contents .box.election-box.election-poll .poll-area-banner .poll-area .chart-title::after {
  content: "";
  display: block;
  width: 38px;
  height: 3px;
  background-color: #533ebd;
}
#contents .box.election-box.election-poll .poll-area-banner .banner-area {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 544px;
          flex: 0 0 544px;
}
#contents .box.election-box.election-poll .poll-area-banner .banner-area img {
  width: 100%;
}
#contents .box.election-box.election-result .box-title.has-border {
  padding-bottom: 10px;
}
#contents .box.election-box.election-result .box-title .title-wrapper .icon-title .icon {
  background: url("/resource/image/pc/special/election/2024/electionResult.svg") center center no-repeat;
}
#contents .box.election-box.election-result .image-area {
  margin: 30px 28px 28px 28px;
}
#contents .box.election-box.election-result .image-area .tab-contents .tab-contents-list {
  height: 1018px;
}
#contents .box.election-box.election-result .image-area .tab-contents .tab-contents-list img {
  width: 100%;
  height: 100%;
}
#contents .box.election-box.poll-news .box-contents-wrapper .box-contents .main-news-wrapper .box-content .txt-wrapper .news-txt {
  font-size: 16px;
}
#contents .box.election-box.poll-news .box-contents-wrapper .box-contents .sub-news-wrapper {
  width: 592px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#contents .box.election-box.poll-news .box-contents-wrapper .box-contents .sub-news-wrapper .box-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  width: 100%;
}
#contents .box.election-box.poll-news .box-contents-wrapper .box-contents .sub-news-wrapper .box-content .thumbnail {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 240px;
          flex: 0 0 240px;
  height: 132px;
}
#contents .box.election-box.poll-news .box-contents-wrapper .box-contents .sub-news-wrapper .box-content .txt-wrapper {
  width: calc(100% - 256px);
  margin-top: 0;
}
#contents .box.election-box.poll-news .box-contents-wrapper .box-contents .sub-news-wrapper .box-content .txt-wrapper .title {
  font-weight: 700;
  line-height: 22px;
  color: #333;
}
#contents .box.election-box.poll-news .box-contents-wrapper .box-contents .sub-news-wrapper .box-content .txt-wrapper .news-txt {
  font-size: 16px;
  line-height: 22px;
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  letter-spacing: -0.28px;
  color: #666;
}
#contents .box.election-box.nodata {
  width: 1280px;
  height: 620px;
  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;
  text-align: center;
  pointer-events: none;
  border: 4px solid transparent;
  outline: none;
}
#contents .box.election-box.nodata .text h4 {
  font-size: 32px;
  line-height: 32px;
  letter-spacing: -0.5px;
  color: #270075;
  font-weight: 700;
  margin: 10px 0;
}
#contents .box.election-box.nodata .text p {
  font-size: 18px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #333333;
}
#contents .box.election-box.sub-page-poll-result-box > .chart-area {
  padding: 24px 28px 24px 28px;
}
#contents .box.election-box.sub-page-poll-result-box .half-box-wrapper {
  width: 1216px;
  margin: 0 auto 28px;
  gap: 30px;
}
#contents .box.election-box.sub-page-poll-result-box .half-box-wrapper .half-box {
  width: 594px;
  padding: 24px;
  border-radius: 4px;
  background-color: #fbfbff;
}
#contents .box.election-box.sub-page-poll-result-box .half-box-wrapper .half-box .title {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.4px;
  padding-bottom: 12px;
  border-bottom: 1px solid #888;
  margin-bottom: 24px;
}
#contents .pagination-group-wrapper {
  height: 56px;
  margin-top: 18px;
  border-top: 1px solid #eaeaea;
  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;
}
#contents .pagination-group-wrapper .pagination-group {
  text-align: center;
  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;
}
#contents .pagination-group-wrapper .pagination-group .previous,
#contents .pagination-group-wrapper .pagination-group .next {
  width: 42px;
  height: 28px;
  border: 1px solid #dde1e4;
  line-height: 31px;
}
#contents .pagination-group-wrapper .pagination-group .previous:hover,
#contents .pagination-group-wrapper .pagination-group .next:hover {
  background-color: #f6f7f8;
}
#contents .pagination-group-wrapper .pagination-group .previous {
  border-radius: 100px 0px 0px 100px;
}
#contents .pagination-group-wrapper .pagination-group .previous::before {
  display: inline-block;
  content: "";
  width: 18px;
  height: 18px;
  background: url("/resource/image/pc/ico/boardArrowPrev.svg") center center no-repeat;
  background-size: contain;
}
#contents .pagination-group-wrapper .pagination-group .previous .txt {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  -webkit-clip-path: polygon(0 0, 0 0, 0 0);
          clip-path: polygon(0 0, 0 0, 0 0);
}
#contents .pagination-group-wrapper .pagination-group .pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 52px;
  height: 28px;
  border-top: 1px solid #dde1e4;
  border-bottom: 1px solid #dde1e4;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #484848;
  font-size: 14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#contents .pagination-group-wrapper .pagination-group .pagination .swiper-pagination-current {
  font-weight: 500;
  font-size: 14px;
  padding-right: 2px;
}
#contents .pagination-group-wrapper .pagination-group .pagination .swiper-pagination-total {
  font-size: 14px;
  color: #484848;
  padding-left: 2px;
}
#contents .pagination-group-wrapper .pagination-group .next {
  border-radius: 0px 100px 100px 0px;
}
#contents .pagination-group-wrapper .pagination-group .next::before {
  display: inline-block;
  content: "";
  width: 18px;
  height: 18px;
  background: url("/resource/image/pc/ico/boardArrowNext.svg") center center no-repeat;
  background-size: contain;
}
#contents .pagination-group-wrapper .pagination-group .next .txt {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  -webkit-clip-path: polygon(0 0, 0 0, 0 0);
          clip-path: polygon(0 0, 0 0, 0 0);
}
#contents .pagination-group-wrapper .pagination-group.off .next,
#contents .pagination-group-wrapper .pagination-group.off .previous {
  display: none;
}
#contents .pagination-group-wrapper .pagination-group.off .pagination {
  border: 1px solid #dde1e4;
  border-radius: 20px;
  padding: 4px;
}
#contents .look-more-wrapper {
  height: 56px;
  margin-top: 18px;
  border-top: 1px solid #eaeaea;
  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;
}
#contents .look-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
}
#contents .look-more:hover .txt {
  text-decoration: underline;
}
#contents .look-more .txt {
  color: #484848;
  margin-right: 8px;
}
#contents .look-more .plus-btn {
  width: 29px;
  height: 29px;
  background: url("/resource/image/pc/ico/circlePlus.svg") center center no-repeat;
}
#contents .swiper.has-padding {
  padding: 0 15px;
}
#contents .half-box-wrapper {
  width: 1280px;
  margin: 24px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#contents .half-box-wrapper .box {
  margin-bottom: 0;
}
#contents .live-keyword {
  width: 1280px;
  margin: 0 auto;
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#contents .live-keyword .live-link {
  width: 628px;
  height: 60px;
  border-radius: 8px 0 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #e8cfd2;
}
#contents .live-keyword .live-link .title {
  width: 90px;
  height: 100%;
  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: #333333;
  font-size: 20px;
  font-weight: 700;
  background-color: #ffedef;
  margin-right: 16px;
  border-radius: 8px 0 0 8px;
}
#contents .live-keyword .live-link .txt-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 106px);
}
#contents .live-keyword .live-link .txt-wrapper .link-txt {
  font-size: 18px;
  font-weight: 500;
  color: #484848;
}
#contents .live-keyword .live-link .txt-wrapper .link-txt strong {
  color: #222;
  font-weight: 700;
}
#contents .live-keyword .live-link .txt-wrapper .arrow {
  width: 16px;
  height: 16px;
  background: url("/resource/image/pc/ico/liveArrow.svg") center center no-repeat;
  margin-right: 16px;
}
#contents .live-keyword .today-keyword {
  width: 628px;
  height: 60px;
  border-radius: 8px 0 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #c5d7fb;
}
#contents .live-keyword .today-keyword .title-wrapper {
  height: 100%;
  background-color: #dbe7ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 24px;
  border-radius: 8px 0 0 8px;
}
#contents .live-keyword .today-keyword .title-wrapper .title {
  font-size: 20px;
  font-weight: 700;
  color: #333333;
  margin-right: 8px;
}
#contents .live-keyword .today-keyword .title-wrapper .tooltip-wrapper .tooltip-btn {
  background: url("/resource/image/pc/ico/tooltipBtn.svg") center center no-repeat;
}
#contents .live-keyword .today-keyword .rolling-keyword {
  width: calc(100% - 206px);
  height: 100%;
}
#contents .live-keyword .today-keyword .rolling-keyword .swiper-wrapper {
  margin-left: 24px;
}
#contents .live-keyword .today-keyword .rolling-keyword .swiper-wrapper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#contents .live-keyword .today-keyword .rolling-keyword .swiper-wrapper .swiper-slide .rolling-keyword-link {
  color: #333333;
  font-size: 18px;
  font-weight: 500;
  margin-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#contents .live-keyword .today-keyword .rolling-keyword .swiper-wrapper .swiper-slide .rolling-keyword-link:last-child {
  margin-right: 0;
}
#contents .main-banners-wrapper {
  width: 1280px;
  margin: 24px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#contents .main-banners-wrapper .main-banner {
  position: relative;
  width: 628px;
  height: 80px;
  border-radius: 8px 0 0 8px;
}
#contents .main-banners-wrapper .main-banner .img {
  width: 100%;
  border-radius: 8px 0 0 8px;
}
#contents .main-banners-wrapper .main-banner .main-banner-text {
  position: absolute;
  line-height: 18px;
  right: 0;
  top: 50%;
  color: #fff;
  width: 75px;
  height: 20px;
  margin: -10px 24px 0 0;
  background: url("/resource/image/pc/ico/mainBannerArrow.svg") center right no-repeat;
}
#contents .news-category {
  width: 1280px;
  height: 100px;
  margin: 24px auto;
  background-color: #303237;
  border-radius: 10px 0 0 10px;
  padding: 0 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#contents .news-category .kbs-txt {
  margin-right: 60px;
  background: url("/resource/image/pc/ico/kbsTxt.svg") center center no-repeat;
  width: 120px;
  height: 56px;
}
#contents .news-category .news-category-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#contents .news-category .news-category-links .news-category-list {
  margin-right: 30px;
  width: 64px;
}
#contents .news-category .news-category-links .news-category-list:last-child {
  margin-right: 0;
}
#contents .news-category .news-category-links .news-category-list .news-category-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#contents .news-category .news-category-links .news-category-list .news-category-link .img {
  width: 32px;
  height: 32px;
}
#contents .news-category .news-category-links .news-category-list .news-category-link .img.politics-img {
  background: url("/resource/image/pc/ico/politics.svg") center center no-repeat;
}
#contents .news-category .news-category-links .news-category-list .news-category-link .img.economy-img {
  background: url("/resource/image/pc/ico/economy.svg") center center no-repeat;
}
#contents .news-category .news-category-links .news-category-list .news-category-link .img.society-img {
  background: url("/resource/image/pc/ico/society.svg") center center no-repeat;
}
#contents .news-category .news-category-links .news-category-list .news-category-link .img.culture-img {
  background: url("/resource/image/pc/ico/culture.svg") center center no-repeat;
}
#contents .news-category .news-category-links .news-category-list .news-category-link .img.international-img {
  background: url("/resource/image/pc/ico/international.svg") center center no-repeat;
}
#contents .news-category .news-category-links .news-category-list .news-category-link .img.environment-img {
  background: url("/resource/image/pc/ico/environment.svg") center center no-repeat;
}
#contents .news-category .news-category-links .news-category-list .news-category-link .img.it-img {
  background: url("/resource/image/pc/ico/it.svg") center center no-repeat;
}
#contents .news-category .news-category-links .news-category-list .news-category-link .img.life-img {
  background: url("/resource/image/pc/ico/life.svg") center center no-repeat;
}
#contents .news-category .news-category-links .news-category-list .news-category-link .img.sports-img {
  background: url("/resource/image/pc/ico/sports.svg") center center no-repeat;
}
#contents .news-category .news-category-links .news-category-list .news-category-link .img.entertainments-img {
  background: url("/resource/image/pc/ico/entertainments.svg") center center no-repeat;
}
#contents .news-category .news-category-links .news-category-list .news-category-link .img.notice-img {
  background: url("/resource/image/pc/ico/notice.svg") center center no-repeat;
}
#contents .news-category .news-category-links .news-category-list .news-category-link .txt {
  color: #b6b8b9;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  margin-top: 8px;
}
#contents .news-category .news-category-links .news-category-list .news-category-link:hover .img.politics-img {
  background: url("/resource/image/pc/ico/politicsOn.svg") center center no-repeat;
}
#contents .news-category .news-category-links .news-category-list .news-category-link:hover .img.economy-img {
  background: url("/resource/image/pc/ico/economyOn.svg") center center no-repeat;
}
#contents .news-category .news-category-links .news-category-list .news-category-link:hover .img.society-img {
  background: url("/resource/image/pc/ico/societyOn.svg") center center no-repeat;
}
#contents .news-category .news-category-links .news-category-list .news-category-link:hover .img.culture-img {
  background: url("/resource/image/pc/ico/cultureOn.svg") center center no-repeat;
}
#contents .news-category .news-category-links .news-category-list .news-category-link:hover .img.international-img {
  background: url("/resource/image/pc/ico/internationalOn.svg") center center no-repeat;
}
#contents .news-category .news-category-links .news-category-list .news-category-link:hover .img.environment-img {
  background: url("/resource/image/pc/ico/environmentOn.svg") center center no-repeat;
}
#contents .news-category .news-category-links .news-category-list .news-category-link:hover .img.it-img {
  background: url("/resource/image/pc/ico/itOn.svg") center center no-repeat;
}
#contents .news-category .news-category-links .news-category-list .news-category-link:hover .img.life-img {
  background: url("/resource/image/pc/ico/lifeOn.svg") center center no-repeat;
}
#contents .news-category .news-category-links .news-category-list .news-category-link:hover .img.sports-img {
  background: url("/resource/image/pc/ico/sportsOn.svg") center center no-repeat;
}
#contents .news-category .news-category-links .news-category-list .news-category-link:hover .img.entertainments-img {
  background: url("/resource/image/pc/ico/entertainmentsOn.svg") center center no-repeat;
}
#contents .news-category .news-category-links .news-category-list .news-category-link:hover .img.notice-img {
  background: url("/resource/image/pc/ico/noticeOn.svg") center center no-repeat;
}
#contents .news-category .news-category-links .news-category-list .news-category-link:hover .txt {
  color: #ff9c00;
}
#contents .premium-k-wrapper .banner,
#contents .asian-game-wrapper .banner {
  width: 232px;
  height: 322px;
  border-radius: 10px;
}
#contents .premium-k-wrapper .banner .img,
#contents .asian-game-wrapper .banner .img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
#contents .asian-game-wrapper .banner {
  width: 232px;
  height: 323px;
  border-radius: 10px;
}
#contents .asian-game-wrapper .banner .img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
#contents .sisa-main-news {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 49.11%;
          flex: 0 0 49.11%;
  max-width: 612px;
}
#contents .overlay-news-wrapper {
  width: 612px;
}
#contents .overlay-news-wrapper .box-content {
  width: 294px;
}
#contents .overlay-news-wrapper .box-content:nth-child(n+3) {
  margin-top: 14px;
}
#contents .overlay-news-wrapper .box-content .thumbnail .overlay-txt .title {
  font-size: 18px;
  line-height: 23px;
  min-height: 48px;
}
#contents .overlay-news-wrapper .bottom-banner {
  display: block;
  height: 80px;
  border-radius: 5px;
  position: relative;
  margin-top: 16px;
  border-radius: 5px;
}
#contents .overlay-news-wrapper .bottom-banner .img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
#contents .overlay-news-wrapper .bottom-banner:hover .title {
  text-decoration: underline;
}
#contents .overlay-news-wrapper .bottom-banner .title {
  font-size: 18px;
  line-height: 24px;
  position: absolute;
  top: 16px;
  left: 30px;
}
#contents .overlay-news-wrapper .bottom-banner .title strong {
  font-weight: 700;
}
#contents .overlay-news-wrapper .bottom-banner .title.color-blue {
  color: #0f3686;
}
#contents .overlay-news-wrapper .bottom-banner .title.color-blue strong {
  color: #0a245a;
}
#contents .overlay-news-wrapper .bottom-banner .title.color-white {
  color: #fff;
}
#contents .overlay-news-wrapper .bottom-banner .title.color-white strong {
  color: #fff;
}
#contents .overlay-news-wrapper .bottom-banner .img {
  width: 100%;
  height: 100%;
}
#contents .sports-enter-main-news {
  width: 612px;
}
#contents .election-iframe-box {
  margin: 24px 0;
}