#contents .view-article {
  line-height: 1.58;
}
#contents .view-article * {
  line-height: inherit;
}
#contents .view-page {
  width: 1280px;
  padding-top: 24px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
#contents .view-page img {
  width: auto;
  max-width: 100%;
}
#contents .view-page .view-contents-wrapper {
  width: 962px;
}
#contents .view-page .view-contents-wrapper .view-headline {
  padding: 24px;
  position: relative;
  margin: 0;
}
#contents .view-page .view-contents-wrapper .view-headline .category-issue {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}
#contents .view-page .view-contents-wrapper .view-headline .category-issue .category-name {
  padding: 6px 16px;
  border-radius: 15px;
  border: 1px solid #94badc;
  color: #456bcd;
  font-weight: 700;
  margin-right: 16px;
}
#contents .view-page .view-contents-wrapper .view-headline .category-issue .category-name:hover {
  background: #456bcd;
  color: #fff;
  border: 1px solid #456bcd;
}
#contents .view-page .view-contents-wrapper .view-headline .category-issue .issue-name {
  font-weight: 500;
  font-size: 16px;
  color: #7c7c7c;
  color: #2282b9;
}
#contents .view-page .view-contents-wrapper .view-headline .headline-title {
  font-size: 30px;
  line-height: 42px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 20px;
}
#contents .view-page .view-contents-wrapper .view-headline .dates {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#contents .view-page .view-contents-wrapper .view-headline .dates .input-date,
#contents .view-page .view-contents-wrapper .view-headline .dates .edit-date {
  font-size: 14px;
  font-weight: 500;
  color: #7c7c7c;
}
#contents .view-page .view-contents-wrapper .view-headline .dates .edit-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#contents .view-page .view-contents-wrapper .view-headline .dates .edit-date::before {
  content: "";
  margin-left: 16px;
  margin-right: 16px;
  display: block;
  width: 1px;
  height: 14px;
  background-color: #ccc;
}
#contents .view-page .view-contents-wrapper .view-headline .tts-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  bottom: 24px;
  right: 24px;
}
#contents .view-page .view-contents-wrapper .view-headline .tts-summary .tts-btn-wrapper {
  position: relative;
}
#contents .view-page .view-contents-wrapper .view-headline .tts-summary .tts-btn-wrapper:hover .tooltip {
  display: block;
}
#contents .view-page .view-contents-wrapper .view-headline .tts-summary .tts-btn-wrapper .tts-btn {
  width: 26px;
  height: 26px;
  background: url("/resource/image/pc/ico/tts.svg") center center no-repeat;
}
#contents .view-page .view-contents-wrapper .view-headline .tts-summary .tts-btn-wrapper .tts-btn.on {
  background: url("/resource/image/pc/ico/ttsOn.svg") center center no-repeat;
}
#contents .view-page .view-contents-wrapper .view-headline .tts-summary .summary-btn {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  padding: 3px 16px;
  border-radius: 15px;
  border: 1px solid #bebebe;
  margin-left: 16px;
}
#contents .view-page .view-contents-wrapper .view-headline .tts-summary .summary-btn:hover {
  background-color: #f2f2f2;
}
#contents .view-page .view-contents-wrapper .view-article {
  padding: 24px;
}
#contents .view-page .view-contents-wrapper .view-article .player-area {
  height: 522px;
  background-color: #eaeaea;
  margin-bottom: 16px;
}
#contents .view-page .view-contents-wrapper .view-article .prev-next-links {
  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;
  padding-top: 32px;
}
#contents .view-page .view-contents-wrapper .view-article .prev-next-links .prev-link,
#contents .view-page .view-contents-wrapper .view-article .prev-next-links .next-link {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(50% - 50px);
          flex: 0 1 calc(50% - 50px);
  height: 60px;
}
#contents .view-page .view-contents-wrapper .view-article .prev-next-links .prev-link .arrow-icon,
#contents .view-page .view-contents-wrapper .view-article .prev-next-links .next-link .arrow-icon {
  position: absolute;
  top: 0;
  display: block;
  width: 24px;
  height: 100%;
  opacity: 0.6;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
#contents .view-page .view-contents-wrapper .view-article .prev-next-links .prev-link [class*=-title-wrapper],
#contents .view-page .view-contents-wrapper .view-article .prev-next-links .next-link [class*=-title-wrapper] {
  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;
  border: 1px solid #C6CBD0;
  border-radius: 10px;
  overflow: hidden;
  gap: 0 16px;
  -webkit-transition: border 0.2s;
  transition: border 0.2s;
}
#contents .view-page .view-contents-wrapper .view-article .prev-next-links .prev-link [class*=-title-wrapper] [class*=-txt],
#contents .view-page .view-contents-wrapper .view-article .prev-next-links .next-link [class*=-title-wrapper] [class*=-txt] {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 55px;
          flex: 0 0 55px;
  display: block;
  height: 32px;
  font-size: 14px;
  font-weight: 700;
  color: #7C7C7C;
  line-height: 32px;
  text-align: center;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
#contents .view-page .view-contents-wrapper .view-article .prev-next-links .prev-link [class*=-title-wrapper] [class*=-txt]::after,
#contents .view-page .view-contents-wrapper .view-article .prev-next-links .next-link [class*=-title-wrapper] [class*=-txt]::after {
  position: absolute;
  top: 0;
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #bbb;
}
#contents .view-page .view-contents-wrapper .view-article .prev-next-links .prev-link [class*=-title-wrapper] .title-img,
#contents .view-page .view-contents-wrapper .view-article .prev-next-links .next-link [class*=-title-wrapper] .title-img {
  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;
  gap: 0 16px;
}
#contents .view-page .view-contents-wrapper .view-article .prev-next-links .prev-link [class*=-title-wrapper] .title-img p,
#contents .view-page .view-contents-wrapper .view-article .prev-next-links .next-link [class*=-title-wrapper] .title-img p {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
#contents .view-page .view-contents-wrapper .view-article .prev-next-links .prev-link [class*=-title-wrapper] .title-img .img-wrapper,
#contents .view-page .view-contents-wrapper .view-article .prev-next-links .next-link [class*=-title-wrapper] .title-img .img-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 103px;
          flex: 0 0 103px;
}
#contents .view-page .view-contents-wrapper .view-article .prev-next-links .prev-link [class*=-title-wrapper] .title-img .img-wrapper img,
#contents .view-page .view-contents-wrapper .view-article .prev-next-links .next-link [class*=-title-wrapper] .title-img .img-wrapper img {
  width: 100%;
  height: 100%;
}
#contents .view-page .view-contents-wrapper .view-article .prev-next-links .prev-link:hover .arrow-icon,
#contents .view-page .view-contents-wrapper .view-article .prev-next-links .next-link:hover .arrow-icon {
  opacity: 1;
}
#contents .view-page .view-contents-wrapper .view-article .prev-next-links .prev-link:hover [class*=-title-wrapper],
#contents .view-page .view-contents-wrapper .view-article .prev-next-links .next-link:hover [class*=-title-wrapper] {
  border-color: #999;
}
#contents .view-page .view-contents-wrapper .view-article .prev-next-links .prev-link:hover [class*=-title-wrapper] .title-img p,
#contents .view-page .view-contents-wrapper .view-article .prev-next-links .next-link:hover [class*=-title-wrapper] .title-img p {
  color: #2282B9;
}
#contents .view-page .view-contents-wrapper .view-article .prev-next-links .prev-link {
  margin-right: auto;
}
#contents .view-page .view-contents-wrapper .view-article .prev-next-links .prev-link .arrow-icon {
  left: 0;
  background: url("/resource/image/pc/ico/viewPrev.svg") center/24px no-repeat;
}
#contents .view-page .view-contents-wrapper .view-article .prev-next-links .prev-link .prev-title-wrapper {
  margin-left: 32px;
}
#contents .view-page .view-contents-wrapper .view-article .prev-next-links .prev-link .prev-title-wrapper .prev-txt::after {
  right: 0;
}
#contents .view-page .view-contents-wrapper .view-article .prev-next-links .next-link {
  margin-left: auto;
}
#contents .view-page .view-contents-wrapper .view-article .prev-next-links .next-link .arrow-icon {
  right: 0;
  background: url("/resource/image/pc/ico/viewNext.svg") center/24px no-repeat;
}
#contents .view-page .view-contents-wrapper .view-article .prev-next-links .next-link .next-title-wrapper {
  margin-right: 32px;
}
#contents .view-page .view-contents-wrapper .view-article .prev-next-links .next-link .next-title-wrapper .next-txt::after {
  left: 0;
}
#contents .view-page .view-contents-wrapper .view-article .related-articles-wrapper {
  padding: 46px 0 10px 0;
}
#contents .view-page .view-contents-wrapper .view-article .related-articles-wrapper .title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 26px;
}
#contents .view-page .view-contents-wrapper .view-article .related-articles-wrapper .related-articles-links .related-articles-list {
  margin-bottom: 16px;
  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;
  padding-left: 6px;
  padding-right: 6px;
}
#contents .view-page .view-contents-wrapper .view-article .related-articles-wrapper .related-articles-links .related-articles-list:last-child {
  margin-bottom: 0;
}
#contents .view-page .view-contents-wrapper .view-article .related-articles-wrapper .related-articles-links .related-articles-list::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #545454;
}
#contents .view-page .view-contents-wrapper .view-article .related-articles-wrapper .related-articles-links .related-articles-list .related-articles-link {
  width: calc(100% - 18px);
  color: #484848;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  line-height: 24px;
}
#contents .view-page .view-contents-wrapper .view-article .related-articles-wrapper .related-articles-links .related-articles-list .related-articles-link:hover {
  color: #2282b9;
}
#contents .view-page .view-contents-wrapper .view-article .hashtag-links-wrapper {
  padding: 34px 7px 0 7px;
}
#contents .view-page .view-contents-wrapper .view-article .hashtag-links-wrapper .hashtag-links .hashtag-list {
  margin-bottom: 8px;
}
#contents .view-page .view-contents-wrapper .view-reporter {
  padding: 12px 24px 12px 16px;
  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;
}
#contents .view-page .view-contents-wrapper .view-reporter.three {
  padding: 17px 20px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#contents .view-page .view-contents-wrapper .view-reporter.three .reporter-info {
  width: 33.33%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#contents .view-page .view-contents-wrapper .view-reporter.three .reporter-info .reporter-name-link {
  margin-bottom: 8px;
}
#contents .view-page .view-contents-wrapper .view-reporter.three .reporter-info .mailto-btn .mail-txt {
  font-size: 14px;
  color: #666;
}
#contents .view-page .view-contents-wrapper .view-reporter.multiple {
  padding: 17px 20px;
}
#contents .view-page .view-contents-wrapper .view-reporter.multiple .reporter-infoes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
#contents .view-page .view-contents-wrapper .view-reporter.multiple .reporter-infoes .reporter-infoes-list {
  width: 25%;
}
#contents .view-page .view-contents-wrapper .view-reporter.multiple .reporter-infoes .reporter-infoes-list:nth-child(n+5) {
  margin-top: 8px;
}
#contents .view-page .view-contents-wrapper .view-reporter.multiple .reporter-infoes .reporter-infoes-list .reporter-name-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#contents .view-page .view-contents-wrapper .view-reporter.multiple .reporter-infoes .reporter-infoes-list .reporter-name-link .home-icon {
  margin-right: 6px;
  width: 16px;
  height: 16px;
  background-image: url(/resource/image/pc/icon_reporter_home.png);
  background-size: 16px;
  margin-top: 1px;
}
#contents .view-page .view-contents-wrapper .view-reporter.multiple .reporter-infoes .reporter-infoes-list .reporter-name-link .reporter-name {
  font-weight: 500;
}
#contents .view-page .view-contents-wrapper .view-reporter .reporter-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#contents .view-page .view-contents-wrapper .view-reporter .reporter-info .reporter-img-wrapper {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-right: 12px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#contents .view-page .view-contents-wrapper .view-reporter .reporter-info .reporter-img-wrapper .default-img {
  display: block;
  width: 48px;
  height: 48px;
  background: url("/resource/image/pc/ico/reporterProfile.svg") center center no-repeat;
}
#contents .view-page .view-contents-wrapper .view-reporter .reporter-info .reporter-img-wrapper .image {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#contents .view-page .view-contents-wrapper .view-reporter .reporter-info .reporter-img-wrapper img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#contents .view-page .view-contents-wrapper .view-reporter .reporter-info .reporter-name-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 12px;
}
#contents .view-page .view-contents-wrapper .view-reporter .reporter-info .reporter-name-link .home-icon {
  margin-right: 6px;
  width: 16px;
  height: 16px;
  background-image: url(/resource/image/pc/icon_reporter_home.png);
  background-size: 16px;
  margin-top: 1px;
}
#contents .view-page .view-contents-wrapper .view-reporter .reporter-info .reporter-name-link .reporter-name {
  font-weight: 500;
}
#contents .view-page .view-contents-wrapper .view-reporter .reporter-info .mailto-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#contents .view-page .view-contents-wrapper .view-reporter .reporter-info .mailto-btn .mail-icon {
  margin-right: 6px;
  width: 16px;
  height: 16px;
  background: url(/resource/image/pc/icon_reporter_mail.png) no-repeat center center/16px;
  margin-top: 3px;
}
#contents .view-page .view-contents-wrapper .view-reporter .reporter-txt {
  font-size: 14px;
  font-weight: 500;
  color: #666;
}
#contents .view-page .view-contents-wrapper .view-article-like {
  padding: 24px 0 24px 0;
}
#contents .view-page .view-contents-wrapper .view-article-like > .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  color: #484848;
  text-align: center;
  margin-bottom: 30px;
}
#contents .view-page .view-contents-wrapper .view-article-like .like-btns {
  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;
}
#contents .view-page .view-contents-wrapper .view-article-like .like-btns .like-btns-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 80px;
}
#contents .view-page .view-contents-wrapper .view-article-like .like-btns .like-btns-list:last-child {
  margin-right: 0;
}
#contents .view-page .view-contents-wrapper .view-article-like .like-btns .like-btns-list .like-btn {
  width: 60px;
  height: 60px;
  background: url("/resource/image/pc/ico/viewLike.svg") center center no-repeat;
}
#contents .view-page .view-contents-wrapper .view-article-like .like-btns .like-btns-list .like-btn.on {
  background: url("/resource/image/pc/ico/viewLikeOn.svg") center center no-repeat;
}
#contents .view-page .view-contents-wrapper .view-article-like .like-btns .like-btns-list .like-btn:hover {
  background: url("/resource/image/pc/ico/viewLikeOn.svg") center center no-repeat;
}
#contents .view-page .view-contents-wrapper .view-article-like .like-btns .like-btns-list .cheer-btn {
  width: 60px;
  height: 60px;
  background: url("/resource/image/pc/ico/viewCheer.svg") center center no-repeat;
}
#contents .view-page .view-contents-wrapper .view-article-like .like-btns .like-btns-list .cheer-btn.on {
  background: url("/resource/image/pc/ico/viewCheerOn.svg") center center no-repeat;
}
#contents .view-page .view-contents-wrapper .view-article-like .like-btns .like-btns-list .cheer-btn:hover {
  background: url("/resource/image/pc/ico/viewCheerOn.svg") center center no-repeat;
}
#contents .view-page .view-contents-wrapper .view-article-like .like-btns .like-btns-list .want-btn {
  width: 60px;
  height: 60px;
  background: url("/resource/image/pc/ico/viewWant.svg") center center no-repeat;
}
#contents .view-page .view-contents-wrapper .view-article-like .like-btns .like-btns-list .want-btn.on {
  background: url("/resource/image/pc/ico/viewWantOn.svg") center center no-repeat;
}
#contents .view-page .view-contents-wrapper .view-article-like .like-btns .like-btns-list .want-btn:hover {
  background: url("/resource/image/pc/ico/viewWantOn.svg") center center no-repeat;
}
#contents .view-page .view-contents-wrapper .view-article-like .like-btns .like-btns-list .btn-title-wrapper {
  margin-left: 16px;
}
#contents .view-page .view-contents-wrapper .view-article-like .like-btns .like-btns-list .btn-title-wrapper .btn-title {
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  color: #484848;
  margin-bottom: 8px;
}
#contents .view-page .view-contents-wrapper .view-article-like .like-btns .like-btns-list .btn-title-wrapper .click-numbers {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #126eba;
}
#contents .view-page .view-contents-wrapper .view-series .view-series-swiper {
  padding: 0 24px;
}
#contents .view-page .view-contents-wrapper .view-series .view-series-slide {
  padding: 0 24px;
}
#contents .view-page .view-contents-wrapper .view-region-news .view-region-news-links {
  padding: 0 24px 24px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#contents .view-page .view-contents-wrapper .view-region-news .view-region-news-links .main-news .view-link {
  width: 556px;
}
#contents .view-page .view-contents-wrapper .view-region-news .view-region-news-links .main-news .view-link .thumbnail {
  height: 313px;
}
#contents .view-page .view-contents-wrapper .view-region-news .view-region-news-links .main-news .view-link .title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  margin-top: 16px;
  padding: 0;
}
#contents .view-page .view-contents-wrapper .view-region-news .view-region-news-links .sub-news-list .view-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 334px;
  margin-bottom: 16px;
}
#contents .view-page .view-contents-wrapper .view-region-news .view-region-news-links .sub-news-list .view-link:last-child {
  margin-bottom: 0;
}
#contents .view-page .view-contents-wrapper .view-region-news .view-region-news-links .sub-news-list .view-link .thumbnail {
  width: 152px;
  height: 85px;
}
#contents .view-page .view-contents-wrapper .view-region-news .view-region-news-links .sub-news-list .view-link .txt-wrapper {
  width: 174px;
}
#contents .view-page .view-contents-wrapper .view-region-news .view-region-news-links .sub-news-list .view-link .txt-wrapper .title {
  -webkit-line-clamp: 3;
  margin: 0;
  padding: 0;
}
#contents .view-page .comment-notice {
  padding: 20px 0 24px 0;
  border-top: 2px solid #ccc;
  border-bottom: 1px solid #dfe2e2;
  margin-top: 24px;
  margin-bottom: 50px;
}
#contents .view-page .comment-notice .notice-icon {
  width: 24px;
  height: 24px;
  background: url("/resource/image/pc/ico/noticeIcon.svg") center center no-repeat;
  margin: 0 auto;
}
#contents .view-page .comment-notice .notice-text {
  color: #5b7c8e;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  text-align: center;
  margin-top: 12px;
}
#contents .view-page #msg {
  padding: 24px;
  width: auto !important;
}
#contents .view-box {
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  background-color: #fff;
  margin: 24px auto;
}
#contents .view-box .view-links {
  padding: 0 24px 24px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#contents .view-box .view-links .view-link:nth-child(n+5) {
  margin-top: 32px;
}
#contents .view-box .view-link {
  width: 210.5px;
  display: block;
}
#contents .view-box .view-link:hover .thumbnail .img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
#contents .view-box .view-link:hover .title {
  color: #2282b9;
}
#contents .view-box .view-link .thumbnail {
  height: 118px;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
#contents .view-box .view-link .thumbnail .img {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
#contents .view-box .view-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;
}
#contents .view-box .view-link .thumbnail .play-icon.large {
  width: 42px;
  height: 42px;
  background-size: 42px 42px;
  bottom: 16px;
  right: 16px;
}
#contents .view-box .view-link .title {
  line-height: 24px;
  padding: 0 4px;
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#contents .view-box > .title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 21px 24px;
}
#contents .view-box > .title-wrapper .title {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.5px;
}
#contents .view-box > .title-wrapper .sub-title {
  color: #666;
  margin-left: 16px;
}
#contents .view-box > .title-wrapper .sub-title.has-line {
  margin-left: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#contents .view-box > .title-wrapper .sub-title.has-line::before {
  content: "";
  display: block;
  width: 1px;
  height: 18px;
  background-color: #d9d9d9;
  margin-right: 12px;
}
#contents .view-box .view-title-look-more {
  padding: 18px 24px 17px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#contents .view-box .view-title-look-more .title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#contents .view-box .view-title-look-more .title-wrapper .title {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.5px;
}
#contents .view-box .view-title-look-more .title-wrapper .sub-title {
  color: #666;
  margin-left: 16px;
}
#contents .view-box .view-title-look-more .title-wrapper .sub-title.has-line {
  margin-left: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#contents .view-box .view-title-look-more .title-wrapper .sub-title.has-line::before {
  content: "";
  display: block;
  width: 1px;
  height: 18px;
  background-color: #d9d9d9;
  margin-right: 12px;
}
#contents .error-box-wrapper {
  padding-top: 20px;
}
#contents .error-box-wrapper .error-box {
  width: 1280px;
  padding: 154px 0;
  margin: 0 auto;
}
#contents .error-box-wrapper .error-box .error-icon {
  width: 87px;
  height: 87px;
  margin: 0 auto;
  background: url("/resource/image/pc/ico/errorIcon.svg") center center no-repeat;
}
#contents .error-box-wrapper .error-box .error-text {
  font-size: 40px;
  font-weight: 500;
  text-align: center;
  margin: 30px 0 50px 0;
}
#contents .error-box-wrapper .error-box .error-text .strong-text {
  font-size: 40px;
  font-weight: 700;
}
#contents .error-box-wrapper .error-box .error-text.delete-text {
  margin: 30px 0;
}
#contents .error-box-wrapper .error-box .delete-sub-text {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  margin-bottom: 30px;
}
#contents .error-box-wrapper .error-box .buttons-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#contents .error-box-wrapper .error-box .buttons-wrapper .home-button {
  margin-right: 8px;
}
#contents .error-box-wrapper .error-box .buttons-wrapper .home-button,
#contents .error-box-wrapper .error-box .buttons-wrapper .prev-page-button {
  display: block;
  padding: 5px 16px;
  border-radius: 100px;
  border: 1px solid #e0e0e0;
  font-size: 16px;
  line-height: 23px;
  color: #484848;
  font-weight: 500;
}
#contents .error-box-wrapper .error-box .address {
  font-size: 15px;
  line-height: 20px;
  color: #484848;
  text-align: center;
  margin-top: 20px;
}
#contents .anchor-report {
  margin-top: 32px;
}
#contents .anchor-report:first-child {
  margin-top: 0;
}
#contents .anchor-report .badge {
  display: inline-block;
  padding: 4px 30px;
  border-radius: 5px 0 5px 0;
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 0;
}
#contents .anchor-report .text {
  font-size: 18px;
  line-height: 28px;
  color: #484848;
}
#contents .anchor-report .anchor-text,
#contents .anchor-report .report-text {
  border-radius: 10px;
  padding: 16px 32px 16px 16px;
}
#contents .anchor-report .anchor-text {
  background-color: #f4f8ff;
}
#contents .anchor-report .anchor-text .badge {
  background-color: #53a6ea;
}
#contents .anchor-report .report-text {
  background-color: #f9f9f9;
  margin-top: 24px;
}
#contents .anchor-report .report-text .badge {
  background-color: #616161;
}
#contents .anchor-report .report-text div {
  line-height: 28px;
  font-size: 18px !important;
  border: 1px solid #dbdbdb !important;
}
#contents .view-image-slide-wrapper {
  position: relative;
  margin-bottom: 40px;
}
#contents .view-image-slide-wrapper .pagination {
  margin-top: 14px;
  text-align: center;
  font-weight: 400;
  color: #7c7c7c;
}
#contents .view-image-slide-wrapper .pagination * {
  letter-spacing: -0.05em;
}
#contents .view-image-slide-wrapper .pagination .current-page {
  font-weight: 500;
  color: #2282b9;
}
#contents .view-image-slide-wrapper .pagination .slash {
  font-weight: 500;
  color: #7c7c7c;
}
#contents .view-image-slide-wrapper .pagination .last-page {
  font-weight: 400;
  color: #7c7c7c;
}
#contents .view-image-slide-wrapper .view-image-slide {
  margin: 0 auto;
}
#contents .view-image-slide-wrapper .view-image-slide .images {
  position: relative;
  width: 100%;
  height: 640px;
}
#contents .view-image-slide-wrapper .view-image-slide .images .images-list {
  position: absolute;
  top: 0;
  left: 0;
  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;
  width: 100%;
  height: 100%;
  z-index: -1;
}
#contents .view-image-slide-wrapper .view-image-slide .images .images-list img {
  max-width: 800px;
  max-height: 640px;
  border-radius: 5px;
}
#contents .view-image-slide-wrapper .view-image-slide .images .images-list.on {
  z-index: 0;
}
#contents .view-image-slide-wrapper .prev-button,
#contents .view-image-slide-wrapper .next-button {
  width: 30px;
  height: 60px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#contents .view-image-slide-wrapper .prev-button {
  left: 0;
  background: url("/resource/image/pc/ico/viewSlideBtnLeft.svg") center center no-repeat;
  background-size: 100% 100%;
}
#contents .view-image-slide-wrapper .prev-button:disabled {
  background: url("/resource/image/pc/ico/viewSlideBtnDisabledLeft.svg") center center no-repeat;
  background-size: 100% 100%;
}
#contents .view-image-slide-wrapper .next-button {
  right: 0;
  background: url("/resource/image/pc/ico/viewSlideBtnRight.svg") center center no-repeat;
  background-size: 100% 100%;
}
#contents .view-image-slide-wrapper .next-button:disabled {
  background: url("/resource/image/pc/ico/viewSlideBtnDisabledRight.svg") center center no-repeat;
  background-size: 100% 100%;
}
#contents .detail-visual {
  margin: 0;
  margin-top: 16px;
  margin-bottom: 40px;
}
#contents .detail-visual img {
  max-width: 100%;
  margin: 0 auto;
}
#contents .detail-visual .image-caption {
  font-size: 16px;
  color: #666;
  margin-top: 16px;
}
#contents .summary-box {
  width: 673px;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 14px 24px;
  margin-bottom: 24px;
}
#contents .summary-box * {
  letter-spacing: -0.05em;
}
#contents .summary-box .title {
  font-weight: 500;
  font-size: 18px;
  margin-right: 16px;
}
#contents .summary-box .text {
  border-left: 1px solid #eaeaea;
  padding-left: 18px;
  width: calc(100% - 56px);
  line-height: 28px;
  color: #484848;
}
#contents .detail-body {
  padding: 0 7px;
  font-size: 18px;
  line-height: 28px;
  color: #484848;
  letter-spacing: -0.05em;
}
#contents .detail-body * {
  letter-spacing: -0.05em;
}
#contents .detail-body .view_img_wrap {
  width: auto;
  margin: 0 auto;
  text-align: center;
}
#contents .detail-body .view_img_wrap img {
  display: block;
  margin: 0 auto;
  max-width: 673px !important;
  border-radius: 5px;
}
#contents .detail-body .view_img_wrap .view_img_dsc {
  display: block;
  text-align: center;
  margin-top: 16px;
  font-size: 16px;
  color: #666;
}
#contents .detail-body .photo-box {
  margin-top: 80px;
  text-align: center;
}
#contents .detail-body .photo-box .image-block {
  display: inline-block;
  text-align: center;
}
#contents .detail-body .photo-box .image-block .title {
  padding-top: 16px;
  font-size: 18px;
  display: block;
  font-weight: 500;
  text-align: left;
}
#contents .detail-body .photo-box .description-block {
  text-align: left;
  padding-top: 30px;
}
#contents .detail-body .photo-box .description-block .text {
  font-size: 18px;
  line-height: 28px;
  color: #484848;
}
#contents .detail-body b,
#contents .detail-body strong {
  font-size: 18px;
  font-weight: 500;
}
#contents .detail-body .bold-text {
  font-size: 18px;
  font-weight: 500;
}
#contents .detail-body .detail-link-wrapper {
  display: inline-block;
}
#contents .detail-body .detail-link-wrapper .link-description {
  font-size: 18px;
  font-weight: 500;
  color: #484848;
}
#contents .detail-body .detail-link-wrapper .detail-link {
  font-size: 18px;
  color: #2282b9;
  font-weight: 400;
}
#contents .detail-body .detail-link-wrapper .detail-link:hover {
  text-decoration: underline;
}
#contents .view-image-click {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 0 7px;
}
#contents .view-image-click .image-click-list {
  width: 147px;
  height: 83px;
  margin-right: 2px;
  position: relative;
}
#contents .view-image-click .image-click-list.on::after {
  content: "";
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  background-color: transparent;
  border: 4px solid #0e2935;
  position: absolute;
  top: 0;
  left: 0;
}
#contents .view-image-click .image-click-list:nth-child(6n) {
  margin-right: 0;
}
#contents .view-image-click .image-click-list:nth-child(n+7) {
  margin-top: 2px;
}
#contents .view-image-click .image-click-list .image-click-button {
  width: 100%;
  height: 100%;
}
#contents .view-image-click .image-click-list .image-click-button img {
  width: 100%;
  height: 100%;
}
#contents .view-article-image-wrapper {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#imgVodThumbnail {
  margin: 0 auto;
}

.artical-btm {
  font-size: 18px;
}

.section.vod {
  position: relative;
  margin-bottom: 20px;
}
.section.vod .desc {
  display: block;
  clear: both;
  margin: 10px auto;
  line-height: 1.4;
  color: #777;
  font-size: 13px;
  text-align: left;
}
.section.vod .btn-cancel {
  display: none;
  position: absolute;
  right: 0;
  top: -34px;
  padding: 7px;
  border: 1px solid #e6e6e6;
}

.vod-wrap {
  position: relative;
  width: 750px;
  height: 422px;
}

.detail-body {
  padding: 0;
  font-size: 18px;
  color: #484848;
  line-height: 28px;
  letter-spacing: 0;
  overflow: hidden;
  font-weight: 400;
  margin-top: 32px;
}
.detail-body:has([id^=contentsTag_]:first-child) {
  margin-top: 0;
}
.detail-body [id^=contentsTag_] {
  margin: 0 -7px;
}
.detail-body.no-margin {
  margin-top: 0;
}
.detail-body span {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}
.detail-body .section.vod {
  height: auto;
  margin-left: -25px;
}
.detail-body a {
  color: #0088c8;
  overflow: hidden;
  display: inline;
  font-weight: 500;
}
.detail-body div.anchor {
  padding: 10px 23px 15px;
  margin: 0px 0px 28px;
  background: rgba(18, 18, 55, 0.04);
  font-weight: 300;
  line-height: 30px;
}
.detail-body div.anchor span.anchor {
  color: rgb(18, 18, 55);
  font-size: 18px;
  font-weight: 700;
}
.detail-body div.report {
  padding: 10px 23px 15px;
  margin: 0px 0px 28px;
  font-weight: 300;
  background: rgba(0, 128, 204, 0.04);
  line-height: 30px;
}
.detail-body div.report span.report {
  font-size: 18px;
  font-weight: 700;
  color: #0080cc;
}
.detail-body span {
  font-size: 18px;
  line-height: 28px;
}
.detail-body .photo_box {
  text-align: center;
}
.detail-body .photo_box:after {
  content: "";
  display: block;
}
.detail-body .img_blk {
  display: inline-block;
  margin-top: 100px;
  text-align: center;
}
.detail-body .tit {
  padding-top: 15px;
  display: block;
  font-weight: 500;
  text-align: left;
}
.detail-body .desc_blk {
  text-align: left;
  padding-top: 30px;
  line-height: 28px;
}
.detail-body .view_img_dsc {
  display: block;
  clear: both;
  margin: 10px auto;
  line-height: 1.4;
  color: #777;
  font-size: 13px;
  text-align: left;
}
.detail-body .detail-visual {
  margin: 0 0 35px 0;
}
.detail-body .detail-visual .vod-control.fl-wrap {
  width: 750px;
  margin: 0 -25px;
}
.detail-body .detail-visual .vod-control.fl-wrap .fr a {
  display: inline-block;
  color: #000;
}

.component {
  width: 100%;
  margin-bottom: 80px;
}

.detail-visual {
  position: relative;
  margin: 0 35px 35px 35px;
  text-align: center;
}
.detail-visual img {
  max-width: 80% !important;
  border-radius: 10px;
}
.detail-visual .section.photonews {
  padding: 0 25px;
}
.detail-visual.component {
  width: auto;
}

.photo-desc {
  padding-top: 26px;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.3px;
  font-weight: 300;
}

.component-box {
  margin: 0 auto;
  width: 1200px;
}

.component .component-box {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.component .component-box:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}

.cardnews {
  position: relative;
  width: auto;
}
.cardnews .slider {
  width: 500px;
  margin: 0 auto;
}
.cardnews .progress {
  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;
  width: 76px;
  line-height: 22px;
  margin: 10px auto 0 auto;
  border-radius: 10px;
  padding: 0 20px;
  border: 1px solid #b7b7b9;
  font-size: 12px;
  color: #787878;
}
.cardnews .progress span {
  vertical-align: top;
}
.cardnews .disabled {
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.cardnews .btn-prev {
  left: 0;
}
.cardnews .btn-next {
  right: 0;
}
.cardnews .btn-next .ico {
  background-position: 100% 0;
}
.cardnews .nav {
  position: absolute;
  top: 0;
  width: 125px;
  height: 500px;
}
.cardnews .nav .ico {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 39px;
  height: 72px;
  margin: -36px 0 0 -18px;
  background-image: url(/resource/image/pc/arrow-slide4.png);
  background-repeat: no-repeat;
}

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  z-index: 1;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel .owl-stage-outer {
  overflow: hidden;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-stage {
  position: relative;
}
.owl-carousel .owl-stage::after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
}
.owl-carousel .owl-item img {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
}

.article-summary {
  position: relative;
  margin: 0 60px 54px 60px;
  font-size: 17px;
  color: #000;
  line-height: 30px;
  padding-left: 15px;
}
.article-summary:before {
  position: absolute;
  left: 0;
  top: 6px;
  bottom: 5px;
  width: 2px;
  background: #4d4d4d;
  content: "";
  display: block;
}

.fl {
  float: left;
}

.fl-wrap {
  position: relative;
  padding-bottom: 8px;
}
.fl-wrap:after {
  content: "";
  display: block;
  clear: both;
  zoom: 1;
}

.fr {
  float: right;
}

.btn-wh {
  display: inline-block;
  height: 30px;
  min-width: 75px;
  line-height: 28px;
  margin-left: 6px;
  border: 1px solid #949699;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  font-size: 13px;
}
.btn-wh:first-child {
  margin-left: 0;
}
.btn-wh.hover.on {
  background-color: #343565;
  border: 1px solid #343565;
  color: #fff !important;
}

.images-list_desc_box * {
  letter-spacing: -0.05em;
}
.images-list_desc_box.on {
  display: block;
}
.images-list_desc_box:not(.on) {
  display: none;
}
.images-list_desc_box .tit {
  display: block;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 14px;
}
.images-list_desc_box .txt {
  font-size: 18px;
}